@charset "UTF-8";
/* 目拓天玑 官网样式 v3 — 上市公司级 / 白底为主 / 深色重音 / 去模板感 */

:root{
  /* 品牌 */
  --brand:#123A8F; --brand-600:#1E4FB8; --brand-400:#3D7EFF; --brand-050:#F4F7FC;
  --green:#00A870; --gold:#C8A45C;
  /* 浅色（默认） */
  --bg:#FFFFFF; --bg-2:#F7F8FA;
  --surface-1:#FFFFFF; --surface-2:#FFFFFF; --surface-3:#F2F4F8;
  --border:#E6E9F0; --border-strong:#D5DAE4; --hair:rgba(15,20,32,.10);
  --text-1:#0F1420; --text-2:#4A5568; --text-3:#8A94A6;
  /* 深色锚值 */
  --d-bg:#0B0F1A; --d-bg-2:#080B12;
  /* 圆角分级 */
  --r-12:12px; --r-8:8px; --r-6:6px; --r-4:4px;
  /* 投影 */
  --sh-1:0 1px 2px rgba(15,20,32,.06);
  --sh-2:0 2px 4px rgba(15,20,32,.06),0 8px 24px rgba(15,20,32,.07);
  --sh-3:0 4px 8px rgba(15,20,32,.08),0 16px 48px rgba(15,20,32,.12);
  /* 节奏 */
  --sec:clamp(80px,8vw,124px); --max:1200px;
  --ease:cubic-bezier(.22,.61,.24,1);
  --font-cn:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-en:"Inter","SF Pro Display","Helvetica Neue",Arial,sans-serif;
}

/* 深色区块 */
[data-tone="dark"]{
  --bg:var(--d-bg); --bg-2:#101623; --surface-1:#101623; --surface-2:#151C2B; --surface-3:#1A2333;
  --border:#232C3D; --border-strong:#2E3A50; --hair:rgba(255,255,255,.10);
  --text-1:#E8ECF4; --text-2:#A6B0C3; --text-3:#6B7689;
  color-scheme:dark;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--bg); color:var(--text-1);
  font-family:var(--font-en),var(--font-cn);
  font-size:15px; line-height:1.8; font-weight:400;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  font-variant-numeric:tabular-nums;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none;transition:color .25s var(--ease)}
::selection{background:var(--brand-400);color:#fff}

.container{max-width:var(--max);margin:0 auto;padding:0 32px}

/* 全局极淡噪点，压住塑料感 */
body::after{
  content:"";position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- 排版 ---------- */
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em;color:var(--text-1)}
.h-display{font-size:clamp(36px,4.6vw,66px);line-height:1.1;letter-spacing:-.015em}
.h-sec{font-size:clamp(26px,3vw,40px);line-height:1.22}
.h-3{font-size:clamp(19px,1.8vw,24px);line-height:1.4}
.lead{font-size:clamp(16px,1.2vw,18px);font-weight:400;line-height:1.75;color:var(--text-2)}
.body{font-size:15px;line-height:1.8;color:var(--text-2)}
p{margin:0;color:var(--text-2)}
.overline{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3)}
.num{font-variant-numeric:tabular-nums}
.accent{color:var(--brand)} [data-tone="dark"] .accent{color:var(--brand-400)}
.en{font-family:var(--font-en)}

/* 顶部小标（带左短线） */
.kick{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brand);margin-bottom:22px}
.kick::before{content:"";width:32px;height:1px;background:var(--brand);opacity:.6}
.kick.green{color:var(--green)} .kick.green::before{background:var(--green)}
[data-tone="dark"] .kick{color:var(--brand-400)} [data-tone="dark"] .kick::before{background:var(--brand-400)}
[data-tone="dark"] .kick.green{color:var(--green)} [data-tone="dark"] .kick.green::before{background:var(--green)}

/* 细分割线（渐隐） */
.hair{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--hair) 14%,var(--hair) 88%,transparent)}

