:root{--bg:#f6f8fb;--card:#fff;--ink:#1f2733;--muted:#66707d;--brand:#0b5fff;--brand2:#00b3a4;--line:#e6ebf1;--radius:14px;--pos:#12a150;--neg:#d64545}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.topnav{background:#fff;border-bottom:1px solid var(--line);padding:10px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.topnav .brand{font-weight:700;color:var(--ink);font-size:17px}
.topnav a{font-size:14px}
.wrap{max-width:1080px;margin:0 auto;padding:22px 16px 48px}
h2.sec{font-size:19px;margin:26px 0 12px;display:flex;align-items:center;gap:8px}
h2.sec::before{content:"";width:4px;height:18px;border-radius:2px;background:linear-gradient(var(--brand),var(--brand2))}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.scard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:block;color:var(--ink)}
.scard:hover{border-color:#c9d8f5;box-shadow:0 6px 16px rgba(20,40,80,.07);text-decoration:none}
.sname{font-weight:700;font-size:17px}
.smeta{color:var(--muted);font-size:12.5px;margin-top:2px}
.srow{display:flex;gap:24px;margin-top:8px;font-size:13px;color:var(--muted)}
.srow b{display:block;font-size:18px;color:var(--ink)}
.pos{color:var(--pos)!important}
.neg{color:var(--neg)!important}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-top:14px}
.panel label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}
.panel input,.panel select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;outline:none;background:#fff}
.btn{display:inline-block;background:linear-gradient(120deg,var(--brand),var(--brand2));color:#fff;border:none;padding:11px 22px;border-radius:999px;font-size:15px;cursor:pointer;margin-top:14px}
table.kv{width:100%;border-collapse:collapse}
table.kv td{padding:8px 10px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}
table.kv td.k{color:var(--muted);width:90px;white-space:nowrap}
table.ord td,table.rank td{white-space:nowrap}
.bigstats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:8px}
.bigstats div{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}
.bigstats span{color:var(--muted);font-size:12.5px;display:block}
.bigstats b{font-size:20px}
.chart{width:100%;height:320px}
.form{max-width:460px}
.token{display:block;background:#f2f7ff;border:1px dashed #bcd2ff;border-radius:8px;padding:10px 12px;word-break:break-all;margin-top:4px}
.muted{color:var(--muted);font-size:13px}
.steps li{margin:8px 0}
footer{border-top:1px solid var(--line);padding:20px 16px;text-align:center;color:var(--muted);font-size:13px;background:#fff}
@media(max-width:640px){.chart{height:250px}table.ord{display:block;overflow-x:auto}}