/* ========= QUANTA official site ========= */
@property --p{syntax:"<percentage>";inherits:true;initial-value:0%}
:root{
  --ink:#080B18;
  --ink2:#0B1024;
  --navy:#0B1A4A;
  --brand:#0B3BF0;
  --electric:#042FEF;
  --electric2:#3B6CFF;
  --ice:#B9D9E5;
  --ice2:#E3EEF4;
  --silver:#C7D2E0;
  --silver2:#93A6C4;
  --paper:#F7F9FC;
  --paper2:#DFE7F3;
  --card:#FFFFFF;
  --text:#0A1B45;
  --muted:#5C6B8A;
  --line:rgba(185,217,229,.14);
  --line-dark:rgba(185,217,229,.16);
  --bg0:#05070F;
  --bg1:#080B18;
  --bg2:#0A1124;
  --glass:rgba(255,255,255,.045);
  --glass2:rgba(255,255,255,.075);
  --hair:rgba(185,217,229,.14);
  --hair2:rgba(185,217,229,.3);
  --mono:"SF Mono",ui-monospace,"JetBrains Mono",Menlo,Consolas,monospace;
  --radius:22px;
  --font:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease2:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:#E7EEF8;background:var(--bg1);line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{list-style:none}
.container{width:min(1240px,100% - 48px);margin-inline:auto}
@media (max-width:640px){.container{width:min(1240px,100% - 36px)}}

/* ---------- cursor glow ---------- */
.cursor-glow{position:fixed;left:0;top:0;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(0,94,253,.22),rgba(0,94,253,0) 60%);transform:translate(-50%,-50%);opacity:0;transition:opacity .6s;mix-blend-mode:screen}
body.has-mouse .cursor-glow{opacity:1}
@media (hover:none){.cursor-glow{display:none}}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease2),transform .9s var(--ease2)}
.reveal.in{opacity:1;transform:none}
.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.16s}.reveal:nth-child(4){transition-delay:.24s}.reveal:nth-child(5){transition-delay:.32s}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:999px;font-weight:600;font-size:14px;letter-spacing:.01em;transition:transform .35s var(--ease2),box-shadow .35s,background .3s,border-color .3s;position:relative;overflow:hidden;white-space:nowrap}
.btn--sm{padding:9px 18px;font-size:14px}
.btn--primary{color:#fff;background:linear-gradient(135deg,var(--electric),var(--brand));box-shadow:0 10px 30px -10px rgba(0,94,253,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.btn--primary::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(0,94,253,.95)}
.btn--primary:hover::after{transform:translateX(120%)}
.btn--ghost{color:#fff;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.btn--ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}
.btn__arrow{width:16px;height:16px;position:relative;display:inline-block}
.btn__arrow::before{content:"";position:absolute;left:0;top:50%;width:14px;height:2px;background:currentColor;transform:translateY(-50%);border-radius:2px;transition:width .3s}
.btn__arrow::after{content:"";position:absolute;right:1px;top:50%;width:8px;height:8px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.btn:hover .btn__arrow::before{width:16px}


/* ---------- nav ---------- */
.nav{position:fixed;inset-inline:0;top:0;z-index:100;transition:background .4s,border-color .4s,backdrop-filter .4s;border-bottom:1px solid transparent}
.nav__inner{width:min(1240px,100% - 48px);margin-inline:auto;height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav.is-scrolled{background:rgba(6,9,20,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(255,255,255,.08)}
.nav.on-light{background:rgba(6,9,20,.72);border-color:rgba(255,255,255,.08)}
.nav__logo{display:block;height:26px;width:136px;position:relative}
.nav__logo-img{position:absolute;inset:0;height:100%;width:100%;object-fit:contain;object-position:left;transition:opacity .35s}
.nav__logo-img--dark{opacity:0}
.nav__logo-img--dark{display:none}
.nav__links{display:flex;gap:44px}
.nav__links a{font-size:14px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.8);position:relative;padding:6px 0;transition:color .3s}
.nav__links a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--electric2);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease2);border-radius:2px}
.nav__links a:hover{color:#fff}.nav__links a:hover::after{transform:scaleX(1)}

.nav__right{display:flex;align-items:center;gap:14px}
.lang{display:flex;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05)}

.lang__btn{padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600;color:rgba(255,255,255,.7);transition:all .3s}

.lang__btn.is-active{background:var(--brand);color:#fff;box-shadow:0 0 18px -4px rgba(0,94,253,.9)}

.nav__burger{display:none;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.nav__burger span{width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .3s}

.nav__burger.is-open span:first-child{transform:translateY(4px) rotate(45deg)}
.nav__burger.is-open span:last-child{transform:translateY(-4px) rotate(-45deg)}
.nav__mobile{display:none;position:fixed;inset:0;z-index:-1;flex-direction:column;padding:110px 28px 40px;background:rgba(8,11,24,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav__mobile a{padding:18px 0;font-size:24px;font-weight:700;letter-spacing:-.01em;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}
.nav__mobile a::after{content:"";width:9px;height:9px;border-top:2px solid var(--ice);border-right:2px solid var(--ice);transform:rotate(45deg);opacity:.7}
.nav__mobile-foot{margin-top:auto;color:var(--silver2);font-size:13px;line-height:1.7}
.nav__mobile.is-open{display:flex}
body.menu-open{overflow:hidden}
.nav.menu-open{background:rgba(8,11,24,.97)}
@media (max-width:980px){.nav__links{display:none}.nav__cta{display:none}.nav__burger{display:flex}}

/* ---------- hero ---------- */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:
  radial-gradient(1200px 700px at 18% 10%,rgba(11,59,240,.45),transparent 60%),
  radial-gradient(900px 600px at 85% 85%,rgba(0,94,253,.35),transparent 60%),
  linear-gradient(180deg,#070B1C 0%,#070A18 60%,#060914 100%)}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.95}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.32'/%3E%3C/svg%3E"),radial-gradient(ellipse 92% 82% at 52% 46%,transparent 42%,rgba(2,4,10,.6));background-size:200px 200px,cover;background-repeat:repeat,no-repeat}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(180deg,transparent,rgba(5,7,15,.85) 70%,var(--bg0));pointer-events:none;z-index:2}
.hero__glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;will-change:transform}
.hero__glow--a{width:940px;height:940px;left:-260px;top:-220px;background:radial-gradient(circle,rgba(11,59,240,.5),rgba(11,59,240,0) 68%);animation:drift 14s ease-in-out infinite alternate}
.hero__glow--b{width:820px;height:820px;right:-180px;bottom:-260px;background:radial-gradient(circle,rgba(4,47,239,.42),rgba(4,47,239,0) 68%);animation:drift 18s ease-in-out infinite alternate-reverse}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,40px) scale(1.12)}}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(143,211,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(143,211,255,.035) 1px,transparent 1px);background-size:92px 92px;mask-image:radial-gradient(ellipse 62% 55% at 56% 44%,#000 8%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 62% 55% at 56% 44%,#000 8%,transparent 72%)}
.hero__watermark{position:absolute;right:-2%;bottom:-6%;font-size:clamp(160px,26vw,380px);font-weight:900;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(143,211,255,.045);pointer-events:none;user-select:none;line-height:1}
.hero__inner{position:relative;z-index:4;width:min(1240px,100% - 48px);margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:120px 0 70px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border-radius:999px;border:1px solid var(--line-dark);background:rgba(185,217,229,.06);color:var(--ice);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:28px}
.eyebrow__dot{width:8px;height:8px;border-radius:50%;background:var(--ice);box-shadow:0 0 12px var(--ice);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}
.hero__title{font-size:clamp(30px,3.8vw,50px);line-height:1.18;font-weight:800;letter-spacing:-.02em;color:#fff}
.hero__title .line{display:block;overflow:hidden}
.hero__title .line>span{display:inline-block;transform:translateY(110%);transition:transform 1.1s var(--ease2)}
.hero__title.in .line>span{transform:none}
.hero__title .line:nth-child(2)>span{transition-delay:.08s}.hero__title .line:nth-child(3)>span{transition-delay:.16s}.hero__title .line:nth-child(4)>span{transition-delay:.24s}
.line--accent>span{background:linear-gradient(90deg,var(--ice2),var(--ice) 40%,var(--electric2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__sub{margin-top:22px;max-width:460px;color:rgba(199,210,224,.82);font-size:15px;line-height:1.8}
.hero__sub--m{display:none}
.hero__actions{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.hero__link{color:var(--ice);font-weight:600;font-size:14px;border-bottom:1px solid rgba(143,211,255,.3);padding-bottom:2px;transition:border-color .3s,color .3s}
.hero__link:hover{color:#fff;border-color:#fff}
.hero__pills{margin-top:32px;display:flex;flex-wrap:wrap;gap:10px}
.pill{padding:7px 14px;border-radius:999px;font-size:13px;color:var(--silver);border:1px solid rgba(201,211,230,.16);background:rgba(255,255,255,.03)}
.pill::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--electric2);margin-right:8px;vertical-align:middle;box-shadow:0 0 8px var(--electric2)}

.hero__visual{position:relative;height:640px}
.hero__ring{position:absolute;left:58%;top:54%;border-radius:50%;border:1px solid rgba(143,211,255,.14);transform:translate(-50%,-50%)}
.hero__ring--1{width:460px;height:460px;animation:spin 40s linear infinite}
.hero__ring--2{width:610px;height:610px;border-style:dashed;border-color:rgba(143,211,255,.1);animation:spin 70s linear infinite reverse}
.hero__ring--1::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--ice);top:-5px;left:50%;box-shadow:0 0 18px var(--ice)}
.hero__ring--2::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--electric2);bottom:14%;left:8%;box-shadow:0 0 16px var(--electric2)}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hero__mascot-wrap::after{content:"";position:absolute;left:50%;bottom:-4%;width:82%;height:15%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(59,108,255,.55),rgba(59,108,255,0) 70%);filter:blur(20px);z-index:-1}
.hero__mascot-wrap{position:absolute;left:58%;top:54%;width:350px;transform:translate(-50%,-50%);will-change:transform;transition:transform .2s ease-out}
.hero__mascot{width:100%;filter:drop-shadow(0 44px 64px rgba(0,94,253,.5)) drop-shadow(0 0 26px rgba(143,211,255,.16));animation:floaty 6s ease-in-out infinite;opacity:0;transform:scale(.9);transition:opacity 1.2s var(--ease2) .2s,transform 1.2s var(--ease2) .2s}
.hero__mascot.in{opacity:1;transform:none}
@keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -16px}}