/* ---------- 导航 ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;display:flex;align-items:center;
  transition:background .35s var(--ease),height .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease);
  border-bottom:1px solid transparent;color:#fff;
}
.nav.solid{height:64px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);
  border-bottom:1px solid var(--border);box-shadow:var(--sh-1);color:#0F1420}
.nav .container{display:flex;align-items:center;justify-content:space-between;width:100%}
.brandmark{display:flex;align-items:center;gap:18px}
.brandmark .logo360{height:20px;width:auto}
.brandmark .div{width:1px;height:18px;background:currentColor;opacity:.22}
.brandmark .mut{font-size:17px;font-weight:600;letter-spacing:.14em;color:currentColor}
.menu{display:flex;align-items:center;gap:34px}
.menu a{font-size:14px;font-weight:400;color:currentColor;opacity:.78;position:relative;padding:6px 0}
.menu a::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--green);transform:translateX(-50%);transition:width .3s var(--ease)}
.menu a:hover,.menu a.on{opacity:1}
.menu a:hover::after,.menu a.on::after{width:24px}
.burger{display:none;width:24px;height:16px;position:relative;cursor:pointer;background:none;border:0}
.burger span{position:absolute;left:0;width:100%;height:1.5px;background:currentColor;transition:.3s var(--ease)}
.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:7px}.burger span:nth-child(3){top:14px}
.burger.x span:nth-child(1){top:7px;transform:rotate(45deg)}
.burger.x span:nth-child(2){opacity:0}
.burger.x span:nth-child(3){top:7px;transform:rotate(-45deg)}
.drawer{display:none;position:fixed;top:64px;left:0;right:0;z-index:99;background:rgba(11,15,26,.97);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0 20px}
.drawer.open{display:block}
.drawer a{display:block;padding:15px 32px;font-size:16px;color:rgba(255,255,255,.85);border-top:1px solid rgba(255,255,255,.05)}

/* ---------- 首屏 ---------- */
.hero{position:relative;display:flex;align-items:center;min-height:clamp(600px,92vh,860px);
  padding:170px 0 80px;overflow:hidden;background:var(--d-bg);color:#E8ECF4}
.hero .glow{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(90% 80% at 8% 0%,rgba(18,58,143,.55) 0%,rgba(18,58,143,0) 55%),
    radial-gradient(70% 70% at 92% 90%,rgba(0,168,112,.20) 0%,rgba(0,168,112,0) 60%),
    linear-gradient(180deg,rgba(11,15,26,0) 55%,rgba(11,15,26,.9) 100%);}
.hero .mesh{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(75% 75% at 30% 20%,#000 0%,transparent 100%);
  mask-image:radial-gradient(75% 75% at 30% 20%,#000 0%,transparent 100%);}
.hero .container{position:relative;z-index:2;width:100%}
.hero .overline{color:rgba(255,255,255,.6);margin-bottom:26px}
.hero h1{max-width:15ch;color:#fff;margin-bottom:26px}
.hero h1 .rv{display:block;overflow:hidden;opacity:1;transform:none}
.hero h1 .rv>span{display:block;transform:translateY(108%);opacity:0;transition:transform 1.1s var(--ease),opacity 1.1s var(--ease)}
.hero .lead{color:rgba(255,255,255,.72);max-width:620px;margin-bottom:38px}
/* 首屏身份行：以真实合作身份建立关联感（深色区，用显式白） */
.roleline{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:-4px 0 34px;padding-top:24px;
  border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.70);letter-spacing:.02em}
.roleline .sep{width:3px;height:3px;border-radius:50%;background:var(--green);flex:none}
.roleline b{font-weight:600;color:#fff}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-foot{margin-top:clamp(48px,7vw,88px);padding-top:28px;border-top:1px solid rgba(255,255,255,.10);
  display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap}
.hero-foot .src{font-size:12px;line-height:1.8;color:rgba(255,255,255,.45);max-width:600px}
.hero-foot .meta{display:flex;gap:34px;font-size:13px;color:rgba(255,255,255,.55)}

/* 按钮 */
.btn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 26px;border-radius:var(--r-8);
  font-size:15px;font-weight:600;letter-spacing:.01em;border:1px solid transparent;transition:.3s var(--ease)}
.btn .arw{transition:transform .3s var(--ease)}
.btn:hover .arw{transform:translateX(4px)}
.btn-primary{background:linear-gradient(180deg,var(--brand-600),var(--brand));color:#fff;box-shadow:var(--sh-2)}
.btn-primary:hover{background:linear-gradient(180deg,var(--brand-400),var(--brand-600));transform:translateY(-1px)}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.22);color:#fff}
.btn-ghost:hover{border-color:rgba(255,255,255,.5)}
[data-tone="light"] .btn-ghost,body .btn-ghost.light{border-color:var(--border-strong);color:var(--text-1)}
.btn-ghost.light:hover{border-color:var(--brand);color:var(--brand)}

/* ---------- 区块 ---------- */
section{padding:var(--sec) 0;position:relative;background:var(--bg)}
section[data-tone="dark"]{background:var(--d-bg)}
.sec-head{max-width:760px;margin-bottom:clamp(44px,5vw,72px)}
.sec-head .h-sec{margin-bottom:18px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.center .kick{justify-content:center}

/* 左标题右内容（非对称 sticky） */
.split{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,5vw,72px);align-items:start}
.split .side{position:sticky;top:110px}
.split .side .kick{margin-bottom:18px}
.split .side .h-sec{margin-bottom:16px}

/* ---------- 数据带（横向，非卡片） ---------- */
.band{display:grid;grid-template-columns:repeat(5,1fr)}
.band .it{padding:8px 30px 0 30px;position:relative}
.band .it+.it::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--hair)}
.band .it:first-child{padding-left:0}
.band .v{font-size:clamp(38px,3.6vw,54px);font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--text-1)}
.band .v small{font-size:.38em;font-weight:500;color:var(--text-3);margin-left:5px}
.band .k{font-size:13.5px;line-height:1.65;color:var(--text-3);margin-top:12px}
.band-note{font-size:12px;line-height:1.8;color:var(--text-3);margin-top:34px;padding-top:20px;border-top:1px solid var(--hair)}

