/* Global Gauge Net — 世界级骨架共用样式 v1.0
   提取自首页，所有页面统一引用。改动这里 = 改全站风格。
   设计语言：黑金调 · Noto Serif SC 200字重 · 黑白底交替 · 一句诗+一张图 */

:root{
  --ink:#0a0a0c;
  --ink-2:#141418;
  --ink-3:#1c1c20;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --line-3:rgba(255,255,255,.22);
  --gold:#d4a537;
  --gold-2:#f6e5ae;
  --gold-3:#b88a25;
  --paper:#f7f5f0;
  --paper-2:#ece8de;
  --ash:#6b6862;
  --ash-2:#a09c93;
  --ash-3:#cdcabf;
  --white:#ffffff;
  --serif:'Noto Serif SC','Source Han Serif SC','Songti SC',SimSun,Georgia,serif;
  --sans:'Inter','Noto Sans SC','PingFang SC','Microsoft YaHei','Hiragino Sans GB',-apple-system,'Helvetica Neue',Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--ink);color:var(--white);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}

/* ───────── 顶部导航 ───────── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 5vw;backdrop-filter:blur(24px) saturate(180%);
  background:rgba(10,10,12,.55);border-bottom:.5px solid var(--line);
  transition:background .3s}
.nav .brand{font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2)}
.nav .brand::before{content:"";display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:10px;vertical-align:middle}
.nav .menu{display:flex;gap:36px;font-size:13px;font-weight:400;color:var(--ash-2)}
.nav .menu a:hover{color:var(--white)}
.nav .lang{font-size:12px;letter-spacing:.12em;color:var(--ash-2);display:flex;gap:8px;align-items:center}
.nav .lang b{color:var(--gold-2);font-weight:500}
.nav .lang span{opacity:.4}

/* ───────── HERO 大字诗 ───────── */
.hero{
  min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;
  padding:0 5vw 9vh;position:relative;overflow:hidden;
  background:radial-gradient(ellipse at 70% 60%, rgba(212,165,55,.10), transparent 60%),var(--ink)}
/* 满屏实拍大图（苹果式）：真实产线照片铺满，左侧压暗保证文字可读 */
.hero::before{
  content:"";position:absolute;inset:0;
  background:url('../img/hero-production-line.webp') center/cover no-repeat;
  transform:scale(1.06);animation:heroZoom 20s cubic-bezier(.16,1,.3,1) forwards}
.hero::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,rgba(10,10,12,.96) 0%,rgba(10,10,12,.82) 34%,rgba(10,10,12,.30) 66%,rgba(10,10,12,.62) 100%),
    linear-gradient(0deg,rgba(10,10,12,.94) 0%,rgba(10,10,12,.45) 42%,rgba(10,10,12,.05) 100%)}
@keyframes heroZoom{from{transform:scale(1.06)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.hero::before{animation:none;transform:none}}
.hero .eyebrow{
  position:relative;z-index:2;
  font-size:12px;letter-spacing:.32em;color:var(--gold-2);
  font-weight:400;text-transform:uppercase;margin-bottom:32px}
.hero .eyebrow::before{content:"";display:inline-block;width:24px;height:.5px;background:var(--gold);margin-right:12px;vertical-align:middle}
.hero .title{
  position:relative;z-index:2;font-family:var(--serif);font-weight:200;
  font-size:clamp(56px,11vw,156px);line-height:.92;letter-spacing:-.04em;
  color:var(--white);max-width:14ch}
.hero .title em{font-style:normal;color:var(--gold)}
.hero .sub{
  position:relative;z-index:2;margin-top:6vh;
  font-size:clamp(15px,1.2vw,18px);font-weight:300;line-height:1.55;
  color:var(--ash-2);max-width:42ch}
.hero .cta{
  position:relative;z-index:2;margin-top:5vh;display:flex;gap:12px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;gap:8px;padding:14px 26px;
  border-radius:99px;font-size:13px;font-weight:500;letter-spacing:.04em;
  transition:all .25s}
.btn.fill{background:var(--gold);color:var(--ink)}
.btn.fill:hover{background:var(--gold-2);transform:translateY(-1px)}
.btn.ghost{color:var(--white);border:.5px solid var(--line-3)}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold-2)}
.btn .arr{font-size:14px;line-height:1}
.hero .meta{
  position:absolute;bottom:5vh;right:5vw;z-index:3;display:flex;gap:36px;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash-2);
  font-weight:400}
