/*--------------------------全--局-------------------------------*/
body{
    margin:0;
    padding:0;
    color:#444;
    font-size:14px;
    font-family: "微软雅黑","宋体","Trebuchet MS", Tahoma, Arial, sans-serif;
    /* background: linear-gradient(to bottom, #1F618D, #2980B9); */
    background-attachment: fixed;
}
a{
    text-decoration: none;
    transition: all 0.3s ease;
}
a:link {
    color: #2980B9;
}
a:visited {
    color: #2980B9;
}
a:hover {
    color: #F1C40F;
    text-decoration: none;
}
a:active {
    color: #F1C40F;
    text-decoration: none;
}

ol,ul,dl{
    list-style-type:none;
    list-style-position : outside;
    margin:0 0 0 0;
    padding:0 0 0 0;
}
li{
    margin:0 0 0 0;
    padding:0 0 0 0;
}

img{
    border:0;
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    transition: transform 0.3s ease;
}
img:hover {
    transform: scale(1.02);
}

p{
    margin:0 0 0 0;
    padding:0 0 0 0;
}

dl{
    margin:0 0 0 0;
    padding:0 0 0 0;
}
dd{
    margin:0 0 0 0;
    padding:0 0 0 0;
}
dt{
    margin:0 0 0 0;
    padding:0 0 0 0;
}
h1,h2,h3,h4,h5,h6{
    font-weight:normal;
}
.clear{
    clear:both;
}


/*---------------------------各模块设定-------------------------------*/
#divAll{
    width:100%;
    margin:0 auto;
    padding:0 0 0 0;
    text-align:center;
}

#divPage{
    width:100%;
    margin:0 auto;
    padding:0 0 0 0;
    text-align:center;
    text-align:center;
}

#divMiddle{
    width:1200px;
    margin:0 auto 0 auto;
    padding:0 0 0 0;
    text-align:left;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    /* margin-top: 20px; */
    /* margin-bottom: 30px; */
    overflow: hidden;
}

#divTop{
    width:100%;
    margin:0 auto;
    padding:30px 0 0 0;
    text-align:left;
    height:180px;
    clear:both;
    background: linear-gradient(90deg, #1F618D, #5DADE2);
    padding: 40px 30px;
    box-sizing: border-box;
}

#divSidebar{
    width:300px;
    margin:10px 0 0 0;
    padding:20px;
    text-align:left;
    float:right;
    box-sizing: border-box;
}

#divMain{
    width:850px;
    margin:10px 0 0 0;
    padding:20px;
    text-align:left;
    float:left;
    box-sizing: border-box;
}

#divBottom{
    width:100%;
    margin:0 0 0 0;
    padding:40px 0;
    text-align:center;
    clear:both;
    background-color: #1F618D;
    color: white;
}

/*-------------------------------导航栏--------------------------------*/
#divNavBar{
    float:right;
    width:100%;
    height:50px;
    color:#fff;
    background-color: rgba(31, 97, 141, 0.9);
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

#divNavBar h3{
    display:none;
}

#divNavBar ul{
    margin:0;
    padding:0 0 0 0;
    float:left;
}

#divNavBar li{
    float:left;
    padding:0 0 0 0;
    margin:0 0 0 0;
    font-size:1em;
}

#divNavBar a{
    float:left;
    margin:0 0 0px 0px;
    padding:14px 25px;
    text-decoration: none;
    line-height:22px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#divNavBar a.on{
    color: white;
    background:#5DADE2;
}

#divNavBar a:link {
    color: white;
}
#divNavBar a:visited {
    color: white;
}
#divNavBar a:hover {
    color:white;
    background: #5DADE2;
}

#divNavBar a:active {
    color:white;
    background: #5DADE2;
}

#divNavBar li {
  position: relative;
}

