/* KOINE 官网样式 —— 黑金单主题 */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}

/* Layout: 金库式暗场 —— 首屏左文右币，金币居中于轨道机制图；以下各节以细金线分隔，像保险库内的陈列柜。单一黑金主题。 */
:root{
  --ink:#0b0a08;          /* 底色：暖调近黑 */
  --ink-2:#13110d;        /* 抬升面 */
  --ink-3:#1b1812;        /* 卡片/交互面 */
  --line:rgba(214,178,98,.16);
  --line-strong:rgba(214,178,98,.38);
  --gold:#d6b262;
  --gold-hi:#f6e2a6;
  --gold-deep:#8c6b2b;
  --text:#ede5d3;
  --muted:#a2967f;
  --dim:#6f6655;
  --f-display:"Noto Serif SC","Songti SC","STSong",serif;
  --f-display-en:"Playfair Display","Noto Serif SC",Georgia,serif;
  --f-body:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --f-latin:"Unbounded","Noto Sans SC",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --gold-grad:linear-gradient(100deg,#8c6b2b 0%,#d6b262 22%,#f6e2a6 42%,#d6b262 60%,#9a7631 82%,#e9cd85 100%);
  --wrap:1200px;
  --gut-l:max(20px,env(safe-area-inset-left,0px));
  --gut-r:max(20px,env(safe-area-inset-right,0px));
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{background:var(--ink);color:var(--text);font-family:var(--f-body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ink)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--gold);color:var(--ink);padding:8px 14px;border-radius:6px}
.skip:focus{left:16px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gut-l);padding-right:var(--gut-r)}
.ico{width:1em;height:1em;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- 通用排版 ---------- */
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
h1,h2,h3{font-family:var(--f-display);font-weight:700;margin:0;text-wrap:balance;letter-spacing:.01em}
h2{font-size:clamp(30px,4.2vw,50px);line-height:1.25}
h3{font-size:22px;line-height:1.4}
p{margin:0}
.lead{color:var(--muted);font-size:17px;max-width:62ch}
.gold-text{background:var(--gold-grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s linear infinite}
@keyframes sheen{to{background-position:-220% 0}}
.sec{padding-block:clamp(80px,11vw,140px);position:relative;isolation:isolate;overflow:clip}
/* ---------- 景深层：描边大字 / 漂浮金币 / 光束 ---------- */
.bg-word{position:absolute;z-index:-1;font-family:var(--f-latin);font-weight:800;font-size:clamp(84px,15vw,230px);line-height:.9;letter-spacing:.02em;color:transparent;-webkit-text-stroke:1px rgba(214,178,98,.13);white-space:nowrap;pointer-events:none;user-select:none;will-change:transform}
.bg-word.r{right:-2vw}.bg-word.l{left:-2vw}
.deco{position:absolute;z-index:-1;pointer-events:none;will-change:transform}
.deco img{display:block;width:100%;height:auto}
.deco.far img{filter:blur(3px) brightness(.55) saturate(.8);opacity:.7}
.deco.near img{filter:blur(9px) brightness(.9)}
.deco.mid img{filter:drop-shadow(0 20px 30px rgba(0,0,0,.8))}
.beam{position:absolute;z-index:-1;pointer-events:none;width:60%;height:140%;top:-20%;background:linear-gradient(90deg,transparent,rgba(214,178,98,.07) 45%,rgba(246,226,166,.11) 50%,rgba(214,178,98,.07) 55%,transparent);transform:rotate(18deg);filter:blur(6px)}
.depth{box-shadow:inset 0 1px 0 rgba(255,236,190,.07),0 2px 0 rgba(0,0,0,.4),0 30px 60px -30px rgba(0,0,0,.95)}
.sec-head{display:grid;gap:20px;margin-bottom:56px;max-width:760px}
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--line-strong) 20%,var(--line-strong) 80%,transparent)}

