/* sis.mom 首页 · 官网 v4（2026-10-14，设计稿 design/官网v4/）。只有深色；颜色只用三类：灰阶、品牌红（要你做的事）、荧光绿（进度和好消息）。不用渐变、阴影、发光。 */
.x{--bg:#0A0A0B;--ink:#fff;--sub:#9A9AA3;--ter:#86868E;--line:#24242A;--panel:#141417;--well:#1E1E23;--red:#FF2E3B;--gold:#B8F53D;--glass:rgba(14,14,16,.52);--expo:cubic-bezier(.16,1,.3,1);--sec:120px;
  background:#0A0A0B;color:#F5F5F7;font:16px/1.7 var(--sans);font-variant-numeric:tabular-nums;overflow-x:hidden}
.x *,.x *::before,.x *::after{box-sizing:border-box}
.x h1,.x h2,.x h3,.x p,.x ul,.x ol,.x figure{margin:0;padding:0}
.x a{color:inherit;text-decoration:none}
.x canvas{display:block}
.i18n body{visibility:hidden}
.x .num,.x .mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.x :focus-visible{outline:2px solid #9A9AA3;outline-offset:3px;border-radius:6px}
.x a:focus-visible,.x button:focus-visible,.x summary:focus-visible,.x select:focus-visible,.x input:focus-visible{outline:2px solid #9A9AA3;outline-offset:3px}
.skip{position:fixed;left:12px;top:-60px;z-index:99;background:#fff;color:#000!important;padding:10px 14px;border-radius:8px}.skip:focus{top:12px}
.wrap{width:min(1248px,100% - 40px);margin-inline:auto}
@media (min-width:768px){.wrap{width:min(1248px,100% - 96px)}}

.x h1,.x h2{font-weight:800;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}
.x h1{font-size:clamp(44px,6.4vw,96px)}
.x h2{font-size:clamp(38px,5.6vw,88px)}
.x .sub{font-size:clamp(16px,1.5vw,20px);line-height:1.7;color:var(--sub);margin-top:22px;max-width:640px}
.idx{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:12px;color:var(--ter);letter-spacing:.04em}
.chip{display:inline-flex;font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);color:var(--sub);white-space:nowrap}
.chip.gold{border-color:rgba(184,245,61,.5);color:var(--gold)}
.fine{margin-top:16px;font-size:13px;color:var(--ter)}
.illus{margin:16px 0 0;font-size:13px;font-weight:400;color:var(--ter)}
.illus-tbl{font-size:13px}

/* 进场：标题逐行上推；其余淡入（进入视口时播放一次） */
[data-split] .ln{display:block;overflow:hidden;padding:.04em 0 .16em;margin:-.04em 0 -.16em}
[data-split] .ln>span{display:block;transform:translateY(105%);transition:transform 1.1s var(--expo) var(--d,0ms)}
[data-split].in .ln>span{transform:none}
[data-r]{opacity:0;transform:translateY(24px);transition:opacity .9s var(--expo) var(--rd,0ms),transform 1.1s var(--expo) var(--rd,0ms)}
[data-r].in{opacity:1;transform:none}

/* 按钮 */
.x .btn{width:auto;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 30px;font-weight:700;font-size:16px;border-radius:999px;transition:transform .5s var(--expo)}
.x .btn:active{transform:scale(.98)!important}
.x .btn .arr{transition:transform .5s var(--expo)}.x .btn:hover .arr{transform:translateX(4px)}
.x .btn-p{background:#FF2E3B;color:#fff}
.x .btn-s{min-height:40px;padding:0 18px;font-size:14px;background:#FF2E3B;color:#fff}
.x .btn-w{background:#fff;color:#0A0A0B}
.x .btn-g{background:var(--well);color:#fff;border:1px solid var(--line)}

/* 顶栏：浮动玻璃胶囊 + 章节胶囊 + 阅读进度 + 往下滚收起 + 手机全屏菜单 */
.nav{position:fixed;z-index:50;top:16px;left:50%;transform:translateX(-50%);width:min(1344px,100% - 24px);height:60px;display:flex;align-items:center;gap:10px;padding:0 10px 0 22px;border-radius:999px;border:1px solid transparent;transition:background .4s,border-color .4s,transform .6s var(--expo)}
.nav.scrolled{background:var(--glass);border-color:var(--line);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4)}
.nav.hide{transform:translate(-50%,-140%)}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:-.01em;min-height:44px}.logo svg{width:24px;height:24px;flex:none}
.links{position:relative;display:flex;gap:2px;margin-left:auto;padding:4px;border-radius:999px;font-size:14px;color:var(--sub)}
.nav.scrolled .links{background:rgba(255,255,255,.04)}
.links a{position:relative;z-index:1;padding:8px 14px;border-radius:999px;transition:color .3s}
.links a:hover{color:#fff}.links a.on{color:#000}
.spy-pill{position:absolute;left:0;top:4px;bottom:4px;width:0;border-radius:999px;background:#fff;opacity:0;transition:transform .55s var(--expo),width .55s var(--expo),opacity .3s}
.nav-dev,.nav-lang{font-size:14px;color:var(--sub);padding:8px 10px;transition:color .3s}.nav-dev:hover,.nav-lang:hover{color:#fff}
.nav-lang{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:6px 10px}
.nav-prog{position:absolute;left:28px;right:28px;bottom:-1px;height:1px;background:#F5F5F7;transform-origin:left;transform:scaleX(0);opacity:0;transition:opacity .4s}
.nav.scrolled .nav-prog{opacity:1}
.burger{display:none;position:relative;width:44px;height:44px;margin-right:-4px;border:0;background:none;cursor:pointer}
.burger i{position:absolute;left:13px;right:13px;height:1.5px;background:#fff;border-radius:1px;transition:transform .5s var(--expo)}
.burger i:first-child{top:18px}.burger i:last-child{top:25px}
.menu-open .burger i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .burger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;justify-content:space-between;padding:96px 20px 28px;background:rgba(0,0,0,.86);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;transition:opacity .4s var(--expo)}
.menu-open .menu{opacity:1}.menu-open{overflow:hidden}
.menu nav{display:grid}
.menu nav a{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:34px;font-weight:800;letter-spacing:-.04em;transform:translateY(18px);opacity:0;transition:transform .7s var(--expo) calc(var(--i)*45ms),opacity .5s calc(var(--i)*45ms)}
.menu-open .menu nav a{transform:none;opacity:1}
.menu nav small{font-size:11px;color:var(--gold);font-weight:400;letter-spacing:0}
.menu-f{display:grid;gap:14px}.menu-f>a.mono{font-size:13px;color:var(--sub)}.menu-f select{justify-self:start;font-size:13px;color:var(--sub);border:1px solid var(--line);border-radius:999px;padding:8px 14px}.menu-f .btn{width:100%}
@media (max-width:980px){.links,.nav-dev,.nav-lang{display:none}.burger{display:block}.nav .btn-s{margin-left:auto}}
@media (min-width:981px){.menu{display:none!important}}
@media (max-width:767px){.nav{height:52px;top:10px;padding-left:16px}.logo span{font-size:14px}}

/* 首屏：方案 A。桌面左文右团队；手机团队在上、文字在下 */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:112px 0 64px}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,80px)}
.hero-t{grid-column:1;grid-row:1;display:grid;justify-items:start;gap:0}
.hero .exhibit{grid-column:2;grid-row:1}
.eyebrow{font-size:13px;letter-spacing:.2em;color:var(--sub)}
.hero h1{margin-top:22px;font-size:clamp(38px,5vw,76px)}.hero h1 .ln{white-space:nowrap}
.cta{margin-top:40px}
.cta .btn{min-height:60px;padding:0 32px;font-size:17px}
.exhibit{position:relative;width:100%}
.team10{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 0}
.team10 .mate{display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(18px);animation:mateIn .9s var(--expo) forwards;animation-delay:calc(var(--i)*60ms + 200ms)}
@keyframes mateIn{to{opacity:1;transform:none}}
.team10 canvas{width:100%;height:auto;aspect-ratio:1}
.team10 .role{font-size:12px;line-height:1.25;letter-spacing:.02em;color:var(--sub);margin-top:-4px;text-align:center;overflow-wrap:anywhere;max-width:100%}
@media (max-width:767px){
  .hero{min-height:auto;padding:88px 0 56px}
  .hero-in{grid-template-columns:minmax(0,1fr);gap:28px}
  .hero-t{grid-row:auto;grid-column:1;justify-items:stretch}
  .hero .exhibit{grid-row:auto;grid-column:1}
  .team10 .role{font-size:11px}
  .hero .cta{width:100%}.hero .cta .btn{width:100%;min-height:58px;padding:0 22px;font-size:16px;white-space:normal}
  .hero .fine{text-align:left}
}

/* 01 你的痛点 → 解法：痛点灰色被划掉，绿色小标签 + 白色解法 */
.pain{padding:var(--sec) 0}
.pain-l{list-style:none;margin:56px 0 0;padding:0;border-top:1px solid var(--line)}
.pr{display:grid;grid-template-columns:56px minmax(0,1fr) 72px minmax(0,1.15fr);align-items:center;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}
.pr-n{font-size:12px;color:var(--ter)}
.pr-p{margin:0;font-size:clamp(18px,2vw,26px);line-height:1.35;color:var(--sub)}
.pr-s{background:linear-gradient(currentColor,currentColor) 0 55%/0 1.5px no-repeat;transition:background-size .9s var(--expo) calc(var(--i)*140ms + 200ms),color .6s ease calc(var(--i)*140ms + 600ms)}
.pr-a{height:1px;background:var(--line);position:relative;transform-origin:left;transform:scaleX(0);transition:transform .7s var(--expo) calc(var(--i)*140ms + 700ms)}
.pr-a::after{content:"";position:absolute;right:-1px;top:-3px;border:3.5px solid transparent;border-left:6px solid var(--ter)}
.pr-f{display:grid;gap:6px;opacity:0;transform:translateX(-12px);transition:opacity .7s ease calc(var(--i)*140ms + 900ms),transform .9s var(--expo) calc(var(--i)*140ms + 900ms)}
.pr-f p{margin:0;font-size:clamp(16px,1.6vw,20px);line-height:1.45;color:#fff;font-weight:600}
.pr-t{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.pain-l.on .pr-s{background-size:100% 1.5px;color:var(--ter)}
.pain-l.on .pr-a{transform:none}
.pain-l.on .pr-f{opacity:1;transform:none}
@media (max-width:767px){.pain-l{margin-top:32px}.pr{grid-template-columns:28px minmax(0,1fr);gap:8px 12px;padding:22px 0}.pr-a{display:none}.pr-f{grid-column:2}}

/* 02 蜗牛团队替你做功课：左边漏斗，右边五位研究员 */
.research{padding:var(--sec) 0}
.rs-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;margin-top:56px;align-items:start}
.rs-funnel{display:grid;gap:12px;padding:24px;border-radius:24px;background:var(--panel)}
.rs-say{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:16px;background:var(--well);color:#fff;font-size:16px;line-height:1.5}
.rs-say>.mono{font-size:11px;color:var(--ter);flex:none}
.rs-say p{margin:0}
.fn{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:16px;background:var(--well);clip-path:inset(0 100% 0 0);transition:clip-path .9s var(--expo) var(--d,0ms)}
.fn b{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1}
.fn span{font-size:13px;color:var(--sub)}
.fn1{width:100%}.fn2{width:78%;background:#2A2A31}.fn3{width:56%;background:var(--gold)}
.fn3 b,.fn3 span{color:#0A0A0B}
.rs-funnel.in .fn{clip-path:inset(0 0 0 0)}
.rs-team{padding:24px 26px;border-radius:24px;background:var(--panel)}
.rs-list{list-style:none;margin:0;padding:0}
.rs-list li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line);opacity:0;transform:translateX(16px);transition:opacity .6s ease var(--d,0ms),transform .8s var(--expo) var(--d,0ms)}
.rs-list li:first-child{border-top:0}
.rs-team.in .rs-list li{opacity:1;transform:none}
.rs-list canvas{width:44px;height:44px;border-radius:50%;background:var(--well)}
.rs-list b{display:block;font-size:15px;font-weight:600;line-height:1.4}
.rs-list small{display:block;font-size:12px;color:var(--ter);line-height:1.4}
.rs-list em{font-style:normal;font-size:14px;color:var(--ter);text-align:right;line-height:1.4}
.rs-list em.good{color:var(--gold)}
.rs-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 0;pointer-events:none;user-select:none}
.rs-act-say{font-size:13px;color:var(--ter);margin-right:4px}
.rs-chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--sub);cursor:default}
.rs-chip-y{color:#F5F5F7;border-color:rgba(255,255,255,.4)}
@media (max-width:900px){.rs-grid{grid-template-columns:minmax(0,1fr);gap:16px}}
@media (max-width:767px){.rs-list li{grid-template-columns:40px minmax(0,1fr);gap:4px 12px}.rs-list canvas{width:40px;height:40px;grid-row:span 2}.rs-list em{grid-column:2;text-align:left}.rs-team{padding:18px}.rs-funnel{padding:18px}.fn b{font-size:24px}}

/* 03 给蜗牛充能：三张档位卡，电量从 0 充到对应比例 */
.charge{padding:var(--sec) 0}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:56px}
.tier{display:grid;gap:14px;align-content:start;padding:26px;border-radius:24px;background:var(--panel);border:1px solid var(--line)}
.tier-on{border-color:var(--gold);background:rgba(184,245,61,.04)}
.tier-k{font-size:12px;letter-spacing:.06em;color:var(--ter)}
.tier-on .tier-k{color:var(--gold)}
.tier-p{font-size:clamp(22px,2.2vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-top:6px}
.tier p{font-size:14px;color:var(--sub)}
.bat{height:34px;padding:5px;border-radius:12px;border:1px solid var(--line);background:var(--bg)}
.bat i{display:block;height:100%;width:0;border-radius:7px;background:#3A3A42;transition:width 1.4s var(--expo) .3s}
.tier-on .bat i{background:var(--gold)}
.tiers.in .bat i{width:var(--p)}
.split{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:44px;font-size:12px;color:var(--ter)}
.split-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--line)}
.split-bar i{flex:80 0 0;background:#4A4A52}
.split-bar b{flex:20 0 0;background:var(--gold)}
@media (max-width:900px){.tiers{grid-template-columns:minmax(0,1fr);gap:12px}}
@media (max-width:767px){.split{grid-template-columns:minmax(0,1fr);gap:10px}}

/* 04 把目标锁进保险箱：左边三条规则，右边目标塔逐格点亮 */
.vault{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(40px,6vw,96px);align-items:center;padding:var(--sec) 0}
.vr{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--line)}
.vr li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;padding:20px 0;border-bottom:1px solid var(--line)}
.vr .mono{font-size:12px;color:var(--gold);padding-top:5px}
.vr b{display:block;font-size:17px;font-weight:600;line-height:1.4}
.vr p{font-size:14px;color:var(--sub);line-height:1.6;margin-top:2px}
.tower{padding:28px;border-radius:28px;background:var(--panel)}
.tw-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px;color:var(--gold)}
.tw-h b{font-size:clamp(22px,2.2vw,28px);color:#fff;font-weight:700;letter-spacing:-.02em}
.tw{list-style:none;margin:26px auto 0;padding:10px;border-radius:24px;border:1px solid var(--gold);display:grid;gap:8px;max-width:380px}
.tw li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--well);color:var(--sub);font-size:14px;transition:background .5s ease calc(var(--d,0)*180ms),color .5s ease calc(var(--d,0)*180ms)}
.tw li em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--ter)}
.tw .me{background:#3A3A42;color:#fff}
.tw .me em{color:#B0B0B8}
.tower.in .tw li.lit{background:rgba(184,245,61,.2);color:#fff}
.tower.in .tw li.lit em{color:var(--gold)}
.tower.in .tw li.hot{background:var(--gold);color:#0A0A0B}
.tower.in .tw li.hot em{color:#0A0A0B}
@media (max-width:900px){.vault{grid-template-columns:minmax(0,1fr);gap:48px}}
@media (max-width:767px){.tower{padding:20px}.tw{padding:8px}}

/* 05 最早一批参与好项目：时间条 + 正在首发 */
.live{padding:var(--sec) 0;border-top:1px solid var(--line)}
.big{font-size:min(calc((100vw - 96px)/6.9),184px);font-weight:700;letter-spacing:-.07em;line-height:1;white-space:nowrap;color:#fff}
.ticks{display:grid;grid-template-columns:1fr 2fr 1.1fr;margin-top:48px;font-size:12px;color:var(--ter)}
.ticks span{white-space:nowrap}
.ticks span:nth-child(1){grid-column:1;justify-self:start}
.ticks span:nth-child(2){grid-column:2;justify-self:start}
.ticks span:nth-child(3){grid-column:3;justify-self:end}
.ticks span:nth-child(4){grid-column:3;justify-self:end}
.flow{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 2fr 1.1fr;gap:6px}
.flow li{display:grid;align-content:start;gap:8px;min-height:116px;padding:18px 20px;border-radius:16px;background:var(--well)}
.flow li b{font-size:16px;font-weight:600;line-height:1.4}
.flow li span{font-size:13px;color:var(--sub);line-height:1.5}
.flow .f2{background:#2A2A31}
.flow .f3{background:var(--gold)}
.flow .f3 b,.flow .f3 span{color:#0A0A0B}
.flow .f3 span{color:rgba(10,10,11,.7)}
.flow i{display:none;font-style:normal;font-size:12px;color:var(--ter)}
.live-n{margin-top:48px;font-size:13px;color:var(--ter)}
.early{margin-top:56px}
.early h3{font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-.02em;margin:0 0 20px}
.early-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:900px){.early-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.early .note{padding:24px 28px;border:1px solid var(--line);border-radius:22px;color:var(--sub);font-size:15px}
.ec{display:grid;gap:14px;min-width:0;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}
.ec-h{display:flex;align-items:center;gap:14px;min-width:0}
.ec-h>div{display:grid;gap:4px;min-width:0}
.ec-h b{font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ec-h>div>span{font-size:13px;line-height:1.5;color:var(--sub);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ec-ic{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:var(--well);font-size:18px;font-weight:700;color:#fff}
.ec-ic img{width:100%;height:100%;object-fit:cover}
.ec-m{display:flex;justify-content:space-between;gap:12px;margin:0;font-size:13px;color:var(--sub)}
.ec-m b{font-size:15px;color:#fff}
.ec-p{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#fff}
.bar{height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}.bar i{display:block;height:100%;background:#fff}
.ec-bar i{background:var(--gold)}
.ec-b{display:flex;gap:10px}
.ec-b .btn{flex:1;min-height:48px;padding:0 16px;font-size:15px}
.board{margin-top:16px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#0A0A0C}
.board:empty{display:none}
.row{width:100%;display:grid;grid-template-columns:1fr 180px 200px 140px;align-items:center;gap:24px;padding:24px 28px;border:0;border-top:1px solid var(--line);background:none;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:background .3s}
.row:first-child{border-top:0}.row:hover{background:var(--panel)}
.row b{font-size:18px;font-weight:600}.row .s{font-size:13px;color:var(--sub)}
.row .t{text-align:right;font-family:var(--mono)}
.row.off{opacity:.45;cursor:default}
.board .note{padding:24px 28px;color:var(--sub);font-size:15px}.board .note strong{color:#fff}
.board details{border-top:1px solid var(--line)}.board summary{padding:18px 28px;cursor:pointer;color:var(--sub);font-size:14px}
@media (max-width:900px){.row{grid-template-columns:1fr auto;gap:8px 12px;padding:18px}.row .bar{grid-column:1/-1;order:3}.row .s{display:none}}
@media (max-width:767px){.big{font-size:calc((100vw - 32px)/6.9)}.ticks{display:none}.flow{grid-template-columns:minmax(0,1fr)}.flow li{min-height:0;grid-template-columns:auto;padding:16px 18px}.flow i{display:block}}

/* 06 和普通代币的区别：四张卡，底部深色条写普通代币 */
.compare{padding:var(--sec) 0}
.cmp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:56px}
.cmp-c{display:grid;grid-template-rows:1fr auto;min-width:0;border-radius:24px;background:var(--panel);overflow:hidden}
.cmp-top{display:grid;align-content:start;gap:14px;padding:28px 26px 30px}
.cmp-top>.mono{font-size:12px;color:var(--gold)}
.cmp-top h3{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.cmp-top p{font-size:15px;line-height:1.6;color:var(--sub)}
.cmp-f{display:grid;gap:4px;padding:18px 26px;background:var(--well)}
.cmp-f small{font-size:11px;color:var(--ter)}
.cmp-f span{font-size:14px;color:var(--ter)}
@media (max-width:1100px){.cmp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cmp-grid{grid-template-columns:minmax(0,1fr);gap:12px}}

/* 07 代币经济：左标题 + 三个数字；右分配条 + 七行；下面是十轮计算器 */
.econ{padding:var(--sec) 0}
.econ-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(40px,6vw,96px);align-items:center}
.econ-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:36px}
.econ-stats div{display:grid;gap:6px;padding:18px;border-radius:18px;background:var(--panel)}
.econ-stats b{font-size:clamp(22px,2.2vw,28px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.econ-stats span{font-size:12px;color:var(--ter);line-height:1.4}
.alloc{margin:0;padding:28px;border-radius:24px;background:var(--panel)}
.alloc figcaption{font-size:12px;letter-spacing:.08em;color:var(--ter)}
.abar{display:flex;height:10px;border-radius:5px;overflow:hidden;margin:18px 0 22px}
.abar i{flex:0 0 0%;height:100%;background:var(--c);transition:flex-basis 1.2s var(--expo) calc(var(--k)*90ms)}
.alloc.in .abar i{flex-basis:calc(var(--w)*1%)}
.legend{list-style:none;margin:0;padding:0;display:grid}
.legend li{display:grid;grid-template-columns:10px 56px minmax(0,1fr);gap:4px 12px;align-items:baseline;padding:12px 0;border-top:1px solid var(--line)}
.legend li:first-child{border-top:0}
.legend i{width:10px;height:10px;border-radius:3px;background:var(--c);align-self:center}
.legend b{font-size:14px;font-weight:600}
.legend span{font-size:15px;font-weight:600}
.legend em{grid-column:3;font-style:normal;font-size:12px;color:var(--ter);line-height:1.5}
.unlock{margin:64px 0 0;padding:28px;border-radius:24px;background:var(--panel)}
.unlock figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;letter-spacing:.08em;color:var(--ter);margin-bottom:20px}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:6px}
.calc-f{display:grid;gap:8px}.calc-f small{font-size:12px;color:var(--ter)}
.calc-f input[type=text]{width:100%;font:inherit;font-family:var(--mono);font-size:22px;font-weight:700;letter-spacing:-.02em;color:#fff;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:10px 14px;min-height:44px}
.calc-f input[type=text]:focus{border-color:#9A9AA3}
.calc-r{display:flex;align-items:center;gap:12px}.calc-r input{flex:1;min-width:0;accent-color:#B8F53D}
.calc-r b{font-size:20px;color:var(--gold);min-width:3ch;text-align:right}
.calc-n{margin:8px 0 0;font-size:12px;color:var(--ter)}
.readout{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.readout div{display:grid;gap:6px}.readout small{font-size:12px;color:var(--ter)}
.readout b{font-size:clamp(26px,2.6vw,38px);font-weight:700;letter-spacing:-.04em;line-height:1}
#cK,#cP,#cN{color:#fff}
#ustep{width:100%;height:auto;display:block;overflow:visible;margin-top:16px}
#ustep .ax{font-family:var(--mono);font-size:11px;fill:rgba(255,255,255,.4)}
#cRound{width:100%;margin:14px 0 6px;-webkit-appearance:none;appearance:none;height:44px;background:transparent;cursor:pointer}
#cRound::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#3A3A42}
#cRound::-moz-range-track{height:4px;border-radius:2px;background:#3A3A42}
#cRound::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#fff}
#cRound::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#fff}
.kline{margin:4px 0 6px;padding:14px 16px;border-radius:16px;border:1px solid var(--line)}
.kl-h,.kl-f{display:flex;justify-content:space-between;align-items:center;gap:12px}
.kl-h small,.kl-f small{font-size:12px;color:var(--ter)}
.kl-h b{font-size:15px;color:var(--gold)}
.kl-f b{font-size:13px;color:var(--ter);white-space:nowrap}.kl-f b.ok{color:var(--gold)}
.kl-c{position:relative;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:6px;height:64px;margin:12px 0 10px}
.kl-c i{display:block;border-radius:3px 3px 1px 1px;background:#3A3A42;transition:height .35s var(--expo),background .3s}
.kl-c i.ok{background:#B8F53D}
.kl-c s{position:absolute;left:-4px;right:-4px;height:0;border-top:1px dashed rgba(184,245,61,.8);text-decoration:none}
.ladder-w{margin:16px 0 4px;overflow-x:auto}
.ladder{width:100%;border-collapse:collapse;font-size:13px}
.ladder th{font-weight:400;font-size:11px;color:var(--ter);text-align:right;padding:8px 6px;border-bottom:1px solid var(--line);white-space:nowrap}
.ladder td{text-align:right;padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap;cursor:pointer;transition:background .3s,color .3s}
.ladder th:first-child,.ladder td:first-child{text-align:left}
.ladder tr.on td{color:var(--gold);background:rgba(184,245,61,.08)}
.ladder tr:hover td{background:rgba(255,255,255,.04)}
.ladder tr:focus-visible{outline:2px solid #9A9AA3}
@media (max-width:980px){.econ-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.alloc,.unlock{padding:20px;border-radius:20px}.readout b{font-size:24px}.calc{grid-template-columns:1fr}.ladder{font-size:12px}.ladder .opt{display:none}.calc-f input[type=text]{font-size:19px}.econ-stats{gap:8px}.econ-stats div{padding:14px}}

/* 08 风险 · 09 常见问题：左标题，右列表 */
.rf{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,96px);padding:var(--sec) 0 0;align-items:start}
.rf-faq{padding-top:var(--sec)}
.rf-link{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;font-size:14px;color:var(--sub);text-decoration:underline;text-underline-offset:4px}
.rf-link:hover{color:#fff}
.risk{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.risk li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.warn{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--red);color:var(--red);display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;font-family:var(--mono);line-height:1}
.risk b{display:block;font-size:17px;font-weight:600;line-height:1.4}
.risk span{display:block;font-size:13px;color:var(--ter);margin-top:2px}
.risk em{font-style:normal;font-size:12px;color:var(--ter)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:20px 0;font-size:clamp(16px,1.5vw,19px);font-weight:600;line-height:1.4}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;font-family:var(--mono);font-size:20px;color:var(--ter)}
.faq-item[open] summary::after{content:"−"}
.faq-a{padding-bottom:22px;color:var(--sub);max-width:760px;font-size:15px}.faq-a a{text-decoration:underline}
@media (max-width:900px){.rf{grid-template-columns:minmax(0,1fr);gap:28px}}
@media (max-width:767px){.risk li{grid-template-columns:24px minmax(0,1fr);gap:12px;padding:18px 0}.risk em{display:none}}

/* 终章 */
.end{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate}
.end-in{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;text-align:center}
.end h2{font-size:clamp(44px,7vw,112px)}
.end-sub{font-size:clamp(16px,1.6vw,20px);color:var(--sub)}
.end .btn{min-height:60px;padding:0 34px;font-size:17px}
.end-spiral{position:absolute;left:50%;top:55%;width:min(120vmin,1100px);height:auto;transform:translate(-50%,-50%);opacity:.22;pointer-events:none;animation:endTurn 90s linear infinite}
.end-spiral path{fill:none;stroke:#FF2E3B;stroke-width:46;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:endDraw 9s cubic-bezier(.2,.7,.2,1) infinite alternate}
@keyframes endTurn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes endDraw{to{stroke-dashoffset:0}}
.community-row{display:flex;gap:24px;font-size:14px;color:var(--sub)}.community-row a:hover{color:#fff}
.foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px 32px;flex-wrap:wrap;padding:28px 0 32px;border-top:1px solid var(--line);font-size:12px;color:var(--sub)}
.foot nav{display:flex;gap:20px;flex-wrap:wrap}.foot a:hover{color:#fff}
.foot nav a{display:inline-flex;align-items:center;min-height:44px}
.foot-brand{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600}
@media (max-width:767px){.end .btn{width:100%}.foot{flex-direction:column;align-items:flex-start}}

/* 项目弹层：原生 dialog（Esc、焦点由浏览器管） */
.pj{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;color:#fff}
.pj::backdrop{background:rgba(0,0,0,.7)}
.pj-in{position:absolute;left:50%;top:50%;width:min(520px,calc(100% - 32px));transform:translate(-50%,-46%);opacity:0;transition:transform .4s var(--expo),opacity .3s;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px;display:grid;gap:16px}
.pj.in .pj-in{transform:translate(-50%,-50%);opacity:1}
.pj-head{display:flex;justify-content:space-between;gap:16px}.pj-head h3{font-size:24px;margin-top:8px}
.pj-x{background:none;border:0;color:var(--sub);font-size:18px;cursor:pointer;min-width:44px;min-height:44px}
.pj .facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pj .facts div{display:grid;gap:4px;padding:14px;border-radius:14px;background:var(--well)}.pj .facts span{font-size:12px;color:var(--ter)}
.pj .btn{width:100%}
.pj .lede{color:var(--sub)}

@media (prefers-reduced-motion:reduce){
  .x *,.x *::before,.x *::after{animation:none!important;transition:none!important}
  .x [data-r],.x [data-split] .ln>span{opacity:1!important;transform:none!important}
  .x .team10 .mate{opacity:1!important;transform:none!important}
  .x .pain-l .pr-s,.x .pain-l .pr-a,.x .pain-l .pr-f,.x .fn,.x .rs-list li{transition:none!important}
}
@media (max-width:767px){.x .fn:nth-of-type(2){width:100%!important}.x .rs-funnel .fn:nth-last-child(2){width:88%!important}.x .rs-funnel .fn:last-child{width:76%!important}.x .fn span{font-size:12px}.x .vault{padding:72px 0}.x .vault .sub{margin-bottom:8px}}
.x .hero .btn{white-space:nowrap}
/* 被 .x figure / .x ol 的清零规则盖掉的内边距补回来 */
.x .tower{padding:28px}.x .tw{padding:10px}.x .alloc{padding:28px}.x .unlock{padding:28px}
@media (max-width:767px){.x .tower,.x .alloc,.x .unlock{padding:20px}.x .tw{padding:8px}}

/* ===== v4 打磨（2026-10-14）===== */
/* 首屏：高度收紧，按钮与小字留出呼吸 */
.x .hero{min-height:min(100svh,880px)}
.x .hero-t .cta + p,.x .hero-note{margin-top:14px}
/* 02 漏斗比例拉开、最后一条够宽；头像加一圈细线 */
.x .rs-funnel .fn1{width:100%}.x .rs-funnel .fn2{width:76%}.x .rs-funnel .fn3{width:56%;min-width:260px}
.x .fn3 span{color:#0A0A0B}
.x .rs-list canvas{width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--line)}
/* 03 电池加正极小头；分配说明用正文字体 */
.x .bat{position:relative;margin-right:8px}.x .bat::after{content:"";position:absolute;right:-7px;top:50%;width:4px;height:12px;margin-top:-6px;border-radius:0 3px 3px 0;background:var(--line)}
.x .split-k{font-size:13px;color:var(--ter);white-space:nowrap}.x .split-v{font-size:13px;color:var(--sub);white-space:nowrap}
/* 卡片悬停：只提亮描边，不加阴影 */
.x .tier,.x .cmp-c,.x .rs-funnel,.x .rs-team,.x .tower,.x .alloc,.x .ec{transition:border-color .3s ease}
@media (hover:hover){.x .tier:hover,.x .cmp-c:hover,.x .ec:hover{border-color:rgba(255,255,255,.22)}}
/* 标题字距统一收紧 */
.x h2{letter-spacing:-.035em}
.x .cmp-c,.x .tier{border:1px solid var(--line)}.x .tier-on{border-color:var(--gold)}
/* 05：去掉错位的上方刻度，时间写进每一段里；04 副句与规则列表拉开 */
.x .ticks{display:none}
.x .flow{margin-top:48px}
.x .flow li i{display:block;font-style:normal;font-size:12px;color:var(--ter);margin-bottom:10px}
.x .flow li.f3 i{color:rgba(10,10,11,.6)}
.x .flow li.f2 i{color:var(--sub)}
.x .live .fine{margin-top:18px}
.x .vault .sub{margin-bottom:12px}.x .vr{margin-top:36px}

/* ===== 转场与首屏登场（2026-10-14）===== */
/* 每节顶部一条细线随进入视口从左画到右，标题紧跟着升起：节与节之间有「翻页」感 */
.x main>section.wrap{position:relative}
.x main>section.wrap::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--expo)}
.x main>section.wrap.seen::before{transform:none}
.x main>section.wrap .idx{opacity:0;transform:translateX(-8px);transition:opacity .6s ease .2s,transform .8s var(--expo) .2s}
.x main>section.wrap.seen .idx{opacity:1;transform:none}
/* 首屏：蜗牛像拍合影一样一只只「站进来」，角色名随后逐字打出 */
.team10 .mate{transform:translateY(26px) scale(.9);animation:mateIn 1s var(--expo) forwards;animation-delay:calc(var(--i)*90ms + 250ms)}
@keyframes mateIn{to{opacity:1;transform:none}}
.team10 .role{clip-path:inset(0 100% 0 0);animation:roleType .6s steps(6,end) forwards;animation-delay:calc(var(--i)*90ms + 750ms)}
@keyframes roleType{to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion:reduce){.x main>section.wrap::before,.x main>section.wrap .idx{transition:none!important;transform:none!important;opacity:1!important}.team10 .role{clip-path:none!important;animation:none!important}}
/* 去掉提示小字后的排版收口 */
.x .rs-grid{margin-bottom:0}
.x .hero .cta{margin-top:36px}
/* 去掉章节编号后：标题直接作每节起点，节内上边距略收 */
.x main>section.wrap>h2:first-child,.x main>section.wrap>.vault-t>h2:first-child{margin-top:0}
.x .live .idx:empty{display:none}
/* 去掉所有列表编号后的栅格 */
.x .pr{grid-template-columns:minmax(0,1fr) 72px minmax(0,1.15fr)}
.x .vr li{grid-template-columns:minmax(0,1fr)}
.x .risk li{grid-template-columns:24px minmax(0,1fr)}
@media (max-width:767px){.x .pr{grid-template-columns:minmax(0,1fr)}.x .pr-f{grid-column:1}}
.x .pain-l{margin-top:56px}
/* 手机菜单（2026-10-14）：纯黑底不透出页面光斑；条目 24px、右侧箭头；外链小一号放在分隔线下 */
.x .menu{background:#0A0A0B;-webkit-backdrop-filter:none;backdrop-filter:none;padding:88px 20px calc(24px + env(safe-area-inset-bottom))}
.x .menu nav a{position:relative;align-items:center;justify-content:space-between;padding:18px 0;font-size:24px;font-weight:600;letter-spacing:-.01em}
.x .menu nav a::after{content:"";width:8px;height:8px;border-top:1.5px solid var(--ter);border-right:1.5px solid var(--ter);transform:rotate(45deg);margin-right:4px}
.x .menu nav a:has(i)::after{display:none}
.x .menu nav a i{font-style:normal;font-size:15px;color:var(--ter)}
.x .menu nav a[href^="/"],.x .menu nav a[href^="http"]{font-size:17px;font-weight:500;color:var(--sub);padding:14px 0}
.x .menu nav a[href="/about"]{margin-top:12px}
.x .menu-f{gap:12px}.x .menu-f .btn{min-height:56px}
/* 首屏合影：每只间隔约 0.5 秒 */
.team10 .mate{animation-delay:calc(var(--i)*500ms + 250ms)}
.team10 .role{animation-delay:calc(var(--i)*500ms + 750ms)}
.menu-open .x .nav .btn-p,.menu-open #nav .btn-p{visibility:hidden}

/* ===== 导航重构（2026-10-14）===== */
/* 桌面：整条贴顶，不再是浮起的胶囊；滚动后加一层底色和一根细线；当前板块下面一条绿线，不用白色胶囊 */
.x .nav{top:0;left:0;transform:none;width:100%;height:68px;border-radius:0;border:0;border-bottom:1px solid transparent;padding:0 max(24px,calc((100% - 1344px)/2));gap:6px;transition:background .3s,border-color .3s,transform .4s var(--expo)}
.x .nav.scrolled{background:rgba(10,10,11,.86);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.x .nav.hide{transform:translateY(-100%)}
.x .nav .links{margin:0 auto;background:none!important;border:0;gap:4px}
.x .nav .links a{position:relative;padding:22px 12px;color:var(--sub);font-size:14px}
.x .nav .links a.on{color:#fff}
.x .nav .links a::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:var(--gold);transform:scaleX(0);transition:transform .4s var(--expo)}
.x .nav .links a.on::after{transform:none}
.x .spy-pill{display:none}
.x .nav-prog{left:0;right:0;bottom:-1px;background:var(--gold);height:1px}
.x .nav-lang{border:0;padding:8px 6px;background:none;color:var(--sub);cursor:pointer}
.x .nav .btn-s{min-height:40px;padding:0 18px}
@media (max-width:980px){.x .nav{height:58px;padding:0 16px}.x .nav .btn-s{margin-left:auto;min-height:36px;padding:0 14px;font-size:13px}}
/* 手机菜单：每项一行标题 + 一行说明；外链两个并排；语言一排胶囊；底部一个主按钮 */
.x .menu{padding:76px 20px calc(20px + env(safe-area-inset-bottom));justify-content:flex-start;gap:28px;overflow-y:auto}
.x .menu nav a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:inherit;font-weight:400}
.x .menu nav a>span{display:grid;gap:2px}
.x .menu nav a b{font-size:22px;font-weight:600;letter-spacing:-.01em;color:#fff}
.x .menu nav a small{font-size:13px;color:var(--ter);font-weight:400}
.x .menu-ext{display:flex;gap:10px;padding-top:18px;opacity:0;transform:translateY(18px);transition:opacity .5s,transform .6s var(--expo);transition-delay:calc(var(--i)*40ms)}
.menu-open .x .menu-ext,.menu-open .menu-ext{opacity:1;transform:none}
.x .menu-ext a{flex:1;justify-content:center!important;padding:14px!important;border:1px solid var(--line)!important;border-radius:14px;font-size:15px!important;color:var(--sub)!important}
.x .menu-ext a::after{display:none}
.x .menu-f{margin-top:auto;display:grid;gap:14px}
.x .lang-chips{display:flex;flex-wrap:wrap;gap:8px}
.x .lang-chips a{padding:8px 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--sub)}
.x .lang-chips a[aria-current]{color:#0A0A0B;background:#fff;border-color:#fff}
.menu-open .nav{border-bottom-color:transparent!important;background:#0A0A0B!important}
.menu-open .nav-prog{opacity:0!important}
/* ===== 板块间距：标题上方留白收小，标题与说明、内容的距离统一 ===== */
.x{--sec:96px}
.x main>section.wrap::before{display:none}
.x main>section.wrap>h2,.x .vault-t>h2,.x .rf h2{margin:0}
.x main>section.wrap>h2+.sub,.x main>section.wrap .sub{margin-top:20px;max-width:640px}
@media (max-width:767px){.x{--sec:72px}.x .hero{justify-content:flex-start;padding-top:84px;min-height:auto;padding-bottom:56px}.x .pain-l{margin-top:36px}}
/* 角色名：匀速逐字出现，不再按 6 步切，避免停在半个字 */
.team10 .role{animation:roleType .5s linear forwards;animation-delay:calc(var(--i)*500ms + 750ms)}
.x .menu nav a{padding:12px 0}
.x .menu .menu-ext a{margin:0!important;min-height:48px;align-items:center}
.x .menu{gap:20px}
.x .rs-funnel .fn{white-space:nowrap}.x .rs-funnel .fn3{min-width:max-content;padding-right:24px}
/* 手机端收紧：充能档位改成横排紧凑卡、目标塔行高降低、流程卡间距统一 */
@media (max-width:767px){
.x .tiers{gap:10px}
.x .tier{display:grid;grid-template-columns:minmax(0,1fr) 96px;grid-template-areas:"k bat" "h bat" "p bat";align-items:center;gap:4px 16px;padding:18px 20px}
.x .tier>*:nth-child(1){grid-area:k}
.x .tier .bat{grid-area:bat;margin:0;width:96px}
.x .tier h3,.x .tier>b,.x .tier>strong{grid-area:h;margin:4px 0 0;font-size:20px}
.x .tier p{grid-area:p;margin:0}
.x .tw{gap:6px}.x .tw li{padding:11px 14px;font-size:13px}
.x .flow{gap:10px}
.x .split{flex-wrap:wrap;gap:10px}
}
/* 手机首屏：10 只蜗牛一行横滑，露出 3 只半提示可滑 */
@media (max-width:767px){
.x .team10{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 6px;scroll-padding:0 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 85%,transparent)}
.x .team10::-webkit-scrollbar{display:none}
.x .team10 .mate{flex:0 0 calc((100vw - 40px)/3.4);scroll-snap-align:start;animation-delay:calc(var(--i)*160ms + 200ms)}
.x .team10 .role{font-size:12px;animation-delay:calc(var(--i)*160ms + 600ms)}
}

/* 内盘与福袋（2026-10-14，两块都还没开放：即将开启，按钮禁用） */
.x .presale,.x .bag{padding:var(--sec) 0}
.x .ps-body{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:20px;margin-top:56px;align-items:start}
.x .ps-card{padding:32px;border-radius:28px;background:var(--panel);border:1px solid var(--line)}
.x .ps-h{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--sub)}
.x .ps-soon{font-size:13px;color:var(--gold);white-space:nowrap}
.x .ps-tiers{list-style:none;display:grid;gap:10px;margin-top:22px}
.x .ps-t{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:16px 18px;border-radius:16px;border:1px solid var(--line)}
.x .ps-next{border-color:var(--gold);background:rgba(184,245,61,.06)}
.x .ps-k{display:block;font-size:12px;color:var(--ter)}
.x .ps-p{display:block;font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.x .ps-st{font-size:13px;color:var(--ter);white-space:nowrap}
.x .ps-bar{grid-column:1/-1;height:4px;border-radius:4px;background:var(--well);overflow:hidden}
.x .ps-bar i{display:block;height:100%;width:0;border-radius:4px;background:var(--gold)}
.x .ps-note{margin-top:20px;font-size:13px;color:var(--ter)}
.x .ps-buy{display:grid;gap:18px;align-content:start}
.x .ps-bt{font-size:22px;font-weight:700;letter-spacing:-.02em}
.x .ps-in{display:grid;gap:10px;padding:18px 20px;border-radius:16px;background:var(--well)}
.x .ps-lbl{font-size:13px;color:var(--ter)}
.x .ps-row{display:flex;align-items:baseline;gap:10px}
.x .ps-row input{flex:1;min-width:0;background:none;border:0;padding:0;color:#fff;font:700 32px/1.2 var(--mono);font-variant-numeric:tabular-nums}
.x .ps-row input:focus-visible{border-radius:6px}
.x .ps-row b{font-size:15px;color:var(--sub)}
.x .ps-chips{display:flex;gap:8px;flex-wrap:wrap}
.x .ps-chips button{flex:1;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--sub);font:600 14px var(--sans);cursor:pointer}
.x .ps-kv{display:grid;gap:12px;margin:0}
.x .ps-kv div{display:flex;justify-content:space-between;gap:16px;font-size:14px}
.x .ps-kv dt{color:var(--ter)}
.x .ps-kv dd{margin:0;text-align:right;color:#fff}
.x .ps-gold{color:var(--gold)!important}
.x .ps-go{width:100%}
.x .ps-fine{font-size:12px;color:var(--ter);text-align:center}
.x .btn:disabled,.x .btn[aria-disabled="true"]{background:var(--well);color:var(--ter);border:1px solid var(--line);cursor:not-allowed;transform:none}
@media (max-width:900px){.x .ps-body{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.x .ps-card{padding:24px;border-radius:24px}.x .ps-p{font-size:20px}}

.x .bag{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.x .bag-stage{justify-self:center;width:min(560px,100%);height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;border-radius:32px;background:var(--panel);border:1px solid var(--line)}
.x .bag-art{width:240px;height:290px;border-radius:48px 48px 120px 120px;background:linear-gradient(180deg,#FF2E3B,#8E0E17);display:grid;place-items:center;color:#fff;font-size:64px;font-weight:700;letter-spacing:-.02em;animation:sisBagIdle 2.4s ease-in-out infinite}
@keyframes sisBagIdle{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.x .bag-art{animation:none}}
.x .bag-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 24px;list-style:none}
.x .bag-tags li{padding:6px 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--sub);white-space:nowrap}
.x .bag-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:40px}
.x .bag-stats div{display:grid;gap:4px;padding:20px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}
.x .bag-stats b{font-size:clamp(24px,2.6vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.x .bag-stats span{font-size:13px;color:var(--sub)}
.x .bag-buy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:28px}
.x .qty{display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:var(--well);border:1px solid var(--line)}
.x .qty button{width:44px;height:44px;border-radius:50%;border:0;background:none;color:#fff;font-size:20px;cursor:pointer}
.x .qty span{min-width:36px;text-align:center;font-size:16px;font-weight:700}
.x .bag-go{width:100%}
.x .bag-rules{display:grid;gap:10px;margin-top:28px;list-style:none;font-size:14px;color:var(--ter)}
.x .bag [hidden]{display:none!important}
.x .bag-sold{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;padding:22px 26px;border-radius:24px;background:var(--panel);border:1px solid var(--line)}
.x .bag-sold .tag{padding:6px 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--sub);white-space:nowrap}
.x .bag-sold p{flex:1 1 260px;font-size:16px;line-height:1.5;color:var(--ink)}
.x .bag-cap{margin-top:12px;font-size:13px;color:var(--ter)}
.x .bag-rules .bag-link a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media (max-width:900px){.x .bag{grid-template-columns:minmax(0,1fr);gap:48px}}
@media (max-width:767px){.x .bag-stage{width:100%;height:360px;gap:28px}.x .bag-stats{gap:8px}.x .bag-stats div{padding:14px}}
.x .ps-buy,.x .ps-in{grid-template-columns:minmax(0,1fr)}
.x .ps-row input{width:100%}
.x .ps-chips button{min-width:0;padding:0 8px}
.x .bag>*{min-width:0}
.x .bag-rules li{overflow-wrap:anywhere}
@media (max-width:767px){.x .bag-art{width:180px;height:218px;font-size:48px;border-radius:36px 36px 90px 90px}.x .bag-stats b{font-size:22px}}
/* 福袋手绘图：三帧抖动循环（约 8 帧/秒） */
.boil{position:relative}.boil img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;animation:boil .375s steps(1,end) infinite}.boil img:nth-child(2){animation-delay:-.25s}.boil img:nth-child(3){animation-delay:-.125s}@keyframes boil{0%,33.33%{opacity:1}33.34%,100%{opacity:0}}@media (prefers-reduced-motion:reduce){.boil img{animation:none}.boil img:first-child{opacity:1}}
.x .bag-art{background:none;border-radius:0;width:300px;height:360px}
@media (max-width:767px){.x .bag-art{width:220px;height:264px;background:none}}
/* 审查修复：示意按钮不用品牌红（红只给能点的）；手绘描边在深色底上加一圈淡亮边；手机上长语言的标题与漏斗允许换行 */
.x .boil img{filter:drop-shadow(0 0 1px rgba(245,245,247,.55)) drop-shadow(0 0 1px rgba(245,245,247,.35))}
@media (max-width:767px){
.hero h1 .ln{white-space:normal}
.x .rs-funnel .fn{white-space:normal}.x .rs-funnel .fn3{min-width:0;padding-right:18px}
.x .split-k,.x .split-v{white-space:normal}
}
.x .bag-gram{margin:12px 0 0;font-size:13px;color:var(--ter)}
.x .bag-total{margin:14px 0 0;font-size:14px;color:var(--sub)}
.x .bag-total b{font-size:16px;color:#F5F5F7}
/* 福袋文字栏（2026-10-15）：早鸟价卡、供应进度、两列清单 */
.x .bag-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
.x .bag-pc{display:grid;gap:6px;padding:20px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}
.x .bag-pc-a{border-color:#B8F53D}
.x .bag-pc p{margin:0;display:flex;align-items:baseline;gap:8px}
.x .bag-pc b{font-size:clamp(28px,3vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.x .bag-pc span{font-size:15px;color:var(--sub)}
.x .bag-pc small{font-size:13px;color:var(--sub);line-height:1.5}
.x .bag-note{margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--ter)}
.x .bag-meter{margin-top:28px;display:grid;gap:12px}
.x .bag-mh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px}
.x .bag-mh b{font-size:15px;font-weight:600;color:var(--ink)}
.x .bag-mh span{font-size:13px;color:var(--ter);text-decoration:underline dotted;text-underline-offset:4px}
.x .bag-mrow{display:grid;grid-template-columns:4.5em minmax(0,1fr) 7.5em;gap:12px;align-items:center;font-size:14px;color:var(--sub)}
.x .bag-ml{white-space:nowrap}
.x .bag-bar{position:relative;height:8px;border-radius:4px;background:var(--well)}
.x .bag-bar i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--f,0) * 100%);border-radius:4px;background:#B8F53D}
.x .bag-early{position:absolute;left:25%;bottom:14px;transform:translateX(-50%);font-style:normal;font-size:11px;color:var(--ter);white-space:nowrap}
.x .bag-early::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:8px;margin-top:2px;background:var(--ter)}
.x .bag-mv{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
.x .bag-mfine{margin:0;font-size:13px;line-height:1.6;color:var(--ter)}
.x .bag-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px}
.x .bag-lh{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--ink)}
.x .bag-lists .bag-rules{margin-top:8px}
.x .bag-odds{margin-top:12px;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:8px}
.x .bag-odds-t{width:100%;border-collapse:collapse;font-size:13px}
.x .bag-odds-t th,.x .bag-odds-t td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--line)}
.x .bag-odds-t th{color:var(--ter);font-weight:500;position:sticky;top:0;background:var(--bg, #fff)}
.x .bag-odds-t td.num{font-variant-numeric:tabular-nums}
.x .bag-link{margin:24px 0 0;font-size:14px}
.x .bag-link a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media (max-width:767px){.x .bag-lists{grid-template-columns:minmax(0,1fr);gap:24px}}
@media (max-width:767px){.x .bag-mrow{grid-template-columns:3.5em minmax(0,1fr) 6.5em;gap:8px;font-size:13px}}

/* 页脚：社区三张卡占满一行，在品牌和链接上面 */
.x .foot-community{flex:1 1 100%;align-self:stretch;width:100%;padding:8px 0 20px;border-bottom:1px solid var(--line);margin-bottom:4px}
.x .foot-community:empty{display:none}
/* 宽屏：福袋图和右侧文字顶端对齐，滚动时图片停在视野里 */
@media (min-width:901px){.x .bag{align-items:start}.x .bag-stage{position:sticky;top:96px}}

/* 官网收短（2026-10-16，v20 对比稿）：首屏改成标题→按钮→一排蜗牛；内盘、福袋先收起；导航 5 个；小字不低于 13px；终章螺旋不转 */
@media (max-width:767px){.x{--sec:64px}}
.x .legend em,.x .rs-list small,.x .cmp-f small,.x .kl-h small,.x .kl-f small,.x .calc-f small,.x .readout small,.x .ec-m{font-size:13px}
.x .end-spiral{animation:none}
.x .end-spiral path{animation:none;stroke-dashoffset:0}
@media (min-width:768px){
.x .hero-in{grid-template-columns:minmax(0,1fr)}
.x .hero-t{grid-column:1;grid-row:1}
.x .hero .exhibit{grid-column:1;grid-row:2;width:100%}
.x .hero h1{font-size:clamp(38px,6vw,84px)}
.x .team10{grid-template-columns:repeat(10,minmax(0,1fr))}
}

/* ===== v20（2026-10-16）：Chrome 式版面——大标题 → 一句话 → 一个大画面 → 一个按钮；间距 96 / 64 ===== */
.x .sec-cta{margin:40px 0 0}
/* 动效只留两种：数字滚动（home.js 的 data-roll）与面板滑出 280ms（.pj-in）；其余全部是终态 */
.x *,.x *::before,.x *::after{animation:none!important;transition:none!important}
.x .pj-in{transition:transform .28s var(--expo),opacity .28s!important}
.x [data-r],.x [data-split] .ln>span{opacity:1!important;transform:none!important}
.x main>section.wrap::before{transform:none!important}
.x main>section.wrap .idx{opacity:1!important;transform:none!important}
.x .team10 .mate,.x .team10 .role,.x .rs-list li,.x .menu nav a,.x .menu-ext{opacity:1!important;transform:none!important}
.x .team10 .role{clip-path:none!important}
.x .fn{clip-path:none!important}
.x .bat i{width:var(--p)}
/* 字号：说明与标注不小于 13px */
.x small,.x .idx,.x .chip,.x .fine,.x .illus,.x .split-k,.x .split-v,.x .tier-k,.x .tier p,.x .tw li,.x .flow li i,.x .ps-note,.x .ps-fine,.x .ps-k,.x .ps-st,.x .bag-mfine,.x .bag-ml,.x .bag-mh span,.x .calc-n,.x .readout small,.x .fn span,.x .tw-h,.x .pj .facts span,.x .rf-link,.x .foot nav a,.x .rs-act-say,.x .ec-m,.x .ec-p,.x .bag-mrow span,.x .bag-note,.x .bag-cap,.x .bag-total small,.x .ps-fine,.x .split,.x .kl-h,.x .kl-f,.x .ladder th,.x .ladder td,.x .calc-f small,.x .chip.gold{font-size:13px}

/* 福袋图：去掉抖动后只留第一张（静态） */
.x .boil img{opacity:0!important}.x .boil img:first-child{opacity:1!important}
/* 代币：一句话后面留出空隙再放分配图 */
.x .econ .alloc{margin-top:40px}
.x .role,.x .tw em,.x figcaption,.x .bag-early,.x .rs-say .mono,.x option,.x .foot em,.x .foot small,.x .foot span,.x .foot .mono,.x .cm small,.x .cm em,.x .cm span,.x .split-k,.x .split-v{font-size:13px}
#ustep .ax{font-size:13px}

/* Participation and contract disclosure use the existing site tokens. */
.x .participation{padding-top:56px;padding-bottom:56px;max-width:960px}
.x .participation p{font-size:15px;line-height:1.7;color:var(--sub);overflow-wrap:anywhere}
.x .participation h2{font-size:34px;line-height:1.2}
.x :is(button,select,summary,.btn){min-height:44px}
.x .hero .cta .btn,.x .end .btn,.x .btn-p{font-size:20px;font-weight:800}
.x :focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.x *, .x *::before,.x *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.x .hero-t{min-width:0}
.x .btn{max-width:100%;white-space:normal;line-height:1.3;text-align:center}
.x .hero .btn{white-space:normal}
.x .hero-t,.x .hero-t .cta{max-width:100%}