#divNavBar li ul {
  display: none;
  position: absolute;
  left: 0;
  white-space: nowrap;
  top: 50px;
  background-color: rgba(31, 97, 141, 0.9);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  border-radius: 0 0 5px 5px;
}

#divNavBar li:hover ul {
  display: block;
}

/*------------------------------侧边栏定义---------------------------*/
.function {
    float:left;
    width:100%;
    margin:0 0 20px 0;
    padding:0;
    text-align:left;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}
.function .function_t{
    font-size:1.15em;
    height:24px;
    line-height:24px;
    margin:0;
    padding:12px 15px;
    color:#fff;
    background:#1F618D;
    border:none;
    font-weight: bold;
}

.function ul{
    text-align:left;
    width:100%;
    margin:0 0 0 0;
    padding:10px 0;
    list-style-position:outside;
    list-style-type:none;
}
.function li{
    font-size:1em;
    margin:0 0 0 0;
    padding:8px 0 8px 15px;
    background:url("default/pointblue.gif") no-repeat 0 center;
    width:auto;
    border-bottom: 1px dashed #eee;
}
.function li:last-child {
    border-bottom: none;
}
.function .function_c{
    padding:10px 15px;
}
.function .function_c div{
    padding: 5px 0;
}

.function a{
    color:#2980B9;
}
.function a:hover{
    color:#F1C40F;
}

/* 文章样式 */
div.post {
    padding:0;
    margin:0 0 30px 0;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    overflow: hidden;
    transition: transform 0.3s ease;
}

div.post:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

div.istop-post{
    padding:0;
    margin:0 0 30px 0;
    border: 2px solid #F1C40F;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

div.post .post-title{
    font-size:1.4em;
    line-height:1.4em;
    color: #333;
    padding:20px 20px 10px 20px;
    margin:0;
    font-weight: bold;
}

div.post .post-title a {
    color: #1F618D;
}

div.post .post-title a:hover {
    color: #F1C40F;
}

div.istop-post .post-title{
    padding:20px 20px 10px 20px;
    margin:0;
    font-weight: bold;
    color: #1F618D;
    background-color: rgba(241, 196, 15, 0.1);
}

div.post .post-date{
    float:right;
    color: #888;
    font-size: 0.9em;
    margin-left: 10px;
    font-style: italic;
}

div.post .post-body{
    padding:5px 20px 0 20px;
    line-height:1.8;
    font-size: 1.05em;
    color: #555;
}
div.post .post-body img{
    padding: 20px 0;
    display: block;
    margin: 0 auto;
    max-width: 80%; 
}
div.post .post-body p{
    line-height: 1.8em;
    margin: 1em 0;
}
div.post .post-body h2{
    font-size: 1.3em;
    font-weight: 600;
}
div.post .post-body h3{
    font-size: 1.1em;
    font-weight: 600;
}
div.post .post-tags{
    padding:5px 20px;
    font-size: 0.9em;
    line-height:1.5em;
    color: #666;
    background-color: #f9f9f9;
}

div.post .post-footer{
    padding:10px 20px;
    font-size: 0.9em;
    line-height:1.5em;
    color: #666;
    background-color: #f9f9f9;
}

div.pagebar{
    padding:10px 0;
    text-align: center;
}

span.page{
    border: 1px solid #2980B9;
    padding: 8px 15px;
    margin: 0 2px;
    color: #2980B9;
    display: inline-block;
    border-radius: 4px;
}

span.now-page{
    border: 1px solid #1F618D;
    padding: 8px 15px;
    margin: 0 2px;
    color: white;
    display: inline-block;
    background-color: #1F618D;
    border-radius: 4px;
}

a:hover span.page{
    background-color: #5DADE2;
    color: white;
    border-color: #5DADE2;
}

/* 代码块样式 */
pre code {
    display: block;
    padding: 15px;
    background-color: #1A5276;
    color: #ECF0F1;
    border-radius: 5px;
    overflow: auto;
    font-family: monospace;
    margin: 10px 0;
}

/* 博客标题样式 */
#BlogTitle{
    font-size:2.5em;
    margin:10px 0 0 0;
    padding:0 0 0 0;
    font-weight:bolder;
    line-height: 1.2;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

#BlogTitle a{
    color: white;
}
#BlogTitle a:hover {
    color: #F1C40F;
}

