/* ============================================================
   春腾网络科技 · 官网公共样式
   品牌基准：春腾品牌视觉规范 V2.0
   主色 墨玉绿 #18745F ｜ 深空黑 #0F1319 ｜ 亮绿 #62D98F（仅深底）
   ============================================================ */

:root{
  /* 品牌色 */
  --ink:#0F1319;
  --ink-2:#12161C;
  --green:#18745F;
  --green-deep:#12564A;
  --green-soft:#E8F1EE;
  --bright:#62D98F;
  --amber:#B57A12;

  /* 中性 */
  --paper:#FFFFFF;
  --paper-2:#F5F8F7;
  --paper-3:#EBF1EF;
  --paper-4:#E2EBE8;
  --line:#DCE5E2;
  --line-2:#E8EFEC;

  /* 深绿层次 */
  --green-ink:#0B3B31;
  --green-ink-2:#082C25;
  --green-mid:#14604F;

  /* 文字 */
  --text:#17211D;
  --muted:#46574F;
  --muted-2:#7E8E88;

  /* 尺寸 */
  --maxw:1360px;
  --gut:6%;
  --r:2px;
  --nav-h:78px;

  /* 字号 */
  --fs-h1:clamp(34px,4.4vw,58px);
  --fs-h2:clamp(26px,2.9vw,38px);
  --fs-h3:20px;
  --fs-body:15px;
  --fs-sm:13.5px;
  --fs-xs:12px;

  --ease:cubic-bezier(.22,.68,.28,1);
  --shadow:0 18px 44px -22px rgba(15,19,25,.22);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;color:var(--text);background:var(--paper);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  line-height:1.6;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
/* 作者样式（如 .eco-slots{display:grid}）会盖过 UA 的 [hidden]，这里显式兜底 */
[hidden]{display:none!important}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:.5px;line-height:1.3}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font-family:inherit}
textarea,input,select{font-family:inherit}
:focus-visible{outline:2px solid var(--green);outline-offset:3px}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
/* 锚点跳转时避让固定导航 */
[id]{scroll-margin-top:calc(var(--nav-h) + 18px)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;background:var(--green);color:#fff;padding:12px 20px;z-index:999}
.skip:focus{left:0}

/* ============================================================
   导航
   ============================================================ */
.nav{
  position:sticky;top:0;z-index:60;
  background:rgba(255,255,255,.94);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line-2);
}
.nav-in{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.brand img{width:38px;height:38px}
.brand .bt{display:flex;flex-direction:column;line-height:1.15}
.brand strong{font-size:19px;letter-spacing:4px;color:var(--ink-2);font-weight:600}
.brand small{font-size:8px;letter-spacing:2.4px;color:var(--muted-2);margin-top:4px;font-weight:500}
.links{display:flex;align-items:center;gap:32px;font-size:14px;color:var(--muted)}
.links a{position:relative;padding:6px 0;transition:color .2s var(--ease)}
.links a:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--green);
  transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease);
}
.links a:hover{color:var(--green)}
.links a:hover:after{transform:scaleX(1)}
.links a[aria-current="page"]{color:var(--green);font-weight:600}
.links a[aria-current="page"]:after{transform:scaleX(1)}
.nav-cta{
  display:inline-flex;align-items:center;gap:9px;background:var(--green);color:#fff;
  font-size:14px;padding:11px 20px;border-radius:var(--r);transition:background .2s var(--ease);white-space:nowrap;
}
.nav-cta:hover{background:var(--green-deep)}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:var(--r);padding:10px 11px;cursor:pointer}
.burger i{display:block;width:18px;height:1.5px;background:var(--ink-2);margin:3.5px 0;transition:.25s var(--ease)}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.mnav{display:none;border-top:1px solid var(--line-2);background:#fff}
.mnav.open{display:block}
.mnav a{display:block;padding:15px var(--gut);border-bottom:1px solid var(--line-2);font-size:15px;color:var(--muted)}
.mnav a[aria-current="page"]{color:var(--green);font-weight:600;background:var(--green-soft)}
.mnav a.mcta{color:var(--green);font-weight:600}

/* ============================================================
   按钮
   ============================================================ */
.btn{
  display:inline-flex;align-items:center;justify-content:space-between;gap:26px;
  padding:15px 22px;font-size:14px;border:1px solid var(--line);border-radius:var(--r);
  color:var(--ink-2);background:#fff;transition:.22s var(--ease);min-width:180px;cursor:pointer;
}
.btn:hover{border-color:var(--green);color:var(--green)}
.btn .ar{transition:transform .22s var(--ease)}
.btn:hover .ar{transform:translate(3px,-3px)}
.btn.primary{background:var(--green);border-color:var(--green);color:#fff}
.btn.primary:hover{background:var(--green-deep);border-color:var(--green-deep);color:#fff}
.btn.ghost-dark{border-color:rgba(255,255,255,.28);color:#fff;background:transparent}
.btn.ghost-dark:hover{border-color:var(--bright);color:var(--bright)}
.btn.sm{padding:11px 18px;font-size:13px;min-width:0;gap:16px}

/* ============================================================
   通用区块
   ============================================================ */
.section{padding:104px 0}
.section.alt{background:var(--paper-2)}
.section.tight{padding:76px 0}
.kicker{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--green);text-transform:uppercase}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}
.sec-head h2{font-size:var(--fs-h2);letter-spacing:1.2px;margin-top:16px;color:var(--ink-2)}
.sec-head h2 em,.h2 em{font-style:normal;color:var(--green)}
.sec-head .note{font-size:14px;line-height:1.95;color:var(--muted);max-width:340px;flex:0 0 auto}
.sec-head.center{display:block;text-align:center;margin-bottom:52px}
.sec-head.center h2{margin-top:16px}
.sec-head.center .note{margin:18px auto 0;max-width:560px}

/* ============================================================
   页面头（子页）
   ============================================================ */
.phead{
  background:linear-gradient(180deg,var(--paper-3) 0%,var(--paper-2) 72%,#FAFCFC 100%);
  border-bottom:1px solid var(--line);
  padding:52px 0 60px;position:relative;overflow:hidden;
}
.phead:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,var(--green) 0%,rgba(24,116,95,.14) 42%,transparent 78%);
}
.phead:before{
  content:"";position:absolute;right:-10%;top:-40%;width:640px;height:640px;border-radius:50%;
  background:radial-gradient(circle,rgba(24,116,95,.09),transparent 68%);pointer-events:none;
}
.phead .inner{position:relative;z-index:2}
.crumb{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted-2);letter-spacing:.4px}
.crumb a:hover{color:var(--green)}
.crumb .sep{opacity:.5}
.phead h1{font-size:clamp(30px,3.4vw,46px);letter-spacing:1.4px;margin:22px 0 18px;color:var(--ink-2)}
.phead .lead{font-size:15.5px;line-height:2;color:var(--muted);max-width:660px}
.phead .lead b{color:var(--ink-2);font-weight:600}
.phead .ph-actions{display:flex;gap:13px;margin-top:34px;flex-wrap:wrap}