.float{position:absolute;will-change:transform}
.float--1{left:-50px;top:10px;animation:floaty 7s ease-in-out infinite}
.float--2{right:-20px;top:84px;animation:floaty 8s ease-in-out infinite 1s}
.float--3{right:20px;bottom:70px;animation:floaty 6.5s ease-in-out infinite .5s}

.chat{width:300px;border-radius:18px;background:rgba(10,16,36,.62);border:1px solid rgba(185,217,229,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 40px 80px -34px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.1);padding:14px 16px 16px;color:#fff}
.chat__head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.chat__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:center 30%;background:#fff}
.chat__name{font-weight:700;font-size:14px}
.chat__status{font-size:11px;color:var(--silver2);display:flex;align-items:center;gap:6px}
.chat__status i{width:6px;height:6px;border-radius:50%;background:var(--ice);box-shadow:0 0 8px var(--ice)}
.chat__body{padding-top:12px;font-size:13px;line-height:1.6}
.chat__q{display:inline-block;background:var(--brand);border-radius:12px 12px 2px 12px;padding:8px 12px;margin-left:auto;float:right;max-width:92%;min-height:34px}
.caret{display:inline-block;width:2px;height:14px;background:#fff;margin-left:2px;vertical-align:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.chat__a{clear:both;margin-top:10px;background:rgba(255,255,255,.06);border-radius:12px 12px 12px 2px;padding:10px 12px;color:var(--ice2);min-height:64px}
.chat__a b{color:#fff}
.chat__a .tag{display:inline-block;padding:2px 8px;border-radius:6px;background:rgba(143,211,255,.14);font-size:11px;margin:6px 6px 0 0;color:var(--ice)}
.typing{display:inline-flex;gap:4px;padding:4px 0}
.typing i{width:5px;height:5px;border-radius:50%;background:var(--ice);animation:bounce 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}

.hcard{border-radius:16px;background:rgba(8,12,30,.8);border:1px solid var(--hair2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:13px 15px 11px;color:#fff;box-shadow:0 20px 50px -25px rgba(0,0,0,.9),0 0 0 1px rgba(11,59,240,.15) inset;width:208px;opacity:.88;transition:opacity .4s}
.hcard:hover{opacity:1}
.hcard__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.hcard__label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ice)}
.hcard__live{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--ice2);padding:2px 8px;border-radius:999px;background:rgba(11,59,240,.35);border:1px solid rgba(59,108,255,.5)}
.hcard__live i{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;animation:pulse 1.6s infinite}
.hcard__row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:12.5px;padding:5px 0;color:var(--silver)}
.hcard__row b{color:#fff;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px}
.hbar{grid-column:1/-1;height:4px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.hbar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--electric2),var(--ice));transition:width 1.4s var(--ease2)}
.hbar--down i{background:linear-gradient(90deg,#FF8A8A,#E03C3C)}
.hcard.in .hbar i{width:var(--w)}
.hcard__status{margin-top:8px;padding-top:9px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ice2);min-height:26px}
.hcard__status span{transition:opacity .3s,transform .3s}
.hcard__status.is-swap span{opacity:0;transform:translateY(4px)}
.hcard__pulse{width:7px;height:7px;border-radius:50%;background:var(--electric2);box-shadow:0 0 0 0 rgba(59,108,255,.7);animation:ring 1.8s infinite;flex:none}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(59,108,255,.7)}70%{box-shadow:0 0 0 8px rgba(59,108,255,0)}100%{box-shadow:0 0 0 0 rgba(59,108,255,0)}}
.hcard--mini{display:flex;align-items:center;gap:10px;font-size:13px;padding:10px 14px;min-width:0}
.hcard__check{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3FE29B,#19B77A);position:relative;flex:none}
.hcard__check::after{content:"";position:absolute;left:6px;top:4px;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}

.hero__scroll{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:26px;height:42px;border-radius:14px;border:1.5px solid rgba(255,255,255,.28);z-index:5}
.hero__scroll span{position:absolute;left:50%;top:8px;width:3px;height:8px;border-radius:2px;background:#fff;transform:translateX(-50%);animation:scrolldot 1.8s infinite}
@keyframes scrolldot{0%{opacity:0;top:8px}30%{opacity:1}100%{opacity:0;top:24px}}

@media (max-width:1100px){.hero__inner{grid-template-columns:1fr;padding:130px 0 90px}.hero__visual{height:560px;max-width:620px;margin:0 auto;width:100%}.hero__copy{text-align:center}.hero__actions,.hero__pills{justify-content:center}.hero__sub{margin-inline:auto}}
@media (max-width:640px){.hero{min-height:0}.hero__inner{padding:132px 0 56px;gap:8px}.eyebrow{margin-bottom:26px;font-size:11px}.hero__title{font-size:29px;line-height:1.28}.hero__sub{display:none}.hero__sub--m{display:block;font-size:14.5px;margin-top:22px}.hero__actions{margin-top:30px;justify-content:center}.hero__link{display:none}.hero__visual{height:auto;margin-top:34px;display:flex;flex-direction:column;align-items:center}.hero__mascot-wrap{position:relative;left:auto;top:auto;transform:none!important;width:216px}.hero__ring{display:none}.chat{position:relative;width:100%;left:auto;top:auto;transform:none!important;margin-top:18px;padding:12px 14px 14px}.chat__body{font-size:12.5px}.chat__a{min-height:0}.float--2{display:none}.hero__watermark{display:none}.hero__scroll{display:none}}

/* ---------- stats ---------- */
.stats{background:var(--bg0);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);position:relative}
.stats::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 50% 0,rgba(0,94,253,.18),transparent 70%);pointer-events:none}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.stat{padding:36px 28px;border-left:1px solid rgba(255,255,255,.06)}
.stat:first-child{border-left:0}
.stat__num{color:#fff;font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#fff,var(--ice2));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat__unit{font-size:18px;margin-left:6px;font-weight:700}
.stat__label{margin-top:10px;color:var(--silver2);font-size:13px}
.stat{position:relative}
.stat::after{content:"";position:absolute;left:28px;top:0;width:22px;height:2px;background:var(--electric2);box-shadow:0 0 12px rgba(59,108,255,.9);opacity:.8}
@media (max-width:900px){.stats__grid{grid-template-columns:repeat(2,1fr)}.stat{padding:32px 20px}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.06)}.stat__num{font-size:40px}.stat::after{left:20px}.stat__label{min-height:2.9em}}

