@charset "utf-8";
.main-content{max-width:clamp(1300px, 100vw, 1500px);width:100%;margin-right:auto;padding:0 clamp(2px, 0.8vw, 12px);box-sizing:border-box;}
.Blog-Details{display: flex;justify-content: space-between;column-gap: clamp(16px, 2vw, 28px);align-items: flex-start;}
.Blog-Details-left{flex: 0 0 clamp(200px, 18vw, 240px);width: clamp(200px, 18vw, 240px);position: sticky;top: 90px;margin-right: 0;}
.toc-heading{font-weight: 700;font-size: 16px;color: #2F2F2F;margin-bottom: 15px;}
.toc-heading img{display: inline-block;vertical-align: middle; margin: -3px 6px 0 0;}
.Blog-Details-box{border-radius: 8px;background: #fff;padding: 20px 15px;box-shadow:0 0 10px rgba(0, 0, 0, .05); }
.Blog-Details-box .toc-list{list-style: none;margin: 0;padding: 0;}
.Blog-Details-box .toc-item{margin-bottom: 8px;}
.Blog-Details-box .toc-title{font-size: 14px; font-weight: 600;line-height: 1.5;color: #333;display: flex;align-items: center;gap: 8px;padding: 6px 8px;border-radius: 6px;transition: all 0.2s;}
.Blog-Details-box .toc-title:hover{background: #f8f8f8;}
.Blog-Details-box .toc-title .toc-link{flex: 1;cursor: pointer;}
.Blog-Details-box .toc-toggle{width: 8px;height: 8px;display: inline-block;border-left: 1.5px solid #FF5E17;border-bottom: 1.5px solid #FF5E17;transform: rotate(-45deg);transition: transform .15s ease;margin-top: -4px;}
.Blog-Details-box .toc-toggle.open{transform: rotate(135deg);margin-top: 2px;}
.Blog-Details-box .toc-children{padding: 4px 0 4px 24px;list-style: none;display: none;}
.Blog-Details-box .toc-sub-item{font-size: 13px; line-height: 1.5;color: #666;padding: 4px 0;}
.Blog-Details-box .toc-sub-item .toc-link:hover{color: #FF5E17;}
.Blog-Details-left span.active{color: #FF5E17;font-weight: 700;}

.Blogarticle{flex: 1 1 auto;min-width: 0;max-width: clamp(720px, 62vw, 1020px);margin-right: clamp(22px, 2.4vw, 36px);}
.author-right{position: relative;}
.Blogarticle-title{padding-bottom: 45px;}
.Blogarticle-title h2{font-weight: 700;color: #151515;font-size: 20px; line-height: 1.5;margin-bottom: 25px;}
.remmeTitle h1{font-weight: 700;color: #151515;font-size: 20px; line-height: 1.5;margin-bottom: 25px;}
.Blogarticle-title .article-title{display: block;white-space: normal;overflow: visible;text-overflow: unset;word-break: break-word;font-weight: 800;font-size: clamp(20px, 2.4vw, 28px);line-height: 1.25;}
.author{display: flex;justify-content: space-between;align-items: center;}
.author-left{display: flex;gap:12px;align-items: center;}
.author-image img{width: clamp(36px, 3.2vw, 44px);height: clamp(36px, 3.2vw, 44px);aspect-ratio: 1 / 1;border-radius: 50%;}
.author-name{font-weight: bold;font-size: 16px;color: #151515;margin-bottom: 6px;}
.author-text p{font-size: 12px;color: #2F2F2F;}
.author-right ul{display: flex;gap:24px;}
.author-right li{font-size: 13px;color: #000000;}
.author-right li img{display: inline-block;vertical-align: middle; margin: -5px 8px 0 0;}
.Blogarticle-box h2{font-weight: 700;font-size: 18px;color: #2F2F2F;margin: 20px 0;line-height: 1.6;}
.Blogarticle-box p{font-size: 12px;color: #2F2F2F;line-height: 1.6;margin-bottom: 30px;}
.Blogarticle-box img{max-width: 100%;margin: 0 auto;}
/* Typography for Rich Text Content */
.Blogarticle-content {
    font-family: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #2b2b2b;
    line-height: 1.7;
    font-size: 14px;
    word-break: break-word;
    overflow: hidden;
    box-sizing: border-box;
}

.Blogarticle-content :where(h1, h2, h3, h4, h5, h6) {
    font-weight: 700;
    line-height: 1.4;
    margin: 1.2em 0 0.6em;
    color: #1a1a1a;
}
.Blogarticle-content :where(h1) { font-size: 2em; }
.Blogarticle-content :where(h2) { font-size: 1.5em; }
.Blogarticle-content :where(h2.rt-h1) { font-size: 2em; }
.Blogarticle-content :where(h3) { font-size: 1.25em; }
.Blogarticle-content :where(h4) { font-size: 1.1em; }
.Blogarticle-content :where(h5) { font-size: 1em; }
.Blogarticle-content :where(h6) { font-size: 0.95em; }

.Blogarticle-content :where(p) {
    margin: 0 0 1em;
}

.Blogarticle-content :where(ul, ol) {
    margin: 0 0 1em 1.5em;
    padding: 0;
    list-style-position: outside;
}

.Blogarticle-content :where(ul) {
    list-style-type: disc;
}

.Blogarticle-content :where(ul ul) {
    list-style-type: circle;
}

.Blogarticle-content :where(li) {
    margin: 0.4em 0;
}

.Blogarticle-content :where(strong, b) {
    font-weight: 700;
}

.Blogarticle-content :where(em, i) {
    font-style: italic;
}

.Blogarticle-content :where(a) {
    color: #1a73e8;
    text-decoration: none;
}

.Blogarticle-content :where(a:hover) {
    text-decoration: underline;
}

.Blogarticle-content :where(img) {
    max-width: 100% !important;
    height: auto !important;
    display: block;
}

.Blogarticle-content :where(iframe, video) {
    max-width: 100% !important;
    width: 100% !important;
}

.Blogarticle-content :where(blockquote) {
    margin: 0 0 1em;
    padding: 0.8em 1em;
    background: #f7f7f7;
    border-left: 4px solid #e0e0e0;
    color: #555;
}

.Blogarticle-content :where(pre) {
    margin: 0 0 1em;
    padding: 12px 14px;
    background: #f6f8fa;
    border-radius: 6px;
    overflow: auto;
    font-size: 0.95em;
    line-height: 1.6;
}

.Blogarticle-content :where(code) {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    background: #f2f4f7;
    padding: 2px 4px;
    border-radius: 4px;
}

.Blogarticle-content :where(pre code) {
    background: transparent;
    padding: 0;
}

.Blogarticle-content :where(hr) {
    border: 0;
    border-top: 1px solid #e5e7eb;
    margin: 1.5em 0;
}

/* Table Styles - 适配富文本内嵌容器 */
.Blogarticle-content :where(table) {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse;
    margin: 1.2em 0;
    font-size: 1em;
    line-height: 1.5;
    box-sizing: border-box;
}

.Blogarticle-content :where(table th, table td) {
    border: 1px solid #e5e7eb;
    padding: 10px 12px;
    vertical-align: top;
}

.Blogarticle-content :where(table th) {
    font-weight: 700;
    background: #fafafa;
}

/* 表格内图片自适应，避免溢出 */
.Blogarticle-content :where(table td img) {
    max-width: 100%;
    height: auto;
}

@media (max-width: 950px) {
    .Blogarticle-content :where(table) {
        display: block;
        width: max-content;
        min-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .Blogarticle-content :where(table th, table td) {
        white-space: normal;
        word-break: break-word;
        overflow-wrap: anywhere;
    }
}

/* 如果表格单元格内包含业务组件，则取消该单元格的内边距，防止样式冲突 */
.Blogarticle-content table td:has(.ArticleProductsWrap),
.Blogarticle-content table td:has(.Choose-content) {
    padding: 0 !important;
    border: none !important;
}

.Blogarticle-content table th {
    font-weight: 700;
}

.Blog-Details-right{--right-col-w: clamp(250px, 22vw, 376px);flex: 0 0 var(--right-col-w);width: var(--right-col-w);position: sticky;top: 90px;}
.Related{border-radius: 8px;background: #fff;padding: 0 clamp(12px, 4cqw, 15px) clamp(12px, 4cqw, 15px);box-shadow:0 0 10px rgba(0, 0, 0, .1); margin-bottom: 20px;overflow: hidden; position: relative; }
.related-title{font-weight: 700;font-size: clamp(14px, 4.2cqw, 16px);color: #2F2F2F;padding: clamp(8px, 3cqw, 10px) 0;}
.related-title img{display: inline-block;vertical-align: middle; margin: -3px clamp(4px, 1.6cqw, 6px) 0 0;}
.related-title b{line-height: clamp(16px, 4cqw, 18px);display: inline-block; padding: 0 clamp(6px, 2.4cqw, 8px);border-radius: 5px; font-weight: 400;font-size: clamp(9px, 2.2cqw, 10px);color: #202020;background-image: linear-gradient(to right, #a4f22d , #73e954);}
.Related-box{border-radius: 6px;padding: clamp(10px, 4cqw, 14px) clamp(12px, 4.6cqw, 20px);background: #ecf9ff;display: flex;justify-content: space-between;gap: clamp(8px, 3cqw, 16px);}
.Related-image{width: clamp(68px, 28cqw, 112px);border-radius: 6px; overflow: hidden;aspect-ratio: 1 / 1;flex: 0 0 auto;}
.Related-image img{width: 100%;height: 100%; object-fit: cover;}
.Related-text{width: auto;flex: 1 1 auto;min-width: 0;}
.related-product-name{font-weight: 700; line-height: 1.5;color: #151515;font-size: clamp(13px, 1.1vw, 16px);}
.Related-text p{font-size: clamp(11px, 0.95vw, 12px); display: flex;gap:5px;margin-top: 10px;flex-wrap: wrap;}
.Related-text p span{font-weight: 700;color: #FF5E17;}
.Related-text p b{color: #626262;font-weight: 700;}
.Related-b:before{position: absolute;content: "";background-size: 100% 100%;top: 0;right: 0;}
.recent-title{font-weight: 700;font-size: 16px;color: #101010;padding: 20px 0 15px;}
.recent-title img{display: inline-block;vertical-align: middle;margin: -4px 8px 0 0;}
.Related-box-a{background-image: linear-gradient(to right, #defafe , #fdf6d9);}
.Recent-content{border-radius: 8px;background: #fff;padding:10px 15px;box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.Recent-content li{padding: 20px 0;}
.Recent-box{display: flex;justify-content: space-between;align-items: center;}
.Recent-image{width: clamp(96px, 9vw, 130px);aspect-ratio: 130 / 90;overflow: hidden;border-radius: 8px;flex: 0 0 auto;}
.Recent-image img{width: 100%;height: 100%; object-fit: cover;}
.Recent-text{width: calc(100% - clamp(110px, 9.6vw, 145px));min-width: 0;}
.recent-item-title{font-weight: 700; line-height: 1.5;color: #2C2B2A;font-size: clamp(12px, 1.05vw, 14px);}
.Recent-text p{color: #555555;font-size: clamp(11px, 0.95vw, 12px);display: flex;gap:8px; margin-top: 10px;flex-wrap: wrap;}
.Recent-text p img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;}

.author-card{margin-top: 30px;border: 2px solid #FF5E17;border-radius: 8px;background: #fff;padding: 16px;display: flex;gap: 12px;align-items: flex-start;}
.author-card-avatar img{width: 48px;height: 48px;border-radius: 50%;object-fit: cover;}
.author-card-name{font-weight: 700;font-size: 14px;color: #151515;margin-bottom: 6px;}
.author-card-title{font-size: 12px;color: #2F2F2F;margin-bottom: 8px;}
.author-card-desc{font-size: 12px;color: #2F2F2F;line-height: 1.6;}
.author-card-social{display: flex;gap: 10px;align-items: center;margin-top: 10px;flex-wrap: wrap;}
.author-card-social a{font-size: 12px;color: #FF5E17;}
.author-card-social a img{width: 18px;height: 18px;display: inline-block;vertical-align: middle;}

.Blog-Details-right .Related{width: 100%;min-height: clamp(220px, 70cqw, 260px);padding: clamp(10px, 4cqw, 14px);border-radius: 14px;box-shadow: 0 10px 24px rgba(0,0,0,.08);}
.Blog-Details-right .related-title{padding: clamp(10px, 3cqw, 10px) 0 clamp(18px, 6.5cqw, 15px) clamp(12px, 5cqw, 10px);}
.Blog-Details-right .related-title b{background-image: linear-gradient(to right, #ff8a30, #ff5e17);color: #fff;font-weight: 700;}

@media (max-width: 950px){
  .breadcrumb{padding: 10px 0;display: flex;flex-wrap: nowrap;gap: 6px;align-items: center;font-size: 12px;line-height: 1.4;overflow: hidden;}
  .breadcrumb h4,
  .breadcrumb h2{display: flex;align-items: center;gap: 4px;font-size: 12px;line-height: 1.4;white-space: nowrap;}
  .breadcrumb span{flex: 0 0 auto;}
  .breadcrumb h4{flex: 0 0 auto;max-width: clamp(60px, 18vw, 100px);overflow: hidden;text-overflow: ellipsis;}
  .breadcrumb h4.crumb-brand{max-width: clamp(110px, 36vw, 210px);}
  .breadcrumb h2{flex: 0 0 auto;max-width: clamp(70px, 22vw, 140px);overflow: hidden;text-overflow: ellipsis;}
  .breadcrumb h2.cur{flex: 1 1 auto;max-width: clamp(120px, 45vw, 220px);}
  .breadcrumb h2.cur a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}
.Related-wrapper{position: relative;container-type: inline-size;--related-bg-w: clamp(120px, 66cqw, 214px);--related-handle: clamp(90px, 42cqw, 137px);}
.Related-bg{position: absolute;width: var(--related-bg-w);height: auto;aspect-ratio: 214 / 63;right: 0;top: clamp(4px, 1.4cqw, 6px);border-radius: 11px;opacity: 1;background: linear-gradient(180deg, #FF5905 -42%, #FFAE72 65%);pointer-events: none;z-index: 0;}
.Related-handle{position: absolute;width: var(--related-handle);height: auto;aspect-ratio: 1 / 1;right: clamp(12px, 8cqw, 26px);top: clamp(-50px, -14cqw, -32px);opacity: 1;background: url(../../images/shoubing.webp) no-repeat center/100% 100%;pointer-events: none;z-index: 0;}
.Blog-Details-right .Related.Related-b {
    --tab-w: clamp(150px, 62cqw, 200px);
    --tab-h: clamp(28px, 12cqw, 37px);
    background: var(--article-related-bg, #FFF2E8);
    overflow: hidden;
    position: relative;
    border: 1px solid var(--article-related-border, #FF8022);
    /* 大框裁剪路径（固定形状，伪元素将完全复刻） */
    clip-path: polygon(
        0 0,
        var(--tab-w) 0,
        calc(var(--tab-w) + var(--tab-h)) var(--tab-h),
        100% var(--tab-h),
        100% 100%,
        0 100%
    );

    padding: clamp(10px, 4cqw, 14px);
    z-index: 1; /* 确保内容在线条上层 */
}

/* 伪元素：完全匹配裁剪形状的线条，无任何缺失 */
.Blog-Details-right .Related.Related-b::before {
    content: "";
    /* 1. 定位：完全包裹大框，线条不被裁剪 */
    position: absolute;
    
    z-index: 0;  /* 线条在大框背景与内容之间，可见且不遮挡内容 */
    pointer-events: none; /* 不影响大框内元素交互 */
    
    /* 2. 核心：复刻大框完全一致的裁剪路径，确保线条形状与大框1:1匹配 */
    clip-path: polygon(
        0 0,
        var(--tab-w) 0,
        calc(var(--tab-w) + var(--tab-h)) var(--tab-h),
        100% var(--tab-h),
        100% 100%,
        0 100%
    );
    
    /* 3. 实现完整线条（替代原生border，避免裁剪后局部缺失） */
   
    background-clip: content-box; /* 只让padding区域显示背景（即线条区域） */
    padding: 1px; /* 这个padding就是线条宽度（1px），对应你要的边框粗细 */
   background: linear-gradient(180deg, var(--article-related-border, #FFE8D4) 0%, #FFFFFF 45%);
}

.Blog-Details-right .Related.Related-b > *{position: relative;z-index: 2;}
.Blog-Details-right .Related-box-a{position: relative;background: transparent;border: 0;border-radius: clamp(10px, 3.6cqw, 14px);padding: clamp(10px, 4cqw, 12px);gap: clamp(10px, 4cqw, 14px);align-items: center;justify-content: flex-start;overflow: hidden;margin-top: clamp(6px, 3cqw, 10px);}
.Blog-Details-right .Related-image{width: clamp(72px, 30cqw, 104px);border-radius: clamp(8px, 3.2cqw, 12px);box-shadow: 0 8px 18px rgba(0,0,0,.10);aspect-ratio: 1 / 1;height: auto;background: #fff;background-size: cover;background-position: center;display: flex;align-items: center;justify-content: center;}
.Blog-Details-right .Related-image img{width: 88%;height: 88%;object-fit: contain;}
.Blog-Details-right .related-product-name{font-size: clamp(12px, 4cqw, 14px);line-height: 1.35;margin-bottom: clamp(6px, 2.4cqw, 8px);}
.Blog-Details-right .Related-text p{font-size: clamp(11px, 3.4cqw, 12px);display: flex;gap: clamp(4px, 2cqw, 6px);margin-top: clamp(6px, 2.6cqw, 10px);flex-wrap: wrap;}
.Blog-Details-right .Related-price{display: flex;align-items: baseline;gap: clamp(6px, 3cqw, 10px);line-height: 1;color: #ff5e17;font-weight: 800;margin: clamp(2px, 0.8cqw, 4px) 0 clamp(6px, 3cqw, 10px);flex-wrap: wrap;}
.Blog-Details-right .Related-currency{font-size: clamp(14px, 5.2cqw, 20px);line-height: 1;}
.Blog-Details-right .Related-price-number{font-size: clamp(20px, 7.6cqw, 27px);line-height: 1;font-weight: bold;}
.Blog-Details-right .Related-discount{display: inline-flex;align-items: center;justify-content: center;height: clamp(16px, 5.8cqw, 20px);min-width: clamp(32px, 12cqw, 44px);padding: 0 clamp(6px, 3cqw, 10px);color: #fff;font-size: clamp(9px, 3.4cqw, 11px);font-weight: 900;background: url(../../images/a36.png) no-repeat;background-size: 100% 100%;}
.Blog-Details-right .Related-bottom{background: #F5F6F7;border-radius: clamp(6px, 2.8cqw, 8px);padding: clamp(8px, 3cqw, 10px) clamp(8px, 3.4cqw, 12px);display: flex;align-items: center;gap: clamp(6px, 3cqw, 10px);flex-wrap: wrap;row-gap: clamp(4px, 2cqw, 6px);}
.Blog-Details-right .Related-brand-name{font-size: clamp(11px, 3.8cqw, 13px);font-weight: bold;line-height: 1.2;letter-spacing: 0em;color: #151515;flex: 1 1 auto;min-width: 0;white-space: normal;word-break: break-word;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Blog-Details-right .Related-star{display: inline-flex;align-items: center;gap: clamp(2px, 1cqw, 3px);font-size: clamp(10px, 3.4cqw, 12px);font-weight: bold;line-height: 1;letter-spacing: 0.018000000000000002em;color: #ff5e17;font-weight: 800;flex: 0 0 auto;white-space: nowrap;}
.Blog-Details-right .Related-star-icon{width: clamp(11px, 3.8cqw, 14px);height: clamp(11px, 3.8cqw, 14px);display: inline-block;}
.Blog-Details-right .Related-sold{font-size: clamp(11px, 3.8cqw, 14px);color: #8a8a8a;font-weight: 800;margin-left: auto;white-space: nowrap;flex: 0 0 auto;}
.Blog-Details-right .Related .btn6{width: 100%;margin-top: clamp(12px, 5.6cqw, 20px);height: clamp(36px, 14cqw, 44px);border-radius: clamp(3px, 1.4cqw, 4px);background-image: linear-gradient(to right, var(--article-btn6-bg-color, #ff8a30), var(--article-btn6-bg-color, #ff5e17)), var(--article-btn6-bg-image, url(../../images/c-200.webp));background-size: cover, 100% 100%;background-repeat: no-repeat,no-repeat;background-position: center center, center center;color: var(--article-btn6-text-color, #fff);font-size: clamp(13px, 4.8cqw, 16px);
font-weight: bold;display: flex;align-items: center;justify-content: center;gap: clamp(6px, 2.8cqw, 8px);}
.Blog-Details-right .Related .btn6 img{width: clamp(16px, 5.2cqw, 20.51px);height: clamp(16px, 5.2cqw, 19.25px);opacity: 1;flex: 0 0 auto;}

.Blog-Details-right .recent-title{padding: 21px 0 37px 23px;}
.Blog-Details-right .Recent-content{border-radius: 14px;padding: 12px 16px;box-shadow: 0 10px 24px rgba(0,0,0,.08);}
.Blog-Details-right .Recent-content li{padding: 14px 0;border-bottom: 1px solid #f1f1f1;}
.Blog-Details-right .Recent-content li:last-child{border-bottom: 0;}
.Blog-Details-right .Recent-box{align-items: center;}
.Blog-Details-right .Recent-image{width: clamp(96px, 8.5vw, 118px);aspect-ratio: 110 / 74;border-radius: 12px;}
.Blog-Details-right .Recent-text{width: calc(100% - clamp(112px, 9.8vw, 130px));min-width: 0;}
.Blog-Details-right .recent-item-title{font-size: clamp(12px, 1.05vw, 14px);line-height: 1.35;}
.Blog-Details-right .Recent-text p{margin-top: 8px;font-size: clamp(11px, 0.95vw, 12px);color: #8a8a8a;gap: 14px;flex-wrap: wrap;}

.ArticleProductsWrap{margin: 24px 0;}

.ArticleHeroProduct{display: flex;gap: clamp(16px, 2vw, 22px);align-items: center;background: var(--article-hero-bg, linear-gradient(90deg, #FFDCB9 0%, #FFFFFF 39%, #FFFFFF 70%, #FEF9ED 100%));border-radius: 12px;overflow: hidden;box-shadow: 0px 4px 10px 0px rgba(196, 229, 247, 0.3);border: 0;height: auto;min-height: clamp(220px, 30vw, 276px);position: relative;}
.ArticleHeroProduct-img{flex: 0 0 clamp(180px, 22vw, 234px);max-width: clamp(180px, 22vw, 234px);height: auto;aspect-ratio: 1 / 1;border-radius: 10px;overflow: hidden;margin-left: clamp(12px, 1.6vw, 18px);background: #fff;display: flex;align-items: center;justify-content: center;}
.ArticleHeroProduct-img img{width: 100%;height: 100%;object-fit: cover;display: block;}
.ArticleHeroProduct-body{flex: 1;min-width: 0;padding: clamp(14px, 1.6vw, 18px) clamp(16px, 2vw, 22px) clamp(14px, 1.6vw, 18px) 0;display: flex;flex-direction: column;}
.ArticleHeroProduct-title{font-size: clamp(18px, 2vw, 22px);line-height: 1.25;font-weight: 800;color: #2F2F2F;margin: 0 0 clamp(8px, 1.2vw, 12px);}
.ArticleHeroProduct-features{margin: 0 0 18px;padding: 0;list-style: none;}
.ArticleHeroProduct-features li{position: relative;padding-left: clamp(12px, 1.4vw, 16px);font-size: clamp(12px, 1.2vw, 14px);line-height: 1.6;color: #606060;margin: clamp(4px, 0.8vw, 6px) 0;}
.ArticleHeroProduct-features li:before{content: "";position: absolute;left: 0;top: clamp(7px, 0.9vw, 9px);width: clamp(5px, 0.6vw, 6px);height: clamp(5px, 0.6vw, 6px);border-radius: 50%;background: #FF5E17;}
.ArticleHeroProduct-btn{--hero-price-basis: 30%;display: flex;align-items: stretch;min-height: clamp(40px, 4.2vw, 48px);height: auto;border-radius: 10px;overflow: hidden;text-decoration: none;box-shadow: 0 10px 18px rgba(255,94,23,.18);position: relative;width: 100%;margin-top: auto;}
.ArticleHeroProduct-btn:hover,
.ArticleHeroProduct-btn:focus,
.ArticleHeroProduct-btn:active{ text-decoration: none !important; }
.ArticleHeroProduct-btnPrice{border-radius: 6px 0 0 6px;display: flex;align-items: center;justify-content: center;flex: 0 0 var(--hero-price-basis);background: var(--article-hero-btn-price-bg, #4a2a13);color: var(--article-hero-btn-price-text-color, #ffd2b4);font-weight: 900;font-size: .13rem;min-height: 100%;position: relative;z-index: 1;}
.ArticleHeroProduct-btnIcon{display: none !important;}
.ArticleHeroProduct-btnIcon img{display: block !important;height: 100%;width: auto;object-fit: contain;}
.ArticleHeroProduct-btnText{display: flex;align-items: center;justify-content: center;flex: 1;min-width: 0;background: var(--article-hero-btn-bg, linear-gradient(90deg,#ff6a1a,#ff3d00));color: var(--article-hero-btn-text-color, #fff);font-weight: 900;font-size:.13rem;line-height: 1.2;text-align: center;white-space: normal;word-break: break-word;min-height: 100%;position: relative;z-index: 1;border-radius: 0 6px 6px 0;}

.ArticleProductsWrap .Choose{margin-top: 18px;}
.ArticleProductsWrap .Choose-title .choose-title-text{font-weight: 800;font-size: 18px;color: #2F2F2F;margin: 0 0 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ArticleProductsWrap .Choose-content{border-radius: 20px;background: #F7FAFC;padding: 0;box-shadow: 0 12px 24px rgba(0,0,0,.06);border: 0;overflow: hidden;max-width: 1080px;margin: 0 auto;position: relative;}
.ArticleProductsWrap .Choose-content::before{content: "";position: absolute;left: 0;right: 0;top: 0;height: 20px;background: #EEF7F1;border-radius: 20px 20px 0 0;z-index: 0;}
.ArticleProductsWrap .Choose-content::after{content: "BUFFHUB SECURITY GUARANTEE";position: absolute;left: 0;right: 0;top: 0;height: 20px;display: flex;align-items: center;justify-content: center;font-size: 11px;font-weight: 800;letter-spacing: 0.6px;color: #7ab396;text-transform: uppercase;pointer-events: none;z-index: 1;}
.ArticleProductsWrap .Choose-content > *{position: relative;z-index: 1;}
.ArticleProductsWrap .blog-top{display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: center;gap: 2px;padding: 32px 22px 14px;background: transparent;text-align: left;border-radius: 20px 20px 0 0;}
.ArticleProductsWrap .blog-img{flex: 0 0 64px;border-radius: 12px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.ArticleProductsWrap .blog-img img{width: 82%;height: 82%;object-fit: cover;display: block;border-radius: 10px;}
.ArticleProductsWrap .blog_text{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 6px;justify-content: center;align-items: flex-start;padding: 0;}
.ArticleProductsWrap .blog-name-row{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}
.ArticleProductsWrap .blog-brand-name{font-weight: 800;font-size: 18px;color: #1f1f1f;margin: 0;line-height: 1.2;text-align: left;display: block;width: 100%;}
.ArticleProductsWrap .blog-brand-name:after{content: "›";display: inline-block;font-size: 18px;color: #505050;line-height: 1;margin-left: 10px;}
.ArticleProductsWrap .blog-trust-badges{display: none !important;}
.ArticleProductsWrap .blog-meta{display: flex;align-items: center;gap: 14px;flex-wrap: wrap;color: #8d8d8d;font-size: 13px;line-height: 1.2;}
.ArticleProductsWrap .blog-rating{font-weight: 700;display: inline-flex;align-items: center;gap: 2px;color: #2b2b2b;font-size: 14px;line-height: 1.2;padding: 0;}
.ArticleProductsWrap .blog-rating .score{font-size: 15px;font-weight: 800;color: #2b2b2b;}
.ArticleProductsWrap .blog-rating .sep,
.ArticleProductsWrap .blog-rating .total{display: inline-block;font-size: 12px;color: #b0b0b0;font-weight: 600;line-height: 1;}
.ArticleProductsWrap .blog-rating b{background: url(../../images/star.svg) no-repeat center;width: 14px;height: 14px;background-size: 100%;display: inline-block;}
.ArticleProductsWrap .blog-sales{font-weight: normal;white-space: nowrap;color: #8D8D8D;font-size: 13px;}
.ArticleProductsWrap .blog-reviews{font-size: 14px;font-weight: bold;color: #505050;}
.ArticleProductsWrap .blog-reviews:after{content: "›";display: inline-block;font-size: 18px;color: #505050;line-height: 1;margin-left: 10px;}

/* 分类切换 Tab */
.ArticleProductsWrap .blog-category-tabs{margin-top: 0;display: flex;align-items: center;gap: 0;padding: 0;border-bottom: 0;background: #fff;height: 36px;border-top: 1px solid #f1f1f1;}
.ArticleProductsWrap .blog-category-tabs .cat-scroll-btn{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: 1px solid #e1e1e1;border-radius: 8px;background: #fff;cursor: pointer;color: #777;font-weight: 800;transition: all .2s ease;flex: 0 0 auto;}
.ArticleProductsWrap .blog-category-tabs .cat-scroll-btn:hover{border-color: #ff5e17;color: #ff5e17;box-shadow: 0 6px 14px rgba(255,94,23,0.12);} 
.ArticleProductsWrap .blog-category-tabs .cat-scroll-wrap{flex: 1;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;height: 100%;}
.ArticleProductsWrap .blog-category-tabs .cat-scroll-wrap::-webkit-scrollbar{display: none;}
.ArticleProductsWrap .blog-category-tabs ul{display: flex;align-items: center;gap: 24px;padding: 0 0 0 24px;margin: 0;list-style: none;flex-wrap: nowrap;height: 100%;background: #fff;}
.ArticleProductsWrap .blog-category-tabs li{position: relative;border: none;border-radius: 0;padding: 0;cursor: pointer;white-space: nowrap;transition: all .5s;z-index: 0;background: transparent;font-weight: 400;color: #6C6C6C;}
.ArticleProductsWrap .blog-category-tabs li:after{position: absolute;content: "";width: 0;bottom: 0;left: 50%;transform: translateX(-50%);transition: all .5s;height: 2px;background: #ff5e17;display: block;z-index: 2;border-bottom: 0;}
.ArticleProductsWrap .blog-category-tabs li.active,
.ArticleProductsWrap .blog-category-tabs li:hover{color: #FF5E17;font-weight: bold;}
.ArticleProductsWrap .blog-category-tabs li.active:after,
.ArticleProductsWrap .blog-category-tabs li:hover:after{width: 100%;}
.ArticleProductsWrap .blog-category-tabs li span{display: block;padding: 12px 0;color: inherit;font-size: 14px;transition: all .5s;}
.ArticleProductsWrap .blog-category-tabs li.active span{color: #FF5E17;font-weight: bold;padding: 10px 0;margin: 0;}
.ArticleProductsWrap .blog-category-tabs li:hover span{color: #FF5E17;font-weight: bold;}
.ArticleProductsWrap .blog-category-tabs li.active:after{width: 27px;}
.ArticleProductsWrap .GenesisTop .category-panel{display: none;list-style: none;padding: 0;margin: 0;flex-wrap: wrap;justify-content: flex-start;}
.ArticleProductsWrap .GenesisTop .category-panel.active{display: flex;}

.ArticleProductsWrap .Choosebox{margin-top: 14px;}
.ArticleProductsWrap .Choosebox ul{display: flex;gap: 12px;flex-wrap: wrap;align-items: stretch;}
.ArticleProductsWrap .Choosebox li{width: calc((100% - 24px) / 3);}
.ArticleProductsWrap .Zhongli{border-radius: 12px;overflow: hidden;background: #fff;border: 1px solid rgba(0,0,0,.06);box-shadow: 0 8px 16px rgba(0,0,0,.06);height: 100%;display: flex;flex-direction: column;}
.ArticleProductsWrap .Zhongli-img{position: relative;}
.ArticleProductsWrap .Zhongli-img:before{position: absolute;content: "";background-image: linear-gradient(transparent, #fff);width: 100%;height: clamp(32px, 4vw, 44px);left: 0;bottom: 0;}
.ArticleProductsWrap .Zhongli-img img{width: 100%;border-radius: 0;display: block;aspect-ratio: 1/1;object-fit: cover;}
.ArticleProductsWrap .Zhongli-img b{background: url(../../images/pic159.png);width: clamp(11px, 1.1vw, 13px);height: clamp(11px, 1.1vw, 13px);background-size: 100% 100%;cursor: pointer;position: absolute;top: clamp(8px, 1vw, 10px);right: clamp(8px, 1vw, 10px);}
.ArticleProductsWrap .Zhongli-text{padding: 10px 12px 12px;display: flex;flex-direction: column;gap: 8px;flex: 1;}
.ArticleProductsWrap .Zhongli-text h2{font-weight: 800;font-size: clamp(12px, 1.2vw, 13px);color: #393939;line-height: 1.35;margin: 0;min-height: clamp(30px, 3.8vw, 36px);}
.ArticleProductsWrap .Zhongli-text p{display: flex;justify-content: space-between;align-items: center;margin: 0;gap: 10px;}
.ArticleProductsWrap .Zhongli-text p b{font-size: clamp(15px, 1.6vw, 18px);color: #FF5905;font-weight: 900;}
.ArticleProductsWrap .Zhongli-text p em{font-weight: 400;font-size: clamp(10px, 1.1vw, 12px);}
.ArticleProductsWrap .Zhongli-text p span{color: #fff;line-height: clamp(16px, 1.8vw, 18px);border-radius: 4px;padding: 0 8px;background: #FF5905;font-size: clamp(10px, 1.1vw, 12px);font-weight: 800;}
.ArticleProductsWrap .Zhongli-text a{display: block;text-align: center;border-radius: 10px;line-height: clamp(30px, 3.2vw, 36px);background: #FF5905;color: #fff;font-weight: 900;text-decoration: none;}

.ArticleProductsWrap .GenesisTop{padding: 20px 20px 24px;background: #F7FAFC;border-radius: 0 0 20px 20px;margin-top: 0;margin-left: 0;margin-right: 0;position: relative;overflow: visible;border-top: 1px solid #e8edf3;}
.ArticleProductsWrap .product-scroll-hint{display: none;position: sticky;bottom: 0;left: 0;right: 0;align-items: center;justify-content: center;padding: 16px 0 8px;color: #8a8a8a;font-size: 12px;font-weight: 600;background: linear-gradient(to bottom, rgba(242,247,252,0) 0%, rgba(242,247,252,0.86) 55%, #F2F7FC 100%);pointer-events: none;}
.ArticleProductsWrap .product-scroll-hint .end{display: none;}
.ArticleProductsWrap .GenesisTop.is-scroll-end .product-scroll-hint{color: #4a4a4a;}
.ArticleProductsWrap .GenesisTop.is-scroll-end .product-scroll-hint .hint{display: none;}
.ArticleProductsWrap .GenesisTop.is-scroll-end .product-scroll-hint .end{display: inline;}
.ArticleProductsWrap .GenesisTop.is-collapsed .product-scroll-hint{display: none;}
.ArticleProductsWrap .GenesisTop.is-collapsed{overflow: hidden;overscroll-behavior: contain;}
.ArticleProductsWrap .GenesisTop.is-collapsed{-webkit-overflow-scrolling: touch;scrollbar-width: none;}
.ArticleProductsWrap .GenesisTop.is-collapsed::-webkit-scrollbar{display: none;}
.ArticleProductsWrap .GenesisTop ul{display: flex;flex-wrap: wrap;gap: 18px;justify-content: flex-start;}
.ArticleProductsWrap .GenesisTop li{width: calc(25% - 54px / 4);margin-top: 0;}
.ArticleProductsWrap .Choose-content.collapsed .GenesisTop{max-height: 470px;overflow: hidden;}
.ArticleProductsWrap .Choose-content.collapsed .GenesisTop::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 120px;background: linear-gradient(to bottom, rgba(242,247,252,0), rgba(242,247,252,0.95) 60%, #F2F7FC);pointer-events: none;z-index: 1;}
.ArticleProductsWrap .GenesisBox{position: relative;width: 100%;border-radius: 10px;transition: all .3s;overflow: hidden;background: #fff;box-shadow: 0 10px 22px rgba(0, 0, 0, .08);border: 1px solid #eef1f5;} 
.ArticleProductsWrap .GenesisBox:before{display: none;} 
.ArticleProductsWrap .GenesisTp{position: relative;overflow: hidden;border-bottom: 0;background: #F9D93A;padding: 12px 12px 8px;} 
.ArticleProductsWrap .GenesisTp img{width: 72%;transition: all .3s;aspect-ratio: 1 / 1;display: block;margin: 0 auto;object-fit: contain;} 
.ArticleProductsWrap .GenesisTp p{display: none;} 
.ArticleProductsWrap .discount-badge,
.ArticleProductsWrap .percentage{position: absolute;left: 0;bottom: 0;color: #fff;font-size: 12px;line-height: 20px;background: #ff7a1a;clip-path: polygon(0% 0%, 78% 0%, 100% 100%, 0% 100%);width: 78px;z-index: 10;padding-left: 10px;font-weight: 800;} 
.ArticleProductsWrap .discount-badge:after{display: none;} 
.ArticleProductsWrap .GenesisText{padding: 0 5px 5px;position: relative;background: #fff;margin-top: 0;} 
.ArticleProductsWrap .GenesisText:before,.ArticleProductsWrap .GenesisText:after{display: none;} 
.ArticleProductsWrap .product-name{font-size: 13px;color: #1E1E1E;line-height: 1.2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 32px;} 
.ArticleProductsWrap .price-row{display: flex;align-items: baseline;justify-content: flex-start;gap: 6px;} 
.ArticleProductsWrap .price-row .price-value{color: #FF5905;font-size: 16px;line-height: 1;font-weight: 900;display: inline-flex;align-items: baseline;gap: 2px;} 
.ArticleProductsWrap .price-row .price-value b{font-size: 12px;font-weight: 800;} 
.ArticleProductsWrap .discount-row{margin-top: 4px;} 
.ArticleProductsWrap .discount-row .discount b{font-size: 11px;color: #b3b3b3;text-decoration: line-through;font-weight: 600;} 
.ArticleProductsWrap .save-badge{margin: 12px 3px 0;flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;height: 22px;padding: 0 10px;border-radius: 4px;background: #FF5905;color: #fff;font-size: 12px;font-weight: 900;white-space: nowrap;}
.ArticleProductsWrap .discount{background: transparent;padding: 0;border-radius: 0;color: inherit;font-size: inherit;font-weight: normal;line-height: 1;}
.ArticleProductsWrap .bottom-row{display: flex;justify-content: space-between;font-size: 13px;padding: 0;gap: 10px;} 
.ArticleProductsWrap .uid-badge{display: inline-flex;align-items: center;justify-content: center;font-size: clamp(10px, 0.8vw, 11px);color: #2D78D2;background: #CFE6FF;min-width: 62px;max-width: 140px;padding: 0 10px;line-height: 20px;border-radius: 10px;font-weight: 700;text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.ArticleProductsWrap .rating-badge{cursor: pointer;min-width: 76px;height: 28px;border-radius: 10px;background: #ff3d00;color: #fff;display: inline-flex;align-items: center;justify-content: center;font-size: clamp(11px, 0.9vw, 12px);font-weight: 800;letter-spacing: .2px;text-decoration: none;flex: 0 0 auto;margin-left: auto;padding: 0 14px;}
.ArticleProductsWrap .rating-badge:hover{color: #fff;opacity: .92;}
.ArticleProductsWrap .rating-badge:before{display: none;}

.ArticleProductsWrap .GenesisText.discount-content{display: flex;flex-direction: column;}
.ArticleProductsWrap .blog-buy-now{display: flex;align-items: center;justify-content: center;margin: 12px 10px 10px;border-radius: 10px;height: 40px;background: #F7D64A;color: #2b2b2b;font-weight: 900;font-size: 14px;text-decoration: none;}
.ArticleProductsWrap .blog-buy-now:hover{color: #2b2b2b;text-decoration: none;opacity: .95;}


@media (hover: none) and (pointer: coarse) {
  .ArticleProductsWrap .GenesisBox:hover{box-shadow: 0 10px 26px rgba(0,0,0,0.06);transform: none;}
  .ArticleProductsWrap .GenesisBox:hover img{transform: none;}
}

@media (max-width: 1280px) and (min-width: 992px){
  .ArticleProductsWrap .GenesisTop ul{gap: 14px;}
  .ArticleProductsWrap .GenesisTop li{width: calc(25% - 42px / 4);margin-top: 0;}
}

@media (max-width: 1100px) and (min-width: 992px){
  .ArticleProductsWrap .GenesisTop ul{gap: 12px;}
  .ArticleProductsWrap .GenesisTop li{width: calc(33.333% - 24px / 3);margin-top: 0;}
}

.ArticleProductsWrap .blog-botton{display: flex;align-items: center;justify-content: center;width: fit-content;margin: 14px auto 0;text-align: center;min-width: 140px;padding: 0 14px;line-height: 34px;border: 1px solid #D8D8D8;border-radius: 10px;color: #626262;cursor: pointer;transition: all .25s ease;user-select: none;}
.ArticleProductsWrap .blog-botton:after{content: "";display: inline-block;width: 12px;height: 12px;margin-left: 8px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23626262' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center/contain;}
.ArticleProductsWrap .blog-botton:hover{background: #FF5905;color: #fff;border: 1px solid #FF5905;}
.ArticleProductsWrap .blog-botton:hover:after{filter: brightness(3);}
.ArticleProductsWrap .article-products-more{display: flex;justify-content: center;}
.ArticleProductsWrap .load-more-row{margin-top: 12px;display: flex;align-items: center;gap:12px;justify-content: center;}
.ArticleProductsWrap .load-more-btn{padding: 8px 14px;border-radius: 16px;border: 1px solid #ff5e17;background: #ff5e17;color: #fff;font-weight: 600;cursor: pointer;box-shadow: 0 6px 14px rgba(255,94,23,0.24);display: inline-flex;align-items: center;gap:6px;line-height: normal;}
.ArticleProductsWrap .load-more-btn .arrow{display: inline-block;transition: transform .2s;}
.ArticleProductsWrap .load-more-btn.expanded .arrow{transform: rotate(180deg);}
.ArticleProductsWrap .load-more-btn:hover{opacity: .9;}

@media (max-width: 991px){
  .main-content{margin: 0 auto;padding-left: 12px;padding-right: 12px;box-sizing: border-box; background-color: #fff !important;}
  .Blog-Details{flex-direction: column;}
  .Blog-Details-left{position: fixed;left: 10px;top: 62%;transform: translateY(-50%);width: 52px;height: 52px;margin: 0;padding: 0;background: transparent;flex: 0 0 auto;z-index: 1200;box-shadow: none;border: none;}
  .Blogarticle-content table{display: block;width: 100%;max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;border-radius: 8px;}
  .Blogarticle-content table thead,
  .Blogarticle-content table tbody,
  .Blogarticle-content table tfoot{display: table;width: max-content;min-width: 100%;}
  .Blogarticle-content table th,
  .Blogarticle-content table td{padding: 8px 10px;font-size: 13px;white-space: nowrap;}
  .Blog-Details-left:before{content: "";display: block;width: 52px;height: 52px;background: #fff url(../../images/md.webp) center/32px 32px no-repeat;border-radius: 14px;box-shadow: 0 6px 16px rgba(0,0,0,0.12);border: 1px solid #e8e8e8;}
  .Blog-Details-left h2,.Blog-Details-left .Blog-Details-box,.Blog-Details-left .toc-heading{display: none;}
  .Blogarticle{min-width: 0;width: 100%;}
  .Blog-Details-right{position: relative;top: auto;width: 100%;flex: 0 0 auto;margin-top: 14px;}
  .Related-wrapper{width: 100%;overflow: hidden;padding: 0 8px;box-sizing: border-box;}
  .Blog-Details-right .Related{width: 100%;max-width: 100%;border-radius: 12px;box-shadow: 0 6px 16px rgba(0,0,0,0.08);padding: 10px;}
  .Related-bg{right: clamp(6px, 2cqw, 12px);width: clamp(120px, 56cqw, 200px);height: auto;aspect-ratio: 214 / 63;top: clamp(4px, 1.4cqw, 6px);}
  .Related-handle{right: clamp(6px, 2cqw, 12px);top: clamp(-40px, -12cqw, -24px);width: clamp(90px, 34cqw, 160px);height: auto;aspect-ratio: 1 / 1;transform: none;}
  .Blog-Details-right .related-title{padding: clamp(12px, 5cqw, 16px) 0 clamp(14px, 6cqw, 20px) clamp(12px, 5cqw, 16px);font-size: clamp(13px, 4.6cqw, 15px);}
  .Blog-Details-right .Related-box-a{padding: clamp(10px, 3.4cqw, 16px);gap: clamp(8px, 2.8cqw, 14px);}
  .Blog-Details-right .Related-image{width: clamp(80px, 18cqw, 160px);}
  .Blog-Details-right .Related-price-number{font-size: clamp(20px, 5cqw, 30px);}
  .Blog-Details-right .Related-discount{min-width: clamp(36px, 10cqw, 60px);font-size: clamp(10px, 3cqw, 12px);}
  .Blog-Details-right .Related-bottom{padding: clamp(8px, 2.8cqw, 14px);}
  .Blog-Details-right .Related .btn6{height: clamp(38px, 12cqw, 52px);font-size: clamp(14px, 4cqw, 18px);margin-top: clamp(12px, 3.2cqw, 18px);}

  .ArticleHeroProduct{flex-direction: row;gap: .24rem;height: auto;padding: .24rem;align-items: center;}
  .ArticleHeroProduct-img{flex: 0 0 2.2rem;max-width: 2.2rem;width: 2.2rem;height: 2.2rem;margin-left: 0;}
  .ArticleHeroProduct-body{padding: 0;}
    .ArticleHeroProduct-title{font-size: .36rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .ArticleHeroProduct-features{margin: 0 0 .28rem;padding: 0;}
    .ArticleHeroProduct-features li{font-size: .26rem;line-height: 1.45;margin: .12rem 0;white-space: normal;overflow: visible;text-overflow: unset;}
    .ArticleHeroProduct-features li:before{top: .18rem;}
    .ArticleHeroProduct-btn{height: .88rem;}
    .ArticleHeroProduct-btn{--hero-price-basis: 32%;}
    .ArticleHeroProduct-btnPrice{border-radius: 6px 0 0 6px;flex: 0 0 var(--hero-price-basis);min-width: 0;font-size: 0.2rem;white-space: normal;}
    .ArticleHeroProduct-btnIcon{display: none !important;}
    .ArticleHeroProduct-btnText{border-radius: 0 6px 6px 0;flex: 1;font-size: .15rem;white-space: normal;overflow: visible;text-overflow: unset;padding: 0 .28rem;}

  /* blog-top 头像信息条 - 移动端样式 */
  .ArticleProductsWrap .Choose{margin-top: .12rem;}
  .ArticleProductsWrap .Choose-content{max-width: none;margin: 0;border-radius: .2rem;background: #f5f8fd;box-shadow: none;}
  .ArticleProductsWrap .blog-top{padding: .3rem .25rem .2rem;border-radius: .2rem .2rem 0 0;background: #fff;gap: .2rem;}
  .ArticleProductsWrap .blog-img{width: 1.04rem;height: 1.04rem;flex: 0 0 1.04rem;border-radius: .12rem;box-shadow: none;}
  .ArticleProductsWrap .blog_text{min-height: auto;gap: .12rem;align-items: flex-start;}
  .ArticleProductsWrap .blog-brand-name{font-size: .3rem;font-weight: 700;line-height: 1.2;}
  .ArticleProductsWrap .blog-rating{font-weight: 600;color: #555555;gap: .08rem;font-size: .24rem;}
  .ArticleProductsWrap .blog-rating b{width: .24rem;height: .24rem;}
  .ArticleProductsWrap .blog-sales{font-size: .22rem;color: #8D8D8D;}

  .ArticleProductsWrap .blog-category-tabs{margin-top: 0;background: #fff;border-top: 1px solid #f1f1f1;border-radius: 0;padding: 0;}
  .ArticleProductsWrap .blog-category-tabs .cat-scroll-btn{display: none;}
  .ArticleProductsWrap .blog-category-tabs ul{gap: 0;padding: 0;margin: 0;flex-wrap: wrap;background: #fff;}
  .ArticleProductsWrap .blog-category-tabs li{width: 50%;text-align: center;font-size: .26rem;}
  .ArticleProductsWrap .blog-category-tabs li.active{background: #f5f5f5;clip-path: polygon(10% 0, 90% 0, 100% 100%, 0% 100%);filter: none;}
  .ArticleProductsWrap .blog-category-tabs li span{padding: .2rem 0;}

  .ArticleProductsWrap .GenesisTop{padding: .3rem .15rem;background: #f5f8fd;border-radius: 0 0 .2rem .2rem;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
  .ArticleProductsWrap .GenesisTop::-webkit-scrollbar{display: none;}
  .ArticleProductsWrap .GenesisTop ul{gap: .25rem;flex-wrap: nowrap;}
  .ArticleProductsWrap .GenesisTop .category-panel.active{flex-wrap: nowrap;}
  .ArticleProductsWrap .GenesisTop li{margin: 0;width: calc(33.33% - .5rem/3);flex: 0 0 calc(33.33% - .5rem/3);}
  .ArticleProductsWrap .GenesisTop.is-collapsed{max-height: none;overflow-x: auto;overflow-y: hidden;}
  .ArticleProductsWrap .Choose-content.collapsed .GenesisTop{max-height: none;}
  .ArticleProductsWrap .Choose-content.collapsed .GenesisTop::after{display: none;}
  .ArticleProductsWrap .product-scroll-hint{display: none;}
  .ArticleProductsWrap .article-products-more{display: none;}
}

.blog-share-float{position: absolute;right: -60px;top: 10px;z-index: 0;}
.blog-share-float.sticky{position: fixed;right: auto;left: auto;margin: 0;top: auto;}
.blog-share-container{width: 41px;border-radius: 20px;background: #FC8651;box-shadow: 0px 4px 10px 0px rgba(196, 229, 247, 0.3);transition: all 0.35s ease;overflow: hidden;}
.blog-share-container.expanded{width: 42px;height: 312px;background: #FFFFFF;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);}
.blog-share-toggle{height: 64px;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #fff;background-color:#FC8651 ;transition: all 0.3s ease;}
.blog-share-container.expanded .blog-share-toggle{height: 50px;}
.blog-share-toggle img{width: 24px;height: 24px;object-fit: contain;transition: all 0.3s ease;}
.blog-share-container.expanded .blog-share-toggle img{transform: rotate(180deg);}
.blog-share-toggle .share-toggle-text{font-size: 11px;font-weight: 800;letter-spacing: .08em;text-transform: uppercase;color: #fff;}
.blog-share-menu{display: none;flex-direction: column;align-items: center;padding: 8px 0 12px;gap: 16px;}
.blog-share-container.expanded .blog-share-menu{display: flex;}
.blog-share-item{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s ease;opacity: 0;transform: scale(0.8);}
.blog-share-container.expanded .blog-share-item{opacity: 1;transform: scale(1);}
.blog-share-item:hover{transform: scale(1.15);}
.blog-share-item img{width: 22px;height: 22px;object-fit: contain;}
@media (max-width: 1200px){.blog-share-float{display: none;}}

/* Mobile TOC bottom sheet */
.toc-mobile-overlay{display: none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.35);z-index: 1298;opacity: 0;transition: opacity .25s ease;}
.toc-mobile-sheet{display: none;position: fixed;left: 0;right: 0;bottom: 0;background: #fff;border-radius: 16px 16px 0 0;box-shadow: 0 -8px 24px rgba(0,0,0,0.18);max-height: 78vh;overflow: hidden;z-index: 1299;transform: translateY(100%);transition: transform .28s ease;}
.toc-mobile-sheet.open{display: block;transform: translateY(0);}
.toc-mobile-overlay.open{display: block;opacity: 1;}
.toc-mobile-header{display: flex;align-items: center;justify-content: space-between;padding: 14px 18px;border-bottom: 1px solid #f1f1f1;}
.toc-mobile-title{font-weight: 800;font-size: 18px;color: #1f1f1f;display: flex;align-items: center;gap: 10px;line-height: 1.3;}
.toc-mobile-title:before{content: "";display: inline-block;width: 18px;height: 18px;background: url(../../images/md.webp) center/contain no-repeat;}
.toc-mobile-close{border: none;background: transparent;font-size: 22px;cursor: pointer;line-height: 1;color: #111;}
.toc-mobile-body{padding: 6px 0 16px;overflow-y: auto;max-height: calc(78vh - 56px);}
.toc-mobile-body .toc-list{padding: 0 18px;}
.toc-mobile-body .toc-item{list-style: none;}
.toc-mobile-body .toc-title{display: flex;align-items: flex-start;gap: 10px;padding: 12px 0 10px;border-bottom: 1px solid #f4f4f4;}
.toc-mobile-body .toc-title .toc-toggle{flex: 0 0 auto;width: 14px;height: 14px;border: solid #3c3c3c;border-width: 0 0 2px 2px;transform: rotate(-45deg);transition: transform .15s ease, border-color .15s ease;margin-top: 4px;}
.toc-mobile-body .toc-title.has-children .toc-toggle.open{transform: rotate(135deg);border-color: #ff5e17;}
.toc-mobile-body .toc-link{flex: 1;display: block;font-size: 17px;font-weight: 800;color: #2c2c2c;line-height: 1.45;}
.toc-mobile-body .toc-title .toc-link.active{color: #ff5e17;}
.toc-mobile-body .toc-children{padding: 6px 0 12px 22px;list-style: none;display: none;}
.toc-mobile-body .toc-children .toc-link{font-size: 14px;font-weight: 700;color: #6c6c6c;line-height: 1.5;display: block;padding: 10px 12px;border-radius: 10px;}
.toc-mobile-body .toc-children .toc-link.active{color: #ff5e17;background: #fff3ea;font-weight: 800;}

/* Mobile share bar */
.article-share-mobile{display: none;margin-top: 16px;padding: 10px 12px;border-radius: 10px;background: #f5f7fa;border: 1px solid #e6e9ed;align-items: center;gap: 10px;justify-content: space-between;}
.article-share-mobile .share-label{font-size: 14px;color: #7a7a7a;white-space: nowrap;}
.article-share-mobile .share-actions{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 10px;}
.article-share-mobile .share-btn{border-radius: 12px;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #fff;transition: transform .2s ease, opacity .2s ease;}
.article-share-mobile .share-btn img{width: 20px;height: 20px;object-fit: contain;}
.article-share-mobile .share-btn:active{transform: scale(0.97);}


@media (max-width: 991px){
  .article-share-mobile{display: flex;}
  .author{flex-direction: row;align-items: center;gap: 12px;}
  .author-right{width: auto;}
  .author-right ul{justify-content: flex-start;gap: 12px;flex-wrap: wrap;}
  .Related-wrapper{width: 100%;overflow: hidden;padding: 0 8px;box-sizing: border-box;}
  .Related-bg{right: 12px;width: 180px;height: 52px;}
  .Related-handle{right: 12px;top: -36px;transform: scale(0.82);transform-origin: top right;}
}