@charset "utf-8";
.Blog-Details{display: flex;justify-content: space-between;column-gap: 30px;align-items: flex-start;}
.Blog-Details-left{flex: 0 0 215px;width: 215px;position: sticky;top: 90px;}
.Blog-Details-left h2{font-weight: 700;font-size: 16px;color: #2F2F2F;margin-bottom: 15px;}
.Blog-Details-left h2 img{display: inline-block;vertical-align: middle; margin: -3px 6px 0 0;}
.Blog-Details-box{border-radius: 8px;background: #fff;padding: 30px 27px;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.Blog-Details-box ul{list-style: none;margin: 0;padding: 0;}
.Blog-Details-box dl{margin: 0;padding: 0;}
.Blog-Details-box dt{margin: 0;padding: 0;}
.Blog-Details-box h3{font-size: 14px; font-weight: 700;line-height: 1.5;color: #2F2F2F;margin-bottom: 20px;}
.Blog-Details-box p{font-size: 12px;line-height: 1.6;color: #656565;}
.Blog-Details-box h4{font-size: 12px; line-height: 1.5;border-radius: 4px;background: #fffdf6;padding: 10px 5px;margin: 10px 0;}
.Blog-Details-box h3 span,.Blog-Details-box h4 span{cursor: pointer;display: block;}
.Blog-Details-left span.active{color: #FF5E17;}
.Blog-Details-box .toc-title{display: flex;align-items: center;gap: 8px;}
.Blog-Details-box .toc-title .toc-link{flex: 1;display: inline-block;}
.Blog-Details-box .toc-toggle{width: 12px;height: 12px;display: inline-block;border-left: 2px solid #FF5E17;border-bottom: 2px solid #FF5E17;transform: rotate(-45deg);transition: transform .15s ease;}
.Blog-Details-box .toc-toggle.open{transform: rotate(135deg);}
.Blog-Details-box .toc-children{padding-left: 16px;display: none;}

.Blogarticle{flex: 1;min-width: 680px;}
.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;}
.author{display: flex;justify-content: space-between;align-items: center;}
.author-left{display: flex;gap:12px;align-items: center;}
.author-image img{width: 42px;height: 42px;border-radius: 50%;}
.author-text h3{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;}
.Blogarticle-content h2{font-weight: 700;font-size: 18px;color: #2F2F2F;margin: 20px 0;line-height: 1.6;}
.Blogarticle-content h3{font-weight: 700;font-size: 16px;color: #2F2F2F;margin: 18px 0;line-height: 1.6;}
.Blogarticle-content h4{font-weight: 700;font-size: 14px;color: #2F2F2F;margin: 16px 0;line-height: 1.6;}
.Blogarticle-content p{font-size: 12px;color: #2F2F2F;line-height: 1.6;margin-bottom: 30px;}
.Blogarticle-content img{max-width: 100%;height: auto;display: block;margin: 0 auto;}

.Blog-Details-right{flex: 0 0 403px;width: 403px;position: sticky;top: 90px;}
.Related{border-radius: 8px;background: #fff;padding: 0 15px 15px 15px;box-shadow:0 0 10px rgba(0, 0, 0, .1); margin-bottom: 20px;overflow: hidden; position: relative; }
.Related h2{font-weight: 700;font-size: 16px;color: #2F2F2F;padding: 10px 0;}
.Related h2 img{display: inline-block;vertical-align: middle; margin: -3px 6px 0 0;}
.Related h2 b{line-height: 18px;display: inline-block; padding: 0 8px;border-radius: 5px; font-weight: 400;font-size: 10px;color: #202020;background-image: linear-gradient(to right, #a4f22d , #73e954);}
.Related-box{border-radius: 6px; padding: 12px 20px;background: #ecf9ff;display: flex;justify-content: space-between;}
.Related-image{width: 84px; border-radius: 6px; overflow: hidden;aspect-ratio: 16 / 16;}
.Related-image img{width: 100%;height: 100%; object-fit: cover;}
.Related-text{width: calc(100% - 95px);}
.Related-text h3{font-weight: 700; line-height: 1.5;color: #151515;font-size: 16px;}
.Related-text p{font-size: 12px; display: flex;gap:5px;margin-top: 10px;}
.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 h2{font-weight: 700;font-size: 16px;color: #101010;padding: 20px 0 15px;}
.Recent h2 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: 130px;aspect-ratio: 130 / 90;overflow: hidden;border-radius: 8px;}
.Recent-image img{width: 100%;height: 100%; object-fit: cover;}
.Recent-text{width: calc(100% - 145px);}
.Recent-text h3{font-weight: 700; line-height: 1.5;color: #2C2B2A;font-size: 14px;}
.Recent-text p{color: #555555;font-size: 12px;display: flex;gap:8px; margin-top: 10px;}
.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: 403px;min-height: 260px;padding: 14px;border-radius: 14px;box-shadow: 0 10px 24px rgba(0,0,0,.08);}
.Blog-Details-right .Related h2{padding: 21px 0 37px 23px;}
.Blog-Details-right .Related h2 b{background-image: linear-gradient(to right, #ff8a30, #ff5e17);color: #fff;font-weight: 700;}
.Related-wrapper{position: relative;}
.Related-bg{position: absolute;width: 214px;height: 63px;right: 0;top: 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: 137px;height: 137px;right: 26px;top: -50px;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: 200px;
    --tab-h: 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: 10px;
    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: 14px;padding: 12px;gap: 14px;align-items: center;justify-content: flex-start;overflow: hidden;margin-top: 10px;}
.Blog-Details-right .Related-image{width: 96px;border-radius: 12px;box-shadow: 0 8px 18px rgba(0,0,0,.10);}
.Blog-Details-right .Related-text h3{font-size: 14px;line-height: 1.35;margin-bottom: 8px;}
.Blog-Details-right .Related-price{display: flex;align-items: baseline;gap: 10px;line-height: 1;color: #ff5e17;font-weight: 800;margin: 2px 0 10px;}
.Blog-Details-right .Related-currency{font-size: 20px;line-height: 1;}
.Blog-Details-right .Related-price-number{font-size: 27px;line-height: 1;font-weight: bold;}
.Blog-Details-right .Related-discount{display: inline-flex;align-items: center;justify-content: center;height: 20px;min-width: 44px;padding: 0 10px;color: #fff;font-size: 11px;font-weight: 900;background: url(../../images/a36.png) no-repeat;background-size: 100% 100%;}
.Blog-Details-right .Related-bottom{background: #F5F6F7;border-radius: 8px;padding: 10px 12px;display: flex;align-items: center;gap: 10px;flex-wrap: nowrap;}
.Blog-Details-right .Related-brand-name{font-size: 13px;font-weight: bold;line-height: 13px;letter-spacing: 0em;color: #151515;flex: 1 1 auto;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Blog-Details-right .Related-star{display: inline-flex;align-items: center;gap: 3px;font-size: 12px;
font-weight: bold;
line-height: 12px;
letter-spacing: 0.018000000000000002em;color: #ff5e17;font-weight: 800;flex: 0 0 auto;white-space: nowrap;}
.Blog-Details-right .Related-star-icon{width: 14px;height: 14px;display: inline-block;}
.Blog-Details-right .Related-sold{font-size: 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: 20px;height: 44px;border-radius: 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: 16px;
font-weight: bold;display: flex;align-items: center;justify-content: center;gap: 8px;}
.Blog-Details-right .Related .btn6 img{width: 20.51px;height: 19.25px;opacity: 1;flex: 0 0 auto;}

.Blog-Details-right .Recent h2{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: 110px;aspect-ratio: 110 / 74;border-radius: 12px;}
.Blog-Details-right .Recent-text{width: calc(100% - 125px);}
.Blog-Details-right .Recent-text h3{font-size: 14px;line-height: 1.35;}
.Blog-Details-right .Recent-text p{margin-top: 8px;font-size: 12px;color: #8a8a8a;gap: 14px;}

.ArticleProductsWrap{margin: 24px 0;}

.ArticleHeroProduct{display: flex;gap: 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: 276px;position: relative;}
.ArticleHeroProduct-img{flex: 0 0 234px;max-width: 234px;height: 234px;border-radius: 10px;overflow: hidden;margin-left: 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: 18px 22px 18px 0;}
.ArticleHeroProduct-title{font-size: 22px;line-height: 1.25;font-weight: 800;color: #2F2F2F;margin: 0 0 12px;}
.ArticleHeroProduct-features{margin: 0 0 18px;padding: 0;list-style: none;}
.ArticleHeroProduct-features li{position: relative;padding-left: 16px;font-size: 14px;line-height: 1.6;color: #606060;margin: 6px 0;}
.ArticleHeroProduct-features li:before{content: "";position: absolute;left: 0;top: 9px;width: 6px;height: 6px;border-radius: 50%;background: #FF5E17;}
.ArticleHeroProduct-btn{display: inline-flex;align-items: stretch;border-radius: 10px;overflow: hidden;text-decoration: none;box-shadow: 0 10px 18px rgba(255,94,23,.18);}
.ArticleHeroProduct-btnPrice{display: inline-flex;align-items: center;justify-content: center;padding: 0 18px;background: var(--article-hero-btn-price-bg, #4a2a13);color: var(--article-hero-btn-price-text-color, #ffd2b4);font-weight: 900;font-size: 18px;min-width: 120px;}
.ArticleHeroProduct-btnIcon{flex: 0 0 40px;width: 40px;height: auto;display: inline-block;background: #FFFFFF url(../../images/lightning.webp) no-repeat center;background-size: 18px auto;}
.ArticleHeroProduct-btnText{display: inline-flex;align-items: center;justify-content: center;padding: 0 18px;background: var(--article-hero-btn-bg, linear-gradient(90deg,#ff6a1a,#ff3d00));color: var(--article-hero-btn-text-color, #fff);font-weight: 900;font-size: 16px;}

.ArticleProductsWrap .Choose{margin-top: 18px;}
.ArticleProductsWrap .Choose-title h2{font-weight: 800;font-size: 18px;color: #2F2F2F;margin: 0 0 14px;}
.ArticleProductsWrap .Choose-content{border-radius: 14px;background: #FFFFFF;padding: 22px;box-shadow: 0 10px 24px rgba(0,0,0,.06);border: 1px solid rgba(0,0,0,.06);}
.ArticleProductsWrap .blog-top{display: flex;gap: 10px;align-items: center;padding-bottom: 16px;background: url(../../images/pic158.png) no-repeat right center;background-size: auto 100%;}
.ArticleProductsWrap .blog-img{width: 52px;flex: 0 0 auto;}
.ArticleProductsWrap .blog-img img{width: 100%;border-radius: 10px;aspect-ratio: 1/1;object-fit: cover;}
.ArticleProductsWrap .blog_text h2{font-weight: 800;font-size: 16px;color: #151515;margin: 0 0 8px;}
.ArticleProductsWrap .blog_text p{font-size: 14px;color: #0F0F0F;gap: 10px;margin: 0;}
.ArticleProductsWrap .blog_text p span{font-weight: 800;padding-right: 10px;}
.ArticleProductsWrap .blog_text p b{background: url(../../images/a37.png);width: 12px;height: 12px;background-size: 100%;display: inline-block;vertical-align: middle;margin: -3px 5px 0 0;}

.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: 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: 13px;height: 13px;background-size: 100% 100%;cursor: pointer;position: absolute;top: 10px;right: 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: 13px;color: #393939;line-height: 1.35;margin: 0;min-height: 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: 18px;color: #FF5905;font-weight: 900;}
.ArticleProductsWrap .Zhongli-text p em{font-weight: 400;font-size: 12px;}
.ArticleProductsWrap .Zhongli-text p span{color: #fff;line-height: 18px;border-radius: 4px;padding: 0 8px;background: #FF5905;font-size: 12px;font-weight: 800;}
.ArticleProductsWrap .Zhongli-text a{display: block;text-align: center;border-radius: 10px;line-height: 36px;background: #FF5905;color: #fff;font-weight: 900;text-decoration: none;}

.ArticleProductsWrap .GenesisTop{padding: 0;background: transparent;margin-top: 14px;}
.ArticleProductsWrap .GenesisTop ul{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:16px;justify-content: start;}
.ArticleProductsWrap .GenesisTop li{width: auto;}
.ArticleProductsWrap .GenesisBox{position: relative;width:100%;min-height: 187px;border-radius: 20px;border: 1px solid #f0f0f0;transition: all .25s ease;overflow: hidden;background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);box-shadow: 0 8px 24px rgba(0,0,0,0.05);}
.ArticleProductsWrap .GenesisBox:before{content: "";position: absolute;left: 1px;top: 0;width: calc(100% - 2px);height: 137px;border-radius: 20px 20px 0 0;opacity: 1;background: url("../../images/background.webp") center/cover no-repeat;}
.ArticleProductsWrap .GenesisTp{position: relative;height: 113px;overflow: visible;border-radius: 16px;display: flex;align-items: flex-end;justify-content: center;}
.ArticleProductsWrap .GenesisTp img{position: absolute;left: 50%;top: 5px;width: 156px;height: 113px;transform: translateX(-50%);object-fit: contain;transition: all .25s;}
.ArticleProductsWrap .GenesisTp p{display: none;}
.ArticleProductsWrap .discount-badge{position: absolute;left: 16px;top: 14px;line-height: 14px;padding: 0 12px;border-radius: 3px;background: #FF5E17;color: #fff;font-weight: bold;font-size: 11px;z-index: 2;box-shadow: 0 4px 10px rgba(255,123,25,0.28);}
.ArticleProductsWrap .GenesisText{position: absolute;left: 0;right: 0;bottom: 0;padding: 16px 12px 10px 12px;border-radius: 0 0 20px 20px;transition: all .1s;box-shadow: 0 -2px 10px rgba(0,0,0,0.03);text-align: left;min-height: 60px;overflow: hidden;}
.ArticleProductsWrap .GenesisText:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url("../../images/mb.webp") center/cover no-repeat;opacity: 0.9;z-index: 0;}
.ArticleProductsWrap .GenesisText:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(180deg, rgba(255,255,255,0) 14%, rgba(255,255,255,0.78) 64%, #ffffff 100%);z-index: 0;}
.ArticleProductsWrap .product-name{font-family: "AlibabaPuHuiTi","Poppins","Helvetica Neue",Arial,sans-serif;font-size: 16px;color: #1E1E1E;font-weight: 400;line-height: 16px;margin-bottom: 6px;text-transform: capitalize;position: relative;z-index: 1;}
.ArticleProductsWrap .price-row{display: flex;align-items: center;justify-content: space-between;gap:10px;position: relative;z-index: 1;}
.ArticleProductsWrap .price-row h2{margin: 0;color: #ff5905;font-size: 17px;line-height: 20px;font-weight:700;display: flex;align-items: baseline;gap:4px;}
.ArticleProductsWrap .price-row h2 b{font-size: 14px;font-weight:400;}
.ArticleProductsWrap .bottom-row{display: flex;align-items: center;justify-content: space-between;margin-top: 4px;position: relative;z-index: 1;}
.ArticleProductsWrap .discount{line-height: 11px;border: none;background: transparent;display: inline-flex;align-items: center;padding: 0;font-size: 11px;color: #646464;text-decoration: line-through;}
.ArticleProductsWrap .discount b{font-size: 11px;color: #646464;text-decoration: line-through;font-weight: 400;}
.ArticleProductsWrap .buy-now{border: none;border-radius: 18px;padding: 6px 14px;font-size: 12px;font-weight: normal;cursor: pointer;background: #FF5E17;color: #fff;box-shadow: 0 6px 14px rgba(255,94,23,0.28);transform: translateY(2px);text-decoration: none;display: inline-flex;align-items: center;justify-content: center;}
.ArticleProductsWrap .buy-now:hover{opacity: .9;}
.ArticleProductsWrap .shopping-cart{background: url(../../images/pic17.png);width: 29px;height: 22px;background-size: 100% 100%;cursor: pointer;flex-shrink: 0;transition: transform .2s;transform: translateY(4px);}
.ArticleProductsWrap .shopping-cart:hover{background: url(../../images/pic18.png);background-size: 100% 100%;}
.ArticleProductsWrap .GenesisBox:hover{box-shadow: 0 10px 28px rgba(207,142,88,0.25);transform: translateY(-2px);}
.ArticleProductsWrap .GenesisBox:hover img{transform: translateX(-50%) scale(1.05);}

.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:hover{background: #FF5905;color: #fff;border: 1px solid #FF5905;}
.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){
    .Blog-Details{flex-direction: column;}
    .Blog-Details-left{position: relative;top: auto;width: 100%;flex: 0 0 auto;}
    .Blogarticle{min-width: 0;width: 100%;}
    .Blog-Details-right{position: relative;top: auto;width: 100%;flex: 0 0 auto;}

    .ArticleHeroProduct{flex-direction: column;gap: 12px;height: auto;padding: 16px;}
    .ArticleHeroProduct-img{max-width: 100%;flex: 0 0 auto;width: 100%;height: 220px;margin-left: 0;}
    .ArticleHeroProduct-body{padding: 16px;}
    .ArticleHeroProduct-title{font-size: 18px;}
    .ArticleHeroProduct-features li{font-size: 13px;}
    .ArticleHeroProduct-btn{width: 100%;}
    .ArticleHeroProduct-btnPrice{min-width: 96px;font-size: 16px;}
    .ArticleHeroProduct-btnText{flex: 1;font-size: 14px;}

    .ArticleHeroProduct-btnIcon{flex: 0 0 34px;width: 34px;background-size: 16px auto;}

    .ArticleProductsWrap .Choose-content{padding: 16px;}
    .ArticleProductsWrap .Choosebox li{width: calc(50% - 12px/2);}
    .ArticleProductsWrap .GenesisTop ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .ArticleProductsWrap .Zhongli-text h2{min-height: 0;}
}

@media (max-width: 480px){
    .ArticleProductsWrap .Choosebox li{width: 100%;}
    .ArticleProductsWrap .GenesisTop ul{grid-template-columns: 1fr;}
}