/* ---------- generic sections ---------- */
.section{padding:88px 0;position:relative;overflow:hidden;border-top:1px solid rgba(185,217,229,.07)}
.section--light{background:linear-gradient(180deg,var(--bg1),var(--bg2) 55%,var(--bg1));color:#E7EEF8}
.section--light::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 480px at 78% 12%,rgba(11,59,240,.3),transparent 62%),radial-gradient(760px 420px at 8% 88%,rgba(4,47,239,.22),transparent 62%);pointer-events:none}
.section--light>.container{position:relative;z-index:1}
.section::after{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(185,217,229,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(185,217,229,.05) 1px,transparent 1px);background-size:76px 76px;mask-image:radial-gradient(ellipse 82% 74% at 50% 42%,#000 10%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 82% 74% at 50% 42%,#000 10%,transparent 78%);pointer-events:none}
.section--dark{background:linear-gradient(180deg,var(--bg0),var(--bg1));color:#fff}
.section--dark::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 80% 20%,rgba(11,59,240,.28),transparent 65%),radial-gradient(700px 400px at 10% 90%,rgba(0,94,253,.18),transparent 60%);pointer-events:none}
.section--dark>.container{position:relative;z-index:1}
.kicker{display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ice);margin-bottom:18px;position:relative;padding-left:26px}
.kicker::before{content:"";position:absolute;left:0;top:50%;width:16px;height:2px;background:var(--ice);border-radius:2px}
.section--dark .kicker{color:var(--ice)}.section--dark .kicker::before{background:var(--ice)}
.h2{font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:-.025em;line-height:1.15}
.h3{font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-.015em;line-height:1.25;margin:10px 0 14px}
.accent{background:linear-gradient(90deg,var(--ice2),var(--ice) 50%,var(--electric2));-webkit-background-clip:text;background-clip:text;color:transparent}
.section--dark .accent{background:linear-gradient(90deg,var(--ice2),var(--ice) 50%,var(--electric2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{margin-top:20px;font-size:15.5px;line-height:1.8;color:rgba(201,211,230,.78);max-width:540px}
.lead--strong{color:var(--ice);font-weight:600}
.section--dark .lead{color:rgba(201,211,230,.8)}
.center{text-align:center;max-width:820px;margin:0 auto 40px}
.center .kicker{padding-left:0}.center .kicker::before{display:none}
.center-lead{margin-inline:auto;max-width:720px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.split--rev .split__l{order:2}.split--rev .split__r{order:1}
@media (max-width:980px){.split{grid-template-columns:1fr;gap:40px}.split--rev .split__l{order:1}.split--rev .split__r{order:2}.section{padding:64px 0}}
@media (max-width:640px){.section{padding:54px 0}.split{gap:30px}.h2{font-size:23px;line-height:1.34}.kicker{margin-bottom:14px;font-size:11px}.lead{margin-top:16px;font-size:14.5px;line-height:1.72}.center{margin-bottom:30px}.h3{font-size:19px}}

/* ---------- chain (problem) ---------- */
.chain{position:relative;width:min(520px,100%);aspect-ratio:1;margin:0 auto}
.chain__core{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(59,108,255,.35),rgba(8,11,24,.9));box-shadow:0 30px 70px -20px rgba(11,59,240,.9),inset 0 0 30px rgba(59,108,255,.35),inset 0 0 0 1px var(--hair);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:800;color:#fff;letter-spacing:.06em;z-index:2}
.chain__core img{width:68px}
.chain__core::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgba(185,217,229,.25);animation:spin2 30s linear infinite}
@keyframes spin2{to{transform:rotate(360deg)}}
.chain__step{position:absolute;left:50%;top:50%;--r:215px;transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1));padding:10px 18px;border-radius:999px;background:rgba(10,16,36,.82);border:1px solid var(--hair);backdrop-filter:blur(8px);font-weight:600;font-size:13px;color:var(--silver);white-space:nowrap;transition:background .35s,color .35s,box-shadow .35s,transform .5s var(--ease2)}
.chain__step:nth-child(1){--a:0deg}.chain__step:nth-child(2){--a:60deg}.chain__step:nth-child(3){--a:120deg}.chain__step:nth-child(4){--a:180deg}.chain__step:nth-child(5){--a:240deg}.chain__step:nth-child(6){--a:300deg}
.chain__step.is-on{background:var(--brand);color:#fff;border-color:rgba(143,211,255,.6);box-shadow:0 0 30px -6px rgba(59,108,255,1)}
.chain::before{content:"";position:absolute;left:50%;top:50%;width:430px;height:430px;border-radius:50%;border:1px solid var(--line);transform:translate(-50%,-50%)}
.chain::after{content:"";position:absolute;left:50%;top:50%;width:430px;height:430px;border-radius:50%;transform:translate(-50%,-50%) rotate(-90deg);background:conic-gradient(var(--brand) var(--p,0%),transparent 0);mask:radial-gradient(circle,transparent 213px,#000 214px,#000 216px,transparent 217px);-webkit-mask:radial-gradient(circle,transparent 213px,#000 214px,#000 216px,transparent 217px);transition:--p .3s}
.chain__caption{text-align:center;margin-top:20px;color:rgba(201,211,230,.72);font-size:15px}
@media (max-width:560px){.chain{width:320px}.chain__step{--r:142px;padding:8px 12px;font-size:12px}.chain::before,.chain::after{width:284px;height:284px}.chain::after{mask:radial-gradient(circle,transparent 140px,#000 141px,#000 143px,transparent 144px);-webkit-mask:radial-gradient(circle,transparent 140px,#000 141px,#000 143px,transparent 144px)}.chain__core{width:104px;height:104px;font-size:13px}.chain__core img{width:46px}.chain__caption{font-size:14px;margin-top:12px}}

/* ---------- agent run log (three things) ---------- */
.runlog{max-width:980px;margin-inline:auto;border:1px solid var(--hair);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.runlog__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 22px;border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--silver2);background:rgba(255,255,255,.03)}
.runlog__id b{color:var(--ice);font-weight:600;margin-left:6px}
.runlog__live{display:inline-flex;align-items:center;gap:8px;color:var(--ice)}
.runlog__live i{width:6px;height:6px;border-radius:50%;background:#3FE29B;box-shadow:0 0 10px #3FE29B;animation:pulse 1.8s infinite}
.runlog__rows{position:relative}
.runlog__thread{position:absolute;left:27px;top:32px;bottom:32px;width:2px;border-radius:2px;background:rgba(185,217,229,.13);overflow:hidden}
.runlog__thread b{position:absolute;left:0;top:0;width:100%;height:0;border-radius:2px;background:linear-gradient(180deg,var(--ice),var(--electric2));box-shadow:0 0 14px rgba(59,108,255,.85);transition:height 1.5s var(--ease)}
.runrow{position:relative;display:grid;grid-template-columns:12px 28px minmax(0,1fr) auto 84px;align-items:center;gap:16px;padding:17px 22px;transition:background .75s var(--ease)}
.runrow::after{content:"";position:absolute;left:0;top:14%;bottom:14%;width:2px;border-radius:2px;background:var(--electric2);box-shadow:0 0 18px var(--electric2);opacity:0;transition:opacity .6s}
.runrow.is-run{background:linear-gradient(90deg,rgba(11,59,240,.28),rgba(11,59,240,.05) 62%,transparent)}
.runrow.is-run::after{opacity:1}
.runrow__dot{position:relative;z-index:1;width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(185,217,229,.35);background:var(--bg1);transition:background .5s,border-color .5s,box-shadow .5s}
.runrow.is-run .runrow__dot{border-color:var(--electric2);background:var(--electric2);animation:ring 1.6s infinite}
.runrow.is-done .runrow__dot{border-color:#3FE29B;background:#3FE29B;box-shadow:0 0 12px rgba(63,226,155,.85),0 0 0 4px rgba(63,226,155,.12)}
.runrow__n{font-family:var(--mono);font-size:13px;color:var(--silver2);transition:color .4s}
.runrow.is-run .runrow__n,.runrow.is-done .runrow__n{color:var(--ice)}
.runrow__main{display:flex;align-items:baseline;gap:14px;min-width:0}
.runrow__main b{flex:none;font-size:16.5px;font-weight:800}
.runrow__main span{font-size:13.5px;color:rgba(201,211,230,.62);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;padding-left:15px}
.runrow__main span::before{content:"";position:absolute;left:0;top:50%;width:7px;height:1px;background:rgba(185,217,229,.35)}
.runrow__out{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;white-space:nowrap;border-radius:9px;border:1px solid var(--hair);background:rgba(255,255,255,.04);font-size:13px;color:#fff;opacity:.28;transform:translateX(-6px);transition:opacity .65s var(--ease),transform .65s var(--ease),border-color .6s,background .6s}
.runrow.is-run .runrow__out,.runrow.is-done .runrow__out{opacity:1;transform:none;border-color:rgba(143,211,255,.45);background:rgba(11,59,240,.22)}
.runrow__out em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--silver2)}
.runrow__st{font-family:var(--mono);font-size:12px;text-align:right;color:var(--silver2);white-space:nowrap;transition:color .6s}
.runrow.is-run .runrow__st{color:var(--ice)}
.runrow.is-done .runrow__st{color:#3FE29B}
.runlog__foot{padding:15px 22px;font-size:13px;color:rgba(201,211,230,.55);background:rgba(255,255,255,.02)}
@media (max-width:760px){
  .runlog__thread{left:23px;top:42px;bottom:42px}
  .runrow{grid-template-columns:12px 26px 1fr;row-gap:12px;gap:12px;padding:18px}
  .runrow__out{width:auto;display:inline-flex}
  .runrow__out{grid-column:2/4;justify-self:start}
  .runrow__st{position:absolute;right:18px;top:18px;text-align:right}
  .runrow__main{display:block}
  .runrow__main b{display:block;font-size:16px;margin-bottom:3px;padding-right:64px}
  .runrow__main span{display:block;white-space:normal;padding-left:0}
  .runrow__main span::before{display:none}
  .runlog__bar{padding:11px 18px;font-size:10.5px;letter-spacing:.1em}
  .runlog__foot{padding:14px 18px;font-size:12.5px}
}

/* ---------- tabs/panels ---------- */
.tabs{position:relative;display:flex;gap:6px;padding:6px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid var(--hair);backdrop-filter:blur(10px);width:max-content;max-width:100%;margin:0 auto 36px}
.tab{position:relative;z-index:1;padding:11px 22px;border-radius:999px;font-weight:600;font-size:14px;color:var(--silver2);display:flex;align-items:center;gap:10px;transition:color .3s;white-space:nowrap}
.tab__n{font-size:11px;letter-spacing:.12em;opacity:.7}
.tab.is-active{color:#fff}
.tabs__ink{position:absolute;top:6px;left:6px;height:calc(100% - 12px);border-radius:999px;background:linear-gradient(135deg,var(--electric),var(--brand));box-shadow:0 10px 24px -8px rgba(0,94,253,.8);transition:left .45s var(--ease2),width .45s var(--ease2)}
@media (max-width:640px){
  /* 三个 Agent 在手机端改为三张可展开的卡 */
  #agents.is-acc .tabs{display:none}
  #agents.is-acc .panels{display:flex;flex-direction:column;gap:10px}
  #agents.is-acc .panel{display:block;animation:none;border:1px solid var(--hair);border-radius:16px;
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));overflow:hidden;
    transition:border-color .4s var(--ease),background .4s var(--ease)}
  #agents.is-acc .panel.is-open{border-color:rgba(143,211,255,.34);background:linear-gradient(180deg,rgba(59,108,255,.14),rgba(255,255,255,.015))}
  .agacc{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:15px 16px}
  .agacc__n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:rgba(201,211,230,.45);flex:none;transition:color .35s}
  .agacc__t{flex:1;min-width:0}
  .agacc__t b{display:block;font-size:15.5px;font-weight:700;color:rgba(231,238,248,.82);transition:color .35s}
  .agacc__t em{display:block;margin-top:3px;font-style:normal;font-size:12.5px;color:rgba(201,211,230,.5)}
  .agacc__x{position:relative;flex:none;width:16px;height:16px;transition:transform .4s var(--ease)}
  .agacc__x::before,.agacc__x::after{content:"";position:absolute;left:50%;top:50%;background:var(--ice);border-radius:2px;transform:translate(-50%,-50%)}
  .agacc__x::before{width:12px;height:1.6px}
  .agacc__x::after{width:1.6px;height:12px;transition:opacity .35s}
  .panel.is-open .agacc__n{color:var(--ice)}
  .panel.is-open .agacc__t b{color:var(--ice2)}
  .panel.is-open .agacc__x{transform:rotate(180deg)}
  .panel.is-open .agacc__x::after{opacity:0}
  .panel__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease2)}
  .panel.is-open .panel__body{grid-template-rows:1fr}
  .panel__inner{overflow:hidden;min-width:0}
  #agents.is-acc .panel__l{padding:0 16px 4px}
  #agents.is-acc .panel__l .h3{font-size:17px;line-height:1.4;margin-top:2px}
  #agents.is-acc .panel__l p{font-size:14px;line-height:1.78}
  #agents.is-acc .note{font-size:13.5px}
  #agents.is-acc .panel__r{padding:0 16px 18px}
  #agents.is-acc .panel__tag{display:none}
  #agents.is-acc .panel.is-open .bar i{width:var(--w)}
}
.panels{position:relative}
.panel{display:none;grid-template-columns:1fr 1fr;gap:64px;align-items:center;animation:panelIn .6s var(--ease2)}
.panel.is-active{display:grid}
@keyframes panelIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.panel__tag{display:inline-block;padding:6px 14px;border-radius:999px;background:rgba(11,59,240,.28);border:1px solid rgba(59,108,255,.45);color:var(--ice2);font-weight:700;font-size:13px}
.panel__l p{color:rgba(201,211,230,.78);line-height:1.8;font-size:15px}
.note{margin-top:18px;padding-left:16px;border-left:2px solid var(--electric2);color:var(--ice)!important;font-weight:600;font-size:14px}
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
.flow span{padding:8px 14px;border-radius:10px;background:var(--glass2);border:1px solid var(--hair);font-weight:700;font-size:13px;color:#fff}
.flow i{width:18px;height:2px;background:var(--electric2);position:relative}
.flow i::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:2px solid var(--electric2);border-right:2px solid var(--electric2);transform:rotate(45deg)}
.formula{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}
.formula span{padding:12px 18px;border-radius:14px;background:var(--glass2);border:1px solid var(--hair);font-weight:800;font-size:16px;color:#fff}
.formula em{font-style:normal;color:var(--ice);font-weight:800;font-size:20px}
@media (max-width:980px){.panel{grid-template-columns:1fr;gap:40px}}
@media (max-width:640px){.panel{gap:28px}.panel__l p{font-size:14.5px;line-height:1.75}}

.dims{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dim{padding:18px 18px 16px;border-radius:16px;background:var(--glass);border:1px solid var(--hair);transition:transform .35s var(--ease2),box-shadow .35s,border-color .35s}
.dim:hover{transform:translateY(-4px);background:var(--glass2);border-color:var(--hair2)}
.dim b{display:block;color:var(--ice);font-size:15px;margin-bottom:6px}
.dim span{font-size:13px;color:rgba(201,211,230,.7);line-height:1.6}
@media (max-width:520px){.dims{grid-template-columns:1fr}}

.plan{border-radius:20px;background:var(--glass);border:1px solid var(--hair);backdrop-filter:blur(10px);padding:26px}
.plan__head{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:17px;margin-bottom:18px}
.plan__badge{font-size:11px;padding:4px 10px;border-radius:999px;background:rgba(11,59,240,.3);border:1px solid rgba(59,108,255,.45);color:var(--ice2);font-weight:700}
.plan__row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:14px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);font-size:14px;color:var(--silver2)}
.bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--electric),var(--brand));transition:width 1.2s var(--ease2)}
.bar--up i{background:linear-gradient(90deg,#3FE29B,#0E9F66)}
.bar--down i{background:linear-gradient(90deg,#FF7A7A,#E03C3C)}
.panel.is-active .bar i{width:var(--w)}
.plan__foot{margin-top:16px;font-size:13px;color:var(--ice);font-weight:600}

.bounds{border-radius:20px;background:linear-gradient(160deg,rgba(11,59,240,.22),rgba(255,255,255,.03));border:1px solid var(--hair);color:#fff;padding:28px;position:relative;overflow:hidden}
.bounds::before{content:"";position:absolute;inset:0;background:radial-gradient(400px 260px at 100% 0,rgba(0,94,253,.5),transparent 60%)}
.bounds__title{font-weight:800;font-size:18px;margin-bottom:18px;position:relative}
.bounds__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}
.bound{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:14px;font-weight:600;transition:background .3s,transform .3s}
.bound:hover{background:rgba(0,94,253,.35);transform:translateX(4px)}
.bound i{font-style:normal;font-size:11px;color:var(--ice);letter-spacing:.1em}
.bounds__foot{margin-top:18px;font-size:14px;color:var(--ice2);position:relative}


/* ---------- layer stack (tech) ---------- */
.lstack-wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.lstack{position:relative;display:flex;flex-direction:column;gap:14px;padding-left:28px}
.lstack__beam{position:absolute;left:9px;top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(185,217,229,.3),rgba(185,217,229,.05))}
.lstack__beam::after{content:"";position:absolute;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--ice);box-shadow:0 0 16px var(--ice);animation:beamup 3.6s var(--ease) infinite}
@keyframes beamup{0%{bottom:-10px;opacity:0}12%{opacity:1}88%{opacity:1}100%{bottom:100%;opacity:0}}
.slab{display:flex;align-items:center;gap:18px;width:100%;text-align:left;padding:20px 22px;border-radius:16px;border:1px solid var(--hair);background:linear-gradient(120deg,rgba(255,255,255,.055),rgba(255,255,255,.015));transition:transform .5s var(--ease2),background .45s,border-color .45s,box-shadow .45s}
.slab__k{font-family:var(--mono);font-size:12px;color:var(--silver2);flex:none;transition:color .4s}
.slab__b b{display:block;font-size:17px;font-weight:800;margin-bottom:3px}
.slab__b span{font-size:13px;color:rgba(201,211,230,.66)}
.slab__io{margin-left:auto;flex:none;width:44px;height:14px;border-radius:2px;background-image:repeating-linear-gradient(90deg,rgba(185,217,229,.45) 0 3px,transparent 3px 8px);opacity:.4;transition:opacity .4s}
.slab.is-on{transform:translateX(12px);border-color:rgba(143,211,255,.55);background:linear-gradient(120deg,rgba(11,59,240,.42),rgba(255,255,255,.04));box-shadow:0 24px 55px -28px rgba(0,94,253,1)}
.slab.is-on .slab__k{color:var(--ice)}
.slab.is-on .slab__io{opacity:1;animation:ticks 1.1s linear infinite}
@keyframes ticks{to{background-position:16px 0}}
.ldetail{position:relative;min-height:212px}
.lpane{position:absolute;inset:0;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .22s,transform .4s var(--ease2)}
.lpane.is-on{position:relative;opacity:1;transform:none;pointer-events:auto;transition:opacity .45s .12s,transform .55s .12s var(--ease2)}
.lpane h3{font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:12px}
.lpane p{font-size:14.5px;line-height:1.8;color:rgba(201,211,230,.78)}
.lpane ul{margin-top:20px;display:flex;flex-direction:column;gap:10px}
.lpane li{position:relative;padding-left:22px;font-size:13.5px;color:var(--silver)}
.lpane li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:2px;background:var(--ice);box-shadow:0 0 8px rgba(185,217,229,.9)}
@media (max-width:900px){
  .lstack-wrap{grid-template-columns:1fr;gap:26px}
  .slab{padding:16px 18px;gap:14px}
  .slab.is-on{transform:translateX(6px)}
  .slab__b b{font-size:16px}
  .lpane h3{font-size:19px}
  .lpane,.lpane.is-on{transition:none}
  .ldetail{min-height:0}
}

/* ---------- network ---------- */
.netgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ncard{padding:34px 30px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--hair);backdrop-filter:blur(10px);transition:transform .4s var(--ease2),box-shadow .4s;position:relative;overflow:hidden}
.ncard::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--electric),var(--ice));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease2)}
.ncard:hover::after{transform:scaleX(1)}
.ncard:hover{background:var(--glass2);border-color:var(--hair2);transform:translateY(-4px)}
.ncard__icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,rgba(11,59,240,.35),rgba(59,108,255,.12));border:1px solid var(--hair);display:grid;place-items:center;color:var(--ice);margin-bottom:24px}
.ncard__icon svg{width:26px;height:26px}
.ncard h3{font-size:19px;font-weight:800;margin-bottom:10px}
.ncard p{color:rgba(201,211,230,.72);line-height:1.75;font-size:14px}
@media (max-width:900px){.netgrid{grid-template-columns:1fr}}
@media (max-width:640px){.ncard{padding:26px 22px}.ncard__icon{margin-bottom:16px;width:46px;height:46px}}