.hero .meta div{display:flex;flex-direction:column;gap:4px;text-align:right}
.hero .meta b{font-size:24px;font-weight:300;color:var(--white);letter-spacing:-.01em;text-transform:none;font-family:var(--serif)}

/* ───────── 信任横幅 ───────── */
.bar{
  background:var(--gold);color:var(--ink);
  padding:18px 5vw;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.bar.left{font-size:13px;font-weight:500;letter-spacing:.02em}
.bar.left::before{content:"●";color:var(--ink);margin-right:8px;font-size:10px;vertical-align:middle}
.bar.right{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;opacity:.7}
.bar.right span{margin:0 8px;opacity:.4}

/* ───────── 产品分屏 ───────── */
.stage{padding:0;position:relative}
.stage .section-tag{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:14vh 5vw 4vh;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--ash-2)}
.stage .section-tag::after{content:"";display:block;flex:1;height:.5px;background:var(--line);margin-left:24px}
.stage .no{bottom:1%;flex:0;width:auto;color:var(--gold);font-family:var(--serif);font-style:italic;font-weight:300;font-size:13px;letter-spacing:0}

.product{
  min-height:100vh;display:grid;grid-template-columns:1fr 1fr;
  align-items:center;padding:0 5vw;gap:8vw;position:relative}
.product.dark{background:var(--ink)}
.product.light{background:var(--paper);color:var(--ink)}
.product .tag{
  position:absolute;top:8vh;left:5vw;
  font-size:11px;letter-spacing:.32em;color:var(--ash-2);font-weight:400;text-transform:uppercase}
.product.light .tag{color:var(--ash)}
.product .num{
  position:absolute;top:8vh;right:5vw;
  font-family:var(--serif);font-size:14px;font-weight:300;color:var(--gold)}
.product .body{max-width:36rem;z-index:2}
.product .kicker{
  font-size:11px;letter-spacing:.32em;color:var(--gold);font-weight:500;text-transform:uppercase;margin-bottom:24px}
.product .name{
  font-family:var(--serif);font-weight:200;font-size:clamp(40px,4.5vw,72px);
  line-height:1;letter-spacing:-.02em;margin-bottom:24px}
.product .poem{
  font-size:clamp(18px,1.4vw,22px);font-weight:300;line-height:1.4;
  color:var(--ash-2);font-family:var(--serif);font-style:italic;margin-bottom:36px}
.product.light .poem{color:var(--ash)}
.product .spec{
  display:grid;grid-template-columns:1fr 1fr;gap:18px 36px;margin-bottom:36px;
  border-top:.5px solid var(--line);padding-top:24px}
.product.light .spec{border-color:rgba(0,0,0,.12)}
.product .spec dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash-2);font-weight:400;margin-bottom:6px}
.product.light .spec dt{color:var(--ash)}
.product .spec dd{font-family:var(--serif);font-size:18px;font-weight:300;color:var(--white)}
.product.light .spec dd{color:var(--ink)}
.product .ctas{display:flex;gap:12px;flex-wrap:wrap}
.product.light .btn.ghost{border-color:rgba(0,0,0,.25);color:var(--ink)}
.product.light .btn.ghost:hover{border-color:var(--gold-3);color:var(--gold-3)}
.product .visual{
  position:relative;display:flex;justify-content:center;align-items:center;
  height:82vh;z-index:2;margin-right:-5vw}