/* ---------- 行式列表（替代卡片阵） ---------- */
.rowlist{border-top:1px solid var(--hair)}
.row{display:grid;grid-template-columns:64px 5fr 7fr;gap:clamp(20px,3vw,48px);padding:34px 0;border-bottom:1px solid var(--hair);align-items:start;transition:background .3s var(--ease);position:relative}
.row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--brand);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease)}
.row:hover{background:linear-gradient(90deg,rgba(18,58,143,.03),transparent 55%)}
.row:hover::before{transform:scaleY(1)}
.row .no{font-size:13px;font-weight:600;color:var(--text-3);letter-spacing:.08em;padding-top:5px}
.row .tt{font-size:21px;font-weight:600;line-height:1.4;color:var(--text-1)}
.row .tt .en{display:block;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-top:6px}
.row .dd{font-size:15px;line-height:1.8;color:var(--text-2)}
.row .dd ul{list-style:none;margin-top:12px}
.row .dd li{font-size:13.5px;color:var(--text-3);padding-left:14px;position:relative;margin-bottom:7px}
.row .dd li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:1px;background:var(--brand)}

/* ---------- 规格表 dl ---------- */
.spec{border-top:1px solid var(--hair)}
.spec .it{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--hair);align-items:baseline}
.spec dt{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.spec dd{font-size:15px;line-height:1.75;color:var(--text-2)}
.spec dd b{color:var(--text-1);font-weight:600}

/* ---------- 图 + 侧栏 ---------- */
.fig{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,5vw,64px);align-items:center}
.fig .viz{border:1px solid var(--border);border-radius:var(--r-12);background:var(--surface-1);padding:clamp(20px,3vw,40px);box-shadow:var(--sh-1)}
.fig .bd .h-3{margin-bottom:14px}

/* ---------- 矩阵表格 ---------- */
.mtable{width:100%;border-collapse:collapse;border-top:1px solid var(--hair)}
.mtable th{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);text-align:left;padding:16px 18px;border-bottom:1px solid var(--border-strong)}
.mtable td{padding:22px 16px;border-bottom:1px solid var(--hair);vertical-align:top;font-size:15px;color:var(--text-2);line-height:1.7}
.mtable td:first-child{font-weight:600;color:var(--text-1)}
.mtable .code{font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--brand);display:block;margin-bottom:5px}
[data-tone="dark"] .mtable .code{color:var(--brand-400)}
.mtable tbody tr{transition:background .25s var(--ease)}
.mtable tbody tr:hover{background:var(--brand-050)}
[data-tone="dark"] .mtable tbody tr:hover{background:rgba(61,126,255,.05)}