.loop{margin-top:32px;padding:28px 30px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(11,59,240,.2),rgba(255,255,255,.03));border:1px solid var(--hair);color:#fff;overflow:hidden;position:relative}
.loop::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 50% 120%,rgba(0,94,253,.5),transparent 70%)}
.loop__title{font-weight:800;margin-bottom:18px;position:relative}
.loop__track{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative}
.loop__track span{padding:10px 16px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-weight:700;font-size:14px;transition:background .35s,box-shadow .35s}
.loop__track span.is-on{background:var(--brand);box-shadow:0 10px 30px -10px rgba(0,94,253,1)}
.loop__track i{width:22px;height:2px;background:rgba(143,211,255,.5);position:relative}
.loop__track i::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:2px solid var(--ice);border-right:2px solid var(--ice);transform:rotate(45deg)}
@media (max-width:640px){.loop{margin-top:22px;padding:22px 20px}.loop__track span{padding:8px 12px;font-size:13px}.loop__track i{width:14px}}

/* ---------- flywheels (compact) ---------- */
.fwc{margin-top:24px;border-radius:var(--radius);border:1px solid var(--hair);background:linear-gradient(135deg,rgba(11,59,240,.24),rgba(255,255,255,.03));padding:26px 28px 20px;display:grid;grid-template-columns:1fr 1fr;gap:20px 34px;align-items:start}
.fwrow{display:flex;align-items:flex-start;gap:20px}
.fwrow:first-of-type{padding-right:34px;border-right:1px solid var(--hair)}
.fwmini{width:80px;height:80px;flex:none;margin-top:2px}
.fwmini svg{width:100%;height:100%;transform:rotate(-90deg)}
.fwmini__base{fill:none;stroke:rgba(185,217,229,.18);stroke-width:3}
.fwmini__arc{fill:none;stroke:var(--ice);stroke-width:3;stroke-linecap:round;stroke-dasharray:62 202;filter:drop-shadow(0 0 7px rgba(185,217,229,.9));animation:arcrun 4.5s linear infinite}
.fwmini__arc--b{stroke:var(--electric2);filter:drop-shadow(0 0 7px rgba(59,108,255,.9));animation-duration:5.6s}
@keyframes arcrun{to{stroke-dashoffset:-264}}
.fwrow__b{min-width:0}
.fwrow__b b{display:block;font-size:16px;font-weight:800;margin-bottom:11px}
.fwchain{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fwchain span{padding:6px 12px;border-radius:8px;border:1px solid var(--hair);background:rgba(255,255,255,.04);font-size:12.5px;color:var(--silver);transition:color .4s,background .4s,border-color .4s,box-shadow .4s}
.fwchain span.is-on{background:var(--brand);color:#fff;border-color:rgba(143,211,255,.6);box-shadow:0 0 22px -5px rgba(59,108,255,1)}
.fwchain i{width:14px;height:1.5px;background:rgba(185,217,229,.35);position:relative;flex:none}
.fwchain i::after{content:"";position:absolute;right:0;top:-2.5px;width:5px;height:5px;border-top:1.5px solid rgba(185,217,229,.6);border-right:1.5px solid rgba(185,217,229,.6);transform:rotate(45deg)}
.fwc__note{grid-column:1/-1;margin-top:4px;padding-top:16px;border-top:1px solid var(--hair);text-align:center;font-size:14.5px;font-weight:700;color:var(--ice)}
@media (max-width:900px){
  .fwc{grid-template-columns:1fr}
  .fwrow:first-of-type{padding-right:0;border-right:0}
}
@media (max-width:640px){
  .fwc{padding:20px 18px 16px;gap:16px}
  .fwrow{gap:14px;align-items:flex-start}
  .fwrow:first-of-type{padding-bottom:16px;border-bottom:1px solid rgba(185,217,229,.1)}
  .fwrow__b b{font-size:15px;margin-bottom:9px}
  .fwchain span{padding:5px 10px;font-size:11.5px}
  .fwchain i{width:9px}
  .fwc__note{font-size:13.5px;padding-top:13px}
}

/* ---------- backing ---------- */
.section--backing::before{background:radial-gradient(820px 520px at 22% 28%,rgba(11,59,240,.38),transparent 64%)}
.bk{position:relative;display:flex;flex-direction:column;gap:12px;padding-left:28px}
.bk__rail{position:absolute;left:8px;top:12px;bottom:46px;width:2px;border-radius:2px;background:rgba(185,217,229,.16);overflow:hidden}
.bk__rail b{position:absolute;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--ice);box-shadow:0 0 14px var(--ice);animation:railrun 3.6s linear infinite}
@keyframes railrun{0%{top:-10px;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
.bkrow{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:16px;border:1px solid var(--hair);background:var(--glass);transition:transform .45s var(--ease2),background .45s,border-color .45s}
.bkrow:hover{background:var(--glass2);border-color:var(--hair2);transform:translateX(6px)}
.bkrow__n{flex:none;width:108px;font-size:31px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#fff,var(--ice));-webkit-background-clip:text;background-clip:text;color:transparent}
.bkrow__n small{font-size:15px;margin-left:3px}
.bkrow__ic{flex:none;width:108px;display:flex;justify-content:center;color:var(--ice)}
.bkrow__ic svg{width:30px;height:30px}
.bkrow__t b{display:block;font-size:15.5px;margin-bottom:3px}
.bkrow__t span{font-size:13px;line-height:1.55;color:rgba(201,211,230,.7)}
.bk__foot{display:flex;align-items:center;gap:10px;margin-top:8px;padding-left:22px;font-size:13.5px;font-weight:600;color:var(--ice)}
.bk__foot img{width:22px}
@media (max-width:640px){
  .bk{padding-left:22px;gap:10px}
  .bk__rail{left:5px}
  .bkrow{padding:15px 16px;gap:12px}
  .bkrow__n{width:82px;font-size:26px}
  .bkrow__ic{width:82px}
  .bkrow__ic svg{width:26px;height:26px}
  .bkrow__t b{font-size:15px}
  .bk__foot{padding-left:14px;font-size:13px}
}

/* ---------- roadmap ---------- */
.rm{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px}
.rm__line{position:absolute;left:0;right:0;top:0;height:2px;background:rgba(255,255,255,.1);border-radius:2px}
.rm__line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--electric),var(--brand));border-radius:2px;transition:width 1.6s var(--ease2)}
.rm.in .rm__line i{width:var(--rp,100%)}
.rm__item{position:relative;padding:30px 28px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--hair);backdrop-filter:blur(10px);transition:transform .4s var(--ease2),box-shadow .4s}
.rm__item::before{content:"";position:absolute;left:28px;top:-47px;width:12px;height:12px;border-radius:50%;background:var(--bg1);border:3px solid var(--electric2);box-shadow:0 0 0 6px rgba(11,59,240,.25),0 0 18px rgba(59,108,255,.8)}
.rm__item:hover{transform:translateY(-6px);background:var(--glass2);border-color:var(--hair2)}
.rm__year{font-size:36px;font-weight:900;letter-spacing:-.03em;color:var(--ice);line-height:1;margin-bottom:12px;font-variant-numeric:tabular-nums}
.rm__item:nth-child(3) .rm__year{color:var(--electric2)}
.rm__item:nth-child(4) .rm__year{color:rgba(147,166,196,.9)}
.rm__item h3{font-size:17px;font-weight:800;margin-bottom:12px}
.rm__item li{font-size:13.5px;color:rgba(201,211,230,.72);padding-left:16px;position:relative;line-height:1.7;margin-bottom:6px}
.rm__item li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--electric2);box-shadow:0 0 8px rgba(59,108,255,.9)}
@media (max-width:900px){.rm{grid-template-columns:1fr;padding-top:0;padding-left:28px}.rm__line{left:8px;right:auto;top:0;bottom:0;width:2px;height:auto}.rm__line i{width:100%!important;height:0;transition:height 1.6s var(--ease2)}.rm.in .rm__line i{height:100%}.rm__item::before{left:-27px;top:34px}}
@media (max-width:640px){.rm{gap:16px}.rm__item{padding:24px 22px}.rm__year{font-size:30px;margin-bottom:8px}.rm__item h3{font-size:16px;margin-bottom:8px}.rm__item::before{top:28px}}