#BlogTitle a:active {
    color: #F1C40F;
}

#BlogSubTitle{
    color: rgba(255, 255, 255, 0.8);
    font-size:1.2em;
    font-weight:normal;
    margin:5px 0 0 0;
    padding:0 0 0 0;
    line-height: 1.5;
}

/* 底部版权信息 */
#BlogPowerBy, #BlogCopyRight {
    color: rgba(255, 255, 255, 0.7);
    margin: 5px 0;
}

#BlogPowerBy a, #BlogCopyRight a {
    color: rgba(255, 255, 255, 0.8);
}

#BlogPowerBy a:hover, #BlogCopyRight a:hover {
    color: #F1C40F;
}

/* 夜间模式切换按钮 */
#nightModeToggle {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #1F618D;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    z-index: 999;
    transition: all 0.3s ease;
}

#nightModeToggle:hover {
    background-color: #F1C40F;
}

/* 返回顶部按钮 */
#backToTop {
    position: fixed;
    bottom: 70px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #1F618D;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    z-index: 999;
    transition: all 0.3s ease;
    opacity: 0;
}

#backToTop:hover {
    background-color: #F1C40F;
}

#backToTop.visible {
    opacity: 1;
}

/* 评论区域样式 */
ul.msg{
    margin:20px 0;
    padding:0;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

li.msgname{
    padding:10px 20px;
    background-color: #f5f9ff;
}

li.msgarticle{
    padding:10px 20px;
    line-height:1.8;
}

#divCommentPost {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    margin-top: 20px;
}

input.text {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

#txaArticle {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 150px;
    box-sizing: border-box;
}

input.button {
    background-color: #1F618D;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

input.button:hover {
    background-color: #5DADE2;
}

.post-meta {
    padding-left: 20px;
}
.read-more{
    padding: 0px 20px 20px 20px;
}
.post-nav{
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}
.post-prev{
    float: left;
}
.post-next{
    float: right;
}

/* 置顶文章样式 */
.istop-label {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #F1C40F;
    color: #fff;
    padding: 5px 10px;
    font-size: 0.9em;
    border-radius: 0 8px 0 8px;
    z-index: 1;
}

.istop-label i {
    margin-right: 5px;
}

div.istop-post {
    position: relative;
    border-top: 3px solid #F1C40F;
}

.read-more-btn.highlight {
    background-color: #F1C40F;
}

.read-more-btn.highlight:hover {
    background-color: #f39c12;
}

body.night-mode .read-more-btn.highlight {
    background-color: #F1C40F;
}

body.night-mode .read-more-btn.highlight:hover {
    background-color: #f39c12;
}

/* 面包屑导航 */
.breadcrumb {
    margin-bottom: 20px;
    padding: 10px 0;
    color: #999;
    font-size: 14px;
}

.breadcrumb a {
    color: #666;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: #e94c3d;
}

.breadcrumb i {
    margin: 0 8px;
    font-size: 12px;
}

.breadcrumb span {
    color: #333;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .breadcrumb {
        font-size: 12px;
        padding: 8px 0;
    }

    .breadcrumb i {
        margin: 0 5px;
    }
}


/* 完善移动端响应式布局 */
@media screen and (max-width: 1200px) {
    #divMiddle {
        width: 95%;
        margin: 0 auto;
    }
    
    #divMain {
        width: 68%;
    }
    
    #divSidebar {
        width: 32%;
    }
}

@media screen and (max-width: 992px) {
    #divMain {
        width: 100%;
        float: none;
    }
    
    #divSidebar {
        width: 100%;
        float: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .function {
        width: 48%;
    }
}