/* ---------- 编辑式图文（错位交替） ---------- */
.edi{display:grid;grid-template-columns:8fr 4fr;gap:clamp(28px,4vw,56px);align-items:center;padding:clamp(40px,5vw,64px) 0;border-bottom:1px solid var(--hair)}
.edi.rev{grid-template-columns:4fr 8fr}
.edi.rev .viz{order:2}
.edi .viz{border:1px solid var(--border);border-radius:var(--r-12);background:linear-gradient(180deg,var(--surface-2),var(--surface-1));min-height:220px;display:flex;align-items:center;justify-content:center;padding:32px;box-shadow:var(--sh-1)}
.edi .viz .big{font-size:clamp(56px,7vw,96px);font-weight:600;letter-spacing:-.03em;color:var(--brand-050);-webkit-text-stroke:1px var(--brand);color:transparent}
[data-tone="dark"] .edi .viz .big{-webkit-text-stroke:1px var(--brand-400)}
.edi .bd .kick{margin-bottom:16px}
.edi .bd .h-3{margin-bottom:14px}

/* ---------- 横向演进轴 ---------- */
.evo{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,40px);position:relative;padding-top:44px}
.evo::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--hair)}
.evo .col{position:relative;padding-top:22px}
.evo .col::before{content:"";position:absolute;left:0;top:-49px;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--brand-050)}
.evo .lv{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--green);margin-bottom:12px}
.evo h4{font-size:21px;font-weight:600;color:var(--text-1);margin-bottom:12px}
.evo p{font-size:14.5px;line-height:1.8;color:var(--text-2)}

/* ---------- 深色插页 ---------- */
.bleed{position:relative;overflow:hidden}
.bleed .glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(80% 90% at 85% 10%,rgba(18,58,143,.5) 0%,rgba(18,58,143,0) 60%)}
.bleed .mesh{position:absolute;inset:0;opacity:.4;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000 0%,transparent 100%);
  mask-image:radial-gradient(70% 70% at 50% 40%,#000 0%,transparent 100%)}
.bleed .container{position:relative;z-index:2}

/* ---------- 引用块 ---------- */
.quote{position:relative;padding:6px 0 6px 30px;border-left:2px solid var(--brand);margin:clamp(40px,5vw,64px) 0}
[data-tone="dark"] .quote{border-left-color:var(--brand-400)}
.quote::before{content:"\201C";position:absolute;left:-2px;top:-24px;font-size:56px;line-height:1;color:var(--gold);opacity:.4;font-family:Georgia,serif}
.quote p{font-size:clamp(20px,2.3vw,27px);font-weight:500;line-height:1.55;color:var(--text-1);letter-spacing:-.01em}
.quote .att{font-size:13px;line-height:1.7;color:var(--text-3);margin-top:18px}

/* ---------- 合作带（横向文字，非卡片） ---------- */
.coop{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,48px);border-top:1px solid var(--hair);padding-top:clamp(36px,4vw,52px)}
.coop .it{position:relative;padding-left:18px}
.coop .it::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--green)}
.coop .tt{font-size:16px;font-weight:600;color:var(--text-1);margin-bottom:8px}
.coop .dd{font-size:13.5px;line-height:1.7;color:var(--text-3)}

/* ---------- 步骤 ---------- */
.steps{border-top:1px solid var(--hair)}
.step{display:grid;grid-template-columns:88px 3fr 6fr;gap:clamp(20px,3vw,48px);padding:32px 0;border-bottom:1px solid var(--hair);align-items:baseline}
.step .sn{font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--green)}
.step h4{font-size:20px;font-weight:600;color:var(--text-1)}
.step p{font-size:15px;line-height:1.8;color:var(--text-2)}
.step .out{display:block;font-size:13px;color:var(--text-3);margin-top:10px;padding-top:10px;border-top:1px dashed var(--hair)}
.step .out b{color:var(--text-1);font-weight:600}