.product .visual img{width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 40px 80px rgba(212,165,55,.16))}
.product.light .visual img{filter:drop-shadow(0 40px 70px rgba(0,0,0,.16))}
.product .visual::before{
  content:"";position:absolute;inset:18% 12%;
  background:radial-gradient(circle, rgba(212,165,55,.10), transparent 72%);
  z-index:-1}
.product.light .visual::before{background:radial-gradient(circle, rgba(184,138,37,.08), transparent 72%)}

@media (max-width:900px){
  .product{grid-template-columns:1fr;min-height:auto;padding:14vh 6vw 8vh;gap:4vh}
  .product .visual{order:-1;height:50vh;margin-bottom:2vh}
  .product .tag,.product .num{position:static;margin-bottom:1.5vh}
}

/* ───────── 产业链地图 ───────── */
.chain{background:var(--ink);padding:16vh 5vw;border-top:.5px solid var(--line)}
.chain .head{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:end;margin-bottom:10vh}
.chain .head h2{font-family:var(--serif);font-weight:200;font-size:clamp(34px,3.6vw,58px);line-height:1.08;letter-spacing:-.03em}
.chain .head h2 em{font-style:normal;color:var(--gold)}
.chain .head p{font-size:15px;line-height:1.9;color:var(--ash-2);font-weight:300;max-width:46ch}
.chain .chainmap{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4vw}
.chain .col{border:.5px solid var(--line);padding:36px 30px 30px;display:flex;flex-direction:column;
  transition:border-color .4s,background .4s}
.chain .col:hover{border-color:rgba(212,165,55,.45);background:var(--ink-3)}
.chain .col.mid{border-color:rgba(212,165,55,.5);
  background:linear-gradient(180deg,rgba(212,165,55,.07),transparent 60%)}
.chain .colhead{margin-bottom:26px;padding-bottom:20px;border-bottom:.5px solid var(--line)}
.chain .step{display:inline-block;font-size:10px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ash-2);margin-bottom:14px}
.chain .step.on{color:var(--gold)}
.chain .colhead h3{font-family:var(--serif);font-weight:300;font-size:24px;letter-spacing:-.01em;color:var(--white)}
.chain .node{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:16px 0;border-bottom:.5px solid rgba(255,255,255,.06);
  font-size:14px;font-weight:300;color:var(--ash-2);text-decoration:none;
  transition:color .3s,padding-left .3s}
.chain .node i{font-style:normal;color:rgba(212,165,55,0);transition:color .3s,transform .3s}
.chain .node:hover{color:var(--white);padding-left:8px}
.chain .node:hover i{color:var(--gold);transform:translateX(4px)}
.chain .node.on{color:var(--gold-2)}
.chain .colfoot{margin-top:auto;padding-top:22px;font-size:12px;line-height:1.7;
  color:var(--ash-2);opacity:.72}
.chain .chaincta{margin-top:8vh;display:flex;align-items:center;justify-content:space-between;
  gap:4vw;flex-wrap:wrap;border-top:.5px solid var(--line);padding-top:6vh}
.chain .chaincta .txt{font-family:var(--serif);font-weight:200;
  font-size:clamp(24px,2.4vw,36px);line-height:1.35;letter-spacing:-.01em}
.chain .chaincta .txt em{font-style:normal;color:var(--gold)}
@media (max-width:900px){
  .chain{padding:12vh 6vw}
  .chain .head{grid-template-columns:1fr;gap:3vh;margin-bottom:6vh}
  .chain .chainmap{grid-template-columns:1fr;gap:3vh}
  .chain .chaincta{flex-direction:column;align-items:flex-start;gap:3vh}
}

/* ───────── 行业宫格 ───────── */
.industries{
  background:linear-gradient(180deg,var(--ink) 0%,var(--ink-2) 100%);
  padding:14vh 5vw 18vh;position:relative}
.industries .head{
  display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8vh;gap:24px;flex-wrap:wrap}