/* ---------- 按钮 ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;font-size:15px;font-weight:500;letter-spacing:.04em;transition:transform .25s,box-shadow .25s,background .25s,color .25s;white-space:nowrap;position:relative;overflow:hidden}
.btn .ico{font-size:17px;transition:transform .25s}
.btn:hover .ico{transform:translate(2px,-2px)}
.btn-gold{background:var(--gold-grad);background-size:200% 100%;color:#1a1408;box-shadow:0 8px 30px -10px rgba(214,178,98,.6),inset 0 1px 0 rgba(255,255,255,.4)}
.btn-gold:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 14px 40px -10px rgba(214,178,98,.75),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-ghost{border:1px solid var(--line-strong);color:var(--gold-hi);background:rgba(214,178,98,.04)}
.btn-ghost:hover{background:rgba(214,178,98,.1);border-color:var(--gold)}

/* ---------- 导航 ---------- */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(11,10,8,.72);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{display:block;height:30px;width:auto;filter:drop-shadow(0 0 10px rgba(214,178,98,.28));transition:filter .4s,transform .4s}
.brand:hover .brand-logo{filter:drop-shadow(0 0 14px rgba(214,178,98,.55));transform:translateY(-1px)}
.brand .brand-sub{margin:0;padding-left:12px;border-left:1px solid var(--line-strong);line-height:1.4}
.brand-name{font-family:var(--f-latin);font-weight:800;font-size:18px;letter-spacing:.14em;line-height:1}
.brand-sub{white-space:nowrap;display:block;font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;color:var(--gold);margin-top:5px}
.nav-links{display:flex;gap:34px;font-size:14px;color:var(--muted)}
.nav-links a{position:relative;padding:6px 0;transition:color .2s;display:inline-flex;align-items:center;gap:4px}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav-links a:hover{color:var(--gold-hi)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-cta{padding:10px 18px;font-size:14px}
.nav-right{display:flex;align-items:center;gap:14px}
.lang{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-strong);border-radius:999px;padding:3px;background:rgba(214,178,98,.05)}
.lang::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--gold-grad);background-size:200% 100%;box-shadow:0 4px 14px -6px rgba(214,178,98,.7);transition:transform .35s cubic-bezier(.3,.7,.2,1)}
html[lang="en"] .lang::before{transform:translateX(100%)}
.lang button{position:relative;z-index:1;min-width:40px;padding:6px 10px;font-size:12.5px;font-family:var(--f-mono);letter-spacing:.06em;color:var(--muted);border-radius:999px;transition:color .3s}
.lang button[aria-pressed="true"]{color:#1a1408;font-weight:500}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] .tab-name{font-family:var(--f-display-en);letter-spacing:0}
html[lang="en"] .hero h1{font-size:clamp(38px,5.6vw,74px);line-height:1.08;font-weight:800}
html[lang="en"] h2{font-size:clamp(30px,3.8vw,48px);line-height:1.15}
html[lang="en"] .cta h2{font-size:clamp(34px,4.8vw,60px);line-height:1.1}
html[lang="en"] .nav-links{gap:28px}
html[lang="en"] body{line-height:1.65}
.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:10px;align-items:center;justify-content:center;font-size:20px;color:var(--gold-hi)}
.mobile-menu{border-top:1px solid var(--line);background:var(--ink-2)}
.mobile-menu nav{display:grid;padding-block:12px 24px}
.mobile-menu a{padding:16px 0;border-bottom:1px solid var(--line);font-size:17px;display:flex;justify-content:space-between;align-items:center}
.mobile-menu a .ico{color:var(--gold)}
@media (max-width:900px){.nav-links,.nav-cta{display:none}.menu-btn{display:inline-flex}}

/* ---------- 首屏 ---------- */
.hero{position:relative;overflow:hidden;padding-block:clamp(56px,8vw,96px) 72px;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:900px;height:900px;background:radial-gradient(circle,rgba(214,178,98,.20),transparent 62%);z-index:-1;pointer-events:none}
.hero-grid-bg{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 65% 40%,#000 10%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 65% 40%,#000 10%,transparent 75%);opacity:.5}
#dust{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero-copy{display:grid;gap:28px;min-width:0}
.hero h1{font-size:clamp(40px,6.4vw,82px);line-height:1.12;font-weight:900}
.hero h1 .line{display:block}
.hero-sub{color:var(--muted);font-size:18px;max-width:34em}
.hero-sub strong{color:var(--text);font-weight:500}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px 22px;padding-top:8px;border-top:1px solid var(--line);margin-top:6px}
.hero-tags li{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--text);padding-top:16px}
.hero-tags .ico{color:var(--gold);font-size:18px}
ul{list-style:none;margin:0;padding:0}

