@charset "utf-8";
html,body,ul{margin:0; padding:0;}
body{background: #f8f8f8; padding-top: 60px;}
.bg-white{background: #fff;}
.more{float: right; font-size: 85%; font-weight: normal;}
.more, .more a{color: #70757a;}
.more a:hover{text-decoration: underline;}
.b{font-weight: bold;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.hide-1{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hide-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.panel-title{font-weight: bold;}
.media-body h4{font-size: 15px;}
.breadcrumb{background: none; color: #777; margin: 0; padding: 0;}

/*间距*/
.m-0{margin: 0;}
.m-10{margin: 10px;}
.mt-0{margin-top:0;}
.mb-0{margin-bottom:0;}
.mx-5{margin: 0 5px;}
.my-5{margin: 5px 0;}
.mt-5{margin-top: 5px;}
.mb-5{margin-bottom: 5px;}
.mr-5{margin-right: 5px;}
.mx-10{margin: 0 10px;}
.my-10{margin: 10px 0;}
.my-15{margin: 15px 0;}
.my-20{margin: 20px 0;}
.mt-10{margin-top: 10px;}
.mb-10{margin-bottom: 10px;}
.mr-10{margin-right: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mb-05{margin-bottom: -5px;}
.mt-010{margin-top: -10px;}
.mt-015{margin-top: -15px;}

.p-0{padding: 0;}
.p-10{padding: 10px;}
.pt-0{padding-top:0;}
.pb-0{padding-bottom:0;}
.px-5{padding: 0 5px;}
.py-5{padding: 5px 0;}
.pt-5{padding-top: 5px;}
.pb-5{padding-bottom: 5px;}
.px-10{padding: 0 10px;}
.py-10{padding: 10px 0;}
.py-20{padding: 20px 0;}
.py-40{padding: 40px 0;}
.pt-10{padding-top: 10px;}
.pt-20{padding-top: 10px;}
.pb-10{padding-bottom: 10px;}
.pt-40{padding-top: 40px;}

/*顶部*/
.logo a{color: #4285f4; font-weight: bold; font-size: 24px;}
/* ---增加标准下拉菜单的行高 --- */
.navbar-nav > li:not(.submenubg).dropdown .dropdown-menu > li > a {padding-top: 10px; padding-bottom: 10px;}
/* --- 增大语言选择下拉菜单的行高 --- */
.navbar-right .dropdown-menu > li > a{padding-top:10px; padding-bottom:10px; line-height:1.5;}


/*footer*/
.footer-dark { background: #1f1f1f; color: #aaa; padding-top: 40px; }
.footer-dark h4 { color: #fff; font-size: 16px;  margin-bottom: 20px; font-weight: 600; }
.footer-dark ul li { margin-bottom: 10px; }
.footer-dark a { color: #aaa; }
.footer-dark a:hover { color: #fff; text-decoration: none; }
.footer-bottom {
    background: #111;
    padding: 15px 0;    /* 增加上下内边距 */
    margin-top: 30px;   /* 增加与上方内容的距离 */
    font-size: 13px;
    color: #666;        /* 稍微降低对比度，让版权信息不抢眼 */
}
/* Footer Slogan Box 专用样式 */
.slogan-box {
    background: #222;           /* 深色背景 */
    padding: 10px;              /* 内边距 */
    border-left: 3px solid #337ab7; /* 左侧蓝色强调线 (Bootstrap主色) */
    border-radius: 0 4px 4px 0; /* 仅右侧圆角，左侧直角以配合边框线 */
    color: #f2f2f2;                /* 白色文字 */
    font-size: 14px;            /* 字号 */
    font-weight: 600;           /* 半粗体 */
    letter-spacing: 1px;        /* 字母间距，增加精致感 */
}



/*返回顶部*/
#toTop{position: fixed;bottom: 200px;right: 10px;cursor: pointer;display: none;}

/*网站首页*/
 .hero-banner {
     background: url("../images/banner-background.webp") no-repeat center center; /* 使用您现有的高清图 */
     background-size: cover;
     color: #fff;
     padding: 120px 0 120px;
     margin-top: -10px;
     position: relative;
 }
.hero-banner::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); /* 深色遮罩 */ }
.hero-content { position: relative; z-index: 2; }
.hero-title { font-size: 48px; font-weight: 700; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }

/* --- Feature Box --- */
.feature-icon {font-size: 48px; color: #337ab7; border-radius: .1em;}
.text-black{color: #333;}


/*内容article-content*/
.content-head{padding-left:15px;margin-bottom:15px;border-bottom:1px solid #eee;}
.content-head h1{font-size:2.2em; color:#222; font-weight:bold;}
@media (max-width:767px) {.content-head h1{font-size:1.8em;}}
.article-content p,.article-content li{font-size:18px;line-height:1.5;margin-bottom:20px;}
.article-content .embed-responsive{margin-bottom: 20px;}

/* 优化链接样式 (最终版，排除所有组件) */
/* 1. 为普通文本链接设置自定义样式 */
.article-content a:not(.btn):not(.all-button):not([data-toggle]),
.content a:not(.btn):not(.all-button):not([data-toggle]) {
    color: #337ab7;
    text-decoration: none;
    border-bottom: 1px dotted #337ab7;
    transition: all 0.2s ease-in-out;
}

.article-content a:not(.btn):not(.all-button):not([data-toggle]):hover,
.article-content a:not(.btn):not(.all-button):not([data-toggle]):focus,
.content a:not(.btn):not(.all-button):not([data-toggle]):hover,
.content a:not(.btn):not(.all-button):not([data-toggle]):focus {
    color: #23527c;
    border-bottom-style: solid;
    text-decoration: none;
}


/* 3. 取消图片链接的下划线样式 */
.article-content a > img,
.article-content a:hover > img {
    border-bottom: none;
}


/*标题样式 */
.article-content h2{clear:both; font-size: 1.8em;font-weight: 700;color: #1a3a6e;padding-bottom: 10px;margin-top: 40px;margin-bottom: 20px;border-bottom: 2px solid #e0e0e0;}
.article-content h3{clear:both; font-size: 1.5em;font-weight: 700;color: #2c4a7e;margin-top: 40px;margin-bottom: 15px;line-height: 1.4;}
.article-content h4{clear:both; font-size: 1.2em;font-weight: 600;color: #333;margin-top: 30px;margin-bottom: 15px;text-transform: uppercase;}

.article-content ul,.article-content ol{margin-bottom: 20px;padding-left: 25px;}
.article-content ul ul,.article-content ul ol,.article-content ol ol,.article-content ol ul{margin-top: 10px;margin-bottom: 10px;padding-left: 30px;}
.article-content ul ul{list-style: circle;}
.article-content ul ul ul{list-style: square;}
.article-content dl{font-size:16px;line-height:1.6}
.article-content dl dd{margin-bottom: 15px;padding-left: 20px;border-left: 3px solid #f0f0f0;}
.article-photo li:has(img) {
    list-style-type: none;
}
/* 图片样式：保持响应式，增加阴影提升质感 */
.article-content img,
.article-content p > img {
    display: block;
    margin: 0 auto 5px; /* 减小下边距，为描述文字留出空间 */
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease;
}
.article-content img:hover,
.article-content p > img:hover{box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);}

/* 图片描述 (span) 样式 (已修正兼容链接图片) */
.article-content img + span,
.article-content a + span {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #777;
    font-style: italic;
    padding: 5px 10px;
    margin-bottom: 20px;
}

/* 表格 (Table) 样式，简洁清晰 */
.article-content table{width: 100%;margin-bottom: 25px;}
.article-content .col-md-3 p{font-size: 100%;}
.end-hr{border-top: 2px solid #999; padding-top: 20px; width: 100%; clear: both;}
.well h4 a{cursor: pointer;}



/* --- 百科词典列表页banner--- */
/* --- Knowledge Hero Banner 专用样式 --- */

.knowledge-banner {
    position: relative;
    background: url("../images/banner-background.webp") no-repeat center center;
    background-size: cover;      /* 关键：让图片自动缩放以撑满整个区域 */
    padding: 80px 0;             /* 上下内边距，决定 Banner 的高度 */
    color: #fff;                 /* 强制文字为白色 */
    border-radius: 0;            /* 去掉圆角 (如果 Bootstrap 默认有的话) */
    margin-top: -10px; /* 抵消 body 的 padding-top，如果需要 */
}

/* 强烈建议保留这个遮罩层，否则如果背景图太亮，白色文字会看不清 */
.knowledge-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* 深色半透明遮罩：0.6 表示 60% 不透明度，可根据实际图片亮度微调 */
    background: rgba(0,0,0,0.4);
}

/* 确保文字在遮罩层之上 */
.knowledge-banner .container {
    position: relative;
    z-index: 2;
}

/* 4. 文字排版微调 */
.knowledge-banner h1 {
    font-weight: 600;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* 增加文字阴影，进一步提升可读性 */
}



/*内容分步目录*/
#catalogbox {padding-top: 100px;}
@media screen and (max-width: 768px){#catalogbox {padding-top: 0px;}}
#catalogbox #sidebar-catalog{padding:20px 0; border-left:1px solid #cad1db; position:relative;}
#catalogbox #sidebar-catalog::after,#catalogbox #sidebar-catalog::before{content:""; position:absolute; width:9px; height:9px; background:-webkit-gradient(linear,left top,left bottom,from(#98a3b3),to(#d8e0ea)); background:-webkit-linear-gradient(#98a3b3,#d8e0ea); background:linear-gradient(#98a3b3,#d8e0ea); -webkit-box-shadow:0 0 0 1px #a4b2c6 inset,0 0 0 2px #d8e0ea inset,0 4px 3px rgba(166,180,199,.4); box-shadow:0 0 0 1px #a4b2c6 inset,0 0 0 2px #d8e0ea inset,0 4px 3px rgba(166,180,199,.4); left:-5px; border-radius:50%;}
#catalogbox #sidebar-catalog::before {top:5px;}
#catalogbox #sidebar-catalog::after {bottom:5px;}
#catalogbox #sidebar-catalog a{background:#fff; border:1px solid #ddd; display:block; padding:10px 15px; text-decoration:none; margin:5px 10px 5px 15px; -webkit-transition:color .1s,-webkit-box-shadow .25s,-webkit-transform .25s; transition:color .1s,-webkit-box-shadow .25s,-webkit-transform .25s; transition:box-shadow .25s,transform .25s,color .1s; transition:box-shadow .25s,transform .25s,color .1s,-webkit-box-shadow .25s,-webkit-transform .25s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#catalogbox #sidebar-catalog a.catalog-item-activated{color:#fff; background:#337ab7;}
#catalogbox #sidebar-catalog a.catalog-item-activated::after{background:#337ab7;}
#catalogbox #sidebar-catalog a:after{content:""; position:absolute; width:10px; height:10px; margin-top:5px; border-radius:50%; background:#a6b4c7; left:-5px; -webkit-box-shadow:0 0 0 1px #cad1db inset,0 0 0 2px #f0f2f7 inset; box-shadow:0 0 0 1px #cad1db inset,0 0 0 2px #f0f2f7 inset; -webkit-transition:.25s;transition:.25s;}

#show-more{width: 100%;}
#show-more .collapsed{margin-bottom: 20px;}
#show-more div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more a.collapsed:after{content: '+ Show More';}
#show-more a:not(.collapsed):after{content: '- Show Less';}

#show-more-kr{width: 100%;}
#show-more-kr .collapsed{margin-bottom: 20px;}
#show-more-kr div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-kr div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-kr div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-kr div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-kr a.collapsed:after{content: '+ 자세히 보기';}
#show-more-kr a:not(.collapsed):after{content: '- 간략히 표시';}

#show-more-jp{width: 100%;}
#show-more-jp .collapsed{margin-bottom: 20px;}
#show-more-jp div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-jp div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-jp div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-jp div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-jp a.collapsed:after{content: '+ 表示を増やす';}
#show-more-jp a:not(.collapsed):after{content: '- 表示を減らす';}

#show-more-es{width: 100%;}
#show-more-es .collapsed{margin-bottom: 20px;}
#show-more-es div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-es div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-es div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-es div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-es a.collapsed:after{content: '+ Mostrar más';}
#show-more-es a:not(.collapsed):after{content: '- Mostrar menos';}

#show-more-ru{width: 100%;}
#show-more-ru .collapsed{margin-bottom: 20px;}
#show-more-ru div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-ru div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-ru div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-ru div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-ru a.collapsed:after{content: '+ Показать ещё';}
#show-more-ru a:not(.collapsed):after{content: '- Скрыть';}

#show-more-tr{width: 100%;}
#show-more-tr .collapsed{margin-bottom: 20px;}
#show-more-tr div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-tr div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-tr div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-tr div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-tr a.collapsed:after{content: '+ Daha Fazla Göster';}
#show-more-tr a:not(.collapsed):after{content: '- Daha Az Göster';}

#show-more-vn{width: 100%;}
#show-more-vn .collapsed{margin-bottom: 20px;}
#show-more-vn div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-vn div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-vn div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-vn div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-vn a.collapsed:after{content: '+ Xem Thêm';}
#show-more-vn a:not(.collapsed):after{content: '- Thu Gọn';}

#show-more-de{width: 100%;}
#show-more-de .collapsed{margin-bottom: 20px;}
#show-more-de div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 350px !important; overflow: hidden;}
#show-more-de div.collapsing[aria-expanded="false"]{height: 350px !important; padding-left: 4px;}
@media screen and (max-width: 768px){#show-more-de div.collapse[aria-expanded="false"]{display: block; padding-left: 4px; height: 250px !important; overflow: hidden;}}
@media screen and (max-width: 768px){#show-more-de div.collapsing[aria-expanded="false"]{height: 250px !important; padding-left: 4px;}}
#show-more-de a.collapsed:after{content: '+ Mehr anzeigen';}
#show-more-de a:not(.collapsed):after{content: '- Weniger anzeigen';}

/*相关Related*/
.related li{padding: 5px 0; border-bottom: 1px dashed #e7e7e7;}
.related li img{float: left; margin-right: 10px;}
/* Related FAQs 优化样式 */
.border-right{border-right: 1px solid #ddd;}
@media (max-width: 991px) {
    .border-right { border-right: none; } /* 手机平板上取消右边框，改为单列 */
}

.flat-list .list-group-item {
    border: none; /* 去掉默认边框，使用网格线 */
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    border-radius: 0;
    padding: 15px;
}
.flat-list .list-group-item:last-child {
    border-bottom: none; /* 最后一个去掉底边框 */
}
.flat-list .list-group-item-heading {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 5px;
}
.flat-list .list-group-item:hover {
    background-color: #f9fcfd; /* 鼠标悬停时的淡蓝色背景 */
}




/* --- 供应商页面专用样式 --- */
.supplier-logo-box {border-right: 1px solid #eee; }
@media (max-width: 991px) { .supplier-logo-box { border-right: none; border-bottom: 1px solid #eee; margin-bottom: 20px; } }
.supplier-info h1 { margin-top: 0; font-size: 24px; font-weight: 700; color: #333; }
.supplier-meta li { margin-bottom: 10px; }



/*手机端顶部固定分类和地区*/
#category-sidebar{position: fixed; margin-right: -250px; top: 50px; bottom: 50px; right: 0; width: 250px; overflow-y:auto; z-index: 9999; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; -ms-transition: all 0.5s ease-in 0s;  -o-transition: all 0.5s ease-in 0s;}
#category-toggle{position: fixed; top: 0; left: 0px; width: 50%; z-index: 1;}
#categorys-toggle{position: fixed; top: 0; left: 0px; width: 100%; z-index: 1;}
#category-sidebar.active {right: 250px; width: 250px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s;}
#region-sidebar{position: fixed; margin-right: -250px; top: 50px; bottom: 50px; right: 0; width: 250px; overflow-y:auto; z-index: 9999; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; -ms-transition: all 0.5s ease-in 0s; -o-transition: all 0.5s ease-in 0s;}
#region-toggle{position: fixed; top: 0; right: 0px; width: 50%; z-index: 1000;}
#region-sidebar.active{right: 250px; width: 250px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s;}
#category-sidebar .list-group-item,#region-sidebar .list-group-item{background: #f4f4f4; color: #333;}
#category-sidebar .active,#region-sidebar .active{background: #337ab7; border-color: #337ab7; color: #fff;}

/*列表*/
.list-item-row {
    width: 100%;
    border-bottom: 1px dashed #e7e7e7;
    padding-bottom: 15px; /* 增加底部内边距 */
    margin-bottom: 15px; /* 增加项间距 */
    margin-left: 0;  /* 确保在 panel-body 内对齐 */
    margin-right: 0; /* 确保在 panel-body 内对齐 */
}


.tags span{background: #f0f9fe; padding:.3em .5em .3em; border:1px solid #66c1f1; line-height: 40px; white-space: nowrap; border-radius:.25em; margin: 0 5px;}
.tags span a{color: #0098e8; font-weight: normal;}
.tags span a:hover{text-decoration: underline;}
.tags dt{border-top: 1px dashed #ddd; padding-top: 10px;}
.list-tem-tags span{padding-right: 8px;}
.list-item li h4 small{line-height: 1.5; display: block; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.dict-tags a{text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.date{width: 64px; display: block; background: #5bc0de; color: #fff;font-size: 200%; font-weight: bold; line-height: 2.2;}
.years{width: 64px; display: block; background: #f0ad4e; color: #fff; font-size: 85%; line-height: 2; margin-top: 1px;}
.class-name a{color: #fff; line-height: 1.8;}
.markbox{position: relative;}
.markbox .mark{position: absolute; top: 5px; left: 20px; background: #337ab7; color: #fff; padding: 0 4px; font-size: 80%;}

/*侧边*/
.side-faq li{border-bottom: 1px dashed #e7e7e7; padding: 5px 0; color:#a94442;}
.side-product li{margin-bottom: 10px;}
.side-product figcaption{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top: 3px;}

/*产品*/
.product h1{margin: 0; font-size: 20px; border-bottom: 1px dashed #e7e7e7; padding-bottom: 10px;}
.product li{margin: 10px 0;}
.product li b{font-size: 20px; color: #a94442;}
.product li span{margin: 0 5px; padding: 5px; line-height: 2.5;}
.price{color: #a94442; font-weight: 600;}
.shopping-button{background: #449d44; border-top: 2px solid #4cae4c; line-height: 45px; font-size: 18px; text-align: center; font-weight: bold;}
.shopping-button a{color: #fff;}

.category dt a{color: #fff;}
.category dd i{display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:700; line-height:1; color:#fff; text-align:center; background:#777; border-radius:10px; margin-right: 5px;}
.platform-link,.platform-link:hover{color: #fff;}
.product-info li{line-height: 2;}
.product-info li strong{color: #ff4400; font-size: 20px; font-weight: 500;}
.product-info li em{font-style: normal; font-weight: bold; color: #ff4400;}

/*标签封面*/
.tag span{margin-bottom: 5px;}
.tag li a{text-decoration: none;}
.tag-ico{font-size: 120%;}
.tag-name{font-size: 110%; color: #333; display: block;}
.tag-num{color: #777;}

/*评论*/
.comment-item{display: flex; padding: 25px 0; border-bottom: 1px solid #f0f0f0;}
.comment-item:first-child{padding-top: 10px;}
.comment-item:last-child{border-bottom: none;}
.comment-avatar{margin-right: 20px;}
.comment-avatar .fa-user-circle{font-size: 48px; color: #ccc;}
.comment-body{flex:1;}
.comment-header{display: flex;justify-content: space-between; align-items: center; flex-wrap: wrap;}
.comment-text{margin: 15px 0;}

/* Author's reply style */
.comment-author-reply{background-color: #f8f9fa; border-left: 3px solid #337ab7; padding: 15px; margin-top: 15px; border-radius: 4px;}
.comment-author-reply .reply-label{font-weight: 600; color: #337ab7; margin-right: 5px;}

/* Comment Form Styling */
.comment-form-container.has-comments { border-top: 1px solid #f0f0f0; margin-top: 25px; padding-top: 25px;}
.comment-form-container h4{font-size: 16px; font-weight: 600; margin: 0 0 20px 0;}

/* === 评论区移动端适配 (START) === */
@media (max-width: 767px) {
    .comment-item{padding: 15px 0; flex-direction: column;}
    .comment-text,.comment-author-reply p{font-size: 15px;}
}


/*团队*/
.author-left{background: #F0F0F0;}
.author-left img{width: 80%;}
.author-information li{padding: 5px 0; font-size: 120%; padding-left: 30px;}
.author-sns li{padding-left: 30px; margin: 8px 0;}

/*cookies*/
.cookies-eu-banner{background:#337ab7; color:#fff; padding:5px; font-size:13px; text-align:center; position:fixed; bottom:0; width:100%; z-index:9999; border-top:1px solid #d7d8d9; border-bottom:1px solid #d7d8d9;}
.hidden{display:none;}
.cookie-link a,.cookie-link a:hover{color:rgba(255,206,0,1); margin:0 8px;}

/*隐私政策内容页Toggle Nav*/
@media screen and (max-width:767px){.row-offcanvas{position:relative;-webkit-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.row-offcanvas-right{right:0}.row-offcanvas-left{left:0}.row-offcanvas-right .sidebar-offcanvas{right:-50%}.row-offcanvas-left .sidebar-offcanvas{left:-50%}.row-offcanvas-right.active{right:50%}.row-offcanvas-left.active{left:50%}.sidebar-offcanvas{position:absolute;top:0;width:50%}}