/* ---------- footer ---------- */
.footer{background:var(--bg0);color:var(--silver2);border-top:1px solid rgba(255,255,255,.06)}
.footer__inner{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;padding:64px 0 40px}
.footer__logo{width:150px;margin-bottom:18px}
.footer__brand p{font-size:14px;line-height:1.8}
.footer__vision{margin-top:14px;color:var(--ice);font-weight:600}
.footer__cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.footer__cols h5{color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.footer__cols a{display:block;font-size:14px;padding:5px 0;transition:color .3s}
.footer__cols a:hover{color:var(--ice)}
.footer__soc{display:inline-flex!important;align-items:center;gap:9px;padding:7px 13px!important;border-radius:999px;
  border:1px solid var(--hair);margin-bottom:8px;transition:border-color .3s,background .3s,color .3s}
.footer__soc svg{width:13px;height:13px;flex:none}
.footer__soc span{font-size:13.5px}
.footer__soc:hover{border-color:rgba(143,211,255,.45);background:rgba(59,108,255,.12)}
.footer__soc.is-soon{opacity:.42;cursor:default}
.footer__soc.is-soon:hover{border-color:var(--hair);background:none}
.footer__soc em{font-family:var(--mono);font-style:normal;font-size:10.5px;letter-spacing:.08em;color:rgba(201,211,230,.55)}
.footer__cols>div{display:flex;flex-direction:column;align-items:flex-start}
.footer__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0 36px;border-top:1px solid rgba(255,255,255,.06);font-size:13px}
@media (max-width:760px){.footer__inner{grid-template-columns:1fr;gap:30px;padding:44px 0 28px}.footer__cols{grid-template-columns:1fr 1fr}.footer__logo{width:128px;margin-bottom:14px}.footer__brand p{font-size:13.5px;line-height:1.7}.footer__vision{margin-top:10px}.footer__cols h5{margin-bottom:10px}.footer__cols a{font-size:13.5px;padding:4px 0}.footer__bottom{padding:18px 0 26px;font-size:12px;gap:8px}}