/* 首屏机制图 */
.orbit-fig{margin:0;display:grid;gap:14px;justify-items:center;min-width:0}
.orbit{position:relative;width:min(calc(100% - 84px),520px);aspect-ratio:1;max-width:100%;margin-block:48px 76px}
.ring{position:absolute;border-radius:50%;border:1px solid var(--line-strong)}
.ring.r1{inset:2%;border-style:dashed;border-color:rgba(214,178,98,.28);animation:spin 60s linear infinite}
.ring.r2{inset:13%;border-color:rgba(214,178,98,.14)}
.ring.r3{inset:24%;border-color:rgba(214,178,98,.22);animation:spin 40s linear infinite reverse;border-top-color:var(--gold);}
.orbit-halo{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,rgba(246,226,166,.35),rgba(214,178,98,.08) 50%,transparent 70%);filter:blur(10px);animation:pulse 5s ease-in-out infinite}
.coin{position:absolute;inset:20%;display:grid;place-items:center;animation:float 6s ease-in-out infinite}
.coin img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(214,178,98,.25));transition:transform .3s ease-out}
.nodes{position:absolute;inset:2%;animation:spin 60s linear infinite}
.node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%,-50%)}
.node-in{display:flex;flex-direction:column;align-items:center;gap:6px;animation:spin 60s linear infinite reverse}
.node .dot{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#2a2418,#0e0c09);border:1px solid var(--gold);color:var(--gold-hi);font-size:20px;box-shadow:0 0 0 6px rgba(214,178,98,.06),0 0 24px rgba(214,178,98,.35)}
.node b{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;color:var(--gold);font-weight:500}
.node span{font-size:12.5px;color:var(--text);white-space:nowrap;background:rgba(11,10,8,.8);padding:1px 8px;border-radius:4px}
.n1{left:50%;top:0}.n2{left:100%;top:50%}.n3{left:50%;top:100%}.n4{left:0;top:50%}
.fig-cap{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--dim);display:flex;align-items:center;gap:8px}
.fig-cap::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:pulse 2s ease-in-out infinite}
.fig-title{font-family:var(--f-mono);font-size:11px;letter-spacing:.22em;color:var(--gold)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(-8px)}50%{transform:translateY(10px)}}
@keyframes pulse{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes glint{0%,55%{background-position:120% 0}85%,100%{background-position:-120% 0}}

/* 跑马灯 */
.marquee{border-block:1px solid var(--line);background:var(--ink-2);overflow:hidden;padding-block:16px}
.marquee-track{display:flex;width:max-content;animation:marq 38s linear infinite}
.marquee-track span{display:inline-flex;align-items:center;gap:22px;padding-right:22px;font-family:var(--f-latin);font-size:13px;letter-spacing:.2em;color:var(--muted);white-space:nowrap}
.marquee-track i{font-style:normal;color:var(--gold);font-size:10px}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- 核心价值 ---------- */
.values{padding-block:72px 40px}
.values-grid{box-shadow:inset 0 1px 0 rgba(255,236,190,.08),0 40px 80px -40px rgba(0,0,0,.95);display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,var(--ink-2),var(--ink))}
.value{padding:36px 32px;display:grid;gap:16px;position:relative;transition:background .4s}
.value+.value{border-left:1px solid var(--line)}
.value:hover{background:rgba(214,178,98,.05)}
.value-ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:24px;color:var(--gold-hi);background:linear-gradient(145deg,rgba(214,178,98,.22),rgba(214,178,98,.03));border:1px solid var(--line-strong);transition:transform .5s}
.value:hover .value-ico{transform:rotate(-8deg) scale(1.06)}
.value-k{font-family:var(--f-mono);font-size:12px;letter-spacing:.2em;color:var(--gold)}
.value h3{font-size:21px}
.values-more{display:flex;justify-content:center;margin-top:28px}
.values-more a{display:inline-flex;align-items:center;gap:8px;color:var(--gold-hi);font-size:14px;letter-spacing:.06em}
.values-more .ico{animation:bob 1.8s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(4px)}}