.industries .head h2{
  font-family:var(--serif);font-weight:200;font-size:clamp(40px,5vw,80px);
  line-height:1;letter-spacing:-.02em;max-width:14ch;color:var(--white)}
.industries .head h2 em{font-style:normal;color:var(--gold)}
.industries .head p{font-size:14px;line-height:1.6;color:var(--ash-2);max-width:30ch;font-weight:300}
.industries .grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:.5px solid var(--line);border-radius:4px;overflow:hidden}
.industries .cell{
  background:var(--ink);padding:48px 36px;position:relative;
  transition:background .3s;cursor:pointer;min-height:240px;
  display:flex;flex-direction:column;justify-content:space-between}
.industries .cell:hover{background:var(--ink-3)}
.industries .cell .ico{
  font-family:var(--serif);font-size:48px;font-weight:200;color:var(--gold);
  line-height:1;letter-spacing:-.02em}
.industries .cell h3{
  font-size:18px;font-weight:500;letter-spacing:.02em;color:var(--white);
  margin-bottom:8px}
.industries .cell p{
  font-size:13px;line-height:1.55;color:var(--ash-2);font-weight:300}
.industries .cell .arrow{
  position:absolute;top:24px;right:24px;font-size:14px;color:var(--ash-2);
  transition:transform .3s,color .3s}
.industries .cell:hover .arrow{color:var(--gold);transform:translate(4px,-4px)}
@media (max-width:900px){
  .industries .grid{grid-template-columns:repeat(2,1fr)}
  .industries .cell{padding:32px 24px;min-height:200px}
}
@media (max-width:540px){
  .industries .grid{grid-template-columns:1fr}
}

/* ───────── 数据墙 ───────── */
.datawall{
  background:var(--ink);padding:18vh 5vw;
  border-top:.5px solid var(--line);border-bottom:.5px solid var(--line);
  position:relative;overflow:hidden}
.datawall::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 50% 50%, rgba(212,165,55,.06), transparent 70%)}
.datawall .head{
  text-align:center;margin-bottom:10vh;position:relative}
.datawall .head .kicker{
  font-size:11px;letter-spacing:.32em;color:var(--gold);
  font-weight:500;text-transform:uppercase;margin-bottom:24px}
.datawall .head h2{
  font-family:var(--serif);font-weight:200;font-size:clamp(36px,4.5vw,68px);
  line-height:1.1;letter-spacing:-.02em;color:var(--white);max-width:22ch;margin:0 auto}
.datawall .head h2 em{font-style:normal;color:var(--gold-2)}
.datawall .grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:.5px solid var(--line);
  border-radius:4px;overflow:hidden;position:relative}
.datawall .cell{
  background:var(--ink);padding:60px 32px;text-align:center;
  transition:background .3s}
.datawall .cell:hover{background:var(--ink-2)}
.datawall .num{
  font-family:var(--serif);font-weight:200;font-size:clamp(56px,6vw,108px);
  line-height:1;letter-spacing:-.04em;color:var(--white);margin-bottom:8px}
.datawall .num em{font-style:normal;color:var(--gold)}
.datawall .label{
  font-size:12px;letter-spacing:.24em;color:var(--ash-2);
  font-weight:400;text-transform:uppercase;margin-bottom:12px}
.datawall .note{font-size:12px;color:var(--ash-2);font-weight:300;line-height:1.5}
@media (max-width:900px){
  .datawall .grid{grid-template-columns:repeat(2,1fr)}
}

/* ───────── 案例研究 ───────── */
.cases{background:var(--paper);color:var(--ink);padding:14vh 5vw 18vh}
.cases .head{margin-bottom:10vh;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}
.cases .head .kicker{
  font-size:11px;letter-spacing:.32em;color:var(--gold-3);
  font-weight:500;text-transform:uppercase;margin-bottom:24px}
.cases .head h2{
  font-family:var(--serif);font-weight:200;font-size:clamp(40px,5vw,80px);
  line-height:1;letter-spacing:-.02em;max-width:14ch}
