:root{--bg:#0a0a0b;--bg2:#111113;--card:#141416;--card2:#1a1a1d;--line:#26262b;--line2:#323238;--y:#F0B90B;--y2:#FCD535;--yd:#a57f06;--tx:#EAECEF;--mu:#9aa2ad;--mu2:#6b7280;--gr:#2ebd85;--rd:#f6465d;--r:14px;--maxw:1180px;
--fh:'Space Grotesk','Inter','Noto Sans TC','Noto Sans JP','PingFang TC','Hiragino Sans','Microsoft JhengHei',system-ui,sans-serif;
--fb:'Inter','Noto Sans TC','Noto Sans JP','PingFang TC','Hiragino Sans','Microsoft JhengHei','Segoe UI',system-ui,sans-serif;
--fm:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--fb);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(900px 500px at 85% -10%,rgba(240,185,11,.10),transparent 60%),radial-gradient(700px 400px at -10% 30%,rgba(240,185,11,.05),transparent 60%)}
a{color:var(--y);text-decoration:none}
a:hover{color:var(--y2)}
h1,h2,h3,h4{font-family:var(--fh);letter-spacing:-.01em;margin:0 0 .5em;line-height:1.2}
code,.mono{font-family:var(--fm);font-size:.9em}
main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:28px 20px 40px}
.nav{position:sticky;top:0;z-index:50;background:rgba(10,10,11,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{max-width:var(--maxw);margin:0 auto;height:64px;display:flex;align-items:center;gap:18px;padding:0 20px}
.brand{display:flex;align-items:center;gap:10px;color:var(--tx);font-family:var(--fh);font-weight:700;font-size:20px}
.brand img{height:40px;width:auto;filter:drop-shadow(0 0 10px rgba(240,185,11,.35))}
.brand:hover{color:var(--y2)}
.menu{display:flex;gap:4px;margin-left:18px}
.menu a{color:var(--mu);padding:8px 14px;border-radius:10px;font-weight:500;font-size:14.5px;transition:.2s}
.menu a:hover{color:var(--tx);background:var(--card)}
.menu a.on{color:var(--y);background:rgba(240,185,11,.08)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--tx);background:var(--card);transition:.2s}
.icon-btn:hover{border-color:var(--y);color:var(--y)}
.lang{position:relative}
.lang>button{height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--tx);font:500 13.5px var(--fb);display:flex;align-items:center;gap:6px;cursor:pointer}
.lang>button:hover{border-color:var(--y)}
.lang ul{position:absolute;right:0;top:44px;list-style:none;margin:0;padding:6px;background:var(--card);border:1px solid var(--line2);border-radius:12px;min-width:160px;box-shadow:0 12px 40px rgba(0,0,0,.5);display:none}
.lang.open ul{display:block}
.lang li button{width:100%;text-align:left;background:none;border:0;color:var(--tx);padding:9px 12px;border-radius:8px;font:500 14px var(--fb);cursor:pointer}
.lang li button:hover,.lang li button.on{background:rgba(240,185,11,.1);color:var(--y)}
.tabbar{display:none}
.foot{border-top:1px solid var(--line);font-size:12.5px;color:var(--mu2)}
.foot-in{max-width:var(--maxw);margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.foot-brand{display:flex;align-items:center;gap:6px;color:var(--mu)}
.foot-links{display:flex;gap:14px}
.foot-links a{color:var(--mu2)}
.foot-links a:hover{color:var(--y)}
.foot-copy{margin-left:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:12px;font:600 14.5px var(--fb);border:1px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap}
.btn-y{background:var(--y);color:#111}
.btn-y:hover{background:var(--y2);color:#111;transform:translateY(-1px);box-shadow:0 8px 24px rgba(240,185,11,.25)}
.btn-o{background:var(--card);border-color:var(--line2);color:var(--tx)}
.btn-o:hover{border-color:var(--y);color:var(--y)}
.btn-s{height:34px;padding:0 12px;font-size:13px;border-radius:9px}
.card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:var(--r);padding:22px}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sec{margin-top:56px}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.sec-h h2{font-size:28px;margin:0}
.sec-h p{margin:4px 0 0;color:var(--mu);max-width:640px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 12px var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--y);background:rgba(240,185,11,.08);border:1px solid rgba(240,185,11,.22);padding:6px 12px;border-radius:999px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--y);box-shadow:0 0 0 0 rgba(240,185,11,.6);animation:ping 1.8s infinite}
.dot.g{background:var(--gr);box-shadow:0 0 0 0 rgba(46,189,133,.6)}
.dot.r{background:var(--rd);animation:none}
.dot.m{background:var(--mu2);animation:none}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(240,185,11,.55)}70%{box-shadow:0 0 0 8px rgba(240,185,11,0)}100%{box-shadow:0 0 0 0 rgba(240,185,11,0)}}
.muted{color:var(--mu)}
.y{color:var(--y)}
/* hero */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-top:20px}
.hero h1{font-size:54px;font-weight:700;margin:18px 0 16px}
.hero h1 em{font-style:normal;color:var(--y);background:linear-gradient(90deg,var(--y),var(--y2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero .lead{font-size:17px;color:var(--mu);max-width:560px;margin:0 0 24px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.ca{margin-top:22px;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 8px 8px 14px;max-width:560px}
.ca .lbl{font:600 11px var(--fb);color:var(--y);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.ca code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tx);font-size:13.5px}
.ca-links{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--mu);border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:var(--bg2)}
.chip:hover{color:var(--y);border-color:var(--yd)}
.hero-art{position:relative;display:grid;place-items:center;min-height:420px}
.hero-art .dia{position:absolute;width:300px;height:300px;border:2px solid rgba(240,185,11,.18);transform:rotate(45deg);border-radius:28px;animation:spin 24s linear infinite}
.hero-art .dia.d2{width:400px;height:400px;border-color:rgba(240,185,11,.08);animation-duration:40s;animation-direction:reverse}
.hero-art .glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(240,185,11,.28),transparent 65%);filter:blur(10px)}
.hero-art img{position:relative;width:250px;height:auto;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}
@keyframes spin{to{transform:rotate(405deg)}}
@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(2deg)}}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:40px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.stat .k{font-size:12.5px;color:var(--mu);display:flex;align-items:center;gap:7px}
.stat .v{font:700 24px var(--fh);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat .v small{font-size:13px;color:var(--mu);font-weight:500}
.feat{display:flex;flex-direction:column;gap:10px}
.feat .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(240,185,11,.1);color:var(--y);border:1px solid rgba(240,185,11,.2)}
.feat h3{font-size:17px;margin:4px 0 0}
.feat p{margin:0;color:var(--mu);font-size:14px}
/* flow */
.flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:26px 10px;border-radius:18px;background:linear-gradient(180deg,#121214,#0d0d0e);border:1px solid var(--line);overflow:hidden}
.flow:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(240,185,11,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(240,185,11,.04) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 80%)}
.step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px;z-index:1}
.step .node{width:74px;height:74px;border-radius:20px;display:grid;place-items:center;background:#17171a;border:1.5px solid var(--line2);color:var(--y);position:relative;animation:lit 10s infinite;transform:rotate(0)}
.step .node svg{width:32px;height:32px}
.step .num{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--y);color:#111;font:700 12px var(--fh);display:grid;place-items:center}
.step h4{font-size:15px;margin:14px 0 4px}
.step p{font-size:12.5px;color:var(--mu);margin:0;line-height:1.5}
.step .tag{margin-top:8px;font:600 11px var(--fm);color:var(--y);background:rgba(240,185,11,.08);border:1px solid rgba(240,185,11,.2);padding:3px 8px;border-radius:6px}
.step:nth-child(1) .node{animation-delay:0s}.step:nth-child(2) .node{animation-delay:2s}.step:nth-child(3) .node{animation-delay:4s}.step:nth-child(4) .node{animation-delay:6s}.step:nth-child(5) .node{animation-delay:8s}
@keyframes lit{0%,16%{border-color:var(--y);box-shadow:0 0 0 6px rgba(240,185,11,.1),0 0 34px rgba(240,185,11,.35);background:#211c08;transform:scale(1.06)}22%,100%{border-color:var(--line2);box-shadow:none;background:#17171a;transform:scale(1)}}
.link{position:absolute;top:63px;height:2px;background:repeating-linear-gradient(90deg,rgba(240,185,11,.35) 0 6px,transparent 6px 12px);z-index:0}
.link i{position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--y);box-shadow:0 0 12px var(--y);animation:run 2s linear infinite}
@keyframes run{from{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 10px);opacity:0}}
.flow-split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.mini{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:center}
.mini b{font:700 22px var(--fh);color:var(--y);min-width:58px}
.mini span{font-size:13px;color:var(--mu)}
/* tokenomics */
.bar{height:14px;border-radius:999px;overflow:hidden;display:flex;background:var(--line);margin:14px 0 10px}
.bar>div{height:100%}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px;color:var(--mu)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px;vertical-align:-1px}
/* mint */
.page-h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.page-h h1{font-size:36px;margin:10px 0 6px}
.page-h p{margin:0;color:var(--mu);max-width:640px}
.phase{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font:600 13px var(--fb);border:1px solid var(--line2);background:var(--card)}
.prog-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.big{font:700 40px var(--fh);line-height:1}
.big small{font-size:16px;color:var(--mu);font-weight:500}
.pbar{height:16px;border-radius:999px;background:#202024;border:1px solid var(--line);overflow:hidden;margin:16px 0 6px;position:relative}
.pbar>div{height:100%;background:linear-gradient(90deg,var(--yd),var(--y),var(--y2));border-radius:999px;position:relative;min-width:0;transition:width .8s}
.pbar>div:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shine 2.2s infinite}
@keyframes shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.kv>div{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}
.kv .k{font-size:12px;color:var(--mu)}
.kv .v{font:600 17px var(--fh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd{display:flex;gap:8px}
.cd>div{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:58px;text-align:center}
.cd b{display:block;font:700 22px var(--fh);color:var(--y)}
.cd span{font-size:11px;color:var(--mu)}
table.dt{width:100%;border-collapse:collapse;font-size:14px}
table.dt td,table.dt th{padding:10px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.dt th{color:var(--mu);font-weight:500;width:44%;padding-right:12px}
table.dt td{font-weight:500;word-break:break-word}
table.dt tr:last-child td,table.dt tr:last-child th{border-bottom:0}
.addr{display:inline-flex;align-items:center;gap:6px;font-family:var(--fm);font-size:13px}
.copy{background:none;border:1px solid var(--line2);color:var(--mu);border-radius:7px;cursor:pointer;padding:3px 6px;display:inline-grid;place-items:center;transition:.2s}
.copy:hover{color:var(--y);border-color:var(--y)}
.feed{list-style:none;margin:0;padding:0;max-height:520px;overflow:auto}
.feed li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--line)}
.feed li.new{animation:flash 1.6s}
@keyframes flash{from{background:rgba(240,185,11,.16)}to{background:transparent}}
.av{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font:700 14px var(--fh);color:#111;background:linear-gradient(135deg,var(--y2),var(--yd))}
.who{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.who small{display:block;font-weight:400;color:var(--mu);font-size:12.5px}
.amt{text-align:right;font-size:13.5px;white-space:nowrap}
.amt b{font-family:var(--fh);color:var(--y)}
.amt small{display:block;color:var(--mu)}
.empty{text-align:center;color:var(--mu);padding:34px 10px}
.empty svg{opacity:.5;margin-bottom:8px}
.tabs{display:flex;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:5px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:1;white-space:nowrap;background:none;border:0;color:var(--mu);font:600 13.5px var(--fb);padding:9px 12px;border-radius:9px;cursor:pointer}
.tabs button.on{background:var(--card2);color:var(--y);box-shadow:inset 0 0 0 1px var(--line2)}
.steps{counter-reset:s;list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.steps>li{counter-increment:s;position:relative;padding-left:38px}
.steps>li:before{content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:8px;background:rgba(240,185,11,.12);color:var(--y);font:700 13px var(--fh);display:grid;place-items:center;border:1px solid rgba(240,185,11,.25)}
.steps>li>b{display:block;margin-bottom:6px}
pre.code{position:relative;margin:0;background:#070708;border:1px solid var(--line);border-radius:10px;padding:12px 44px 12px 14px;overflow-x:auto;font:13px/1.6 var(--fm);color:#d7dbe0;white-space:pre}
pre.code .c{color:#6b7280}
pre.code .copy{position:absolute;top:8px;right:8px;background:var(--card)}
.counter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 4px}
.counter label{font-size:13.5px;color:var(--mu)}
.seg{display:flex;flex-wrap:wrap;gap:4px}
.seg button{width:34px;height:32px;border-radius:8px;border:1px solid var(--line2);background:var(--bg2);color:var(--tx);font:600 13px var(--fh);cursor:pointer}
.seg button.on{background:var(--y);border-color:var(--y);color:#111}
.input{display:flex;gap:8px}
.input input{flex:1;min-width:0;height:44px;border-radius:12px;border:1px solid var(--line2);background:var(--bg2);color:var(--tx);padding:0 14px;font:500 14px var(--fb);outline:none}
.input input:focus{border-color:var(--y)}
.res{margin-top:12px}
.note{border-left:3px solid var(--y);background:rgba(240,185,11,.06);border-radius:0 10px 10px 0;padding:10px 14px;font-size:13.5px;color:#d9dce1;margin:12px 0}
.note.r{border-color:var(--rd);background:rgba(246,70,93,.06)}
.ok{color:var(--gr)}.bad{color:var(--rd)}
/* leaderboard */
.lb{width:100%;border-collapse:collapse;font-size:14px}
.lb th{font:500 12.5px var(--fb);color:var(--mu);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.lb td{padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}
.lb td.num,.lb th.num{text-align:right}
.lb tr:hover td{background:rgba(255,255,255,.015)}
.rank{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font:700 13px var(--fh);background:var(--bg2);border:1px solid var(--line2)}
.rank.r1{background:linear-gradient(135deg,#FCD535,#c99a06);color:#111;border:0}.rank.r2{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:#111;border:0}.rank.r3{background:linear-gradient(135deg,#f0a35e,#a0612c);color:#111;border:0}
.hname{display:flex;align-items:center;gap:10px;font-weight:600}
.hname .av{width:30px;height:30px;font-size:12px;border-radius:8px}
.lbl-ai{color:var(--tx)}
.lbl-ai i{font-style:normal;color:var(--y)}
/* docs */
.docs{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px;align-items:start}
.toc{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line);padding-left:4px}
.toc a{color:var(--mu);font-size:13.5px;padding:6px 12px;border-radius:8px;border-left:2px solid transparent;margin-left:-6px}
.toc a:hover,.toc a.on{color:var(--y);background:rgba(240,185,11,.06);border-left-color:var(--y)}
.doc section{scroll-margin-top:84px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--line)}
.doc section:last-child{border:0}
.doc h2{font-size:24px;display:flex;align-items:center;gap:10px}
.doc h2 .n{font:700 13px var(--fh);color:#111;background:var(--y);border-radius:7px;padding:2px 8px}
.doc h3{font-size:17px;margin-top:22px}
.doc p,.doc li{color:#c9cdd3}
.doc ul{padding-left:20px}
.doc li{margin:5px 0}
.doc strong{color:var(--tx)}
.doc table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}
.doc table th,.doc table td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
.doc table th{background:var(--bg2);color:var(--mu);font-weight:600}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--y);color:#111;font-weight:600;padding:10px 18px;border-radius:10px;opacity:0;transition:.25s;pointer-events:none;z-index:99}
.toast.show{opacity:1;transform:translate(-50%,0)}
.fade{animation:fadeup .45s ease both}
@keyframes fadeup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mt0{margin-top:0}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}
.hide-m{}
.only-m{display:none}
.sk{display:inline-block;width:70px;height:1em;border-radius:6px;background:linear-gradient(90deg,#1c1c20,#26262b,#1c1c20);background-size:200% 100%;animation:sk 1.2s infinite;vertical-align:middle}
@keyframes sk{to{background-position:-200% 0}}
@media (max-width:1020px){
 .hero{grid-template-columns:1fr;gap:10px}.hero-art{min-height:300px;order:-1}
 .hero-art img{width:180px}.hero-art .dia{width:220px;height:220px}.hero-art .dia.d2{width:290px;height:290px}
 .g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .docs{grid-template-columns:1fr}.toc{position:static;flex-direction:row;overflow-x:auto;border:0;gap:6px;padding:0 0 4px;scrollbar-width:none}
 .toc::-webkit-scrollbar{display:none}
 .toc a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;margin:0;padding:6px 12px}
 .toc a.on{border-color:var(--y)}
}
@media (max-width:760px){
 body{font-size:14px}
 main{padding:14px 14px 96px}
 .nav-in{height:56px;padding:0 14px;gap:8px}
 .brand img{height:34px}.brand{font-size:18px}
 .menu{display:none}
 .lang>button{height:34px;padding:0 10px;font-size:12.5px}
 .icon-btn{width:34px;height:34px}
 .tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;background:rgba(20,20,22,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line2);border-radius:18px;padding:6px;box-shadow:0 10px 40px rgba(0,0,0,.6)}
 .tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--mu);font-size:11px;font-weight:600;padding:6px 0;border-radius:12px}
 .tabbar a svg{width:21px;height:21px}
 .tabbar a.on{color:#111;background:var(--y)}
 .foot{padding-bottom:84px}
 .foot-in{justify-content:center;text-align:center;gap:6px 14px;padding:12px 14px}
 .foot-copy{margin-left:0;width:100%}
 .hero{padding-top:0}
 .hero-art{min-height:210px}.hero-art img{width:128px}.hero-art .dia{width:150px;height:150px;border-radius:20px}.hero-art .dia.d2{width:200px;height:200px}.hero-art .glow{width:200px;height:200px}
 .hero h1{font-size:31px;margin:12px 0 10px}
 .hero .lead{font-size:14.5px;margin-bottom:16px}
 .hero .eyebrow{font-size:10.5px}
 .cta .btn{flex:1}
 .ca{padding:6px 6px 6px 12px}.ca code{font-size:12px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}
 .stat{padding:12px}.stat .v{font-size:19px}.stat .k{font-size:11.5px}
 .sec{margin-top:36px}.sec-h h2{font-size:22px}.sec-h{margin-bottom:12px}.sec-h p{font-size:13.5px}
 .card{padding:16px;border-radius:12px}
 .g2,.g3,.g4{grid-template-columns:1fr}.grid{gap:10px}
 .g4.feats,.g3.feats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .feat .ic{width:36px;height:36px}.feat h3{font-size:14.5px}.feat p{font-size:12.5px}
 .flow{grid-template-columns:1fr;padding:18px 14px;gap:16px}
 .step{flex-direction:row;text-align:left;align-items:center;gap:14px;padding:0}
 .step .node{width:56px;height:56px;flex:none;border-radius:16px}
 .step .node svg{width:24px;height:24px}
 .step .num{width:20px;height:20px;font-size:11px}
 .step h4{margin:0 0 2px;font-size:14px}
 .step .tag{display:inline-block;margin-top:4px}
 .link{display:none}
 .vlink{display:block!important}
 .flow-split{grid-template-columns:1fr;gap:8px}
 .mini{padding:10px 12px}.mini b{font-size:18px;min-width:48px}
 .page-h{margin-bottom:14px}.page-h h1{font-size:26px;margin:8px 0 4px}.page-h p{font-size:13.5px}
 .big{font-size:30px}
 .kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .kv .v{font-size:15px}
 .cd>div{min-width:0;flex:1;padding:6px}.cd b{font-size:18px}.cd{width:100%}
 table.dt{font-size:13px}table.dt th{width:42%}
 .feed li{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;padding:10px 2px}
 .av{width:32px;height:32px;font-size:12px}
 .amt{font-size:12.5px}
 pre.code{font-size:11.5px;padding:10px 40px 10px 10px}
 .lb thead{display:none}
 .lb,.lb tbody,.lb tr,.lb td{display:block;width:100%}
 .lb tr{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line)}
 .lb td{padding:0;border:0;white-space:normal}
 .lb td.c-rank{grid-row:span 2}
 .lb td.c-name{min-width:0}.lb td.c-name .hname{min-width:0}.lb td.c-name .lbl-ai{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .lb td.c-earn{text-align:right;font-weight:700}
 .lb td.c-bal,.lb td.c-share{font-size:12px;color:var(--mu);text-align:left}
 .lb td.c-share{text-align:right}
 .lb td.c-claim{display:none}
 .lb td .mlabel{display:inline;color:var(--mu2);font-weight:400}
 .doc h2{font-size:20px}.doc h3{font-size:15.5px}
 .doc table{font-size:12.5px}
 .hide-m{display:none}
 .only-m{display:initial}
 .tabs button{font-size:12.5px;padding:8px 10px}
 .toast{bottom:96px}
}
@media (min-width:761px){.mlabel{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:1020px){#mgrid,#rgrid{grid-template-columns:minmax(0,1fr)!important}}
.grid>*,.hero>*,.docs>*,.card,.doc,.doc section{min-width:0}
@media (max-width:1020px){.hero,.docs{grid-template-columns:minmax(0,1fr)!important}}
.doc code{overflow-wrap:anywhere}
.tw{overflow-x:auto;max-width:100%}