/* ---------- 核心产品 ---------- */
.products{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:start}
.tabs{display:grid;gap:12px}
.tab{box-shadow:inset 0 1px 0 rgba(255,236,190,.05),0 18px 40px -28px rgba(0,0,0,.9);text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:4px 16px;align-items:center;padding:22px 22px;border-radius:16px;border:1px solid var(--line);background:var(--ink-2);transition:border-color .3s,background .3s,transform .3s;position:relative;overflow:hidden}
.tab::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold-grad);transform:scaleY(0);transition:transform .4s}
.tab:hover{border-color:var(--line-strong);transform:translateX(3px)}
.tab[aria-selected="true"]{border-color:var(--gold);background:linear-gradient(120deg,rgba(214,178,98,.14),var(--ink-2) 70%)}
.tab[aria-selected="true"]::before{transform:scaleY(1)}
.tab-num{grid-row:span 2;font-family:var(--f-latin);font-size:26px;font-weight:600;color:var(--dim);transition:color .3s}
.tab[aria-selected="true"] .tab-num{color:var(--gold)}
.tab-name{font-family:var(--f-display);font-size:19px;font-weight:700}
.tab-desc{grid-column:2;font-size:13.5px;color:var(--muted)}
.tab .ico{grid-row:1/3;grid-column:3;font-size:18px;color:var(--gold);opacity:.5;transition:opacity .3s,transform .3s}
.tab[aria-selected="true"] .ico{opacity:1;transform:rotate(45deg)}
.panel-stack{position:relative;min-width:0}
.panel-stack::before,.panel-stack::after{content:"";position:absolute;left:5%;right:5%;bottom:-14px;height:60px;border-radius:0 0 22px 22px;border:1px solid var(--line);border-top:0;background:var(--ink-2);z-index:-1;opacity:.75}
.panel-stack::after{left:10%;right:10%;bottom:-28px;opacity:.4}
.panel{box-shadow:inset 0 1px 0 rgba(255,236,190,.1),0 40px 80px -30px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.4);border:1px solid var(--line-strong);border-radius:22px;background:radial-gradient(120% 90% at 100% 0%,rgba(214,178,98,.12),transparent 55%),var(--ink-2);padding:clamp(26px,4vw,44px);position:relative;overflow:hidden;min-width:0}
.panel-watermark{position:absolute;right:-60px;top:-60px;width:260px;height:260px;opacity:.10;animation:spin 80s linear infinite;pointer-events:none}
.panel-watermark img{width:100%;height:100%;object-fit:contain;filter:grayscale(.2)}
.panel-in{display:grid;gap:22px;position:relative}
.panel.swap .panel-in{animation:panelIn .55s cubic-bezier(.2,.7,.2,1)}
@keyframes panelIn{from{opacity:.0;transform:translateY(14px)}to{opacity:1;transform:none}}
.panel h3{font-size:clamp(24px,3vw,32px)}
.panel .lead{font-size:16px}
.feat{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px}
.feat li{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:20px;border-radius:14px;border:1px solid var(--line);background:rgba(11,10,8,.55);transition:border-color .3s,transform .3s}
.feat li:hover{border-color:var(--line-strong);transform:translateY(-3px)}
.feat .fi{grid-row:span 2;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--gold-hi);font-size:19px;background:rgba(214,178,98,.1);border:1px solid var(--line)}
.feat b{font-size:15.5px;font-weight:500;color:var(--text)}
.feat p{font-size:13.5px;color:var(--muted);line-height:1.65}
.note{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--dim);margin-top:28px;line-height:1.7}
.note .ico{color:var(--gold-deep);font-size:16px;margin-top:3px}