body.lang-switching main,body.lang-switching footer{opacity:.35;transition:opacity .25s}
main,footer{transition:opacity .35s}

/* ---------- motion prefs ---------- */
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero__title .line>span{transform:none}.hero__mascot{opacity:1;transform:none}}

/* ---------- ticker ---------- */
.ticker{background:var(--bg0);border-top:1px solid rgba(255,255,255,.06);overflow:hidden;padding:16px 0;position:relative}
.ticker::before,.ticker::after{content:"";position:absolute;top:0;bottom:0;width:140px;z-index:2;pointer-events:none}
.ticker::before{left:0;background:linear-gradient(90deg,var(--ink),transparent)}.ticker::after{right:0;background:linear-gradient(-90deg,var(--ink),transparent)}
.ticker__track{display:flex;gap:0;width:max-content;animation:ticker 32s linear infinite}
.ticker__track span{padding:0 28px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--silver2);white-space:nowrap;position:relative}
.ticker__track span::after{content:"";position:absolute;right:-3px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--electric2);transform:translateY(-50%);opacity:.7}
.ticker__track .ticker__hl{color:var(--ice)}
@keyframes ticker{to{transform:translateX(-50%)}}

/* ---------- back to top ---------- */
.totop{position:fixed;right:24px;bottom:24px;z-index:90;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--electric),var(--brand));color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px -10px rgba(11,59,240,.8);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .35s,transform .35s var(--ease2),box-shadow .3s}
.totop svg{width:20px;height:20px}
.totop.is-show{opacity:1;transform:none;pointer-events:auto}
.totop:hover{box-shadow:0 18px 36px -10px rgba(11,59,240,1);transform:translateY(-3px)}
@media (max-width:640px){.totop{right:16px;bottom:16px;width:40px;height:40px}}