.cases .head h2 em{font-style:normal;color:var(--gold-3)}
.cases .head p{font-size:14px;line-height:1.6;color:var(--ash);max-width:30ch;font-weight:300}
.case{
  display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center;
  padding:8vh 0;border-top:.5px solid rgba(0,0,0,.1)}
.case:first-of-type{border-top:0}
.case.flip{grid-template-columns:1fr 1.1fr}
.case.flip .body{order:2}
.case.flip .visual{order:1}
.case .tag{
  font-size:11px;letter-spacing:.32em;color:var(--gold-3);
  font-weight:500;text-transform:uppercase;margin-bottom:24px}
.case h3{
  font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.5vw,48px);
  line-height:1.15;letter-spacing:-.01em;margin-bottom:20px}
.case p{font-size:15px;line-height:1.7;color:var(--ash);font-weight:300;margin-bottom:28px}
.case .results{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  border-top:.5px solid rgba(0,0,0,.1);padding-top:24px}
.case .results div{display:flex;flex-direction:column;gap:6px}
.case .results b{
  font-family:var(--serif);font-weight:200;font-size:32px;color:var(--ink);letter-spacing:-.02em}
.case .results b em{font-style:normal;color:var(--gold-3);font-size:18px;vertical-align:top;margin-right:2px}
.case .results span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash);font-weight:400}
.case .visual{
  background:linear-gradient(135deg,var(--paper-2) 0%,var(--paper) 100%);
  border-radius:8px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;border:.5px solid rgba(0,0,0,.08)}
.case .visual .quote{
  font-family:var(--serif);font-size:clamp(36px,4vw,72px);font-weight:200;
  line-height:1.05;color:var(--ink);text-align:center;max-width:80%;letter-spacing:-.02em}
.case .visual .quote::before{content:"\201C";display:block;font-size:1em;color:var(--gold-3);line-height:.5;margin-bottom:1rem}
@media (max-width:900px){
  .case,.case.flip{grid-template-columns:1fr;gap:4vh}
  .case.flip .body,.case.flip .visual{order:initial}
  .case .results{grid-template-columns:1fr 1fr}
}

/* ───────── 测径一姐 IP 区 ───────── */
.ipex{background:var(--ink);padding:18vh 5vw;text-align:center;position:relative;overflow:hidden}
.ipex::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 50%, rgba(212,165,55,.08), transparent 60%)}
.ipex .kicker{
  font-size:11px;letter-spacing:.32em;color:var(--gold);
  font-weight:500;text-transform:uppercase;margin-bottom:32px;position:relative}
.ipex h2{
  font-family:var(--serif);font-weight:200;font-size:clamp(40px,6vw,96px);
  line-height:1;letter-spacing:-.03em;margin-bottom:32px;position:relative;color:var(--white)}
.ipex h2 em{font-style:normal;color:var(--gold)}
.ipex p{
  font-size:16px;line-height:1.6;color:var(--ash-2);max-width:48ch;margin:0 auto 56px;font-weight:300;position:relative}
.ipex .platforms{
  display:flex;justify-content:center;gap:16px;flex-wrap:wrap;position:relative}
.ipex .platforms .btn{padding:16px 32px}
.ipex .stat{
  margin-top:80px;display:flex;justify-content:center;gap:80px;flex-wrap:wrap;
  position:relative;padding-top:64px;border-top:.5px solid var(--line)}
.ipex .stat div{display:flex;flex-direction:column;gap:8px;text-align:center}
.ipex .stat b{
  font-family:var(--serif);font-weight:200;font-size:48px;
  color:var(--white);letter-spacing:-.02em}
.ipex .stat b em{font-style:normal;color:var(--gold);font-size:24px;vertical-align:top}
.ipex .stat span{font-size:11px;letter-spacing:.24em;color:var(--ash-2);text-transform:uppercase;font-weight:400}