@media screen and (max-width: 768px) {
    body {
        font-size: 16px;
    }
    
    #divMiddle {
        width: 100%;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
    }
    
    #divTop {
        height: auto;
        padding: 20px;
    }
    
    #BlogTitle {
        font-size: 1.8em;
        text-align: center;
    }
    
    #BlogSubTitle {
        font-size: 1em;
        text-align: center;
    }
    
    #divNavBar {
        height: auto;
    }
    
    #divNavBar ul {
        float: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    #divNavBar li {
        float: none;
    }
    
    #divNavBar a {
        padding: 12px 15px;
        float: none;
        display: block;
    }
    
    #divNavBar li ul {
        position: static;
        background: none;
        box-shadow: none;
        width: 100%;
        display: none;
    }
    
    .function {
        width: 100%;
    }
    
    div.post .post-title {
        font-size: 1.3em;
        padding: 15px 15px 8px 5px;
    }
    
    div.post .post-body {
        padding: 5px 10px 0 10px;
    }
    
    div.post .post-date {
        display: block;
        float: none;
        margin-top: 5px;
        margin-left: 0;
    }
    span.now-page{
        padding: 8px 8px;
    }
    span.page{
        padding: 8px 9px;
    }
    .post-meta {
        padding: 5px;
        display: flex;
        flex-wrap: wrap;
    }
    
    .post-meta span {
        margin-right: 10px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    
    .read-more {
        /* padding-left:15px; */
        padding-top: 0 !important;
        padding: 0px 0 0 5px;
    }
    
    .post-nav {
        height: auto;
        padding: 10px 15px;
        flex-direction: column;
    }
    
    .post-prev, .post-next {
        max-width: 100%;
        float: none;
        margin: 5px 0;
    }
    
    .post-prev a, .post-next a {
        max-width: 100%;
    }
    
    #nightModeToggle, #backToTop {
        width: 36px;
        height: 36px;
    }
    
    ul.msg {
        margin: 15px 0;
    }
    
    #divCommentPost {
        padding: 15px;
    }
    
    input.button {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    #divTop {
        padding: 15px 10px;
    }
    
    #BlogTitle {
        font-size: 1.5em;
    }
    
    #BlogSubTitle {
        font-size: 0.9em;
    }
    
    div.post {
        margin-bottom: 20px;
    }
    
    div.post .post-title {
        font-size: 1.2em;
    }
    
    .post-meta span {
        margin-right: 8px;
        font-size: 0.85em;
    }
}

/* 解决移动端菜单问题 */
#mobilemenu-btn {
    display: none;
    position: absolute;
    right: 15px;
    top: 15px;
    color: white;
    font-size: 1.5em;
    cursor: pointer;
    padding: 5px 10px;
    background: rgba(0,0,0,0.2);
    border-radius: 4px;
    z-index: 100;
}

@media screen and (max-width: 768px) {
    #mobilemenu-btn {
        display: block;
    }
    
    #divNavBar.menu-open {
        height: auto;
        overflow: visible;
    }
    
    #divNavBar:not(.menu-open) ul {
        display: none;
    }
}