/* ---------- 资本运行机制 ---------- */
.flow-sec{background:radial-gradient(70% 60% at 50% 100%,rgba(214,178,98,.10),transparent 70%),linear-gradient(180deg,#0e0c09,#17140f 50%,#0e0c09);border-block:1px solid var(--line-strong)}
.flow-head{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap;margin-bottom:64px}
.flow-head .sec-head{margin:0}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.flow-line{position:absolute;left:6%;right:6%;top:36px;height:1px;background:var(--line-strong);overflow:visible}
.flow-line::after{content:"";position:absolute;top:-3px;left:0;width:90px;height:7px;border-radius:7px;background:linear-gradient(90deg,transparent,var(--gold-hi),transparent);filter:blur(1px);animation:travel 4.5s cubic-bezier(.6,0,.4,1) infinite}
@keyframes travel{from{left:-5%}to{left:100%}}
.step{display:grid;gap:14px;position:relative;align-content:start}
.step-ico{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:28px;color:var(--gold-hi);background:radial-gradient(circle at 35% 30%,#2b2519,#0d0b08);border:1px solid var(--gold);box-shadow:0 0 0 8px var(--ink-2),0 0 30px rgba(214,178,98,.25);position:relative;z-index:1;transition:transform .4s}
.step:hover .step-ico{transform:scale(1.08)}
.step-n{font-family:var(--f-latin);font-size:13px;color:var(--gold);letter-spacing:.14em}
.step h3{font-size:20px}
.step p{color:var(--muted);font-size:14.5px}

/* ---------- 生态 ---------- */
.eco{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.eco-card{box-shadow:inset 0 1px 0 rgba(255,236,190,.06),0 30px 60px -34px rgba(0,0,0,.95);position:relative;padding:30px 28px 26px;border-radius:18px;border:1px solid var(--line);background:var(--ink-2);display:grid;gap:14px;align-content:start;overflow:hidden;transition:transform .35s,border-color .35s}
.eco-card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(214,178,98,.16),transparent 45%);opacity:0;transition:opacity .35s;pointer-events:none}
.eco-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}
.eco-card:hover::before{opacity:1}
.eco-card.found{border-color:var(--gold);background:linear-gradient(150deg,rgba(214,178,98,.16),var(--ink-2) 60%)}
.eco-top{display:flex;justify-content:space-between;align-items:center}
.eco-ico{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;font-size:23px;color:var(--gold-hi);border:1px solid var(--line-strong);background:rgba(214,178,98,.07)}
.eco-k{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:var(--dim)}
.eco-card h3{font-family:var(--f-latin);font-size:20px;font-weight:600;letter-spacing:.02em}
.eco-card p{color:var(--muted);font-size:14.5px}
.badge{justify-self:start;margin-top:4px;font-size:12px;padding:4px 12px;border-radius:999px;border:1px solid var(--line-strong);color:var(--gold);display:inline-flex;align-items:center;gap:6px}
.badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.badge.live{background:var(--gold);color:#1a1408;border-color:var(--gold)}
.badge.vision{border-style:dashed;color:var(--muted)}

.road-sec{background:linear-gradient(180deg,#070605,#0c0a07 50%,#070605);border-block:1px solid var(--line-strong)}
.road-sec::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 40% at 20% 60%,rgba(214,178,98,.09),transparent 70%),radial-gradient(40% 40% at 85% 40%,rgba(214,178,98,.07),transparent 70%)}
.road{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(13,1fr);grid-template-rows:auto 64px auto;column-gap:0;position:relative}
.road::before{content:"";grid-row:2;grid-column:1/-1;align-self:center;height:2px;background:linear-gradient(90deg,var(--gold-hi),var(--gold) 30%,var(--gold-deep) 75%,rgba(140,107,43,.15))}
.road::after{content:"";position:absolute;top:50%;left:0;width:120px;height:6px;margin-top:-3px;border-radius:6px;background:linear-gradient(90deg,transparent,#fff6d8,transparent);filter:blur(2px);opacity:0;pointer-events:none}
.road li{position:relative;padding-right:14px;min-width:0}
.road li:nth-child(1){grid-column:1/4}.road li:nth-child(2){grid-column:3/6}.road li:nth-child(3){grid-column:5/8}
.road li:nth-child(4){grid-column:7/10}.road li:nth-child(5){grid-column:9/12}.road li:nth-child(6){grid-column:11/14}
.road li:nth-child(odd){grid-row:1;align-self:end}
.road li:nth-child(even){grid-row:3}
.road li::before{content:"";position:absolute;left:26px;width:1px;height:32px;background:linear-gradient(var(--gold),transparent)}
.road li:nth-child(odd)::before{top:100%;background:linear-gradient(var(--line-strong),var(--gold))}
.road li:nth-child(even)::before{bottom:100%;background:linear-gradient(var(--gold),var(--line-strong))}
.road li::after{content:"";position:absolute;left:20px;width:13px;height:13px;border-radius:50%;background:var(--ink);border:2px solid var(--gold);box-shadow:0 0 0 5px rgba(214,178,98,.1),0 0 16px rgba(214,178,98,.7)}
.road li:nth-child(odd)::after{top:calc(100% + 25px)}
.road li:nth-child(even)::after{bottom:calc(100% + 25px)}
.road li:first-child::after{background:var(--gold-hi);animation:pulse 2s ease-in-out infinite}
.road-card{display:grid;gap:8px;padding:22px 20px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(214,178,98,.08),rgba(19,17,13,.92) 45%);backdrop-filter:blur(6px);transition:transform .35s,border-color .35s}
.road-card:hover{transform:translateY(-4px);border-color:var(--gold)}
.road li:nth-child(even) .road-card:hover{transform:translateY(4px)}
.road-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.road-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:18px;color:var(--gold-hi);border:1px solid var(--line-strong);background:rgba(214,178,98,.08)}
.road-ph{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;color:var(--dim)}
.road-t{font-family:var(--f-latin);font-size:17px;font-weight:600;color:var(--gold);font-variant-numeric:tabular-nums}
.road h4{margin:0;font-family:var(--f-latin);font-size:15px;font-weight:600;line-height:1.35;color:var(--text)}
.road p{font-size:13.5px;color:var(--muted);line-height:1.65}
@media (prefers-reduced-motion:no-preference){.road::after{animation:railRun 6s cubic-bezier(.5,0,.5,1) infinite}}
@keyframes railRun{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 120px);opacity:0}}
@media (max-width:1000px){
  .road{grid-template-columns:1fr;grid-template-rows:none;row-gap:20px;padding-left:44px}
  .road::before{position:absolute;left:14px;top:8px;bottom:8px;width:2px;height:auto;background:linear-gradient(var(--gold-hi),var(--gold) 40%,rgba(140,107,43,.2))}
  .road::after{display:none}
  .road li,.road li:nth-child(n){grid-column:1;grid-row:auto;align-self:auto;padding-right:0}
  .road li::before,.road li:nth-child(n)::before{top:28px;bottom:auto;left:-30px;width:30px;height:1px;background:var(--line-strong)}
  .road li::after,.road li:nth-child(n)::after{top:22px;bottom:auto;left:-37px}
}

/* ---------- 治理与安全 ---------- */
.gov{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,80px);align-items:start}
.gov-side{position:sticky;top:110px;display:grid;gap:24px}
.shield{width:120px;height:120px;position:relative;display:grid;place-items:center;margin-top:12px}
.shield svg.big{width:100%;height:100%;color:var(--gold)}
.shield::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px dashed var(--line-strong);animation:spin 30s linear infinite}
.acc{display:grid;gap:12px}
.acc-item{box-shadow:inset 0 1px 0 rgba(255,236,190,.05),0 20px 40px -30px rgba(0,0,0,.9);border:1px solid var(--line);border-radius:16px;background:var(--ink-2);overflow:hidden;transition:border-color .3s}
.acc-item.open{border-color:var(--line-strong)}
.acc-item.warn{border-color:rgba(214,178,98,.5);background:linear-gradient(120deg,rgba(214,178,98,.1),var(--ink-2) 60%)}
.acc-btn{width:100%;display:flex;align-items:center;gap:16px;padding:22px 24px;text-align:left}
.acc-btn .ai{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:none;font-size:19px;color:var(--gold-hi);background:rgba(214,178,98,.08);border:1px solid var(--line)}
.acc-btn h3{flex:1;font-size:18px}
.acc-btn .chev{font-size:18px;color:var(--gold);transition:transform .35s}
.acc-item.open .chev{transform:rotate(45deg)}
.acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.acc-item.open .acc-body{grid-template-rows:1fr}
.acc-body>div{overflow:hidden}
.acc-body p{padding:0 24px 24px 82px;color:var(--muted);font-size:15px}

