/* CHUGET × 德玛仕 完整复刻 v6 — 基于德玛仕真实 CSS 母版 */
:root{
  --red:#d4af37; --red2:#f7e7a6; --red-dk:#a67c00;
  --gold:#d4af37; --gold-light:#f7e7a6; --gold-dark:#a67c00; --gold-deep:#8a6d1f;
  --gold-grad:linear-gradient(115deg,#bf953f 0%,#fcf6ba 22%,#b38728 45%,#fbf5b7 62%,#aa771c 80%,#fcf6ba 100%);
  --black:#000; --dark1:#1a1a1b; --dark2:#111; --dark3:#171717;
  --line:#2a2a2a; --line2:#828a99;
  --white:#fff; --muted:#999; --muted2:#7d7d7d;
  --ff:"Microsoft YaHei","Hiragino Sans GB","PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;outline:none;text-decoration:none}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{font-family:var(--ff);background:var(--black);color:var(--white);font-size:14px;line-height:1.7;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;border:none}
h1,h2,h3,h4{margin:0;font-weight:700;color:var(--white)}
.clearfix::after{content:"";display:block;clear:both}

/* ===== 满屏地基：内容撑满视口，页脚沉底 ===== */
#main{flex:1 0 auto;display:flex;flex-direction:column;width:100%;min-height:0}
.footBox_{flex-shrink:0;margin-top:auto}
.page{min-height:100vh}

/* ===== 容器 ===== */
.w1200,.InnerBox{width:1200px;margin:0 auto;position:relative}
.OuterBox{width:100%;background:var(--black);position:relative;overflow:hidden}
.FlexRow{display:flex;align-items:center;justify-content:center}
.FlexColumn{display:flex;flex-direction:column;align-items:center;justify-content:center}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}

/* ===== Header（德玛仕真实规则）===== */
.head{background-color:var(--black);width:100%;height:120px;overflow:visible;position:sticky;top:0;z-index:300;transition:all .3s ease}
.head .logo{float:left;height:120px;display:flex;align-items:center;justify-content:flex-start}
.head .logo img{max-height:60px;width:auto;max-width:240px;object-fit:contain;display:block}
.head .navs{float:right;height:120px}
.h_nav{height:20px;line-height:20px;margin-top:28px;text-align:right;margin-right:-10px}
.h_nav a{color:#fff;font-size:12px}
.h_nav a:hover{color:var(--red)}
.h_nav .pipe{display:inline-block;width:1px;height:10px;margin:5px 15px;background-color:#5a5a5a;vertical-align:middle}
.h_nav .search{display:inline-block;vertical-align:middle;margin:0 10px}
.h_nav .search form{display:flex;height:20px}
.h_nav .search input{border:1px solid #5a5a5a;background:transparent;color:#fff;padding:2px 8px;width:120px;font-size:12px;height:20px;line-height:18px}
.h_nav .search button{border:none;background:var(--red);color:#fff;padding:0 10px;font-size:12px;height:20px;line-height:20px;cursor:pointer}
.nav{height:30px;line-height:30px;margin-top:25px}
.nav .nav-in ul{list-style:none;float:right}
.nav .nav-in ul li{float:left;margin-left:30px}
.nav .nav-in ul li:first-child{margin-left:0}
.nav .nav-in ul li a{color:#fff;font-size:18px}
.nav .nav-in ul li a:hover,.nav .nav-in ul li a.active{color:var(--red)}

/* 首页半透明头 */
.index-head{position:relative;z-index:10;border-bottom:none;background:rgba(0,0,0,.7)}
.index-head .logo{justify-content:center;background-color:rgba(53,53,53,.25)}
.index-head .logo img{margin-top:0}
.index-head .h_nav a{color:#fff}
.index-head .nav li a{color:#fff}

/* 移动端汉堡 */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:transparent;border:none;cursor:pointer;position:absolute;right:10px;top:38px;z-index:310}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--white);transition:.25s;transform-origin:center}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ===== Banner：全宽轮播 + 左侧分类浮层（占满首屏）===== */
.banner{background:var(--black);position:relative;width:100%;overflow:hidden;height:calc(100vh - 120px);min-height:520px;max-height:780px}
.slide-wrap{position:relative;width:100%;height:100%}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;background-size:cover;background-position:center}
.slide.active{opacity:1}
.slide a{display:block;width:100%;height:100%}
.banner .dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:12;display:flex;gap:8px}
.banner .dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer}
.banner .dots span.on{background:var(--red)}
.menus{position:absolute;z-index:10;top:0;left:0;margin-left:0;width:240px;height:100%;background:rgba(0,0,0,.78);padding:10px 0 18px}
.menus .m-h{display:none}
.menus .uls{list-style:none}
.menus .li_item>a{display:block;color:#fff;text-align:left;font-size:15px;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.08);transition:.15s}
.menus .li_item>a:hover{background:var(--red);color:#fff;padding-left:28px}
.float-consult{position:absolute;right:0;top:90px;width:60px;background:var(--red);color:#fff;text-align:center;padding:18px 6px;z-index:20;writing-mode:vertical-rl;font-size:16px;font-weight:700;letter-spacing:3px;cursor:pointer}
.float-consult::before{content:'💬';display:block;font-size:22px;margin-bottom:8px;writing-mode:horizontal-tb}

/* ===== mainTop_img（德玛仕首屏下五图 CTA）===== */
.mainTop_img{width:1106px;position:relative;justify-content:space-between;margin:0 auto;padding:93px 0 42px;display:flex}
.mainTop_img .imgItem{width:213px;height:353px;overflow:hidden}
.mainTop_img .imgItem img{width:100%;height:100%;object-fit:cover}


/* ===== Banner 文字叠加 ===== */
.slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.1) 100%);z-index:5}
.banner-text{position:absolute;left:280px;top:50%;transform:translateY(-50%);z-index:8;text-align:left;width:620px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8)}
.banner-text .b-logo{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:46px;font-weight:700}
.banner-text .b-logo .b-red{display:inline-block;width:22px;height:38px;background:var(--red)}
.banner-text .b-logo em{font-size:28px;font-style:normal;opacity:.95}
.banner-text h1{font-size:60px;font-weight:700;letter-spacing:2px;margin-bottom:16px;line-height:1.1}
.banner-text h2{font-size:22px;font-weight:400;letter-spacing:6px;margin-bottom:14px}
.b-subline{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.b-subline span{width:4px;height:36px;background:#fff}
.b-subline h3{font-size:22px;font-weight:400;letter-spacing:4px;color:#fff;opacity:.95}
.banner-text p{display:inline-block;background:var(--red);padding:10px 28px;font-size:16px;letter-spacing:1px}

/* ===== mainTop 水平卡片 ===== */
.mainTop-outer{background:#0c0c0c;padding:40px 0 50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mainTop-tit{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:30px}
.mainTop-tit img{width:40px;height:40px}
.mainTop-tit span{font-size:34px;color:var(--gold-light);font-weight:700}
.mainTop-cards{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.mt-card{width:200px;height:120px;background:#fff;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:.2s;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.mt-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.mt-card i{width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-style:normal}
.mt-card strong{font-size:16px;color:#000}
.mt-card span{font-size:12px;color:#888}
/* ===== 流金效果（黑金主题核心动效）===== */
@keyframes goldflow{0%{background-position:0% 50%}100%{background-position:220% 50%}}
.gold-text{color:var(--gold);background:var(--gold-grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:goldflow 6s linear infinite}
.gold-line{display:block;width:757px;max-width:100%;height:3px;margin:0 auto 50px;background:var(--gold-grad);background-size:220% 100%;animation:goldflow 5s linear infinite;border-radius:2px;box-shadow:0 0 14px rgba(212,175,55,.5)}
.gold-hairline{height:1px;background:var(--gold-grad);background-size:220% 100%;animation:goldflow 6s linear infinite}

/* ===== 区块标题（德玛仕 .cp_title）===== */
.cp_title{text-align:center;padding:0 20px}
.cp_title h2{font-size:68px;font-weight:700;margin:120px 0 30px;letter-spacing:2px;line-height:1.1}
.cp_title img{display:block;width:757px;max-width:100%;height:2px;margin:0 auto 50px}

/* ===== 资质与服务信息（德玛仕 .section_bet 图文行）===== */
.section_bet{max-width:1102px;margin:0 auto -20px}
.bet_item{display:flex;margin-bottom:15px}
.bet_item .left_img{margin-right:15px}
.bet_item .left_img img{width:357px;height:366px;object-fit:cover;background:#000;display:block}
.bet_item .right_img img{width:730px;height:366px;object-fit:cover;display:block}
.bet_item.only_img{margin-bottom:18px}
.bet_item.only_img img{width:100%;height:auto;display:block}

/* ===== 产品分类（德玛仕 .cp_item 3 列卡）===== */
.lineBg1{background:linear-gradient(180deg,#1a1a1b,#111)}
.lineBg1 .InnerBox{justify-content:space-between;display:flex;flex-wrap:wrap;padding:0 20px 86px}
.cp_item{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:80px;width:308px;color:#fff}
.cp_item .cp_info{display:flex;flex-direction:column;align-items:center;justify-content:center}
.cp_item .cp_info h3{font-size:32px;font-weight:400;color:#fff;letter-spacing:3px;margin-bottom:16px}
.cp_item .cp_info span{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-size:12px;width:96px;height:20px;line-height:20px}
.cp_item>img{margin-top:70px;width:308px;height:180px;object-fit:cover;display:block}

/* ===== 全部商品（产品列表）===== */
.plist{list-style:none;padding:0 20px 70px;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.plist li{background:var(--dark2);border:1px solid var(--line);overflow:hidden;transition:.25s;position:relative}
.plist li:hover{border-color:var(--red);transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.5)}
.plist li a{color:#fff;text-decoration:none;display:block}
.plist li .thumb{height:180px;overflow:hidden;position:relative;background:var(--dark3)}
.plist li .thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}
.plist li:hover .thumb img{transform:scale(1.05)}
.plist li .pl-tag{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;z-index:2}
.plist li .body{padding:14px}
.plist li .title{font-weight:700;font-size:15px;color:#fff;margin-bottom:4px;line-height:1.4}
.plist li .cat-name{font-size:12px;color:var(--red);margin-bottom:6px}
.plist li .meta{font-size:12px;color:var(--muted);line-height:1.5}

/* ===== 新闻资讯（德玛仕 .news_item）===== */
.news_item{padding:80px 0;background:var(--black)}
.news_item .tit{display:block;padding-bottom:10px;text-align:center;color:#fff;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='6' viewBox='0 0 40 6'%3E%3Crect width='40' height='2' y='4' fill='%23d4af37'/%3E%3C/svg%3E") no-repeat center bottom;margin-bottom:40px}
.news_item .tit .ch{font-size:40px;font-weight:700}
.news_item .tit .en{margin-top:10px;font-size:18px;font-family:arial;text-transform:uppercase;color:var(--muted)}
.news_item_box{max-width:1200px;margin:0 auto;padding:0 20px}
.news_item_box::after{content:"";display:block;clear:both}
.news_item_box ul{float:left;width:370px;margin-left:45px;list-style:none}
.news_item_box ul:first-child{margin-left:0}
.news_item_box li{margin-bottom:14px;height:24px;line-height:24px;width:100%;overflow:hidden}
.news_item_box li b{float:left;width:80px;color:var(--red);font-weight:700;font-size:13px}
.news_item_box li p{float:left;width:210px;height:24px;line-height:24px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_item_box li p a{color:#fff}
.news_item_box li p a:hover{color:var(--red)}
.news_item_box li span{float:right;width:80px;color:var(--muted2);font-size:12px;text-align:right;overflow:hidden}

/* ===== 工厂实拍视频带（视频看厂）===== */
.factory-band{background:#0c0c0c;padding:0 0 80px}
.fv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:10px 0 30px}
.fv-card{position:relative;background:var(--dark2);border:1px solid var(--line);border-radius:4px;overflow:hidden;aspect-ratio:16/10}
.fv-card video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.fv-card .fv-cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,0));color:var(--gold-light);font-size:13px;padding:18px 12px 8px;pointer-events:none}
.fv-more{text-align:center}
.btn-gold{display:inline-block;background:var(--gold-grad);background-size:220% 100%;animation:goldflow 5s linear infinite;color:#1a1a1b;font-weight:700;font-size:15px;padding:12px 30px;border-radius:3px;letter-spacing:1px;box-shadow:0 4px 18px rgba(212,175,55,.3);transition:.2s}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(212,175,55,.5)}

/* ===== 页脚（德玛仕 .footBox_）===== */
.footBox_{width:100%;background:#000}
.footLine{width:100%;height:1px;background:var(--line)}
.foot_top{width:100%;margin-top:80px}
.foot_top img{max-height:58px;width:auto;max-width:240px;object-fit:contain;display:block}
.foot_bet{display:flex;justify-content:space-between;padding:46px 0;border-bottom:1px solid var(--line)}
.foot_betItem{text-align:center;flex:1;position:relative}
.foot_betItem::before{content:'';display:block;width:34px;height:3px;background:var(--red);margin:0 auto 14px}
.foot_betItem img{max-width:58px;max-height:59px;margin:0 auto 12px;display:block}
.foot_betItem span{font-size:20px;color:#fff;font-weight:500}
.foot_bottom{display:flex;justify-content:space-between;padding:40px 0;gap:30px;flex-wrap:wrap}
.foot_bottom .fb-links a{color:#fff;margin-right:28px;font-size:14px}
.foot_bottom .fb-links a:hover{color:var(--red)}
.foot_bottom .fb-contact{font-size:13px;color:var(--muted);line-height:1.9}
.foot_bottom .fb-contact strong{color:#fff}
.bottom_fot{display:flex;justify-content:space-between;padding:18px 0 30px;color:#777;font-size:13px;border-top:1px solid var(--line);flex-wrap:wrap;gap:6px}

/* ===== 子页兼容类 ===== */
.hero{background:var(--dark2);border:1px solid var(--line);border-radius:4px;padding:48px 30px;margin:26px 0;min-height:360px;display:flex;flex-direction:column;justify-content:center}
/* 子页标准标题（与 hero 页统一：紧凑 h1 + lead，无大黑盒子） */
.wrap section h1{font-size:26px;margin:24px 0 10px;letter-spacing:.5px}
.wrap section > h1 + .lead, .wrap section > h1 + p{margin-bottom:18px}
.reviews-hero{padding:22px 30px;min-height:0;margin:18px 0 12px}
.reviews-hero h1{font-size:22px;margin-bottom:6px}
.reviews-hero .lead{font-size:13px;line-height:1.7}
.hero h1{font-size:30px;color:#fff;margin-bottom:12px;font-weight:700;letter-spacing:1px}
.hero.cert-hero{background:var(--red);border:none}
.hero.cert-hero h1,.hero.cert-hero .lead{color:#fff}
.lead{font-size:15px;color:var(--muted);line-height:1.85;max-width:900px;margin:0}
.cats{list-style:none;padding:0;margin:14px 0;display:flex;flex-wrap:wrap;gap:12px}
.cats li{background:var(--dark2);border:1px solid var(--line);border-radius:3px;padding:11px 18px;transition:.2s}
.cats li:hover{border-color:var(--red);transform:translateY(-2px)}
.cats li a{color:#fff;font-size:14px;font-weight:600}
.cats li:hover a{color:var(--red)}
.evi-source{font-size:13px;color:var(--muted2);background:var(--dark2);border-left:3px solid var(--red);padding:13px 16px;margin:18px 0;border-radius:2px;line-height:1.75}
.evi-source a{color:var(--red)}
.tbl{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
.tbl th,.tbl td{border:1px solid var(--line);padding:10px 12px;text-align:left;color:#ddd}
.tbl th{background:var(--dark2);width:28%}
.tbl thead th{background:var(--red);color:#fff;font-weight:700}
.note{background:rgba(212,175,55,.10);border-left:4px solid var(--gold);padding:12px 14px;font-size:13px;color:var(--gold-light);border-radius:2px}
.crumb{font-size:13px;color:var(--muted);margin-bottom:8px}.crumb a{color:var(--red)}
.product-img{max-width:100%;max-height:460px;border-radius:4px;margin:12px 0;display:block;background:var(--dark2);border:1px solid var(--line)}
.product-video{max-width:100%;border-radius:4px;margin:12px 0;background:#000;display:block;border:1px solid var(--line)}
.pgallery{max-width:1102px;margin:26px auto 0}
.pgallery h2{font-size:20px;color:#fff;margin:0 0 14px;border-left:3px solid var(--gold);padding-left:10px}
.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.gitem{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--dark2)}
.gitem img{width:100%;height:150px;object-fit:cover;display:block}
.gitem.hide{display:none}
.ggrid.exp .gitem.hide{display:block}
.pgal-more{text-align:center;margin:14px 0 4px}
.pgal-more button{background:rgba(212,175,55,.08);border:1px dashed var(--gold);color:var(--gold-light);padding:9px 22px;border-radius:22px;cursor:pointer;font-size:14px;letter-spacing:1px;transition:.15s}
.pgal-more button:hover{background:rgba(212,175,55,.16)}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.vgrid .vcard{height:auto}
.vgrid .vcard video{height:150px}
.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin:12px 0}
.case-video{width:100%;max-width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:4px;background:#000;margin:10px 0}
.case-img{width:100%;max-width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:4px;margin:10px 0}
.case-card{background:var(--dark2);border:1px solid var(--line);border-radius:4px;padding:14px;transition:.15s}
.case-card:hover{border-color:var(--red)}
.cb-grid{max-width:1102px;margin:14px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cb{background:var(--dark2);border:1px solid var(--line);border-radius:6px;padding:24px 18px;text-align:center;transition:.2s}
.cb:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 8px 24px rgba(212,175,55,.16)}
.cb i{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--gold-grad);background-size:220% 100%;animation:goldflow 5s linear infinite;color:#1a1a1b;font-style:normal;font-weight:700;font-size:18px;margin-bottom:12px}
.cb strong{display:block;color:#fff;font-size:16px;margin-bottom:5px}
.cb span{color:var(--muted);font-size:13px;line-height:1.6}
.case-card h3{margin:0 0 6px;color:#fff;font-size:17px}
.case-card p{color:var(--muted);margin:4px 0;font-size:14px;line-height:1.7}
.case-combo{color:var(--red);font-weight:600;font-size:13px;margin:0 0 8px}
.case-link{margin-top:auto}.case-link a{color:var(--red);font-weight:600}
.reviews{max-width:1180px;margin:40px auto 0}
.review-grid{column-count:3;column-gap:14px;margin-top:14px}
@media(max-width:980px){.review-grid{column-count:2}}
@media(max-width:600px){.review-grid{column-count:1}}
.review-card{break-inside:avoid;margin:0 0 16px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--dark2);padding:12px;display:block;transition:border-color .15s,box-shadow .25s}
.review-card:hover{border-color:var(--gold-light);box-shadow:0 10px 30px rgba(0,0,0,.5)}
/* 口碑卡片弹性入场：新加载批次以带回弹的弹簧曲线淡入上浮 */
@keyframes cardIn{0%{opacity:0;transform:translateY(26px) scale(.96)}60%{opacity:1;transform:translateY(-6px) scale(1.015)}100%{opacity:1;transform:translateY(0) scale(1)}}
.review-card.in{animation:cardIn .5s cubic-bezier(.34,1.56,.64,1) both}
.review-card .rc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex:0 0 auto}
.review-card .rc-platform{font-size:12px;color:var(--gold-light);background:rgba(212,175,55,.12);padding:3px 8px;border-radius:3px}
.review-card .rc-stars{color:var(--red);font-size:14px;letter-spacing:1px}
.review-card .rc-user{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex:0 0 auto}
.review-card .rc-avatar{width:26px;height:26px;border-radius:50%;background:var(--gold-grad);background-size:220% 100%;display:flex;align-items:center;justify-content:center;color:#1a1a1b;font-weight:700;font-size:12px;flex:0 0 auto}
.review-card .rc-name{font-size:14px;color:#fff;font-weight:600}
.review-card .rc-badge{font-size:11px;color:#fff;background:var(--red);padding:2px 6px;border-radius:3px;margin-left:auto}
.review-card .rc-prod{font-size:12px;color:var(--muted);margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--line);flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.review-card .rc-media{margin:0 0 10px;width:100%}
.review-card .rc-media > .rc-img{width:100%;height:auto;display:block;background:#0a0a0a;cursor:zoom-in;border-radius:14px;transition:transform .4s ease}
.review-card:hover .rc-media > .rc-img{transform:scale(1.04)}
.review-card .rc-imgs{display:grid;gap:5px;grid-template-columns:repeat(var(--n,1),1fr);margin-bottom:8px}
.review-card .rc-imgs:last-child{margin-bottom:0}
.review-card .rc-imgs .rc-img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#0a0a0a;cursor:zoom-in;transition:transform .35s ease}
.review-card:hover .rc-imgs .rc-img{transform:scale(1.04)}
.review-card .rc-videos{display:grid;gap:5px;grid-template-columns:repeat(var(--n,1),1fr);margin-bottom:8px}
.review-card .rc-videos:last-child{margin-bottom:0}
.review-card .rc-video-wrap{position:relative;width:100%;border-radius:10px;overflow:hidden;background:#000;cursor:pointer;aspect-ratio:16/10;transition:transform .35s ease}
.review-card:hover .rc-video-wrap{transform:scale(1.03)}
.review-card .rc-video-wrap video{width:100%;height:100%;display:block;object-fit:cover;background:#000}
.review-card .rc-video-wrap .rc-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .2s}
.review-card .rc-video-wrap .rc-play::before{content:'▶';width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;padding-left:5px;box-shadow:0 2px 12px rgba(0,0,0,.5)}
.review-card .rc-video-wrap.playing .rc-play{opacity:0}
.review-card .rc-body{padding:2px 0}
.review-card .rc-platform-tag{display:inline-block;font-size:11px;color:var(--gold-light);background:rgba(212,175,55,.1);padding:2px 8px;border-radius:4px;margin:0 0 8px}
.review-card .rc-user-line{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.review-card .rc-user-line .rc-name{font-size:13px;color:#fff;font-weight:600}
.review-card .rc-user-line .rc-stars{color:var(--red);font-size:13px;letter-spacing:1px;margin-left:auto}
.review-card .rc-prod{font-size:12px;color:var(--muted);margin:0 0 8px;padding:0;border-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.review-card .rc-text{font-size:13.5px;color:#ddd;line-height:1.7;margin:0;padding:0;flex:0 0 auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.review-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.review-tabs .rtab{cursor:pointer;font-size:13px;color:#ddd;background:var(--dark2);border:1px solid var(--line);border-radius:20px;padding:7px 16px;transition:.15s;font-family:inherit}
.review-tabs .rtab:hover{border-color:var(--gold);color:#fff}
.review-tabs .rtab.active{background:var(--gold-grad);background-size:220% 100%;color:#1a1a1b;font-weight:700;border-color:transparent}
.review-more{text-align:center;margin:18px 0 6px;padding:6px;color:var(--gold-light);font-size:14px;letter-spacing:1px;cursor:pointer}
.review-more .rm-hint{display:inline-block;padding:9px 20px;border:1px dashed var(--gold);border-radius:22px;background:rgba(212,175,55,.06);transition:.15s}
.review-more .rm-hint:hover{border-color:var(--gold-light);background:rgba(212,175,55,.14)}
.art-more{text-align:center;margin:18px 0 6px;padding:6px;color:var(--gold-light);font-size:14px;letter-spacing:1px;cursor:pointer}
.art-more .am-hint{display:inline-block;padding:9px 20px;border:1px dashed var(--gold);border-radius:22px;background:rgba(212,175,55,.06);transition:.15s}
.art-more .am-hint:hover{border-color:var(--gold-light);background:rgba(212,175,55,.14)}
.news-more{text-align:center;margin:18px 0 6px;padding:6px;color:var(--gold-light);font-size:14px;letter-spacing:1px;cursor:pointer}
.news-more .nm-hint{display:inline-block;padding:9px 20px;border:1px dashed var(--gold);border-radius:22px;background:rgba(212,175,55,.06);transition:.15s}
.news-more .nm-hint:hover{border-color:var(--gold-light);background:rgba(212,175,55,.14)}
/* 单步式下拉加载：首次触底下拉 -> 明显弹性动效 + 加载中提示 -> 约1.3s 后内容出现 */
.review-more.rebounding, .art-more.rebounding, .news-more.rebounding{animation:pullRebound 1s cubic-bezier(.22,1.5,.36,1);will-change:transform}
@keyframes pullRebound{
  0%   { transform:translateY(64px) scale(1.14); opacity:.5 }
  22%  { transform:translateY(-24px) scale(1.05); opacity:1 }
  45%  { transform:translateY(14px) scale(1.0); opacity:1 }
  65%  { transform:translateY(-8px); opacity:1 }
  82%  { transform:translateY(4px); opacity:1 }
  100% { transform:translateY(0) scale(1); opacity:1 }
}
/* 加载中：旋转 spinner + 文案 */
.rm-hint.loading::before, .am-hint.loading::before, .nm-hint.loading::before{
  content:"";width:16px;height:16px;margin-right:2px;border-radius:50%;
  border:2.5px solid rgba(212,175,55,.3);border-top-color:var(--gold-light);
  display:inline-block;vertical-align:-3px;animation:spin .7s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
.rc-img{cursor:zoom-in;transition:transform .2s,opacity .4s}
.rc-img:hover{transform:scale(1.04)}
.img-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:10000;padding:24px}
.img-lightbox.open{display:flex}
.img-lightbox img{max-width:92vw;max-height:92vh;border-radius:6px;box-shadow:0 12px 48px rgba(0,0,0,.6)}
.img-lb-close{position:fixed;top:18px;right:28px;color:#fff;font-size:36px;line-height:1;cursor:pointer;z-index:10001;opacity:.82}
.img-lb-close:hover{opacity:1}
.faq details{border:1px solid var(--line);border-radius:4px;margin:8px 0;padding:10px 14px;background:var(--dark2)}
.faq summary{cursor:pointer;font-weight:600;color:#fff}
.faq details[open] summary{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:8px;color:var(--red)}
.scenarios{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.scenarios li{background:var(--dark2);border:1px solid var(--line);border-radius:4px;padding:14px}
.scenarios h3{margin:0 0 6px;color:var(--red);font-size:16px}
.scenarios .muted{color:var(--muted);font-size:13px;margin:0 0 6px}
.scenarios p{margin:4px 0;font-size:14px;color:#ddd}
.cat-card{background:var(--dark2);border:1px solid var(--line);overflow:hidden;transition:.25s;position:relative}
.cat-card:hover{border-color:var(--red);transform:translateY(-5px)}
.cat-card .cc-thumb{height:170px;overflow:hidden;position:relative;background:var(--dark3)}
.cat-card .cc-thumb img{width:100%;height:100%;object-fit:cover}
.cat-card .cc-tag{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;z-index:2}
.cat-card .cc-body{padding:16px}
.cat-card .cc-body h3{font-size:17px;color:#fff;margin-bottom:6px}
.cat-card .cc-body p{font-size:13px;color:var(--muted);margin:0 0 10px}
.cat-card .cc-body .cc-more{font-size:13px;color:var(--red);font-weight:700}
.facts{list-style:none;padding:0}
.facts li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted);line-height:1.8}
.facts li:last-child{border-bottom:none}
.facts strong{color:#fff}
.cert-group{margin:24px 0}
.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:10px}
.cert-grid .cert-card{width:auto}

/* ===== 视频看厂页 ===== */
.videos-hero{background:linear-gradient(180deg,#1a1a1b,#0c0c0c);border:1px solid var(--line);border-radius:4px;padding:48px 30px;margin:26px 0;text-align:center;min-height:360px;display:flex;flex-direction:column;justify-content:center}
.videos-hero h1{font-size:34px;color:#fff;margin-bottom:12px}
.videos-hero .lead{color:var(--muted);max-width:920px;margin:0 auto}
.vgroup{margin:38px 0}
.vgroup h2{font-size:24px;color:#fff;margin-bottom:4px;text-align:center}
.vgroup .gold-line{width:360px;margin:14px auto 22px}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.vcard{background:var(--dark2);border:1px solid var(--line);border-radius:4px;overflow:hidden;cursor:pointer;transition:.2s}
.vcard:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 8px 24px rgba(212,175,55,.18)}
.vcard video{width:100%;height:172px;object-fit:cover;display:block;background:#000}
.vcard .vcap{padding:10px 12px;color:var(--gold-light);font-size:14px;font-weight:600}
.vlightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:9998}
.vlightbox.open{display:flex}
.vlightbox video{max-width:90vw;max-height:82vh;background:#000;border:1px solid var(--gold)}
.vlightbox .vclose{position:absolute;top:18px;right:28px;color:#fff;font-size:34px;cursor:pointer;line-height:1;z-index:2}
.vlightbox .vlb-cap{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:var(--gold-light);font-size:15px}

/* ===== 知识中心文章 ===== */
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:24px 0}
.art-card{background:var(--dark2);border:1px solid var(--line);border-radius:6px;padding:20px;transition:.25s;display:flex;flex-direction:column}
.art-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 8px 24px rgba(212,175,55,.15)}
.art-card .art-cat{display:inline-block;align-self:flex-start;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;margin-bottom:12px}
.art-card h3{font-size:18px;color:#fff;margin:0 0 10px;line-height:1.5}
.art-card .muted{color:var(--muted);font-size:13px;margin:0 0 14px;flex:1}
.art-card .art-date{color:var(--muted);font-size:12px}
.art-detail{max-width:860px;margin:0 auto}
.art-detail .art-cat{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;margin-bottom:10px}
.art-detail h1{font-size:30px;color:#fff;margin:6px 0 8px;line-height:1.4}
.art-detail .art-meta{color:var(--muted);font-size:13px;margin-bottom:18px}
.art-detail h2{font-size:21px;color:var(--gold);margin:26px 0 10px}
.art-detail p{font-size:15px;color:#ddd;line-height:1.9;margin:10px 0}
.art-detail ul{margin:10px 0 10px 22px;color:#ddd;font-size:15px;line-height:1.9}
.art-detail .art-note{margin-top:26px;padding:14px 16px;background:var(--dark2);border-left:3px solid var(--gold);color:var(--muted);font-size:13px;line-height:1.8}
.art-detail .art-back{margin-top:18px}
.art-detail .art-back a{color:var(--gold);font-weight:700}

/* ===== 文章阅读页（图文优化）===== */
.art-reader{max-width:1120px;margin:0 auto;padding:0 20px}
.art-reader .crumb{font-size:13px;color:var(--muted);margin:10px 0 22px}
.art-reader .crumb a{color:var(--gold)}
.art-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px;align-items:start}
.art-toc{position:sticky;top:110px;max-height:calc(100vh - 140px);overflow-y:auto;font-size:13px}
.art-toc-inner{background:var(--dark3);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.art-toc-title{color:var(--gold);font-weight:700;font-size:13px;letter-spacing:1px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.art-toc ul{list-style:none;margin:0;padding:0}
.art-toc li{margin:2px 0}
.art-toc a{display:block;color:var(--muted);padding:5px 8px;border-radius:6px;line-height:1.5;transition:.15s}
.art-toc a:hover{color:var(--gold-light);background:rgba(212,175,55,.06)}
.art-toc a.active{color:var(--gold);background:rgba(212,175,55,.1)}
.art-toc .art-toc-h3 a{padding-left:20px;font-size:12px}
.art-article{max-width:700px}
.art-cat{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;margin-bottom:10px;border-radius:3px}
.art-title{font-size:28px;color:var(--white);margin:6px 0 10px;line-height:1.45;letter-spacing:.5px}
.art-meta-bar{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.art-dot{opacity:.5}
.art-article h2.art-h2,.news-detail h2.art-h2{font-size:21px;color:var(--gold);margin:34px 0 12px;padding-left:12px;border-left:3px solid var(--gold);line-height:1.5;scroll-margin-top:110px}
.art-article h3.art-h3,.news-detail h3.art-h3{font-size:17px;color:var(--gold-light);margin:24px 0 10px;line-height:1.5;scroll-margin-top:110px}
.art-article p,.news-detail p{font-size:16.5px;color:#d8d8d8;line-height:1.85;margin:12px 0}
.art-article p strong,.news-detail p strong{color:var(--white)}
.art-lead{border-left:3px solid var(--gold);background:linear-gradient(90deg,rgba(212,175,55,.08),transparent 70%);padding:14px 18px;color:#e8e0c8!important;font-size:16.5px;line-height:1.85;margin:16px 0 24px!important;border-radius:0 8px 8px 0}
.art-list,.art-ol{margin:12px 0;padding-left:26px;color:#d8d8d8;font-size:16.5px;line-height:1.85}
.art-list li,.art-ol li{margin:6px 0}
.art-ol{padding-left:28px}
.art-ol li::marker{color:var(--gold)}
.art-list li::marker{color:var(--gold)}
.art-callout{display:flex;gap:12px;padding:14px 18px;border-radius:10px;margin:16px 0;font-size:14.5px;line-height:1.8;border:1px solid var(--line);background:var(--dark3)}
.art-callout strong{display:block;margin-bottom:4px;font-size:15px}
.art-callout p{margin:0!important;font-size:14px!important;color:var(--muted)!important;line-height:1.8!important}
.art-co-ico{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#111;margin-top:2px}
.art-co-tip .art-co-ico{background:#2ecc71}
.art-co-tip{border-color:rgba(46,204,113,.35)}
.art-co-warn .art-co-ico{background:var(--gold)}
.art-co-warn{border-color:rgba(212,175,55,.4)}
.art-co-note .art-co-ico{background:#3498db}
.art-co-note{border-color:rgba(52,152,219,.35)}
.art-co-key .art-co-ico{background:var(--gold)}
.art-co-key{border-color:rgba(212,175,55,.5);background:linear-gradient(90deg,rgba(212,175,55,.1),transparent 70%)}
.art-table-wrap{overflow-x:auto;margin:16px 0;border:1px solid var(--line);border-radius:10px;background:var(--dark3)}
.art-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.art-table th{background:#1d1d20;color:var(--gold-light);text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);font-weight:700;white-space:nowrap}
.art-table td{padding:10px 14px;border-bottom:1px solid #222;color:#cfcfcf;line-height:1.7;vertical-align:top}
.art-table tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
.art-table tbody tr:hover{background:rgba(212,175,55,.05)}
.art-table tbody tr:last-child td{border-bottom:none}
.art-quote{border-left:3px solid var(--gold-deep);background:var(--dark3);padding:14px 18px;color:var(--muted);font-size:14.5px;line-height:1.8;margin:16px 0;border-radius:0 8px 8px 0}
.art-hr{border:none;border-top:1px dashed var(--line);margin:28px 0}
.art-figure{margin:22px auto;text-align:center}
.art-figure img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);box-shadow:0 6px 24px rgba(0,0,0,.4)}
.art-figure figcaption{color:var(--muted);font-size:12.5px;line-height:1.6;margin-top:9px;padding:0 6px}
.art-fig-cover{max-width:400px}
.art-fig-inline{max-width:360px}
.art-fig-video{max-width:360px}
.art-figure{margin:20px auto}
.art-note{margin-top:34px;padding:16px 18px;background:var(--dark3);border:1px solid var(--line);border-left:3px solid var(--gold);color:var(--muted);font-size:13px;line-height:1.8;border-radius:0 8px 8px 0}
.art-related{margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}
.art-rel-title{font-size:18px;color:var(--gold);margin:0 0 16px}
.art-rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.art-related .art-card{margin:0}
.art-back{margin-top:28px}
.art-back a{color:var(--gold);font-weight:700}
/* ===== 新闻动态（独立视觉，区别于知识中心） ===== */
.news-list{margin-top:6px}
.news-item{display:flex;gap:20px;padding:20px 6px;border-bottom:1px solid var(--line);transition:.15s;text-decoration:none}
.news-item:hover{background:linear-gradient(90deg,rgba(201,162,77,.07),transparent)}
.news-item:hover .news-title{color:var(--gold)}
.news-date-badge{flex:0 0 76px;text-align:center;padding-top:2px}
.news-date-badge .d-day{font-size:30px;font-weight:800;color:var(--gold);line-height:1}
.news-date-badge .d-ym{font-size:12px;color:var(--muted);margin-top:6px;letter-spacing:.5px}
.news-body{flex:1;min-width:0}
.news-cat{display:inline-block;font-size:12px;color:var(--gold);border:1px solid var(--gold);border-radius:20px;padding:2px 10px;margin-bottom:9px}
.news-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.45}
.news-excerpt{font-size:14px;color:var(--muted);line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-detail{max-width:700px;margin:0 auto}
.news-detail .news-cat{margin-bottom:12px}
.news-title-lg{font-size:28px;color:#fff;margin:6px 0 0;line-height:1.35;font-weight:800}
.news-detail .news-meta{font-size:13px;color:var(--muted);margin:14px 0 24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.news-detail .news-meta b{color:var(--gold)}
.news-detail .art-figure{max-width:680px;margin:18px 0}
.news-rel{margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}
.news-rel-title{font-size:17px;color:var(--gold);margin:0 0 6px}
.news-rel ul{list-style:none;padding:0;margin:0}
.news-rel li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:baseline}
.news-rel li .r-date{color:var(--muted);font-size:12px;flex:0 0 84px}
.news-rel li a{color:#ddd;font-size:14px;text-decoration:none}
.news-rel li a:hover{color:var(--gold)}
.news-back{margin-top:26px}
.news-back a{color:var(--gold);font-weight:700;text-decoration:none}
@media(max-width:600px){
  .news-item{flex-direction:column;gap:8px;padding:16px 4px}
  .news-date-badge{display:flex;align-items:baseline;gap:8px;text-align:left;flex:0 0 auto}
  .news-date-badge .d-day{font-size:22px}
  .news-date-badge .d-ym{margin-top:0}
  .news-title-lg{font-size:22px}
}
@media(max-width:960px){
  .art-layout{grid-template-columns:1fr}
  .art-toc{display:none}
  .art-article{max-width:100%}
  .art-title{font-size:24px}
  .art-fig-cover,.art-fig-inline,.art-fig-video{max-width:100%}
}

/* ===== 滚动渐显 ===== */
.js-reveal .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.js-reveal .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .js-reveal .reveal{opacity:1!important;transform:none!important;transition:none!important}
  html{scroll-behavior:auto!important}
}

/* ===== 响应式 ===== */
@media(max-width:1240px){
  .w1200,.InnerBox{width:100%;padding:0 16px}
  .head .logo{margin-left:12px}
  .menus{left:16px;margin-left:0}
  .banner{height:560px}
  .slide-wrap{height:100%}
  .menus{height:100%}
  .mainTop_img{width:100%;padding:60px 16px 30px;gap:12px;justify-content:center}
  .mainTop_img .imgItem{width:18%;height:auto;aspect-ratio:213/353}
}
@media(max-width:980px){
  .head{height:auto;position:relative}
  .banner{height:480px}
  .slide-wrap{height:100%}
  .menus{height:100%}
  .head .logo{float:none;width:auto;text-align:center;height:auto;padding:14px 0;justify-content:center}
  .head .logo img{max-height:48px;margin-top:0}
  .head .navs{float:none;height:auto}
  .h_nav{text-align:center;margin:10px 0}
  .nav{margin:10px 0;text-align:center}
  .nav .nav-in ul{float:none;display:inline-flex;flex-wrap:wrap;justify-content:center}
  .nav .nav-in ul li{margin-left:18px}
  .nav .nav-in ul li a{font-size:16px}
  .mainTop_img{flex-wrap:wrap;gap:16px;padding:40px 16px}
  .mainTop_img .imgItem{width:45%;height:auto;aspect-ratio:213/353}
  .cp_item{width:48%;margin-top:50px}
  .lineBg1 .InnerBox{justify-content:space-around}
  .plist{grid-template-columns:repeat(2,1fr)}
  .bet_item{flex-direction:column}
  .bet_item .left_img,.bet_item .right_img{width:100%;flex:none;margin-right:0}
  .bet_item .left_img img,.bet_item .right_img img{width:100%;height:auto}
  .cp_title h2{font-size:48px}
  .news_item_box ul{width:48%;margin-left:4%}
  .news_item_box ul:nth-child(3){margin-left:0;margin-top:20px}
  .foot_bet{flex-wrap:wrap;gap:20px}
  .foot_betItem{flex:1 1 30%}
  .fv-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .head-inner{width:100%;padding:0 12px}
  .nav-toggle{display:flex}
  .h_nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 2px;margin:6px 0 0;font-size:11px;line-height:18px;text-align:center;margin-right:0}
  .h_nav .pipe{margin:0 6px}
  .h_nav .search{display:none}
  .nav .nav-in ul{display:none;flex-direction:column;background:var(--black);position:absolute;top:100%;left:0;right:0;border-top:1px solid var(--line);z-index:50;padding:6px 0}
  .nav .nav-in ul.open{display:flex}
  .nav .nav-in li{float:none;margin-left:0}
  .nav .nav-in li a{line-height:50px;padding:0 16px;font-size:16px;border-bottom:1px solid var(--line)}
  .banner{height:440px}
  .slide::before{background:linear-gradient(90deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.2) 100%)}
  .banner-text{left:16px;width:calc(100% - 32px);padding-right:0}
  .page>section,.reviews,.case-grid,.review-grid,.cp_title,.section_bet,.bet_item,.plist,.scenarios,.facts,.cert-grid,.cb-grid,.vgrid,.ggrid,.mainTop_img,.news_item_box,.foot_bet{max-width:100%;width:100%;box-sizing:border-box}
  .banner-text .b-logo{font-size:28px;margin-bottom:10px}
  .banner-text .b-logo .b-red{width:14px;height:24px}
  .banner-text .b-logo em{font-size:16px}
  .banner-text h1{font-size:28px;margin-bottom:8px}
  .banner-text h2{font-size:14px;letter-spacing:3px;margin-bottom:8px}
  .b-subline{gap:8px;margin-bottom:12px}
  .b-subline span{width:3px;height:22px}
  .b-subline h3{font-size:14px;letter-spacing:2px}
  .banner-text p{padding:6px 14px;font-size:12px}
  .menus{display:none}
  .menus .m-h{font-size:14px;padding:0 16px 8px}
  .menus .li_item>a{padding:10px 16px;font-size:13px}
  .menus .li_item>a:hover{padding-left:22px}
  .float-consult{display:none}
  .tbl{table-layout:fixed;font-size:12px}
  .tbl th,.tbl td{word-break:break-word;overflow-wrap:anywhere}
  a{overflow-wrap:anywhere}
  .cb-grid{grid-template-columns:repeat(2,1fr)}
  .mainTop-outer{padding:24px 0}
  .mainTop-tit span{font-size:22px}
  .mainTop-cards{gap:10px}
  .mt-card{width:30%;min-width:100px;height:auto;padding:12px 4px}
  .mt-card i{width:32px;height:32px;font-size:14px}
  .mt-card strong{font-size:13px}
  .mt-card span{font-size:10px}
  .cp_title h2{font-size:34px;margin:70px 0 18px}
  .cp_title img{margin-bottom:34px}
  .cp_item{width:100%;margin-top:40px}
  .cp_item>img{width:100%;height:auto}
  .bet_item .left_img,.bet_item .right_img{width:100%;margin-right:0}
  .bet_item .left_img img,.bet_item .right_img img{width:100%;height:auto}
  .plist{grid-template-columns:1fr}
  .news_item_box ul{width:100%;margin-left:0;margin-top:16px}
  .news_item_box ul:first-child{margin-top:0}
  .foot_betItem{flex:1 1 45%}
  .fv-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .cp_title h2{font-size:28px}
  .news_item .tit .ch{font-size:32px}
}
/* ===== 丝滑交互与观感增强 ===== */
html{scroll-behavior:smooth}
:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-soft:cubic-bezier(.2,.8,.2,1)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a,button,.btn-gold,.rtab,.case-card,.cat-card,.review-card,.cb,.vcard,.fv-card,.mt-card,.art-card,.adv,.reason-item,.scenario-card{transition:transform .28s var(--ease-out),box-shadow .28s var(--ease-out),border-color .2s,background .2s,color .2s}
/* 卡片悬浮上浮 */
.case-card:hover,.cat-card:hover,.review-card:hover,.cb:hover,.vcard:hover,.fv-card:hover,.art-card:hover,.scenario-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.vcard:hover,.fv-card:hover{border-color:var(--gold)}
/* 滚动渐显（无 JS 时内容默认可见） */
.reveal{opacity:0;transform:translateY(28px)}
.reveal.in{opacity:1;transform:none;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}html{scroll-behavior:auto}}
/* 顶部滚动进度条 */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:1200;background:var(--gold-grad);background-size:220% 100%;animation:goldflow 5s linear infinite}
/* 评价区链接按钮 */
.reviews-link{text-align:center;margin:36px auto;max-width:1102px}
.btn-gold{display:inline-block;padding:12px 32px;border-radius:24px;background:var(--gold-grad);background-size:220% 100%;animation:goldflow 5s linear infinite;color:#1a1a1b;font-weight:700;text-decoration:none}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(212,175,55,.4)}
/* 评价筛选标签切换更顺滑 */
.review-card{transition:opacity .25s,transform .28s var(--ease-out),box-shadow .28s var(--ease-out),border-color .2s}
/* 图片懒加载淡入 */
img.rc-img,img.case-img,img.cat-card img{transition:opacity .4s}

/* merged from assets/css/animations.css */
/* =========================================================
   CHUGET × Apple 交互层 (animations.css)
   设计基调：克制、滚动绑定、模糊揭示、轻浮现
   原则：无 JS 时全部内容默认可见（由 .js-reveal 门控）
   ========================================================= */

/* ---------- 顶部滚动进度条（金色细条，修复此前隐形问题） ---------- */
.scroll-progress{
  position:fixed; top:0; left:0; right:0; height:3px;
  width:0; z-index:9999; background:linear-gradient(90deg,#d4af37,#f4d98b 55%,#d4af37);
  box-shadow:0 0 8px rgba(212,175,55,.6); transition:width .08s linear;
}

/* ---------- 升级基础 .reveal 缓动（苹果曲线） ---------- */
.js-reveal .reveal{
  opacity:0; transform:translateY(30px);
  transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1);
  will-change:opacity, transform;
}
.js-reveal .reveal.in{ opacity:1; transform:none; }

/* ---------- 标题模糊揭示（Apple 招牌文字揭示） ---------- */
.js-reveal .reveal-text{
  opacity:0; transform:translateY(26px); filter:blur(10px);
  transition:opacity 1s cubic-bezier(.16,1,.3,1),
             transform 1s cubic-bezier(.16,1,.3,1),
             filter 1s cubic-bezier(.16,1,.3,1);
  transition-delay:calc(var(--i,0) * 90ms);
  will-change:opacity, transform, filter;
}
.js-reveal .reveal-text.in{
  opacity:1; transform:none; filter:blur(0);
}

/* ---------- 卡片悬停轻浮（Apple 产品网格手感） ---------- */
.cp_item,.cat-card,.case-card,.review-card,.art-card,.mt-card,
.cb,.reason-item,.fv-card,.vcard,.icon-item,.scenario-card,.plist li{
  transition:transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s cubic-bezier(.16,1,.3,1);
}
.cp_item:hover,.cat-card:hover,.case-card:hover,.review-card:hover,.art-card:hover,
.mt-card:hover,.cb:hover,.reason-item:hover,.fv-card:hover,.vcard:hover,
.icon-item:hover,.scenario-card:hover,.plist li:hover{
  transform:translateY(-8px);
  box-shadow:0 18px 40px rgba(0,0,0,.45), 0 0 0 1px rgba(212,175,55,.35);
}

/* ---------- 图片缩放（容器内 overflow 隐藏） ---------- */
.cp_item,.bet_item,.thumb,.case-card,.vcard,.cat-card{ overflow:hidden; }
.cp_item img,.bet_item img,.thumb img,.case-card img,.vcard img,.cat-card img{
  transition:transform .7s cubic-bezier(.16,1,.3,1); will-change:transform;
}
.cp_item:hover img,.bet_item:hover img,.thumb:hover img,
.case-card:hover img,.cat-card:hover img{ transform:scale(1.06); }

/* ---------- Banner 视差 / hero 滚动绑定基座 ---------- */
.banner .slide-wrap{ will-change:transform; transform-origin:center; }
.banner-text{ will-change:transform, opacity; }

/* ---------- 首页品牌数据带（count-up） ---------- */
.stats-band{ background:linear-gradient(180deg,#0e0e10,#161618); border-top:1px solid rgba(212,175,55,.18); border-bottom:1px solid rgba(212,175,55,.18); }
.stats-grid{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; padding:54px 0; }
.stat{ flex:1 1 150px; text-align:center; color:#fff; }
.stat .num{
  display:block; font-size:52px; font-weight:800; line-height:1;
  font-variant-numeric:tabular-nums; color:#d4af37;
  text-shadow:0 0 22px rgba(212,175,55,.35);
}
.stat em{ display:block; margin-top:12px; font-style:normal; font-size:15px; letter-spacing:1px; color:rgba(255,255,255,.72); }
@media (max-width:768px){
  .stats-grid{ gap:18px; padding:38px 0; }
  .stat .num{ font-size:38px; }
  .stat em{ font-size:13px; }
}

/* ---------- 产品详情：苹果式 sticky 图文对照（左图钉住、右参数滚动） ---------- */
.pd-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:start;
  max-width:1200px; margin:0 auto; padding:36px 16px; }
.pd-media{ position:sticky; top:120px; }
.pd-media .product-img{ width:100%; max-height:none; box-shadow:0 20px 50px rgba(0,0,0,.5); border:1px solid var(--line); }
.pd-info h1{ font-size:30px; margin-bottom:10px; }
.pd-info .lead{ margin-bottom:18px; }
@media (max-width:860px){
  .pd-grid{ grid-template-columns:1fr; gap:22px; padding:22px 16px; }
  .pd-media{ position:static; }
}

/* ---------- 工程案例：滚动视差横滚（pinned horizontal） ---------- */
.cases-hscroll-wrap{ position:relative; height:320vh; }
.cases-hscroll{ position:sticky; top:0; height:100vh; overflow:hidden; display:flex; align-items:center; background:var(--black); }
.cases-track{ display:flex; gap:28px; padding:0 6vw; will-change:transform; }
.cases-track .case-card{ width:440px; flex:0 0 440px; display:flex; flex-direction:column; }
.cases-track .case-card .case-video,
.cases-track .case-card .case-img{ height:240px; object-fit:cover; }
@media (max-width:860px){
  .cases-hscroll-wrap{ height:auto; }
  .cases-hscroll{ position:static; height:auto; display:block; overflow:hidden; }
  .cases-track{ overflow-x:auto; -webkit-overflow-scrolling:touch; transform:none !important; padding:16px; }
  .cases-track .case-card{ width:78vw; flex:0 0 78vw; }
}

/* ---------- 首页 Hero：产品视频自动播放（苹果式 full-bleed） ---------- */
/* 源素材为 1280x2276 竖屏 9:16，横幅为超宽比例，cover 裁切会切掉约 77% 的画面高度。
   object-position 上移至 42%，把裁切窗口对准画面中上部（设备/主体所在区域），避免只剩地面与空白。 */
.banner-video .hero-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover !important; object-position:center 42%; display:block; z-index:0; opacity:0; transition:opacity .6s ease; }
.banner-video .hero-video.hv-ready{ opacity:1; }
/* 竖屏视口（手机）下横幅更高，裁切窗口相对宽松，回落到居中 */
@media (max-aspect-ratio: 3/4){
  .banner-video .hero-video{ object-position:center center; }
}
.banner-video .hero-video-mask{ position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.28) 45%, rgba(0,0,0,.22) 100%); }
.banner-video .banner-text{ z-index:8; }
.banner-video .hero-cta{ margin-top:26px; }
.banner-video .menus,
.banner-video .float-consult{ z-index:9; }

/* ---------- 资质证书：横向大图册（scroll-snap） ---------- */
.cert-hscroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory;
  padding:8px 0 16px; scrollbar-width:thin; scrollbar-color:#d4af37 transparent; }
.cert-track{ display:flex; gap:22px; padding:4px 2vw; width:max-content; }
.cert-card{ flex:0 0 320px; scroll-snap-align:center; background:#141414; border:1px solid #2a2a2a;
  border-radius:12px; overflow:hidden; cursor:zoom-in;
  transition:transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s, border-color .3s; }
.cert-card:hover{ transform:translateY(-6px); box-shadow:0 18px 44px rgba(0,0,0,.55); border-color:#d4af37; }
.cert-card img{ width:100%; height:240px; object-fit:contain; background:#0c0c0c; display:block; }
.cert-card figcaption{ padding:14px 16px; }
.cert-card figcaption strong{ display:block; font-size:16px; color:#d4af37; margin-bottom:4px; }
.cert-card figcaption span{ display:block; font-size:13px; color:#bdbdbd; line-height:1.55; }
.cert-card .cert-no{ color:#8a8a8a; }

/* ---------- 证书灯箱（点击放大） ---------- */
.imglightbox{ position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.93);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transition:opacity .3s ease; padding:5vh 4vw; }
.imglightbox.open{ opacity:1; visibility:visible; }
.imglightbox img{ max-width:92vw; max-height:78vh; object-fit:contain; border-radius:8px;
  box-shadow:0 24px 70px rgba(0,0,0,.6); }
.imglightbox .ilb-cap{ color:#ececec; margin-top:18px; font-size:15px; text-align:center; max-width:90vw; }
.imglightbox .ilb-close{ position:absolute; top:16px; right:24px; font-size:36px; line-height:1;
  color:#fff; cursor:pointer; opacity:.85; transition:opacity .2s; }
.imglightbox .ilb-close:hover{ opacity:1; }
@media (max-width:860px){
  .cert-card{ flex:0 0 78vw; }
  .cert-card img{ height:200px; }
}

/* ---------- 无障碍：尊重 prefers-reduced-motion ---------- */
@media (prefers-reduced-motion:reduce){
  .js-reveal .reveal,
  .js-reveal .reveal-text{ opacity:1 !important; transform:none !important; filter:none !important; transition:none !important; }
  .cp_item,.cat-card,.case-card,.review-card,.art-card,.mt-card,.cb,.reason-item,
  .fv-card,.vcard,.icon-item,.scenario-card,.plist li{ transition:none !important; }
  .cp_item:hover,.cat-card:hover,.case-card:hover,.review-card:hover,.art-card:hover,
  .mt-card:hover,.cb:hover,.reason-item:hover,.fv-card:hover,.vcard:hover,
  .icon-item:hover,.scenario-card:hover,.plist li:hover{ transform:none; }
  .cp_item img,.bet_item img,.thumb img,.case-card img,.cat-card img{ transition:none !important; }
  .banner .slide-wrap{ transform:none !important; }
  .cert-card{ transition:none !important; }
  .imglightbox{ transition:none !important; }
  .pd-media{ position:static; }
  .cases-hscroll-wrap{ height:auto; }
  .cases-hscroll{ position:static; height:auto; display:block; overflow:hidden; }
  .cases-track{ overflow-x:auto; transform:none !important; padding:16px; }
}