@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;700;900&display=swap";
:root{--font-ui:"Outfit", "Noto Sans TC", -apple-system, sans-serif;--font-num:"Space Grotesk", "Outfit", monospace;--font-zh:"Noto Sans TC", sans-serif;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:30px;--r-pill:999px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--ease-spring:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.18s;--dur-mid:.42s;--dur-slow:.8s;--glass-blur:24px;--glass-sat:1.7;--bg-0:#e6edf6;--bg-1:#eef3fa;--bloom-a:#50aaff6b;--bloom-b:#6ee1eb66;--bloom-c:#9682ff33;--text-1:#0c1420;--text-2:#0c14209e;--text-3:#0c142066;--accent:#1f7ae0;--accent-2:#12b3b3;--accent-soft:#1f7ae01f;--accent-line:#1f7ae047;--pos:#12a065;--neg:#e0445b;--glass-bg:linear-gradient(150deg, #ffffffb8, #ffffff70);--glass-bg-strong:linear-gradient(150deg, #ffffffdb, #ffffff9e);--glass-border:#ffffffe6;--glass-edge:inset 0 1px 0 #fffffff2;--glass-shadow:0 22px 50px -22px #285aa066;--glass-shadow-hover:0 30px 70px -24px #285aa08c;--hairline:#0c14201a;--hairline-soft:#0c14200f;--row-hover:#1f7ae00d;--input-bg:#ffffff8c;--input-border:#0c14201f;--fw-grad:linear-gradient(135deg, #1f7ae0, #12b3b3);--scrollbar:#0c14202e}.mode-dark{--glass-blur:18px;--glass-sat:1.2;--bg-0:#0a0c0e;--bg-1:#0e1114;--bloom-a:#2bd1c02e;--bloom-b:#5aa8ff1f;--bloom-c:#788ca01a;--text-1:#f2f5f6;--text-2:#ebf2f49e;--text-3:#ebf2f461;--accent:#2bd1c0;--accent-2:#5aa8ff;--accent-soft:#2bd1c024;--accent-line:#2bd1c057;--pos:#58d6a0;--neg:#ff6b7a;--glass-bg:linear-gradient(150deg, #ffffff12, #ffffff05);--glass-bg-strong:linear-gradient(150deg, #ffffff1c, #ffffff0a);--glass-border:#ffffff1c;--glass-edge:inset 0 1px 0 #ffffff1f;--glass-shadow:0 18px 48px -22px #000c;--glass-shadow-hover:0 26px 60px -22px #000000e6;--hairline:#ffffff17;--hairline-soft:#ffffff0d;--row-hover:#ffffff0a;--input-bg:#ffffff0a;--input-border:#ffffff1f;--fw-grad:linear-gradient(135deg, #2bd1c0, #1f9d92);--scrollbar:#ffffff29}@media (prefers-color-scheme:dark){.mode-auto{--glass-blur:18px;--glass-sat:1.2;--bg-0:#0a0c0e;--bg-1:#0e1114;--bloom-a:#2bd1c02e;--bloom-b:#5aa8ff1f;--bloom-c:#788ca01a;--text-1:#f2f5f6;--text-2:#ebf2f49e;--text-3:#ebf2f461;--accent:#2bd1c0;--accent-2:#5aa8ff;--accent-soft:#2bd1c024;--accent-line:#2bd1c057;--pos:#58d6a0;--neg:#ff6b7a;--glass-bg:linear-gradient(150deg, #ffffff12, #ffffff05);--glass-bg-strong:linear-gradient(150deg, #ffffff1c, #ffffff0a);--glass-border:#ffffff1c;--glass-edge:inset 0 1px 0 #ffffff1f;--glass-shadow:0 18px 48px -22px #000c;--glass-shadow-hover:0 26px 60px -22px #000000e6;--hairline:#ffffff17;--hairline-soft:#ffffff0d;--row-hover:#ffffff0a;--input-bg:#ffffff0a;--input-border:#ffffff1f;--fw-grad:linear-gradient(135deg, #2bd1c0, #1f9d92);--scrollbar:#ffffff29}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-ui);color:var(--text-1);background:var(--bg-1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background var(--dur-mid) var(--ease-soft), color var(--dur-mid) var(--ease-soft);overflow:hidden}:lang(zh-Hant),.zh{font-family:var(--font-zh)}.app-bg{z-index:0;pointer-events:none;background:radial-gradient(55% 50% at 82% 8%, var(--bloom-a), transparent 66%), radial-gradient(46% 46% at 8% 88%, var(--bloom-b), transparent 70%), radial-gradient(42% 42% at 60% 105%, var(--bloom-c), transparent 70%), var(--bg-1);transition:background var(--dur-slow) var(--ease-soft);position:fixed;inset:0}.app-bg:after{content:"";opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar);background-clip:padding-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-track{background:0 0}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-edge);border-radius:var(--r-lg)}.glass-strong{background:var(--glass-bg-strong)}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.01em}#root{z-index:1;height:100vh;position:relative}.shell{height:100vh;display:flex}.sidebar{width:248px;padding:var(--s6) var(--s5);gap:var(--s8);margin:var(--s4) 0 var(--s4) var(--s4);height:calc(100vh - var(--s8));z-index:5;flex-direction:column;flex:none;display:flex;position:relative}.brand{align-items:center;gap:var(--s3);padding:0 var(--s2);display:flex}.brand .mark{background:var(--fw-grad);color:#fff;width:42px;height:42px;box-shadow:0 8px 22px -6px var(--accent);border-radius:13px;flex:none;place-items:center;font-size:21px;display:grid}.brand .bt{font-size:16px;font-weight:700;line-height:1.1}.brand .bs{color:var(--text-3);font-size:11px;font-family:var(--font-num);letter-spacing:.08em}.nav{gap:var(--s1);flex-direction:column;display:flex}.nav-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);padding:0 var(--s3) var(--s2);font-size:11px;font-family:var(--font-num)}.nav-item{align-items:center;gap:var(--s3);padding:11px var(--s3);border-radius:var(--r-sm);color:var(--text-2);cursor:pointer;transition:color var(--dur-fast) var(--ease-soft), background var(--dur-fast) var(--ease-soft);border:1px solid #0000;font-size:14.5px;font-weight:500;display:flex;position:relative}.nav-item .ico{opacity:.85;flex:none;width:19px;height:19px}.nav-item:hover{color:var(--text-1);background:var(--row-hover)}.nav-item.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.mode-dark .nav-item.active,.mode-auto .nav-item.active{color:var(--text-1)}.nav-item.active .ico{opacity:1;color:var(--accent)}.nav-item .badge{font-family:var(--font-num);color:var(--text-3);margin-left:auto;font-size:11px}.sidebar-foot{gap:var(--s4);flex-direction:column;margin-top:auto;display:flex}.theme-switch{border-radius:var(--r-pill);gap:3px;padding:4px;display:flex}.theme-switch button{cursor:pointer;border-radius:var(--r-pill);color:var(--text-3);font-family:var(--font-ui);transition:all var(--dur-fast) var(--ease-soft);background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 0;font-size:12px;font-weight:600;display:flex}.theme-switch button.on{background:var(--glass-bg-strong);color:var(--text-1);box-shadow:var(--glass-edge), 0 4px 12px -6px #0000004d}.theme-switch button svg{width:14px;height:14px}.main{min-width:0;height:100vh;padding:var(--s8) var(--s10) var(--s12);flex:1;overflow-y:auto}.main-inner{max-width:1240px;margin:0 auto}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--s6);margin-bottom:var(--s8);flex-wrap:wrap;display:flex}.page-head .ph-kick{font-family:var(--font-num);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s2);font-size:12px}.page-head h1{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.1}.page-head .ph-sub{color:var(--text-2);margin-top:6px;font-size:14px}.btn{align-items:center;gap:var(--s2);cursor:pointer;font-family:var(--font-ui);border-radius:var(--r-pill);transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-soft), filter var(--dur-fast);white-space:nowrap;border:1px solid #0000;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--fw-grad);color:#fff;box-shadow:0 12px 28px -10px var(--accent)}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 16px 34px -10px var(--accent)}.btn-ghost{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-edge)}.btn-ghost:hover{background:var(--glass-bg-strong)}.btn[disabled]{opacity:.6;pointer-events:none}.btn .spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.seg{border-radius:var(--r-pill);gap:3px;padding:4px;display:inline-flex}.seg button{cursor:pointer;color:var(--text-2);font-family:var(--font-ui);border-radius:var(--r-pill);transition:all var(--dur-fast) var(--ease-soft);white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.seg button.on{background:var(--glass-bg-strong);color:var(--text-1);box-shadow:var(--glass-edge), 0 4px 12px -6px #00000040}.seg .av-dot{color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid}.stat{padding:var(--s6);transition:transform var(--dur-mid) var(--ease-spring), box-shadow var(--dur-mid) var(--ease-soft);position:relative;overflow:hidden}.stat:hover{box-shadow:var(--glass-shadow-hover), var(--glass-edge);transform:translateY(-4px)}.stat .st-top{margin-bottom:var(--s5);justify-content:space-between;align-items:center;display:flex}.stat .st-label{color:var(--text-2);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.stat .st-ico{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.stat .st-ico svg{width:17px;height:17px}.stat .st-val{font-family:var(--font-num);letter-spacing:-.03em;font-size:38px;font-weight:600;line-height:1}.stat .st-val .unit{color:var(--text-2);margin-left:4px;font-size:18px;font-weight:500}.stat .st-foot{margin-top:var(--s4);align-items:center;gap:8px;font-size:13px;display:flex}.stat.hl .st-val{background:var(--fw-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.stat.hl:before{content:"";background:radial-gradient(60% 80% at 100% 0%, var(--accent-soft), transparent 70%);pointer-events:none;position:absolute;inset:0}.delta{font-weight:600;font-family:var(--font-num);align-items:center;gap:3px;display:inline-flex}.delta.up{color:var(--pos)}.delta.down{color:var(--neg)}.delta-note{color:var(--text-3)}.card-title{margin-bottom:var(--s5);justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.card-title h3{letter-spacing:-.01em;font-size:16px;font-weight:600}.card-title .ct-sub{color:var(--text-3);font-size:12.5px}.barchart{padding:var(--s6)}.bc-rows{align-items:flex-end;gap:var(--s4);height:200px;padding-top:var(--s4);display:flex}.bc-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:10px;height:100%;display:flex}.bc-bar-wrap{align-items:flex-end;width:100%;max-width:46px;height:100%;display:flex}.bc-bar{width:100%;height:0;transition:height 1.1s var(--ease-spring);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:9px 9px 4px 4px;position:relative}.bc-bar.fw{background:var(--fw-grad);box-shadow:0 0 24px -2px var(--accent);border:0}.bc-bar .bv{font-family:var(--font-num);white-space:nowrap;opacity:0;color:var(--text-2);font-size:11px;font-weight:600;transition:opacity .4s .9s;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.bc-bar.fw .bv{color:var(--accent)}.bc-col.show .bv{opacity:1}.bc-tag{flex-direction:column;align-items:center;gap:2px;display:flex}.bc-tag .code{font-family:var(--font-num);color:var(--text-2);font-size:12px;font-weight:600}.bc-col.fw .bc-tag .code{color:var(--accent)}.linechart{padding:var(--s6)}.lc-svg{width:100%;height:200px;display:block;overflow:visible}.lc-area{transition:opacity .9s}.lc-path{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 1.4s var(--ease-out) forwards}@keyframes draw{to{stroke-dashoffset:0}}.lc-dot{fill:var(--accent);opacity:0;animation:.3s forwards dotin}.lc-axis{font-family:var(--font-num);fill:var(--text-3);font-size:10px}.lc-grid{stroke:var(--hairline-soft);stroke-width:1px}@keyframes dotin{to{opacity:1}}.hbar-row{align-items:center;gap:var(--s4);grid-template-columns:96px 1fr 52px;margin-bottom:14px;display:grid}.hbar-row .hb-label{color:var(--text-2);font-size:13px}.hbar-track{background:var(--hairline);border-radius:99px;height:9px;overflow:hidden}.hbar-fill{background:var(--fw-grad);width:0;height:100%;transition:width 1s var(--ease-spring);border-radius:99px}.hbar-row .hb-val{font-family:var(--font-num);text-align:right;color:var(--text-1);font-size:12.5px;font-weight:600}.ag-row{align-items:center;gap:var(--s3);grid-template-columns:1fr 56px 1fr;margin-bottom:11px;display:grid}.ag-bar{height:16px;display:flex}.ag-bar.left{justify-content:flex-end}.ag-fill{width:0;height:100%;transition:width .9s var(--ease-spring);border-radius:5px}.ag-fill.m{background:var(--accent);border-radius:5px 0 0 5px}.ag-fill.f{background:var(--accent-2);border-radius:0 5px 5px 0}.ag-label{text-align:center;font-family:var(--font-num);color:var(--text-2);font-size:12px}.table-wrap{padding:var(--s5) var(--s6) var(--s6);overflow-x:auto}table.dt{border-collapse:collapse;width:100%}table.dt th{text-align:right;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;padding:0 var(--s4) var(--s4);white-space:nowrap;font-size:11.5px;font-weight:600;font-family:var(--font-num)}table.dt th:first-child,table.dt td:first-child,table.dt th.l,table.dt td.l{text-align:left}table.dt td{padding:var(--s4);border-top:1px solid var(--hairline-soft);text-align:right;white-space:nowrap;font-size:14px}table.dt tbody tr{transition:background var(--dur-fast) var(--ease-soft)}table.dt tbody tr:hover{background:var(--row-hover)}table.dt tbody tr.fw-row,table.dt tbody tr.fw-row:hover,table.dt tbody tr.cur td{background:var(--accent-soft)}.rank{font-family:var(--font-num);color:var(--text-3);font-size:13px;font-weight:700}.rank.top{color:var(--accent)}.team-cell{align-items:center;gap:var(--s3);display:flex}.avatar{color:#fff;width:34px;height:34px;font-size:12px;font-weight:700;font-family:var(--font-num);border-radius:11px;flex:none;place-items:center;display:grid}.team-cell .tn{flex-direction:column;line-height:1.15;display:flex}.team-cell .tn .code{font-size:14px;font-weight:700}.team-cell .tn .full{color:var(--text-3);font-size:11.5px}.vlist{flex-direction:column;display:flex}.vrow{gap:var(--s4);padding:var(--s4) var(--s2);border-top:1px solid var(--hairline-soft);transition:background var(--dur-fast);border-radius:10px;grid-template-columns:1fr auto;align-items:center;display:grid}.vrow:hover{background:var(--row-hover)}.vrow .vt{margin-bottom:4px;font-size:14px;font-weight:500}.vrow .vd{color:var(--text-3);font-size:12px;font-family:var(--font-num)}.vstats{gap:var(--s5);display:flex}.vstat{flex-direction:column;align-items:flex-end;min-width:56px;display:flex}.vstat .vsv{font-family:var(--font-num);font-size:14px;font-weight:600}.vstat .vsl{color:var(--text-3);margin-top:2px;font-size:10.5px}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--text-2);font-size:12.5px;font-weight:500}.input-wrap{position:relative}.input{width:100%;font-family:var(--font-num);padding:13px var(--s4);border-radius:var(--r-sm);color:var(--text-1);background:var(--input-bg);border:1px solid var(--input-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft);outline:none;font-size:16px;font-weight:500}.input::placeholder{color:var(--text-3);font-weight:400}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), 0 0 22px -6px var(--accent)}.toast-host{bottom:var(--s8);z-index:100;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--s3);border-radius:var(--r-pill);background:var(--glass-bg-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);box-shadow:var(--glass-shadow), var(--glass-edge);color:var(--text-1);animation:toastin .5s var(--ease-spring);padding:13px 20px;font-size:14px;font-weight:500;display:flex}.toast.out{animation:toastout .4s var(--ease-soft) forwards}.toast .tk{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.toast .tk.ok{background:var(--pos);color:#fff}.toast .tk.info{background:var(--accent);color:#fff}@keyframes toastin{0%{opacity:0;transform:translateY(24px)scale(.94)}}@keyframes toastout{to{opacity:0;transform:translateY(16px)scale(.96)}}.grid-3{gap:var(--s5);grid-template-columns:repeat(3,1fr);display:grid}.grid-2{gap:var(--s5);grid-template-columns:1fr 1fr;display:grid}.mb-section{margin-bottom:var(--s8)}.section-title{letter-spacing:.04em;color:var(--text-2);margin-bottom:var(--s4);align-items:center;gap:var(--s3);text-transform:uppercase;font-size:13px;font-weight:700;font-family:var(--font-num);display:flex}.section-title .line{background:var(--hairline);flex:1;height:1px}.section-title .pf{background:var(--accent);border-radius:2px;width:7px;height:7px}.page{animation:pagein .55s var(--ease-out)}@keyframes pagein{0%{transform:translateY(14px)}}.stagger>*{animation:staggerIn .6s var(--ease-out)}@keyframes staggerIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.stagger>:first-child{animation-delay:20ms}.stagger>:nth-child(2){animation-delay:80ms}.stagger>:nth-child(3){animation-delay:.14s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.26s}.stagger>:nth-child(6){animation-delay:.32s}.skel{background:linear-gradient(90deg, var(--hairline-soft), var(--hairline), var(--hairline-soft));background-size:200% 100%;border-radius:8px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}@media (max-width:980px){.grid-3,.grid-2{grid-template-columns:1fr}.main{padding:var(--s6) var(--s5) var(--s10)}}@media (max-width:820px){.shell{flex-direction:column}.sidebar{width:auto;height:auto;margin:var(--s3);align-items:center;gap:var(--s4);flex-direction:row;overflow-x:auto}.nav{flex-direction:row}.nav-label{display:none}.sidebar-foot{flex-direction:row;margin:0 0 0 auto}}.legal{max-width:760px;padding:var(--s12) var(--s6);height:100vh;margin:0 auto;overflow-y:auto}.legal a.back{color:var(--accent);font-size:13px;font-family:var(--font-num);text-decoration:none}.legal h1{margin:var(--s5) 0 6px;letter-spacing:-.02em;font-size:28px;font-weight:700}.legal h2{margin:var(--s8) 0 var(--s3);color:var(--accent);font-size:17px;font-weight:600}.legal p,.legal li{color:var(--text-2);font-size:14px;line-height:1.9}.legal ul{margin:0 0 0 20px}.legal .muted{color:var(--text-3);margin-bottom:var(--s5);font-size:13px;font-family:var(--font-num)}.modal-overlay{z-index:200;padding:var(--s5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;place-items:center;animation:.2s fadein;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:400px;padding:var(--s8);text-align:center;animation:modalin .35s var(--ease-spring)}.modal-ico{width:50px;height:50px;margin:0 auto var(--s4);background:var(--accent-soft);color:var(--accent);border-radius:15px;place-items:center;display:grid}.modal-ico svg{width:25px;height:25px}.modal h3{margin-bottom:var(--s3);font-size:18px;font-weight:700}.modal p{color:var(--text-2);margin-bottom:var(--s6);font-size:14px;line-height:1.85}.modal-actions{gap:var(--s3);justify-content:center;display:flex}@keyframes fadein{0%{opacity:0}}@keyframes modalin{0%{opacity:0;transform:translateY(14px)scale(.95)}}