/* ---------- 结尾 CTA ---------- */
.cta{position:relative;overflow:clip;border-top:1px solid var(--line);isolation:isolate}
.cta::before{content:"";position:absolute;left:50%;top:50%;width:1000px;height:1000px;transform:translate(-50%,-40%);background:radial-gradient(circle,rgba(214,178,98,.18),transparent 60%);z-index:-1}
.cta .wrap{display:grid;grid-template-columns:auto 1fr;gap:clamp(32px,6vw,72px);align-items:center;padding-block:clamp(80px,10vw,130px)}
.cta-coin{width:clamp(180px,24vw,300px);aspect-ratio:646/720;max-width:100%;position:relative;animation:float 7s ease-in-out infinite;perspective:800px}
.cta-coin img{width:100%;height:100%;object-fit:contain;animation:tilt 9s ease-in-out infinite;filter:drop-shadow(0 30px 40px rgba(0,0,0,.7))}
@keyframes tilt{0%,100%{transform:rotateY(-14deg) rotateZ(-3deg)}50%{transform:rotateY(14deg) rotateZ(3deg)}}
.cta-coin::before,.cta-coin::after{content:"";position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1;border-radius:50%;border:1px solid var(--line);transform:translate(-50%,-50%)}
.cta-coin::after{width:120%;border-style:dashed;border-color:var(--line-strong);animation:spinC 40s linear infinite}
@keyframes spinC{to{transform:translate(-50%,-50%) rotate(360deg)}}
.cta-copy{display:grid;gap:24px;min-width:0}
.cta h2{font-size:clamp(34px,5.4vw,66px);font-weight:900;line-height:1.18}