/* ---------- tokenomics ---------- */
.lead--c{max-width:600px;margin-inline:auto}
.tk{max-width:1000px;margin-inline:auto}
.tk__main{display:grid;grid-template-columns:290px minmax(0,1fr);gap:50px;align-items:center}

.tkring{position:relative;width:290px;height:290px;--tkc:59,108,255}
.tkring svg{width:100%;height:100%;display:block;
  opacity:0;transform:rotate(-10deg);transition:opacity 1s var(--ease2),transform 1.2s var(--ease2)}
.reveal.in .tkring svg{opacity:1;transform:none}
.tktick{transform-origin:100px 100px;animation:tkspin 52s linear infinite}
@keyframes tkspin{to{transform:rotate(360deg)}}
.tkarc{transition:stroke-width .45s var(--ease),opacity .45s var(--ease),filter .45s var(--ease);cursor:pointer}
.tkarc[data-k="eco"]{stroke:#0B3BF0}.tkarc[data-k="fund"]{stroke:#2B57E8}
.tkarc[data-k="team"]{stroke:#4574F0}.tkarc[data-k="found"]{stroke:#6490F2}
.tkarc[data-k="liq"]{stroke:#84ACE2}.tkarc[data-k="mkt"]{stroke:#9CBCD6}
.tkarc[data-k="air"]{stroke:#C3D6E4}
.tk.is-pick .tkarc{opacity:.42}
.tk.is-pick .tkarc.is-on{opacity:1;stroke-width:31;filter:brightness(1.22) drop-shadow(0 0 14px rgba(var(--tkc),.9))}
.tkring__cur{position:absolute;left:0;top:0;width:190px;height:190px;margin:-95px 0 0 -95px;border-radius:50%;
  pointer-events:none;opacity:0;transition:opacity .5s var(--ease);mix-blend-mode:screen;
  background:radial-gradient(circle,rgba(var(--tkc),.5),rgba(var(--tkc),0) 65%)}
.tkring.is-live .tkring__cur{opacity:1}
.tkring::before{content:"";position:absolute;inset:-6%;border-radius:50%;pointer-events:none;opacity:0;
  transition:opacity .6s var(--ease);background:conic-gradient(from 0deg,rgba(var(--tkc),0) 0deg,rgba(var(--tkc),.16) 40deg,rgba(var(--tkc),0) 90deg)}
.tkring.is-live::before{opacity:1}
.tkring::after{content:"";position:absolute;left:50%;top:50%;width:40%;height:40%;transform:translate(-50%,-50%);
  border-radius:50%;background:radial-gradient(circle,rgba(var(--tkc),.3),rgba(var(--tkc),0) 70%);pointer-events:none;transition:background .5s}
.tkring__c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}
.tkring__c em{display:block;position:relative;z-index:2;font-style:normal;font-size:25px;font-weight:800;letter-spacing:.07em;line-height:1;
  color:var(--ice2);text-shadow:0 0 28px rgba(var(--tkc),.7)}
.tkring__c span{display:block;margin-top:8px;font-family:var(--mono);font-size:13px;color:rgba(201,211,230,.78)}
.tkring__c small{display:block;margin-top:4px;font-size:10px;letter-spacing:.16em;color:rgba(201,211,230,.38)}

.tk__side{min-width:0}
.tk__list{display:flex;flex-direction:column;gap:1px}
.tkrow{position:relative;display:grid;grid-template-columns:10px 104px minmax(50px,1fr) 46px;align-items:center;gap:12px;
  width:100%;text-align:left;padding:8px 14px;border-radius:10px;border:1px solid transparent;
  transition:background .4s var(--ease),border-color .4s var(--ease)}
.tkrow::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:2px;
  background:var(--electric2);opacity:0;transform:scaleY(.3);transform-origin:center;
  transition:opacity .4s var(--ease),transform .4s var(--ease)}
.tkrow.is-on::before{opacity:1;transform:none}
.tkrow i{width:10px;height:10px;border-radius:3px;transition:box-shadow .4s}
.tkrow[data-k="eco"]{color:#2F5BFF}.tkrow[data-k="fund"]{color:#2B57E8}
.tkrow[data-k="team"]{color:#4574F0}.tkrow[data-k="found"]{color:#6490F2}
.tkrow[data-k="liq"]{color:#84ACE2}.tkrow[data-k="mkt"]{color:#9CBCD6}
.tkrow[data-k="air"]{color:#C3D6E4}
.tkrow i{background:currentColor}
.tkrow b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(231,238,248,.7);transition:color .4s}
.tkbar{display:block;height:4px;border-radius:3px;background:rgba(185,217,229,.09);overflow:hidden}
.tkbar u{display:block;height:100%;min-width:3px;border-radius:3px;background:currentColor;opacity:.5;
  transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease2),opacity .4s,box-shadow .4s}
.reveal.in .tkbar u{transform:none}
.tkrow em{font-family:var(--mono);font-style:normal;font-size:14px;font-weight:700;text-align:right;
  color:rgba(201,211,230,.5);transition:color .4s}
.tkrow:hover{background:rgba(255,255,255,.035)}
.tkrow.is-on{background:linear-gradient(90deg,rgba(59,108,255,.16),rgba(59,108,255,.02));border-color:rgba(143,211,255,.24)}
.tkrow.is-on b{color:var(--ice2)}
.tkrow.is-on em{color:var(--ice)}
.tkrow.is-on i{box-shadow:0 0 12px currentColor}
.tkrow.is-on .tkbar u{opacity:1;box-shadow:0 0 10px currentColor}

.tkdscs{display:grid;margin-top:14px;min-height:64px;padding:13px 15px 0;border-top:1px solid var(--hair)}
.tkdsc{grid-area:1/1;opacity:0;transform:translateY(6px);font-size:13.5px;line-height:1.8;
  color:rgba(201,211,230,.62);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.tkdsc.is-on{opacity:1;transform:none}

.tku{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:26px}
.tku b{font-size:12.5px;font-weight:600;letter-spacing:.1em;color:rgba(201,211,230,.42);margin-right:2px}
.tku span{padding:8px 16px;border-radius:999px;border:1px solid var(--hair);font-size:13px;color:rgba(201,211,230,.7)}

@media (max-width:940px){
  .tk__main{grid-template-columns:1fr;gap:20px;justify-items:center}
  .tkring{width:240px;height:240px}
  .tk__side{width:100%}
}
@media (max-width:640px){
  .tkring{width:184px;height:184px}
  .tkring__c em{font-size:19px}
  .tkring__c span{font-size:11px;margin-top:5px}
  .tkrow{grid-template-columns:9px 88px minmax(40px,1fr) 40px;gap:9px;padding:7px 9px;border-radius:9px}
  .tkrow::before{display:none}
  .tkrow i{width:9px;height:9px}
  .tkrow b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tkrow em{font-size:13px}
  .tkbar{display:block;height:3px}
  .tkdscs{min-height:76px;margin-top:10px;padding:11px 4px 0}
  .tkdsc{font-size:13px}
  .tku{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;margin-top:18px;
    overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .tku::-webkit-scrollbar{display:none}
  .tku b{flex:none;width:auto;margin-right:2px}
  .tku span{flex:none;padding:7px 13px;font-size:12.5px;white-space:nowrap}
}

/* ---------- backing footnote ---------- */
.loop__note{margin-top:16px;padding-top:14px;border-top:1px solid rgba(185,217,229,.1);
  font-size:13px;line-height:1.7;color:rgba(201,211,230,.5)}
@media (max-width:640px){.loop__note{margin-top:13px;padding-top:12px;font-size:12.5px}}

@media (max-width:640px){
  .stat{padding:26px 18px 24px}
  .stat::after{left:18px;width:20px}
  .stat__num{font-size:34px}
  .stat__unit{font-size:15px;margin-left:5px}
  .stat__label{margin-top:8px;font-size:12.5px;line-height:1.45;min-height:2.9em}
}

/* 标题在窄屏自动均衡断行，避免末行只剩一两个字 */
.h2,.h3,.lead,.center-lead,.kicker{text-wrap:balance}
@media (max-width:640px){
  .h2{text-wrap:balance;word-break:keep-all;line-break:strict}
}

/* 锚点跳转时给顶部导航留位 */
section[id]{scroll-margin-top:96px}
@media (max-width:640px){section[id]{scroll-margin-top:74px}}

/* ================= 手机端专属排版 ================= */
@media (max-width:640px){

  /* 生态三卡：横向滑动，露出下一张 */
  .netgrid{display:grid;grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none;gap:10px;
    width:100%;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    padding:2px 2px 12px;scrollbar-width:none}
  .netgrid::-webkit-scrollbar{display:none}
  .ncard{scroll-snap-align:start;padding:18px;border-radius:16px;display:grid;
    grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:13px;row-gap:9px;align-items:center;min-height:152px}
  .ncard__icon{width:38px;height:38px;border-radius:11px;margin-bottom:0;grid-row:1}
  .ncard__icon svg{width:19px;height:19px}
  .ncard h3{grid-column:2;grid-row:1;font-size:16px;margin-bottom:0}
  .ncard p{grid-column:1/-1;grid-row:2;font-size:13px;line-height:1.65}

  /* 策略闭环：两列编号格，顺序靠 01–06 读，不再排箭头 */
  .loop__track{display:grid;grid-template-columns:1fr 1fr;gap:7px;counter-reset:lp}
  .loop__track span{counter-increment:lp;display:flex;align-items:center;gap:8px;min-width:0;
    padding:9px 10px;border-radius:10px;font-size:12.5px;font-weight:600;white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis}
  .loop__track span::before{content:counter(lp,decimal-leading-zero);font-family:var(--mono);
    font-size:10px;font-weight:700;color:rgba(185,217,229,.45);flex:none}
  .loop__track i{display:none}

  /* Agent 流程条：改成左侧细轨时间线，去掉大色块 */
  .flow{position:relative;display:block;margin-top:16px;padding-left:24px}
  .flow::before{content:"";position:absolute;left:5.5px;top:12px;bottom:12px;width:1.5px;border-radius:2px;
    background:linear-gradient(180deg,var(--electric2),rgba(59,108,255,.18))}
  .flow span{position:relative;display:block;padding:7px 0;border:0;background:none;border-radius:0;
    font-size:13.5px;font-weight:600;color:rgba(231,238,248,.86)}
  .flow span::before{content:"";position:absolute;left:-23px;top:50%;transform:translateY(-50%);
    width:9px;height:9px;border-radius:50%;background:var(--bg1);border:2px solid var(--electric2);
    box-shadow:0 0 8px rgba(59,108,255,.55)}
  .flow i{display:none}

  /* 三层技术：去掉右侧条纹，描述保持一行，光轨补到底 */
  .slab__io{display:none}
  .slab__b{min-width:0}
  .slab__b span{word-break:keep-all;line-break:strict;font-size:12.5px}
  .lstack__beam{background:rgba(185,217,229,.22)}

  /* 六项边界：两列小格 */
  .bounds{padding:20px 18px;border-radius:16px}
  .bounds__title{font-size:16.5px;margin-bottom:14px}
  .bounds__grid{grid-template-columns:1fr 1fr;gap:8px}
  .bound{padding:10px;gap:7px;font-size:12.5px;border-radius:10px;white-space:nowrap;overflow:hidden}
  .bound i{font-size:10px}
  .bounds__foot{margin-top:14px;font-size:13px}

  /* 六个信息面：改成横向滑动，露出下一张 */
  .panel{min-width:0}
  .panel > div{min-width:0}
  .dims{display:grid;grid-auto-flow:column;grid-auto-columns:74%;grid-template-columns:none;gap:10px;
    width:100%;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    padding:2px 2px 12px;scrollbar-width:none}
  .dims::-webkit-scrollbar{display:none}
  .dim{scroll-snap-align:start;padding:15px 16px 14px;border-radius:14px;min-height:104px}
  .dim b{font-size:14px;margin-bottom:5px}
  .dim span{font-size:12.5px;line-height:1.6}

  /* 三要素公式：一行三块，字号随屏宽缩放，永不换行也不截断 */
  .formula{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;
    gap:clamp(4px,1.5vw,8px);margin-top:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .formula::-webkit-scrollbar{display:none}
  .formula span{flex:0 0 auto;padding:8px clamp(6px,2.2vw,11px);border-radius:10px;
    font-size:clamp(10px,3.1vw,13px);font-weight:700;white-space:nowrap}
  .formula em{flex:none;font-size:clamp(10px,2.6vw,13px);line-height:1;opacity:.7}

  /* 飞轮：小环缩到标题旁，四个环节占满整宽 */
  .fwrow{display:flex;align-items:flex-start;gap:10px}
  .fwmini{width:20px;height:20px;flex:none;margin-top:1px}
  .fwmini__base,.fwmini__arc{stroke-width:8}
  .fwrow__b{flex:1;min-width:0}
  .fwrow__b b{font-size:15px;margin-bottom:10px}
  .fwchain{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .fwchain i{display:none}
  .fwchain span{text-align:center;padding:9px 8px;font-size:12.5px}
}