/* ---------- 页脚（深色 / 重） ---------- */
footer{background:var(--d-bg-2);color:rgba(255,255,255,.72);padding:84px 0 36px;position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16) 14%,rgba(255,255,255,.16) 86%,transparent)}
.ft-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:clamp(32px,5vw,64px);padding-bottom:60px}
.ft-brand .brandline{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.ft-brand .brandline img{height:22px;width:auto}
.ft-brand .brandline .div{width:1px;height:20px;background:rgba(255,255,255,.25)}
.ft-brand .brandline .mut{font-size:19px;font-weight:600;letter-spacing:.14em;color:#fff}
.ft-brand p{font-size:13.5px;line-height:1.85;color:rgba(255,255,255,.55);max-width:300px}
.ft-col h5{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:22px}
.ft-col a{display:block;font-size:14px;color:rgba(255,255,255,.66);margin-bottom:13px;line-height:2.1}
.ft-col a:hover{color:#fff}
/* ---------- 运营主体说明（正文位，显著性高于页脚） ---------- */
.stmt{padding:clamp(52px,6vw,78px) 0;border-top:1px solid var(--border)}
.stmt .lbl{font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px}
.stmt h3{font-size:clamp(19px,2.1vw,24px);font-weight:600;letter-spacing:-.01em;margin-bottom:20px}
.stmt p{font-size:14px;line-height:2;color:var(--text-2);max-width:880px}
.stmt p+p{margin-top:12px}
.stmt .meta{margin-top:24px;padding-top:18px;border-top:1px solid var(--hair);display:flex;gap:8px 32px;flex-wrap:wrap;font-size:13px;color:var(--text-3)}

.ft-note{padding-top:32px;border-top:1px solid rgba(255,255,255,.10)}
.ft-note h5{font-size:12px;font-weight:600;letter-spacing:.16em;color:rgba(255,255,255,.52);margin-bottom:14px}
.ft-note p{font-size:13px;line-height:1.9;color:rgba(255,255,255,.62);max-width:980px}

.ft-legal{padding-top:30px;margin-top:34px;border-top:1px solid rgba(255,255,255,.10)}
.ft-legal .r1{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.55)}
.ft-legal .r1 a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:1px;transition:.3s var(--ease)}
.ft-legal .r1 a:hover{color:#fff;border-bottom-color:var(--green)}

/* ---------- 滚动揭示 ---------- */
.rv{opacity:0;transform:translateY(24px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}
/* SVG 描边显现（配合 pathLength=1） */
svg .d{transition:stroke-dashoffset 1.3s var(--ease)}
.rv:not(.in) svg .d{stroke-dasharray:1;stroke-dashoffset:1}
.rv.in svg .d{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
  .hero h1 .rv>span{transform:none;opacity:1;transition:none}
}

/* ---------- 子页页头 ---------- */
.phead{position:relative;padding:190px 0 80px;overflow:hidden;background:var(--d-bg);color:#E8ECF4}
.phead .glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(80% 90% at 10% 0%,rgba(18,58,143,.5) 0%,rgba(18,58,143,0) 55%),linear-gradient(180deg,rgba(11,15,26,0) 50%,rgba(11,15,26,.9) 100%)}
.phead .mesh{position:absolute;inset:0;opacity:.45;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(72% 72% at 30% 24%,#000 0%,transparent 100%);
  mask-image:radial-gradient(72% 72% at 30% 24%,#000 0%,transparent 100%)}
.phead .container{position:relative;z-index:2}
.phead .crumb{font-size:12px;letter-spacing:.14em;color:rgba(255,255,255,.5);margin-bottom:28px}
.phead .crumb a{color:rgba(255,255,255,.75)}.phead .crumb a:hover{color:#fff}
.phead .overline{color:rgba(255,255,255,.6);margin-bottom:22px}
.phead h1{color:#fff;max-width:18ch;margin-bottom:24px;font-size:clamp(34px,5vw,58px)}
.phead .lead{color:rgba(255,255,255,.7);max-width:640px}

/* ---------- 响应式 ---------- */
@media (max-width:1020px){
  .band{grid-template-columns:repeat(3,1fr);gap:34px 0}
  .band .it:nth-child(4),.band .it:nth-child(5){padding-left:0}
  .band .it:nth-child(4)::before,.band .it:nth-child(5)::before{display:none}
  .split{grid-template-columns:1fr;gap:32px}
  .split .side{position:static}
  .fig{grid-template-columns:1fr}
  .edi,.edi.rev{grid-template-columns:1fr}
  .edi.rev .viz{order:0}
  .coop{grid-template-columns:repeat(2,1fr)}
  .ft-top{grid-template-columns:1fr 1fr;gap:44px}
  .row{grid-template-columns:48px 1fr}
  .row .dd{grid-column:2}
  .step{grid-template-columns:64px 1fr;gap:20px}
  .step p{grid-column:2}
}
@media (max-width:768px){
  :root{--sec:76px}
  .menu{display:none}.burger{display:block}
  .container{padding:0 20px}
  .hero{min-height:auto;padding:140px 0 64px}
  .phead{padding:150px 0 56px}
  .band{grid-template-columns:repeat(2,1fr)}
  .band .it{padding-left:0}
  .band .it::before{display:none}
  .coop{grid-template-columns:1fr}
  .ft-top{grid-template-columns:1fr}
  .spec .it{grid-template-columns:1fr;gap:6px}
}