/* ---------- 页脚 ---------- */
footer{border-top:1px solid var(--line);background:var(--ink-2)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-block:40px}
.foot-brand{display:grid;gap:12px}
.foot-logo{display:block;height:34px;width:auto;filter:drop-shadow(0 0 10px rgba(214,178,98,.2))}
.foot-brand small{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--gold)}
.foot-links{display:flex;flex-wrap:wrap;gap:28px;font-size:14px;color:var(--muted)}
.foot-links a{display:inline-flex;align-items:center;gap:4px;transition:color .2s}
.foot-links a:hover{color:var(--gold-hi)}
.copy{font-family:var(--f-mono);font-size:12px;color:var(--dim);width:100%;padding-top:20px;border-top:1px solid var(--line)}

/* ---------- 滚动渐显（仅在支持时启用；静止状态始终可见） ---------- */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .rv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
    @keyframes rise{from{opacity:.4;transform:translateY(36px)}to{opacity:1;transform:none}}
  }
}
/* 首屏载入序列 */
@media (prefers-reduced-motion:no-preference){
  .hero .eyebrow,.hero h1 .line,.hero-sub,.hero-actions,.hero-tags{animation:enter .9s cubic-bezier(.2,.7,.2,1) both}
  .hero h1 .line:nth-child(2){animation-delay:.12s}
  .hero-sub{animation-delay:.24s}.hero-actions{animation-delay:.34s}.hero-tags{animation-delay:.44s}
  .orbit-fig{animation:zoomIn 1.4s cubic-bezier(.2,.7,.2,1) both}
  @keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  @keyframes zoomIn{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ---------- 响应式 ---------- */
@media (max-width:1000px){
  .products{grid-template-columns:1fr}
  .tabs{grid-template-columns:repeat(3,1fr)}
  .tab{grid-template-columns:1fr;gap:6px}
  .tab-num{grid-row:auto;font-size:20px}.tab-desc{grid-column:1}.tab .ico{display:none}
}
@media (max-width:860px){
  .hero .wrap{grid-template-columns:1fr}
  .orbit{width:min(calc(100% - 84px),440px)}
  .values-grid{grid-template-columns:1fr}
  .value+.value{border-left:0;border-top:1px solid var(--line)}
  .flow{grid-template-columns:repeat(2,1fr);row-gap:44px}
  .flow-line{display:none}
  .eco{grid-template-columns:repeat(2,1fr)}
  .gov{grid-template-columns:1fr}.gov-side{position:static}
  .cta .wrap{grid-template-columns:1fr;justify-items:center;text-align:center}
  .cta-copy .hero-actions{justify-content:center}
}
@media (max-width:600px){
  body{font-size:15px}
  .brand-sub{display:none}
  .brand-logo{height:26px}
  .nav-right{gap:10px}
  .tabs{grid-template-columns:1fr}
  .feat{grid-template-columns:1fr}
  .flow,.eco{grid-template-columns:1fr}
  .node .dot{width:38px;height:38px;font-size:17px}
  .node span{font-size:11px}
  .acc-body p{padding-left:24px}
  .btn{padding:13px 20px}
  .hero-actions .btn{flex:1 1 auto;justify-content:center}
}