/* 文章列表通用样式 */
.post.multi {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

/* 文章列表容器 */
.post-container {
    display: flex;
    align-items: stretch;
}

.post-image {
    flex: 0 0 25%;
    max-width: 100%;
    /* padding-right: 15px; */
    display: flex;
    align-items: center;
    margin: 10px 15px;
}

.post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.post-content {
    flex: 0 0 71%;
    max-width: 75%;
    /* padding-left: 15px; */
    display: flex;
    flex-direction: column;
}

.post-title {
    margin-bottom: 10px;
}

.post-title a {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.post-title a:hover {
    color: #e94c3d;
}

.post-meta {
    margin-bottom: 15px;
    color: #999;
}

.post-meta span {
    margin-right: 15px;
}

.post-meta i {
    margin-right: 5px;
}

.post-body {
    /* margin-bottom: 15px; */
    color: #666;
    line-height: 1.6;
}

.read-more {
    margin-top: auto;
    padding-top: 15px;
}

.read-more-btn {
    color: #e94c3d;
    text-decoration: none;
}

.read-more-btn:hover {
    text-decoration: underline;
}
/* 香烟产品列表样式 */
.yan-list-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.yan-list-container {
    display: flex;
    align-items: center;
}

.yan-list-image {
    flex: 0 0 25%;
    max-width: 18%;
    margin: 10px 20px;
}

.yan-list-image img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.yan-list-content {
    flex: 0 0 75%;
    max-width: 75%;
    padding-left: 15px;
}

.yan-list-title {
    margin-bottom: 15px;
}

.yan-list-link {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.yan-list-link:hover {
    color: #e94c3d;
}

/* 价格样式 */
.yan-price-list {
    margin-bottom: 10px;
}

.price {
    color: #e94c3d;
    font-weight: 600;
}

/* 参数列表样式 */
.yan-params-list,
.yan-package-list,
.yan-barcode-list,
.yan-rating-list {
    margin-bottom: 10px;
}

.yan-price-item,
.yan-param-item,
.yan-package-item,
.yan-barcode-item,
.yan-rating-item {
    display: inline-block;
    margin-right: 20px;
    color: #666;
}

/* 烟草产品模板样式 */
.yan-product {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.yan-product-header {
    margin-bottom: 25px;
}

.yan-product-image {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.yan-product-image img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    margin: 20px 0 80px 0;
}

.yan-product-price {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1F618D;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: white;
    padding: 12px 20px;
    border-radius: 0 0 6px 6px;
}

.price-item {
    display: flex;
    align-items: center;
}

.price-label {
    font-size: 14px;
    margin-right: 5px;
}

.price-value {
    font-weight: bold;
    font-size: 16px;
}

.price-divider {
    width: 1px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.3);
}

.yan-section-title {
    position: relative;
    text-align: center;
    margin: 30px 0 20px;
    overflow: hidden;
}

.yan-section-title:before,
.yan-section-title:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 35%;
    height: 1px;
    background-color: #1F618D;
}

.yan-section-title:before {
    left: 0;
}

.yan-section-title:after {
    right: 0;
}

.yan-section-title span {
    background-color: #1F618D;
    color: white;
    padding: 5px 20px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    font-size: 16px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.yan-specs-table {
    margin: 20px 0;
}

.yan-specs-table table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 5px;
    overflow: hidden;
}

.yan-specs-table th {
    background-color: #1F618D;
    color: white;
    padding: 12px 15px;
    text-align: left;
    font-weight: 500;
}

.yan-specs-table td {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

.yan-specs-table tr:nth-child(even) {
    background-color: #f8f9fa;
}

.yan-specs-table tr:last-child td {
    border-bottom: none;
}

.yan-rating {
    padding: 5px 20px 20px 20px;
}

.rating-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.rating-label {
    width: 120px;
    font-size: 14px;
}

.rating-stars {
    position: relative;
    width: 100px;
    height: 16px;
    margin: 0 15px;
}

.stars-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,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UmVhZHlxyWU8AAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNCQzQwNEJFQjY0RjExRTk4MzY3QjAzNjJENjg0NTJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNCQzQwNEJGQjY0RjExRTk4MzY3QjAzNjJENjg0NTJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0JDNDA0QkNCNjRGMTFFOTgzNjdCMDM2MkQ2ODQ1MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0JDNDA0QkRCNjRGMTFFOTgzNjdCMDM2MkQ2ODQ1MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7BZELMAAAFHElEQVR42uydSWgUQRSGO0NO4k1BlJgo0cQtMYrLNaIoiqIoLuBFEBWNKB4UEcWLEIxe3EVF8OLFixuCoAdPCqKCuGcxM85BENSLHhSXV0wJQ0wmNUn1VHX19+A/ZLq7ut5Xf7+a9PRS1Zv9EMUYS0UnRJP13+9Fe0Q3bO2grrYmchnZXN4pn4Tnj3/wT1D+ycSYzCTRnaJkVEwUXRdNiQj4wAc+gfGJs6CeLrHsHOMNH/jAJzQ+cRXUqaIlJZa3ippSPNjwgQ98AuQTV0HtMFjneIoHHD7wgU+AfOIoqOqcxXKD9RaLpqVwsOEDH/gEyieOgtpRxrrHmD3hAx/4hMLHdkGtF60qY/1losYUDTZ84AOfgPnYLqhHh7BNmmZR+MAHPgHzsVlQJ4jWDGG7FVHhmrHQAz7wgU/gfGwW1PYKzyxJC/jABz6B87FVUMeLNgxj+9V6hgk14AMf+KSAj62C2m6hjY6ABxw+8IFPCvjYKKhqdthooZ21UeFe2xBnT/jABz4p4FM9hG3U41XUSdxZogbRSotwHopuijpFz6LC02G6EzbA8IEPfFLKp6rE4/tG6I43FnW+WVfx6goC7BW91kk+FfWIXoo+q4WuHj+WzeW95iNcPleIA/7BP/inn4I6TzRH1KITUQ8PGO3pLPVN1FU0kygD3Ih54OFT+oCAD/5JvX9UQR2pv+YuSPi5lMeixZLYV8sDDh/4wAc+RnwygSSjYq7oWgztwgc+8IGPEZ9MIMn8i0UxtAkf+MAHPkZ8MhFBEARhJSioBEEQFgvq/YDyuRVDm/CBD3zgY8RHFVR1h8CbAJJ5Eg3vft6BAj7wgQ98jPiogvpFNFv0KMHJPBDNr6ut+W67YWkTPqUDPvgH/2g+fe+UuhsV3rWSpLgtiayoxI6yuTx8/meCf/AP/tHR90cp9erVawlK5mqlDgb9bQM+pQM++CfV/unvV/51oksJSOZsZOcpM+UeFInhI33d6GC/+Af/pNY/A102tSXy+1006gnbba52Lkbzno/0sc3h/vEP/kmlf0pdh7pPdMjDZFSf9rvuhBjOWz7St/0e9AP/4J/U+WewC/uPiHZ5lMwu3ScvQoznHR/dJ18C/+CfVPnH5E6pU6JNop8OE/kl2qz74lt4w0cOBvjgH/zj0D+mt55eER10mNBh0eXI33DORw4G+OAf/OPYP+Xcy18VEfCBD3zgY6WgLnTYz9YEsIQPfOCTcj6ZMtZrdphQk+czlHM+2VwePvgH/zj2j2lBVe94GeMwIbXveo8HHD7wgQ98jAtqswdQZ3g84PCBD3zgY1xQZ3qQUJPHAw4f+MAHPhRUDgj4wAc+lS6o/EsCH/jABz4WCup4UZ0HCU0WjfJwsL3hk83l4YN/8I9D/5gU1GZPwFZ7OovCBz7wgY9xQbVx/uKV6IWFdqZ7OODwgQ984GNcUFuG0YFe0W7dEXVSVz1DsMcxXNsBH/jABz5GBTUzxIS6RDujwgW5J4s+P6vPRbTpdSoJ13pkc3n44B/8g3+MC6o6bzCujB126s42iM5Ehcde9Y3fOrEGnXR3Ge2P9WzA4QMf+MDHuKD+0J0cLN6JtokadWf/GGzzRyetEtthmFiXT6NdV1sDH/yDf/CPcUFVsbfEsjeirTqRC4aJ9DdjnNNfxbcPAvCAh+d44AMf+MDHuKDe09X/U9Fnz6PCi7Smii5aAqdgnC+aMd4WLfsoWi965OGAe8NHvvHAB//gH4f++SvAAIzpjue/zywvAAAAAElFTkSuQmCC) repeat-x;
    background-size: 100px 16px;
}

.stars-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: url(data:image/png;base64,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UmVhZHlxyWU8AAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA2NTIyMDkxQjY1MDExRTlCNzlCOUI3MUFDMDQ3RTU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA2NTIyMDkyQjY1MDExRTlCNzlCOUI3MUFDMDQ3RTU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDY1MjIwOEZCNjUwMTFFOUI3OUI5QjcxQUMwNDdFNTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDY1MjIwOTBCNjUwMTFFOUI3OUI5QjcxQUMwNDdFNTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7jQF0LAAAFI0lEQVR42uydS2gUSRjHK0NOEueiIIqiokl8JT7wcY0oiouiKD7Ay8KiyxqJ40ERUbwIwayH+MyyK4IXL158IQh68KQgKiy76ytqjoLgShw9uKzxK6aEIcZJTVI9VV39++B/yHR3dX2/+vdXk55+1L3fM1YlGGtEJ0SN5u9Xor2iK6520NDdr3xGsZD3yifl+eMf/BOVf3IJJjNTdKMsGR3TRZdFsxQBH/jAJzI+SRbU0xWW9TDe8IEPfGLjk1RBnS1aXWF5m6glw4MNH/jAJ0I+SRXULot1jmd4wOEDH/hEyCeJgqrPWay1WG+VaE4GBxs+8IFPpHySKKhdVaz7K7MnfOADn1j4uC6oM0Qbqlj/B1FzhgYbPvCBT8R8XBfUYyPYJkuzKHzgA5+I+bgsqNNEm0aw3TpVumYs9oAPfOATOR+XBbWzxjNL2gI+8IFP5HxcFdQpom2j2H6jmWFiDfjABz4Z4OOqoHY6aKMr4gGHD3zgkwE+Lgqqnh22O2hnsyrdaxvj7Akf+MAnA3zqR7DNZFU6ibtQ1CRa7xDOXdFV0XPRI1V6OsyLlA0wfOADn4zyqavw+L4xpuPNZZ1vNVW8voYA+0SPTZIPRS9Ff4ve6oW+Hj9WLOSD5iNc3taIA/7BP/hniIK6VLRYtMAkoh8eMD7QWeqDqLdsJtEGuJLwwMOn8gEBH/yTef/ogtpgvuYuT/m5lPuiVZLYO8cDDh/4wAc+VnxykSSjY4noUgLtwgc+8IGPFZ9cJMl8jZUJtAkf+MAHPlZ8coogCIJwEhRUgiAIhwX1dkT5XEugTfjABz7wseKjC6q+Q+BJBMk8UKO7n/d7AR/4wAc+Vnx0Qf1XtEh0L8XJ3BEta+ju/+i6YWkTPpUDPvgH/xg+g++UuqlK71pJU1yXRNbVYkfFQh4+3zLBP/gH/5gY/KOUfvXqpRQlc7FWB4P5tgGfygEf/JNp/wz1K/8W0bkUJHNWuXnKTLUHRWr4SF+3e9gv/sE/mfXP9y6b2qHCfheNfsJ2u6+di9GC5yN9bPe4f/yDfzLpn0rXoe4XHQ4wGd2nA747IYYLlo/07UAA/cA/+Cdz/hnuwv6joo6AkukwfQoixHjB8TF9CiXwD/7JlH9s7pQ6JfpR9J/HRP4X/WT6EloEw0cOBvjgH/zj0T+2t55eEB3ymNAR0XkVbnjnIwcDfPAP/vHsn2ru5a9TBHzgAx/4OCmoKzz2sy0FLOEDH/hknE+uivVaPSbUEvgM5Z1PsZCHD/7BP579Y1tQ9TteJnhMSO97RsADDh/4wAc+1gW1NQCo8wIecPjABz7wsS6o8wNIqCXgAYcPfOADHwoqBwR84AOfWhdU/iWBD3zgAx8HBXWKaGoACTWKxgU42MHwKRby8ME/+Mejf2wKamsgYOsDnUXhAx/4wMe6oLo4f/GP6C8H7cwNcMDhAx/4wMe6oC4YRQf6RHtMR/RJXf0MwZee4boO+MAHPvCxKqi5ESbUK9qtShfkniz7/Kw5F9Fu1qklXOdRLOThg3/wD/6xLqj6vMGkKnb43HS2SXRGlR57NTg+m8SaTNIvqmh/YmADDh/4wAc+1gX1k+nkcPFM9LOo2XR2wGKbAZO0TmyXZWK9IY12Q3c/fPAP/sE/1gVVx74Ky56IdppEfrdMZKgZo8d8Ff9lGIAHAzzHAx/4wAc+1gX1lqn+b8o++1OVXqQ1W/SHI3Aaxm9lM8bTsmWvRVtF9wIc8GD4yDce+OAf/OPRP18EGABcWrRSSw4H4QAAAABJRU5ErkJggg==) repeat-x;
    background-size: 100px 16px;
}

.rating-value {
    font-weight: bold;
    color: #F1C40F;
}

.post-disclaimer {
    background-color: #f8f9fa;
    border-left: 4px solid #1F618D;
    padding: 15px;
    margin: 20px 0;
    color: #666;
    border-radius: 0 5px 5px 0;
}

.related-articles {
    margin-top: 30px;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.related-articles h3 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #1F618D;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.related-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.related-item {
    width: 25%;
    padding: 0 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.related-image {
    margin-bottom: 10px;
}

.related-image img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 5px;
}

.related-title {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 5px;
    height: 40px;
    overflow: hidden;
}

.related-price {
    color: #e94c3d;
    font-weight: bold;
    font-size: 14px;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .post-image,.yan-list-image {
        flex: 0 0 20%;
        max-width: 100%;
        margin: 5px 10px;
    }
    .post-image img,.yan-list-image img{
        margin: 0;
    }
    .post-meta{
        margin-bottom:0;
    }
    
    .yan-list-content {
        flex: 0 0 80%;
        max-width: 80%;
        padding-left: 0;
    }
    
    .yan-list-link {
        font-size: 16px;
    }
    .yan-price-list{
        margin-bottom: 0;
    }
    ul.yan-price-list li:nth-child(3) {
        display: none;
    }
    
    .yan-price-item,
    .yan-param-item,
    .yan-package-item,
    .yan-barcode-item,
    .yan-rating-item {
        margin-right: 10px;
        font-size: 14px;
    }
    .yan-params-list,
    .yan-package-list,
    .yan-rating-list {
        display: none;
    }
} 


@media screen and (max-width: 992px) {
    .related-item {
        width: 33.33%;
    }
}

@media screen and (max-width: 768px) {
    .yan-product-image img {
        max-width: 100%;
        height: auto;
        border-radius: 6px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
        margin: 20px 0 130px 0;
    }
    .yan-product-price {
        flex-direction: column;
        padding: 10px;
    }
    
    .price-item {
        margin: 5px 0;
    }
    
    .price-divider {
        display: none;
    }
    
    .rating-item {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .rating-label {
        width: 100%;
        margin-bottom: 5px;
    }
    
    .rating-stars {
        margin: 0 0 5px 0;
    }
    
    .related-item {
        width: 50%;
    }
    
}

@media screen and (max-width: 480px) {
    .yan-section-title:before,
    .yan-section-title:after {
        width: 25%;
    }
    
    .yan-specs-table th,
    .yan-specs-table td {
        padding: 8px 10px;
        font-size: 13px;
    }
}