/* ───────── 页脚 ───────── */
footer{
  background:var(--ink-2);padding:80px 5vw 36px;border-top:.5px solid var(--line);
  color:var(--ash-2)}
footer .top{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:64px}
footer .brand{font-family:var(--serif);font-size:24px;font-weight:300;color:var(--white);margin-bottom:16px}
footer .brand em{font-style:normal;color:var(--gold)}
footer .desc{font-size:13px;line-height:1.7;color:var(--ash-2);max-width:32ch;font-weight:300}
footer h4{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-2);margin-bottom:20px;font-weight:500}
footer ul{list-style:none}
footer li{margin-bottom:12px;font-size:13px;font-weight:300;color:var(--ash-2)}
footer li a{transition:color .2s}
footer li a:hover{color:var(--white)}
footer .bottom{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:32px;border-top:.5px solid var(--line);font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;flex-wrap:wrap;gap:16px}
footer .bottom span{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--gold);letter-spacing:0;text-transform:none;font-size:13px}
.icp{
  margin-top:20px;padding-top:18px;border-top:.5px solid var(--line);
  font-size:12px;letter-spacing:.1em;text-align:center}
.icp a{color:var(--ash-2);text-decoration:none;transition:color .2s}
.icp a:hover{color:var(--gold-2)}
@media (max-width:900px){
  footer .top{grid-template-columns:1fr 1fr;gap:32px}
  .ipex .stat{gap:48px}
}

/* ───────── 入场动画 ───────── */
.js .reveal{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.1s}
.reveal.d2{transition-delay:.2s}
.reveal.d3{transition-delay:.3s}

/* ───────── 详情页新增组件 ───────── */

/* 面包屑 */
.crumbs{padding:18vh 5vw 0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash-2)}
.crumbs a{color:var(--ash-2)}
.crumbs a:hover{color:var(--gold-2)}
.crumbs span{margin:0 10px;opacity:.4}

/* 详情页hero变体——更紧凑 */
.detail-hero{
  min-height:90vh;padding:14vh 5vw 10vh;
  display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;
  position:relative;background:var(--ink);overflow:hidden}
.detail-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 75% 50%, rgba(212,165,55,.08), transparent 60%)}
.detail-hero .body{position:relative;z-index:2}
.detail-hero .kicker{
  font-size:11px;letter-spacing:.32em;color:var(--gold);
  font-weight:500;text-transform:uppercase;margin-bottom:32px}
.detail-hero h1{
  font-family:var(--serif);font-weight:200;
  font-size:clamp(48px,7vw,108px);line-height:1;letter-spacing:-.03em;
  margin-bottom:32px;color:var(--white)}
.detail-hero h1 em{font-style:normal;color:var(--gold)}
.detail-hero .poem{
  font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:clamp(18px,1.5vw,24px);line-height:1.4;color:var(--ash-2);
  margin-bottom:48px;max-width:30ch}
.detail-hero .ctas{display:flex;gap:12px;flex-wrap:wrap}
.detail-hero .visual{
  position:relative;display:flex;justify-content:center;align-items:center;height:75vh;z-index:2}
.detail-hero .visual img{max-height:100%;max-width:100%;object-fit:contain;
  filter:drop-shadow(0 30px 60px rgba(212,165,55,.25)) drop-shadow(0 0 100px rgba(212,165,55,.08))}
.detail-hero .visual::before{
  content:"";position:absolute;inset:10%;
  background:radial-gradient(circle, rgba(212,165,55,.15), transparent 70%);z-index:-1}
@media (max-width:900px){
  .detail-hero{grid-template-columns:1fr;min-height:auto;padding:14vh 6vw 8vh;gap:4vh}
  .detail-hero .visual{order:-1;height:50vh;margin-bottom:2vh}
}

