:root{--ink:#2a2350;--ink-dim:#6e679a;--ink-faint:#a29cc4;--violet:#7b4dff;--magenta:#b44dff;--coral:#ff6b9d;--mint:#2fcba0;--sky:#4db8ff;--amber:#ff9f45;--glass:#ffffff94;--glass-line:#fffc;--disp:"Space Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif;--sans:-apple-system, "Space Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(58% 48% at 14% 8%,#e9deff 0%,#0000 60%),radial-gradient(50% 44% at 88% 12%,#d2fff0 0%,#0000 60%),radial-gradient(54% 50% at 84% 88%,#ffe0ea 0%,#0000 60%),radial-gradient(50% 50% at 16% 92%,#dbe6ff 0%,#0000 60%),#f7f3ff;min-height:100vh;line-height:1.6}.scene{animation:.5s both rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.scene,.orb,.holo,.spark{animation:none!important}}.wrap{max-width:520px;margin:0 auto;padding:0 22px}.pad{padding-bottom:104px}.orbwrap{place-items:center;display:grid;position:relative}.orb{filter:blur(26px);opacity:.9;background:conic-gradient(#c9b8ff,#a8c0ff,#b8f5e0,#ffe0b8,#ffb8de,#c9b8ff);border-radius:50%;animation:16s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.orb-core{background:radial-gradient(circle at 40% 35%,#fffffff2,#fff3 60%,#0000);border-radius:50%;position:absolute}.holo{font-family:var(--disp);background:linear-gradient(100deg,#7b4dff,#b44dff,#ff6b9d,#4db8ff,#7b4dff) 0 0/220%;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:7s linear infinite shim}@keyframes shim{to{background-position:220%}}h1,h2,h3{font-family:var(--disp);color:var(--ink);margin:0;font-weight:700;line-height:1.18}.eyebrow{font-family:var(--disp);letter-spacing:.24em;text-transform:uppercase;color:var(--violet);font-size:12px;font-weight:500}.muted{color:var(--ink-dim)}.voice{color:var(--ink);font-size:16.5px;line-height:1.7}.pill{font-family:var(--sans);cursor:pointer;background:linear-gradient(100deg, var(--violet), var(--magenta));color:#fff;border:0;border-radius:999px;align-items:center;gap:9px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 10px 26px #7b4dff57}.pill:hover{transform:translateY(-2px)}.pill.ghost{color:var(--violet);background:#ffffffb3;box-shadow:0 6px 18px #785ac824}.glass{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-line);border-radius:26px;padding:24px;box-shadow:0 14px 44px #785ac829}.chip{border:1px solid var(--glass-line);background:#ffffffa6;border-radius:18px;padding:13px 15px}.chip .k{font-family:var(--disp);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.tag{color:var(--violet);background:#7b4dff1f;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.spark{color:#fff;text-shadow:0 0 8px #b44dff99;animation:3s ease-in-out infinite tw;position:absolute}@keyframes tw{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.bar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff8c;justify-content:space-between;align-items:center;padding:16px 22px;display:flex;position:sticky;top:0}.brand{font-family:var(--disp);letter-spacing:.06em;align-items:center;gap:9px;font-weight:700;display:flex}.brand .d{background:conic-gradient(#c9b8ff,#b8f5e0,#ffb8de,#c9b8ff);border-radius:50%;width:20px;height:20px}.bal{color:var(--violet);cursor:pointer;background:#ffffffb3;border:0;border-radius:999px;padding:6px 13px;font-size:14px;font-weight:600}.av{color:#fff;width:34px;height:34px;font-weight:700;font-family:var(--disp);background:conic-gradient(from 30deg,#ffb8de,#c9b8ff,#b8f5e0);border-radius:50%;place-items:center;display:grid}.tabbar{z-index:40;padding:10px 8px calc(10px + env(safe-area-inset-bottom,0));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border-top:1px solid #fffc;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{cursor:pointer;color:var(--ink-faint);font-family:var(--sans);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .18s;display:flex}.tab svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.tab[aria-current=true]{color:var(--violet)}.tab[aria-current=true] .ic{background:linear-gradient(120deg, var(--violet), var(--magenta));border-radius:12px;margin:-5px;padding:5px}.tab[aria-current=true] svg{stroke:#fff}.tiles{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tile{cursor:pointer;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;padding:18px;transition:all .2s}.tile:hover{transform:translateY(-3px)}.tile h3{margin:8px 0 4px;font-size:17px}.dot{border-radius:50%;width:26px;height:26px}.deck{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.card{aspect-ratio:2/3.1;color:#fff;border-radius:16px;flex-direction:column;justify-content:flex-end;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #785ac838}.card .pos{font-family:var(--disp);letter-spacing:.1em;opacity:.85;text-transform:uppercase;font-size:10px}.card .nm{font-family:var(--disp);font-size:15px;font-weight:700}.card .st{opacity:.8;position:absolute;top:10px;right:12px}.pillars{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pillar{text-align:center;border:1px solid var(--glass-line);background:#ffffffa6;border-radius:16px;padding:14px 6px}.pillar .lab{color:var(--ink-dim);font-size:11px}.pillar .gz{font-family:var(--disp);background:linear-gradient(120deg, var(--violet), var(--coral));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:20px;font-weight:700}.elems{justify-content:space-between;gap:8px;margin-top:4px;display:flex}.elem{text-align:center;color:var(--ink-dim);flex:1;font-size:12px}.elem .bd{background:#7b4dff24;border-radius:6px;height:6px;margin-top:6px;overflow:hidden}.elem .bd i{border-radius:6px;height:100%;display:block}.ring{place-items:center;width:180px;height:180px;margin:0 auto;display:grid;position:relative}.ring .val{font-family:var(--disp);background:linear-gradient(100deg, var(--violet), var(--coral));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700}.dim{grid-template-columns:60px 1fr 30px;align-items:center;gap:12px;margin-top:9px;font-size:13px;display:grid}.dim .bar{background:#7b4dff24;border-radius:8px;height:8px;padding:0;display:block;position:static;overflow:hidden}.dim .bar i{background:linear-gradient(90deg, var(--violet), var(--coral));border-radius:8px;height:100%;display:block}.dim .v{font-family:var(--disp);color:var(--violet);text-align:right;font-weight:700}.footcap{text-align:center;color:var(--ink-faint);padding:24px 0 10px;font-size:12px}.lang{background:#ffffffb3;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.lang button{font-family:var(--sans);color:var(--ink-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .16s}.lang button[aria-current=true]{color:#fff;background:linear-gradient(100deg, var(--violet), var(--magenta))}.linkback{color:var(--ink-dim);cursor:pointer;font-size:13px;font-family:var(--sans);background:0 0;border:0;margin-bottom:10px;padding:0}