/* ============================================================
   首屏
   ============================================================ */
.hero{position:relative;padding:26px 0 0;overflow:hidden;background:linear-gradient(180deg,#FFFFFF 0%,#FCFEFD 58%,var(--paper-2) 100%)}
.hero-in{display:grid;grid-template-columns:1.06fr .94fr;gap:32px;align-items:center;min-height:512px}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:3px;color:var(--green);text-transform:uppercase}
.eyebrow:before{content:"";width:26px;height:2px;background:var(--green)}
.hero h1{font-size:var(--fs-h1);line-height:1.2;letter-spacing:1.6px;margin:20px 0 20px;color:var(--ink-2)}
.hero h1 em{font-style:normal;color:var(--green);display:block}
.hero .lead{font-size:17px;line-height:1.95;color:#41524B;max-width:566px;letter-spacing:.2px}
.hero .lead b{color:var(--ink-2);font-weight:600}
.actions{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}

/* 连接网络视觉（云 · 算力 · 智能 三层协同） */
.visual{position:relative;height:500px;display:grid;place-items:center;overflow:hidden}
.visual .mesh{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(24,116,95,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(24,116,95,.032) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:radial-gradient(ellipse 62% 62% at center,#000 6%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 62% 62% at center,#000 6%,transparent 100%);
}
.visual .glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(98,217,143,.1),rgba(24,116,95,.04) 52%,transparent 72%);filter:blur(10px)}
.net{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}
.cosmos{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block}
.net-tags{position:absolute;inset:0;z-index:3;pointer-events:none}
.net-tag{position:absolute;font-size:10.5px;letter-spacing:2.6px;color:#657B73;font-weight:600;white-space:nowrap}
.net-tag.t1{top:2.5%;left:50%;transform:translateX(-50%)}
.net-tag.t2{bottom:4.5%;left:3.5%}
.net-tag.t3{bottom:4.5%;right:3.5%}
@keyframes netSpin{to{transform:rotate(360deg)}}
@keyframes netAnchor{0%,100%{opacity:.66}50%{opacity:1}}
@keyframes netFlowUp{
  0%{transform:translate(0,0);opacity:0}
  16%{opacity:.92}
  74%{opacity:.92}
  100%{transform:translate(0,-96px);opacity:0}
}
@keyframes netFlowLeft{
  0%{transform:translate(0,0);opacity:0}
  16%{opacity:.92}
  74%{opacity:.92}
  100%{transform:translate(-83.1px,48px);opacity:0}
}
@keyframes netFlowRight{
  0%{transform:translate(0,0);opacity:0}
  16%{opacity:.92}
  74%{opacity:.92}
  100%{transform:translate(83.1px,48px);opacity:0}
}
.net .rot-c{animation:netSpin 96s linear infinite;transform-origin:280px 280px;transform-box:view-box}
.net .anchor{animation:netAnchor 5.4s ease-in-out infinite}
.net .anchor.a2{animation-delay:1.2s}
.net .anchor.a3{animation-delay:2.4s}
.net .flow{animation:netFlowUp 3.8s cubic-bezier(.4,0,.3,1) infinite}
.net .flow.f2{animation-name:netFlowLeft;animation-delay:1.27s}
.net .flow.f3{animation-name:netFlowRight;animation-delay:2.53s}
.net-label{font-size:10.5px;letter-spacing:2.8px;fill:#667C74;font-weight:600}

/* 首屏底部信息条 */
.hero-badges{display:flex;gap:0;margin-top:34px;border-top:1px solid var(--line-2);flex-wrap:wrap}
.hero-badges div{flex:1 1 0;min-width:120px;padding:16px 18px 0 0}
.hero-badges b{display:block;font-size:13.5px;color:var(--ink-2);letter-spacing:.4px;font-weight:600}
.hero-badges span{display:block;margin-top:5px;font-size:11.5px;color:var(--muted-2);letter-spacing:.3px}
.hero-foot{border-top:1px solid var(--line-2);margin-top:8px;background:var(--paper-2)}
.hero-foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;padding-bottom:20px;font-size:11px;letter-spacing:2.2px;color:var(--muted-2);flex-wrap:wrap}
.hero-foot .dots{display:flex;gap:7px}
.hero-foot .dots i{width:5px;height:5px;border-radius:50%;background:var(--green);opacity:.35}
.hero-foot .dots i:first-child{opacity:1}

/* ============================================================
   四入口
   ============================================================ */
.quick{background:var(--paper-2);border-bottom:1px solid var(--line)}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.quick-grid a{padding:30px 26px 32px;border-right:1px solid var(--line);position:relative;transition:background .24s var(--ease)}
.quick-grid a:first-child{border-left:1px solid var(--line)}
.quick-grid a:hover{background:#fff}
.quick-grid .qm{
  width:42px;height:42px;border:1px solid rgba(24,116,95,.28);border-radius:var(--r);
  display:grid;place-items:center;color:var(--green);margin-bottom:18px;transition:.24s var(--ease);
}
.quick-grid .qm svg{width:28px;height:28px;display:block}
.quick-grid a:hover .qm{background:var(--green);color:#fff;border-color:var(--green)}
.quick-grid b{display:block;font-size:15.5px;color:var(--ink-2);font-weight:600;letter-spacing:.6px}
.quick-grid small{display:block;margin-top:9px;font-size:12.5px;color:var(--muted-2);line-height:1.7}
.quick-grid .qar{position:absolute;top:30px;right:24px;color:var(--muted-2);font-size:13px;transition:.24s var(--ease)}
.quick-grid a:hover .qar{color:var(--green);transform:translate(2px,-2px)}

/* ============================================================
   卡片组
   ============================================================ */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cards.two{grid-template-columns:1fr 1fr}
.cards.four{grid-template-columns:repeat(4,1fr)}
.card{
  background:#fff;border:1px solid var(--line);padding:38px 34px 40px;position:relative;
  transition:.26s var(--ease);display:flex;flex-direction:column;
}
a.card:hover{border-color:rgba(24,116,95,.45);transform:translateY(-4px);box-shadow:var(--shadow)}
.card .cno{font-size:11px;letter-spacing:2.2px;color:var(--muted-2)}
.card .cico{width:44px;height:44px;margin:26px 0 20px;display:grid;place-items:center;color:var(--green);border:1px solid rgba(24,116,95,.24);border-radius:var(--r)}
.card .cico svg{width:28px;height:28px;display:block}
.card h3{font-size:21px;color:var(--ink-2);letter-spacing:.8px}
.card .csub{margin-top:9px;font-size:12.5px;color:var(--amber);letter-spacing:.4px;font-weight:600}
.card p{margin-top:16px;font-size:13.5px;line-height:1.95;color:var(--muted);flex:1}
.card .tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.card .tags span{font-size:11.5px;padding:5px 9px;background:var(--paper-3);color:var(--green-deep);border-radius:var(--r);letter-spacing:.3px}
.card .clink{margin-top:24px;font-size:13px;color:var(--green);display:inline-flex;gap:8px;align-items:center}
.card .clink .ar{transition:transform .22s var(--ease)}
a.card:hover .clink .ar{transform:translate(3px,-3px)}

/* --- 业务卡三种视觉语言（白 / 深绿 / 浅灰） --- */
.card.tone-cloud{background:#fff;border:1px solid var(--line);border-left:3px solid var(--green);overflow:hidden}
.card.tone-cloud:before{
  content:"";position:absolute;right:-26px;bottom:-26px;width:170px;height:170px;
  background-image:linear-gradient(rgba(24,116,95,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(24,116,95,.07) 1px,transparent 1px);
  background-size:20px 20px;
  mask-image:radial-gradient(circle at 70% 70%,#000,transparent 72%);
  -webkit-mask-image:radial-gradient(circle at 70% 70%,#000,transparent 72%);
  pointer-events:none;
}
.card.tone-cloud:hover{border-left-color:var(--green-deep)}

.card.tone-token{
  background:linear-gradient(158deg,var(--green-ink) 0%,var(--green-ink-2) 100%);
  border:1px solid rgba(98,217,143,.24);overflow:hidden;
}
.card.tone-token:before{content:"";position:absolute;top:-64px;right:-64px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(98,217,143,.20),transparent 68%);pointer-events:none}
.card.tone-token .cno{color:#6E8F86}
.card.tone-token .cico{color:var(--bright);border-color:rgba(98,217,143,.34);background:rgba(255,255,255,.05)}
.card.tone-token h3{color:#fff}
.card.tone-token .csub{color:var(--bright)}
.card.tone-token p{color:#A7C2BA}
.card.tone-token .tags span{background:rgba(255,255,255,.08);color:#BFDCD3}
.card.tone-token .clink{color:var(--bright)}
.card.tone-token:hover{border-color:rgba(98,217,143,.52);box-shadow:0 24px 54px -26px rgba(11,59,49,.78);transform:translateY(-4px)}
.card.tone-token .prod-tag{
  position:absolute;top:22px;right:22px;font-size:10px;letter-spacing:1.6px;
  color:var(--green-ink);background:var(--bright);padding:4px 8px;border-radius:2px;font-weight:700;
}

.card.tone-solution{background:var(--paper-3);border:1px solid var(--line-2);border-top:3px solid var(--green-mid)}
.card.tone-solution:hover{background:#fff;border-top-color:var(--green)}

/* ============================================================
   Token 超市 · 深色区
   ============================================================ */
.token{background:linear-gradient(168deg,var(--ink) 0%,#0A2E27 58%,var(--green-ink-2) 100%);color:#fff;padding:104px 0;position:relative;overflow:hidden}
.token:before{content:"";position:absolute;top:-180px;right:-140px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(98,217,143,.16),transparent 68%);pointer-events:none}
.token:after{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse at 70% 30%,#000,transparent 70%);
  -webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000,transparent 70%);
  pointer-events:none;
}
.token .kicker{color:var(--bright)}
.token-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:7%;align-items:center;position:relative;z-index:2}
.token h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:1.4px;margin:18px 0 22px;color:#fff}
.token h2 em{font-style:normal;color:var(--bright)}
.token .lead{font-size:15px;line-height:2;color:#9DAEBB;max-width:480px}
.token .lead b{color:#DDE7E2;font-weight:600}
.token .btn{margin-top:32px}
.models{display:grid;gap:12px}
.model{
  display:flex;align-items:center;gap:18px;padding:21px 24px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);transition:.24s var(--ease);
}
.model:hover{background:rgba(98,217,143,.07);border-color:rgba(98,217,143,.34);transform:translateX(4px)}
.model .mi{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;color:var(--bright);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.model .mi svg{width:24px;height:24px;display:block}
.model b{font-size:14.5px;color:#fff;letter-spacing:.5px;font-weight:600}
.model small{display:block;margin-top:6px;font-size:12.5px;color:#8496A3;letter-spacing:.2px}
.model .mar{margin-left:auto;color:#6B7F8D;font-size:13px;transition:.24s var(--ease)}
.model:hover .mar{color:var(--bright)}
.token .disclaim{margin-top:20px;font-size:11.5px;line-height:1.85;color:#6B7F8D;letter-spacing:.2px}

/* Token 区顶部产品标识条 */
.token-head{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  margin-bottom:40px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;
}
.token-head .tlabel{display:inline-flex;align-items:center;gap:9px;font-size:10.5px;letter-spacing:2.4px;color:var(--bright);font-weight:700}
.token-head .tlabel i{width:6px;height:6px;border-radius:50%;background:var(--bright);box-shadow:0 0 10px rgba(98,217,143,.85)}
.token-head .tmeta{font-size:11.5px;color:#6E8F86;letter-spacing:1.2px}
/* Token 区底部入口条 */
.token-entry{
  margin-top:36px;display:flex;justify-content:space-between;align-items:center;gap:22px;
  padding:22px 26px;border:1px solid rgba(98,217,143,.26);background:rgba(98,217,143,.055);flex-wrap:wrap;
}
.token-entry p{font-size:13px;color:#A7C2BA;line-height:1.8;max-width:520px}
.token-entry .btn{flex:0 0 auto}

/* ============================================================
   生态与资质（占位，不填充未核实信息）
   ============================================================ */
.eco{padding:96px 0;background:#fff;border-top:1px solid var(--line-2)}
/* 仅剩标题与说明时的收窄版（资料未确认时的对外状态），避免大面积空白 */
.eco-brief{padding:70px 0}
.eco-brief .sec-head{margin-bottom:0}
.eco-brief .sec-head .note{max-width:430px}
.eco-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.eco-slot{
  aspect-ratio:4/3;border:1px dashed var(--line);background:var(--paper-2);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  text-align:center;padding:10px;
  font-size:11px;color:var(--muted-2);line-height:1.65;letter-spacing:.3px;
  transition:.24s var(--ease);border-radius:var(--r);
}
.eco-slot:before{
  content:"";width:28px;height:28px;border:1px solid var(--line);border-radius:3px;
  background:linear-gradient(135deg,#fff,var(--paper-3));transition:.24s var(--ease);
}
.eco-slot:hover:before{border-color:rgba(24,116,95,.4);background:linear-gradient(135deg,#fff,var(--green-soft))}
.eco-slot:hover{border-color:rgba(24,116,95,.42);background:#fff;color:var(--green)}
.eco-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.eco-col{border-top:2px solid var(--green);padding-top:20px}
.eco-col h3{font-size:15.5px;color:var(--ink-2);letter-spacing:.5px}
.eco-col > p{margin-top:10px;font-size:12.5px;line-height:1.9;color:var(--muted)}
.eco-col .slot-note{
  margin-top:16px;border:1px dashed var(--line);border-radius:var(--r);
  padding:14px;font-size:11.5px;color:var(--muted-2);line-height:1.75;background:var(--paper-2);
}
.eco-foot{margin-top:26px;font-size:11.5px;color:var(--muted-2);line-height:1.8}

/* 深色页内区块 */
.dark-sec{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:96px 0}
.dark-sec:before{content:"";position:absolute;top:-200px;right:-160px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(98,217,143,.14),transparent 68%);pointer-events:none}
.dark-sec .kicker{color:var(--bright)}
.dark-sec h2{color:#fff}
.dark-sec h2 em{font-style:normal;color:var(--bright)}
.dark-sec .lead{color:#9DAEBB}
.dark-sec .note{color:#8496A3}

/* ============================================================
   行业场景
   ============================================================ */
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ind{padding:34px 30px 36px;background:var(--paper-2);border:1px solid var(--line-2);position:relative;transition:.26s var(--ease)}
.ind:hover{background:#fff;border-color:rgba(24,116,95,.34)}
.ind .ino{font-size:11px;letter-spacing:2px;color:var(--muted-2)}
.ind b{display:block;font-size:19px;color:var(--ink-2);margin-top:20px;letter-spacing:.6px}
.ind p{margin-top:14px;font-size:13px;line-height:1.95;color:var(--muted)}
.ind ul{margin-top:18px;display:grid;gap:8px}
.ind li{font-size:12.5px;color:var(--green-deep);display:flex;gap:9px;align-items:flex-start;line-height:1.7}
.ind li:before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--green);margin-top:8px}

/* ============================================================
   为什么 / 优势双列
   ============================================================ */
.why{display:grid;grid-template-columns:.9fr 1.1fr;gap:6%;align-items:start}
.why-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.why-item{background:#fff;padding:30px 28px 32px}
.why-item b{display:flex;align-items:baseline;gap:10px;font-size:15.5px;color:var(--ink-2);letter-spacing:.4px}
.why-item b i{font-style:normal;font-size:11px;color:var(--green);letter-spacing:1.6px;font-weight:700}
.why-item p{margin-top:12px;font-size:13px;line-height:1.9;color:var(--muted)}

/* ============================================================
   流程步骤
   ============================================================ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.step{padding:34px 26px 36px 0;border-right:1px dashed var(--line);position:relative}
.step:last-child{border-right:0;padding-right:0}
.step .sno{font-size:11px;letter-spacing:2.2px;color:var(--green);font-weight:700}
.step h3{font-size:17px;margin-top:16px;color:var(--ink-2);letter-spacing:.5px}
.step p{margin-top:12px;font-size:13px;line-height:1.9;color:var(--muted);padding-right:8px}
.step:before{content:"";position:absolute;top:-3.5px;left:0;width:7px;height:7px;border-radius:50%;background:var(--green)}

/* ============================================================
   特性列表
   ============================================================ */
.feats{display:grid;grid-template-columns:1fr 1fr;gap:14px 44px}
.feat{display:flex;gap:16px;padding:22px 0;border-bottom:1px solid var(--line-2)}
.feat .fi{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(24,116,95,.24);border-radius:var(--r);color:var(--green)}
.feat .fi svg{width:22px;height:22px;display:block}
.feat b{display:block;font-size:15px;color:var(--ink-2);letter-spacing:.4px}
.feat p{margin-top:8px;font-size:13px;line-height:1.9;color:var(--muted)}

/* ============================================================
   表格
   ============================================================ */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);background:#fff;-webkit-overflow-scrolling:touch}
table.tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
table.tbl th,table.tbl td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line-2);vertical-align:top;line-height:1.8}
table.tbl thead th{background:var(--paper-2);font-size:12px;letter-spacing:1.2px;color:var(--green-deep);font-weight:700;white-space:nowrap}
table.tbl tbody tr:last-child td{border-bottom:0}
table.tbl td b{color:var(--ink-2);font-weight:600}
table.tbl td span.mut{color:var(--muted-2)}

/* ============================================================
   占位块（待补充信息）
   ============================================================ */
.ph{
  border:1px dashed var(--line);background:var(--paper-2);padding:26px 24px;
  display:flex;gap:14px;align-items:flex-start;border-radius:var(--r);
}
.ph .phi{flex:0 0 auto;color:var(--amber);line-height:1.5}
.ph .phi svg{width:20px;height:20px;display:block}
.ph b{display:block;font-size:13.5px;color:var(--ink-2);letter-spacing:.3px}
.ph p{margin-top:7px;font-size:12.5px;line-height:1.85;color:var(--muted)}
.ph-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* 二维码占位 */
.qr-ph{
  width:132px;height:132px;border:1px dashed var(--line);background:#fff;
  display:grid;place-items:center;text-align:center;font-size:11px;color:var(--muted-2);line-height:1.7;padding:10px;
}

/* ============================================================
   联系我们
   ============================================================ */
.contact{background:var(--paper-2);border-top:1px solid var(--line);padding:96px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}
.contact h2{font-size:var(--fs-h2);letter-spacing:1.2px;margin-top:16px;color:var(--ink-2)}
.contact .lead{margin-top:20px;font-size:14.5px;line-height:2;color:var(--muted);max-width:420px}
.contact-card{background:#fff;border:1px solid var(--line);padding:38px 36px}
.contact-card .row{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid var(--line-2);font-size:13.5px}
.contact-card .row:last-of-type{border-bottom:0}
.contact-card .row span{color:var(--muted-2);flex:0 0 auto}
.contact-card .row b{color:var(--ink-2);font-weight:600;text-align:right}
.contact-card .row b a:hover{color:var(--green)}
.contact-card .row b.pending{color:var(--muted-2);font-weight:500}
.contact-card .cbtn{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}
.contact-card .cbtn .btn{min-width:0;flex:1}

/* 联系页两列 */
.ct-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:6%;align-items:start}
.ct-info{display:grid;gap:14px}
.ct-item{background:#fff;border:1px solid var(--line);padding:26px 26px 28px;display:flex;gap:16px;align-items:flex-start}
.ct-item .ci{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(24,116,95,.24);border-radius:var(--r);color:var(--green)}
.ct-item .ci svg{width:22px;height:22px;display:block}
.ct-item .cb strong{color:var(--ink-2);font-weight:600}
.ct-item .cb b{display:block;font-size:14.5px;color:var(--ink-2);letter-spacing:.4px}
.ct-item .cb p{margin-top:8px;font-size:13px;line-height:1.85;color:var(--muted)}
.ct-item .cb p.pending{color:var(--muted-2)}
.ct-item .cb a{color:var(--green);font-weight:600}
.ct-item .cb a:hover{color:var(--green-deep)}
/* 商务电话：手机端可直接点按拨号，做成可点的号码块而非普通链接 */
.ct-item .cb .tel{
  display:inline-block;margin-top:8px;font-size:21px;font-weight:600;
  letter-spacing:1.2px;line-height:1.2;color:var(--green-deep);
  font-variant-numeric:tabular-nums;
  border-bottom:2px solid rgba(24,116,95,.28);
  padding:11px 0 6px;                     /* 触控高度做到 44px 以上，手机端好点 */
  -webkit-tap-highlight-color:transparent;
}
.ct-item .cb .tel:hover,.ct-item .cb .tel:focus-visible{color:var(--green);border-bottom-color:var(--green)}
.form-card .fhint a{color:var(--green-deep);font-weight:600;border-bottom:1px solid rgba(24,116,95,.3);white-space:nowrap}
.form-card .fhint a:hover{color:var(--green)}

/* 表单 */
.form-card{background:#fff;border:1px solid var(--line);padding:38px 36px 40px}
.form-card h2{font-size:22px;color:var(--ink-2);letter-spacing:.8px}
.form-card .fhint{margin-top:10px;font-size:13px;color:var(--muted);line-height:1.8}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.field{display:flex;flex-direction:column;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-size:12.5px;color:var(--muted);letter-spacing:.4px}
.field label .req{color:var(--amber);margin-left:3px}
.field input,.field select,.field textarea{
  border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;font-size:14px;
  color:var(--text);background:#fff;transition:border-color .2s var(--ease);width:100%;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);outline:none}
.field textarea{resize:vertical;min-height:112px;line-height:1.8}
.field .err{font-size:11.5px;color:#C0503C;display:none}
.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:#C0503C}
.field.invalid .err{display:block}
.form-foot{margin-top:22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.form-foot .note{font-size:11.5px;color:var(--muted-2);line-height:1.7;max-width:340px}
.form-msg{
  display:none;margin-top:20px;padding:16px 18px;border:1px solid rgba(24,116,95,.3);
  background:var(--green-soft);font-size:13px;line-height:1.8;color:var(--green-deep);border-radius:var(--r);
}
.form-msg.show{display:block}
.form-msg b{display:block;margin-bottom:6px;font-size:13.5px}
.form-msg .mailto{color:var(--green-deep);text-decoration:underline;font-weight:600;word-break:break-all}

/* 邮件草稿输出区 */
.draft-tip{margin:6px 0 12px;font-size:12.5px;line-height:1.85;color:var(--green-deep);opacity:.88}
.draft-pre{
  margin:0;padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  font-size:12.5px;line-height:1.95;color:var(--ink-2);white-space:pre-wrap;word-break:break-word;
  max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"PingFang SC",monospace;
}
.draft-bar{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.draft-bar .btn{min-width:0;flex:0 0 auto}
@media(max-width:520px){
  .draft-bar{flex-direction:column}
  .draft-bar .btn{width:100%}
  .draft-pre{max-height:240px;font-size:12px}
}

/* ============================================================
   CTA 条
   ============================================================ */
.cta-band{background:var(--paper-2);border-top:1px solid var(--line);padding:76px 0}
.cta-band .in{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
.cta-band h2{font-size:var(--fs-h2);letter-spacing:1.2px;color:var(--ink-2);margin-top:14px}
.cta-band .note{margin-top:16px;font-size:14px;line-height:1.95;color:var(--muted);max-width:460px}
.cta-band.dark{background:var(--ink);border-top:0}
.cta-band.dark h2{color:#fff}
.cta-band.dark h2 em{font-style:normal;color:var(--bright)}
.cta-band.dark .note{color:#8FA1AC}
.cta-band.dark .kicker{color:var(--bright)}

/* ============================================================
   页脚
   ============================================================ */
.footer{background:var(--ink);color:#8A9BA5;padding:56px 0 34px}
.foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.08)}
.foot-brand{display:flex;gap:12px;align-items:flex-start}
.foot-brand img{width:34px;height:34px;opacity:.95}
.foot-brand strong{display:block;font-size:16px;letter-spacing:3px;color:#fff;font-weight:600}
.foot-brand small{display:block;font-size:8px;letter-spacing:2.2px;color:#5F727C;margin-top:5px}
.foot-brand p{margin-top:16px;font-size:12.5px;line-height:1.9;color:#7A8B95;max-width:360px}
.foot-links{display:flex;gap:64px;flex-wrap:wrap}
.foot-links h4{font-size:12px;color:#fff;letter-spacing:1.6px;margin-bottom:16px}
.foot-links li{margin-bottom:11px;font-size:12.5px}
.foot-links a:hover{color:var(--bright)}
.foot-bot{display:flex;justify-content:space-between;gap:20px;padding-top:26px;font-size:11.5px;color:#5F727C;flex-wrap:wrap;line-height:1.9}
.foot-bot a{color:inherit;text-decoration:none;transition:color .2s var(--ease)}
.foot-bot a:hover{color:var(--bright)}

/* 备案号：独立备案条，置于页脚最下方居中，保证"显著位置"且两域名共用同一套页面 */
.foot-icp{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);text-align:center}
.foot-icp a{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;
  font-size:13px;line-height:1.2;letter-spacing:.03em;color:#AEBFC9;text-decoration:none;
  transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
}
.foot-icp a:hover,.foot-icp a:focus-visible{color:#fff;border-color:var(--bright);background:rgba(255,255,255,.05)}
.foot-icp svg{width:14px;height:14px;flex:none}

/* ============================================================
   动效 / 回到顶部
   ============================================================ */
.rise{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rise.in{opacity:1;transform:none}
.totop{
  position:fixed;right:22px;bottom:22px;z-index:70;width:44px;height:44px;
  background:var(--green);color:#fff;border:0;border-radius:var(--r);cursor:pointer;
  display:grid;place-items:center;font-size:15px;opacity:0;pointer-events:none;
  transition:opacity .28s var(--ease),background .2s var(--ease);box-shadow:0 10px 28px -12px rgba(15,19,25,.5);
}
.totop.show{opacity:1;pointer-events:auto}
.totop:hover{background:var(--green-deep)}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rise{opacity:1;transform:none;transition:none}
  .net .rot-c,.net .anchor,.net .flow{animation:none}
  .net .anchor{opacity:.9}
  .net .flow{opacity:0}
}

/* ============================================================
   响应式
   ============================================================ */
@media(max-width:1180px){
  .cards.four{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .step{border-right:0;border-bottom:1px dashed var(--line);padding:30px 26px 30px 0}
  .step:nth-child(odd){border-right:1px dashed var(--line);padding-right:26px}
}
@media(max-width:1080px){
  /* 笔记本宽度仍保留左右两栏：单栏会把首屏撑到 940px，1024×768 需滚动 */
  .hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;min-height:0;padding-bottom:0}
  .hero h1{font-size:38px;letter-spacing:1px}
  .visual{height:430px;width:100%;max-width:none;margin:0}
  .cards,.cards.two{grid-template-columns:1fr}
  .token-grid{grid-template-columns:1fr;gap:46px}
  .ind-grid{grid-template-columns:1fr}
  .why{grid-template-columns:1fr;gap:40px}
  .contact-grid,.ct-grid{grid-template-columns:1fr;gap:40px}
  .sec-head{flex-direction:column;align-items:flex-start;gap:20px}
  .sec-head .note{max-width:none}
  .feats{grid-template-columns:1fr}
  .ph-grid{grid-template-columns:1fr}
}
@media(max-width:860px){
  :root{--nav-h:66px}
  .links,.nav-cta{display:none}
  .burger{display:block}
  .quick-grid{grid-template-columns:1fr 1fr}
  .quick-grid a{border-bottom:1px solid var(--line);padding:24px 20px}
  .quick-grid a:nth-child(odd){border-left:1px solid var(--line)}
  .quick-grid a:nth-child(3),.quick-grid a:nth-child(4){border-bottom:0}
  .why-list{grid-template-columns:1fr}
  .section,.token,.contact,.dark-sec,.cta-band{padding:72px 0}
  .hero{padding-top:16px}
  .hero-in{grid-template-columns:1fr;gap:6px;padding-bottom:6px}
  .hero h1{font-size:31px;letter-spacing:.8px;margin:16px 0 15px}
  .hero .lead{font-size:15.5px;line-height:1.9}
  .visual{height:340px;width:100%;max-width:520px;margin:0 auto;order:-1}
  .visual .glow{width:190px;height:190px}
  .net-tag.t1{top:0.5%}
  .net-tag.t2,.net-tag.t3{bottom:1.5%}
  /* 图形缩小后标注会一起缩，需反向放大字号以保持可读 */
  .net-label{font-size:13px;letter-spacing:2.4px}
  .net-tag{font-size:12px;letter-spacing:2.2px}
  .actions{flex-direction:row;gap:10px;margin-top:24px;max-width:520px}
  .actions .btn{flex:1 1 0;width:auto;min-width:0;padding:13px 14px;font-size:13.5px;gap:8px}
  /* 手机端隐藏首屏信息条：与下方四入口信息重复，让首屏保持一屏内 */
  .hero-badges{display:none}
  .hero-foot .wrap{padding-top:11px;padding-bottom:11px;font-size:9.5px;letter-spacing:1.2px}
  .hero-foot .dots{display:none}
  .token-head{margin-bottom:28px;gap:12px}
  .token-entry{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}
  .token-entry .btn{width:100%}
  .eco{padding:72px 0}
  .eco-slots{grid-template-columns:repeat(3,1fr)}
  .eco-cols{grid-template-columns:1fr;gap:26px}
  .foot-top{flex-direction:column}
  .foot-links{gap:40px}
  .hero-foot .wrap{font-size:10px;letter-spacing:1.4px}
  .card{padding:30px 26px 32px}
  .token h2,.sec-head h2,.phead h1{letter-spacing:.6px}
  .actions .btn{min-width:0;flex:1;justify-content:space-between;white-space:nowrap}
  /* 子页页头按钮：手机端改竖排全宽，避免长中文标题在等宽平分时折行 */
  .phead .ph-actions{flex-direction:column;gap:10px;margin-top:30px}
  .phead .ph-actions .btn{
    width:100%;flex:0 0 auto;min-width:0;padding:14px 18px;
    font-size:14px;gap:14px;justify-content:space-between;white-space:nowrap;
  }
  .contact-card,.form-card{padding:28px 24px}
  .phead{padding:38px 0 44px}
  .form-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .step{border-right:0!important;padding:26px 0!important}
  .cta-band .in{flex-direction:column;align-items:flex-start;gap:26px}
  .cta-band .in .btn{width:100%}
}
@media(max-width:520px){
  .hero h1{font-size:28px}
  .visual{height:270px}
  .eco-slots{grid-template-columns:repeat(2,1fr)}
  .token-entry{padding:18px}
  .quick-grid{grid-template-columns:1fr}
  .quick-grid a{border-left:1px solid var(--line)!important;border-right:1px solid var(--line)}
  .quick-grid a:last-child{border-bottom:0}
  .foot-links{flex-direction:column;gap:28px}
  table.tbl th,table.tbl td{padding:13px 14px}
  .qr-ph{width:100%;height:150px}
}