/* 全规格表 */
.specs{padding:14vh 5vw;background:var(--ink-2);border-top:.5px solid var(--line);border-bottom:.5px solid var(--line)}
.specs .head{margin-bottom:8vh;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}
.specs .head .kicker{font-size:11px;letter-spacing:.32em;color:var(--gold);font-weight:500;text-transform:uppercase;margin-bottom:24px}
.specs .head h2{font-family:var(--serif);font-weight:200;font-size:clamp(36px,4.5vw,68px);line-height:1;letter-spacing:-.02em;color:var(--white);max-width:14ch}
.specs .head h2 em{font-style:normal;color:var(--gold)}
.specs .head p{font-size:14px;line-height:1.6;color:var(--ash-2);max-width:30ch;font-weight:300}
.specs .table{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--line);border:.5px solid var(--line);border-radius:4px;overflow:hidden}
.specs .row{background:var(--ink);padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.specs .row .k{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash-2);font-weight:400}
.specs .row .v{font-family:var(--serif);font-size:18px;font-weight:300;color:var(--white);text-align:right}
@media (max-width:900px){.specs .table{grid-template-columns:1fr}}

/* 适用行业横条 */
.fit{padding:14vh 5vw;background:var(--paper);color:var(--ink)}
.fit .head{margin-bottom:8vh;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}
.fit .head .kicker{font-size:11px;letter-spacing:.32em;color:var(--gold-3);font-weight:500;text-transform:uppercase;margin-bottom:24px}
.fit .head h2{font-family:var(--serif);font-weight:200;font-size:clamp(36px,4.5vw,68px);line-height:1;letter-spacing:-.02em;max-width:14ch}
.fit .head h2 em{font-style:normal;color:var(--gold-3)}
.fit .head p{font-size:14px;line-height:1.6;color:var(--ash);max-width:30ch;font-weight:300}
.fit .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fit .cell{padding:36px 28px;border:.5px solid rgba(0,0,0,.12);border-radius:4px;background:var(--white);transition:all .3s}
.fit .cell:hover{border-color:var(--gold-3);transform:translateY(-2px)}
.fit .cell .no{font-family:var(--serif);font-size:32px;font-weight:200;color:var(--gold-3);line-height:1;margin-bottom:12px}
.fit .cell h3{font-size:17px;font-weight:500;letter-spacing:.02em;margin-bottom:8px;color:var(--ink)}
.fit .cell p{font-size:13px;line-height:1.6;color:var(--ash);font-weight:300}
@media (max-width:900px){.fit .grid{grid-template-columns:1fr}}

/* 行业页hero */
.ind-hero{
  min-height:80vh;padding:18vh 5vw 12vh;
  display:flex;flex-direction:column;justify-content:flex-end;
  position:relative;overflow:hidden;background:var(--ink)}
.ind-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 80%, rgba(212,165,55,.12), transparent 60%)}
.ind-hero .eyebrow{
  font-size:11px;letter-spacing:.32em;color:var(--gold-2);
  font-weight:400;text-transform:uppercase;margin-bottom:32px}
.ind-hero .eyebrow::before{content:"";display:inline-block;width:24px;height:.5px;background:var(--gold);margin-right:12px;vertical-align:middle}
.ind-hero h1{
  position:relative;z-index:2;font-family:var(--serif);font-weight:200;
  font-size:clamp(48px,8vw,128px);line-height:.95;letter-spacing:-.03em;
  color:var(--white);max-width:16ch}
.ind-hero h1 em{font-style:normal;color:var(--gold)}
.ind-hero .sub{
  position:relative;z-index:2;margin-top:6vh;
  font-size:clamp(15px,1.2vw,18px);font-weight:300;line-height:1.55;
  color:var(--ash-2);max-width:48ch}

/* 痛点三栏 */
.pain{padding:14vh 5vw;background:var(--paper);color:var(--ink)}
.pain .head{margin-bottom:8vh;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}
.pain .head .kicker{font-size:11px;letter-spacing:.32em;color:var(--gold-3);font-weight:500;text-transform:uppercase;margin-bottom:24px}
.pain .head h2{font-family:var(--serif);font-weight:200;font-size:clamp(36px,4.5vw,68px);line-height:1;letter-spacing:-.02em;max-width:14ch}
.pain .head h2 em{font-style:normal;color:var(--gold-3)}
.pain .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,0,0,.1);border:.5px solid rgba(0,0,0,.1);border-radius:4px;overflow:hidden}
.pain .cell{background:var(--paper);padding:48px 36px;display:flex;flex-direction:column;gap:16px;min-height:280px}
.pain .cell .no{font-family:var(--serif);font-size:48px;font-weight:200;color:var(--gold-3);line-height:1}
.pain .cell h3{font-size:20px;font-weight:500;letter-spacing:.02em;color:var(--ink)}
.pain .cell p{font-size:13px;line-height:1.6;color:var(--ash);font-weight:300}
@media (max-width:900px){.pain .grid{grid-template-columns:1fr}}

/* 解决方案分屏（推荐产品 + 流程） */
.solution{padding:14vh 5vw;background:var(--ink)}
.solution .head{margin-bottom:8vh;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}
.solution .head .kicker{font-size:11px;letter-spacing:.32em;color:var(--gold);font-weight:500;text-transform:uppercase;margin-bottom:24px}
.solution .head h2{font-family:var(--serif);font-weight:200;font-size:clamp(36px,4.5vw,68px);line-height:1;letter-spacing:-.02em;color:var(--white);max-width:14ch}
.solution .head h2 em{font-style:normal;color:var(--gold)}
.solution .head p{font-size:14px;line-height:1.6;color:var(--ash-2);max-width:30ch;font-weight:300}
.solution .rec{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:.5px solid var(--line);border-radius:4px;overflow:hidden;margin-bottom:8vh}
.solution .rec .cell{background:var(--ink);padding:36px;display:flex;flex-direction:column;gap:12px;min-height:200px;transition:background .3s}
.solution .rec .cell:hover{background:var(--ink-2)}
.solution .rec .tag{font-size:11px;letter-spacing:.32em;color:var(--gold);font-weight:500;text-transform:uppercase}
.solution .rec h3{font-family:var(--serif);font-size:24px;font-weight:300;color:var(--white);letter-spacing:-.01em;line-height:1.2}
.solution .rec p{font-size:13px;line-height:1.6;color:var(--ash-2);font-weight:300}
.solution .rec a{margin-top:auto;font-size:12px;color:var(--gold-2);letter-spacing:.16em;text-transform:uppercase}
.solution .rec a:hover{color:var(--gold)}
@media (max-width:900px){.solution .rec{grid-template-columns:1fr}}

/* 流程步骤 */
.flow{background:var(--ink-2);padding:14vh 5vw;border-top:.5px solid var(--line)}
.flow .head{margin-bottom:8vh;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}
.flow .head .kicker{font-size:11px;letter-spacing:.32em;color:var(--gold);font-weight:500;text-transform:uppercase;margin-bottom:24px}
.flow .head h2{font-family:var(--serif);font-weight:200;font-size:clamp(36px,4.5vw,68px);line-height:1;letter-spacing:-.02em;color:var(--white);max-width:14ch}
.flow .head h2 em{font-style:normal;color:var(--gold)}
.flow .head p{font-size:14px;line-height:1.6;color:var(--ash-2);max-width:30ch;font-weight:300}
.flow .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:.5px solid var(--line);border-radius:4px;overflow:hidden}
.flow .step{background:var(--ink-2);padding:48px 32px;display:flex;flex-direction:column;gap:16px;min-height:240px}
.flow .step .no{font-family:var(--serif);font-size:48px;font-weight:200;color:var(--gold);line-height:1}
.flow .step h3{font-size:17px;font-weight:500;letter-spacing:.02em;color:var(--white)}
.flow .step p{font-size:13px;line-height:1.6;color:var(--ash-2);font-weight:300}
@media (max-width:900px){.flow .steps{grid-template-columns:1fr 1fr}}