:root{--ground:#f2f5fa;--surface:#fff;--surface-2:#fafafb;--surface-3:#eef0f3;--track:#edeff2;--seg-bg:#eef0f3;--text:#1a1d23;--text-2:#5a616e;--text-3:#8a909c;--muted:#5a616e;--placeholder:#8a909c;--ink:#e7e9ed;--ink-strong:#d8dce2;--on-accent:#fff;--line:#e7e9ed;--line-2:#e7e9ed;--line-3:#d8dce2;--dash:#b6bcc6;--sh-sm:0 1px 2px #1018280d;--sh:0 1px 3px #10182814, 0 1px 2px #1018280a;--sh-md:0 6px 16px -6px #1018281f, 0 2px 6px -3px #10182812;--sh-lg:0 16px 40px -12px #1018282e;--ring:0 0 0 3px #e5484d2e;--r-sm:8px;--r:10px;--r-md:12px;--r-lg:16px;--son:#e5484d;--son-hover:#ce3b40;--son-text:#c62a2f;--son-mid:#ff9a90;--son-soft:#fef2f2;--son-line:#f2c7c2;--ngoc:#16a34a;--ngoc-hover:#15803d;--green:#16a34a;--green-text:#15803d;--ngoc-soft:#f0fdf4;--ngoc-faint:#f0fdf4;--bo:#d97706;--bo-soft:#fffbeb;--bo-hl:#fef08a;--bo-paper:#fffdf5;--bo-dot:#eadfa8;--warn-text:#b45309;--troi:#eff6ff;--troi-mid:#8fc1ff;--blue:#2563eb;--blue-text:#1d4ed8;--troi-dot:#d4e4fb;--tim:#f5f3ff;--tim-mid:#c9b8ff;--tim-pick:#ede9fe;--dao:#fff7ed;--bad:#dc2626;--bad-text:#dc2626;--focus:#e5484d;--lv1:#f0fdf4;--lv2:#eff6ff;--lv3:#fffbeb;--lv4:#f5f3ff;--lv5:#fff1f2;--lv6:#fff7ed;--hsk1:#16a34a;--hsk2:#2563eb;--hsk3:#d97706;--hsk4:#7c3aed;--hsk5:#e11d48;--hsk6:#ea580c;--t1:#c62a2f;--t2:#b45309;--t3:#15803d;--t4:#1d4ed8;--t5:#6b7280;--q0:#eef0f3;--q1:#dbe4fa;--q2:#a9c2f3;--q3:#6e9bea;--q4:#3b74e0;--chart:#6e9bea;--font-ui:"Be Vietnam Pro", system-ui, "Segoe UI", sans-serif;--font-display:"Be Vietnam Pro", system-ui, sans-serif;--font-hz:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-hz-serif:"Noto Serif SC", "Songti SC", "SimSun", serif;--font-hz-kai:"Ma Shan Zheng", "KaiTi", "STKaiti", serif;--font-brush:"Ma Shan Zheng", "Noto Serif SC", "KaiTi", serif;--hz-scale:1}html[data-hz-size=s]{--hz-scale:.85}html[data-hz-size=l]{--hz-scale:1.18}html[data-hz-font=serif]{--font-hz:var(--font-hz-serif)}html[data-hz-font=kai]{--font-hz:var(--font-hz-kai)}html[data-theme=dark]{--ground:#101218;--surface:#1a1d25;--surface-2:#222632;--surface-3:#2a2f3c;--track:#2f3441;--seg-bg:#252a35;--text:#f2f5fa;--text-2:#c9cfdb;--text-3:#9aa3b2;--muted:#9aa3b2;--placeholder:#8790a0;--ink:#2c313d;--ink-strong:#3a4150;--line:#2c313d;--line-2:#2a2f3b;--line-3:#3a4150;--dash:#566074;--son-soft:#43221f;--son-line:#7a3a33;--ngoc-soft:#16281f;--ngoc-faint:#16281f;--green-text:#8fe3b5;--bo-soft:#332b13;--bo-paper:#2a2512;--bo-dot:#5a4c1c;--warn-text:#ffd98a;--troi:#1c2738;--troi-dot:#33476a;--blue-text:#a9c4ff;--tim:#241f36;--tim-pick:#2e2747;--dao:#33281c;--bad-text:#ffb4aa;--lv1:#16281f;--lv2:#1c2738;--lv3:#332b13;--lv4:#241f36;--lv5:#33201f;--lv6:#33281c;--t1:#ff8a7f;--t2:#e0a040;--t3:#4cc98a;--t4:#7da2ff;--t5:#a8a49c;--q0:#222632;--sh-sm:0 1px 2px #0006;--sh:0 1px 3px #00000080;--sh-md:0 6px 16px -6px #0000008c;--sh-lg:0 16px 40px -12px #0009}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--ground)}body{background:var(--ground);color:var(--text);font-family:var(--font-ui);min-height:100vh;-webkit-font-smoothing:antialiased;text-wrap:pretty;min-height:100dvh;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,.h2,.bignum,.logo,.disp{font-family:var(--font-display)}h1{letter-spacing:-.02em;font-weight:700}a{color:var(--son-text);text-decoration:none}a:hover{color:var(--son-hover)}button{font:inherit;color:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.inp:focus-visible{outline:none}.hz{font-family:var(--font-hz);font-weight:500}.brush{font-family:var(--font-brush);font-weight:400}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.t1{color:var(--t1)}.t2{color:var(--t2)}.t3{color:var(--t3)}.t4{color:var(--t4)}.t5{color:var(--t5)}.no-tone .t1,.no-tone .t2,.no-tone .t3,.no-tone .t4,.no-tone .t5{color:inherit}.bignum{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700;line-height:1}.secno{font-family:var(--font-hz);color:var(--son-text);margin-right:10px;font-weight:700}.h2{letter-spacing:-.01em;align-items:baseline;font-size:20px;font-weight:700;display:flex}.rule{background:var(--line);border:0;height:1px;margin:0;display:block}.paper{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-sm)}.block{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh);border-radius:22px}.block-sm{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-sm);border-radius:20px}.btn{border:1px solid var(--ink);border-radius:var(--r-sm);min-height:40px;font:600 14px/1.1 var(--font-ui);cursor:pointer;white-space:nowrap;color:var(--text);background:var(--surface);box-shadow:var(--sh-sm);justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--ink-strong);color:var(--text)}.btn:active{transform:translateY(.5px)}.btn:focus-visible,.tab:focus-visible,.card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:default}.btn-son{background:var(--son);border-color:var(--son);color:#fff}.btn-son:hover{background:var(--son-hover);border-color:var(--son-hover);color:#fff}.btn-muc{background:var(--text);border-color:var(--text);color:#fff}.btn-muc:hover{color:#fff;background:#000;border-color:#000}.btn-ngoc{background:var(--ngoc);border-color:var(--ngoc);color:#fff}.btn-ngoc:hover{background:var(--ngoc-hover);border-color:var(--ngoc-hover);color:#fff}.btn-line,.btn-paper,.btn-google{background:var(--surface)}.btn-paper:hover{background:var(--surface-2)}.btn-text{box-shadow:none;color:var(--son-text);background:0 0;border:0;padding:0 4px;font-weight:600;text-decoration:none}.btn-text:hover{box-shadow:none;color:var(--son-hover);text-underline-offset:3px;background:0 0;text-decoration:underline;transform:none}.btn-text:active{box-shadow:none;transform:none}.btn-icon{width:40px;padding:0}.btn-icon:hover{background:var(--surface-2)}.btn-bare{box-shadow:none;width:40px;color:var(--text-2);background:0 0;border:0;padding:0}.btn-bare:hover{box-shadow:none;color:var(--text);background:var(--surface-2);transform:none}.btn-bare:active{box-shadow:none;transform:none}.btn-danger{background:var(--son-soft);border-color:var(--son-line);color:var(--bad-text)}.btn-danger:hover{color:var(--bad-text);background:#fce4e4;border-color:#efb4b4}.btn-sm{border-radius:var(--r-sm);min-height:34px;padding:0 12px;font-size:13px}.btn-sm.btn-icon{width:34px;padding:0}.btn-text.btn-sm,.btn-text.btn-sm:hover,.btn-bare.btn-sm,.btn-bare.btn-sm:hover{box-shadow:none;transform:none}.btn-bare.btn-sm{width:34px;padding:0}.btn-lg{border-radius:var(--r);min-height:46px;padding:0 20px;font-size:15px}.btn-icon.btn-lg{width:48px;padding:0}.apps-on{background:var(--son-soft)!important;border-color:var(--son)!important;color:var(--son-text)!important}.seal{background:var(--son);color:#fff;font-family:var(--font-hz);border-radius:9px;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.lbl{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.inp{border:1px solid var(--ink-strong);border-radius:var(--r-sm);background:var(--surface);width:100%;height:44px;font:400 15px/1.2 var(--font-ui);color:var(--text);outline:none;padding:0 13px;transition:box-shadow .15s,border-color .15s;display:block}.inp::placeholder{color:var(--text-3)}.inp:focus{border-color:var(--son);box-shadow:var(--ring)}.inp[aria-invalid=true]{border-color:var(--bad)}.inp[readonly]{background:var(--surface-2)}textarea.inp{resize:vertical;height:auto;padding:11px 13px;line-height:1.5}.hint{color:var(--text-2);margin-top:6px;font-size:13px}.err{color:var(--bad-text);margin-top:6px;font-size:13px;font-weight:600}.chk{color:#374151;cursor:pointer;align-items:center;gap:10px;min-height:40px;font-size:14px;display:flex}.chk input{width:18px;height:18px;accent-color:var(--son);flex:none;margin:0}.ico-in{display:block;position:relative}.ico-in>svg{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.ico-in>.inp{padding-left:40px}.tabs{background:var(--seg-bg);border-radius:var(--r);scrollbar-width:none;gap:3px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:3px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-height:36px;font:600 14px/1.2 var(--font-ui);color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 14px;text-decoration:none;display:inline-flex}.tab:hover{color:var(--text)}.tab.on{background:var(--surface);color:var(--text);box-shadow:var(--sh-sm)}.seg{border-radius:var(--r);background:var(--seg-bg);gap:2px;padding:3px;display:inline-flex}.seg button{min-height:30px;font:600 13px/1 var(--font-ui);color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 12px}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--sh-sm)}.pick{cursor:pointer;display:inline-flex;position:relative}.pick input{opacity:0;pointer-events:none;position:absolute}.pick span{border-radius:var(--r-sm);border:1px solid var(--ink-strong);color:#374151;background:var(--surface);align-items:center;min-height:38px;padding:0 14px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.pick input:checked+span{background:var(--son-soft);border-color:var(--son);color:var(--son-text);font-weight:600}.pick input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.tag{background:var(--surface-3);height:24px;color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.tag-g,.tag-blue{background:var(--troi);color:var(--blue-text)}.tag-ok{background:var(--ngoc-soft);color:var(--green-text)}.tag-warn{background:var(--bo-soft);color:var(--warn-text)}.tag-bad{background:var(--son-soft);color:var(--bad-text)}.dot{background:var(--ngoc);width:8px;height:8px;box-shadow:0 0 0 3px var(--ngoc-soft);border-radius:50%;flex:none;display:inline-block}.dot-off{box-shadow:none;background:#b6bcc6}.kbd{min-width:22px;height:22px;font:600 11px/1 var(--font-ui);color:var(--text-2);background:var(--surface);border:1px solid var(--ink-strong);box-shadow:var(--sh-sm);border-radius:6px;place-items:center;padding:0 6px;display:inline-grid}.topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 32px;min-height:60px;padding:0 clamp(16px,4vw,44px);display:flex}.logo{color:var(--text);letter-spacing:-.01em;align-items:center;gap:9px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.logo:hover{color:var(--text)}.ava{background:var(--surface-3);width:36px;height:36px;color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;text-decoration:none;display:inline-grid;overflow:hidden}.ava img{object-fit:cover;width:100%;height:100%}button.ava{cursor:pointer;width:40px;height:40px}.tian{border:1px solid var(--ink-strong);border-radius:var(--r-sm);background-color:#fff;background-image:linear-gradient(to right, transparent calc(50% - .5px), var(--son-line) calc(50% - .5px), var(--son-line) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to bottom, transparent calc(50% - .5px), var(--son-line) calc(50% - .5px), var(--son-line) calc(50% + .5px), transparent calc(50% + .5px));flex:none;place-items:center;display:grid;position:relative}.ruled{background-image:radial-gradient(var(--bo-dot) 1.1px, transparent 1.4px);background-size:20px 20px;background-color:var(--bo-paper)!important}.hl{color:var(--bo)}.bar{background:var(--track);border-radius:999px;height:8px;overflow:hidden}.bar>i{background:var(--son);border-radius:999px;height:100%;transition:width .25s;display:block}.lv{text-align:left;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm);cursor:pointer;font:inherit;color:var(--text);flex-direction:column;align-items:stretch;gap:10px;padding:18px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:relative}.lv:hover{box-shadow:var(--sh-md);border-color:var(--ink-strong);transform:translateY(-2px)}.lv.on{box-shadow:var(--sh-md);border-color:var(--son)}.lv:disabled,.lv.soon{cursor:default;box-shadow:none;color:var(--text-3);border-style:dashed;transform:none;background:var(--surface-2)!important}.lv:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.lv1{background:var(--lv1);border-left:3px solid var(--hsk1)}.lv2{background:var(--lv2);border-left:3px solid var(--hsk2)}.lv3{background:var(--lv3);border-left:3px solid var(--hsk3)}.lv4{background:var(--lv4);border-left:3px solid var(--hsk4)}.lv5{background:var(--lv5);border-left:3px solid var(--hsk5)}.lv6{background:var(--lv6);border-left:3px solid var(--hsk6)}.les{text-align:left;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--sh-sm);cursor:pointer;font:inherit;color:var(--text);flex-direction:column;gap:6px;padding:12px 14px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:relative}.les:hover{box-shadow:var(--sh);border-color:var(--ink-strong);transform:translateY(-1px)}.les:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.les.done{background:var(--ngoc-soft);border-color:#cdebd6}.les.on{background:var(--son-soft);border-color:var(--son)}.les.soon,.les:disabled{cursor:default;box-shadow:none;background:var(--surface-2);color:var(--text-3);border-style:dashed;transform:none}.les-all{background:var(--surface-2);flex-flow:wrap;grid-column:1/-1;align-items:center;gap:12px 16px;padding:16px 18px}.les-all.on{background:var(--son-soft);border-color:var(--son)}.les .bar{height:7px}.ok-dot{background:var(--ngoc);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.opt{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);width:100%;min-height:54px;box-shadow:var(--sh-sm);cursor:pointer;font:500 16px/1.3 var(--font-ui);color:var(--text);text-align:left;align-items:center;gap:14px;padding:10px 16px;transition:transform .1s,box-shadow .1s,border-color .1s;display:flex}.opt:hover{box-shadow:var(--sh);border-color:var(--ink-strong);transform:translateY(-1px)}.opt:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.opt:disabled{cursor:default}.opt .k{border:1px solid var(--ink-strong);background:var(--surface-2);width:30px;height:30px;font:700 14px/1 var(--font-ui);color:var(--text-2);border-radius:8px;flex:none;place-items:center;display:grid}.opt.sel{background:var(--son-soft);border-color:var(--son)}.opt.sel .k{background:var(--son);border-color:var(--son);color:#fff}.opt.right{background:var(--ngoc-soft);border-color:#9fe0b5}.opt.right .k{background:var(--ngoc);border-color:var(--ngoc);color:#fff}.opt.wrong{background:var(--son-soft);border-color:var(--son-line)}.opt.wrong .k{background:var(--bad);border-color:var(--bad);color:#fff}.qn{border-radius:var(--r-sm);border:1px solid var(--ink-strong);background:var(--surface);height:40px;font:700 14px/1 var(--font-ui);color:var(--text-2);cursor:pointer;place-items:center;padding:0;transition:border-color .12s,background .12s;display:grid;position:relative}.qn.ok{background:var(--ngoc-soft);border-color:var(--ngoc);color:var(--green-text)}.qn.no{background:var(--son-soft);border-color:var(--bad);color:var(--bad-text)}.qn.ans{background:var(--troi);border-color:var(--blue);color:var(--blue-text)}.qn.cur{border:2px solid var(--son);background:var(--son-soft);color:var(--son-text)}.fb{border:1px solid var(--line);border-radius:var(--r);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.wt{border:1px solid var(--ink-strong);border-radius:var(--r-sm);background:var(--surface);min-width:48px;min-height:48px;box-shadow:var(--sh-sm);font:500 22px/1 var(--font-hz);color:var(--text);cursor:pointer;padding:0 16px;transition:border-color .12s,box-shadow .12s}.wt:hover{border-color:var(--son);box-shadow:var(--sh)}.wt:disabled{opacity:.4;box-shadow:none;cursor:default}.bub{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm);flex-direction:column;gap:4px;padding:12px 16px;display:flex}.bub.me{background:var(--troi);border-color:var(--troi-dot)}.bub.now{border-color:var(--son);box-shadow:0 0 0 3px var(--son-soft)}.who{border:1px solid var(--ink-strong);background:var(--surface);width:40px;height:40px;font:600 16px/1 var(--font-hz);border-radius:50%;flex:none;place-items:center;display:grid}.fblk{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);text-align:center;background:var(--surface);flex-direction:column;align-items:center;gap:6px;min-width:92px;padding:12px 16px;display:flex}.deckwrap{position:relative}.deckwrap>.stk{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);position:absolute;inset:0}.stk-a{background:var(--lv4);transform:rotate(1.5deg)translate(7px,6px)}.stk-b{background:var(--lv3);transform:rotate(-1deg)translate(-5px,5px)}.flip{z-index:1;cursor:pointer;perspective:1800px;width:100%;height:100%;font:inherit;color:inherit;text-align:center;background:0 0;border:0;padding:0;display:block;position:relative}.flip:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--r-lg)}.flip-inner{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.7,.2,1);position:absolute;inset:0}.flip.is-back .flip-inner{transform:rotateY(180deg)}.flip:hover .flip-inner{translate:0 -2px}.face{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-md);backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex;position:absolute;inset:0}.face-front{background-color:var(--troi)}.face-back{background:var(--surface);transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.flip-inner,.btn,.opt,.les,.lv{transition:none}}.swi{border-radius:var(--r);color:var(--text);text-align:center;border:1px solid #0000;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 10px;font-size:13px;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.swi:hover{background:var(--surface-2);border-color:var(--line);color:var(--text)}.swi-ic{border:1px solid var(--line);width:50px;height:50px;box-shadow:var(--sh-sm);color:var(--text);border-radius:13px;place-items:center;display:grid}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;color:var(--text-3);letter-spacing:.02em;border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 12px;font-size:12px;font-weight:600}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;padding:11px 12px}.tbl tbody tr:hover td{background:var(--surface-2)}.tbl .r{text-align:right}.sw{cursor:pointer;color:#374151;align-items:center;gap:10px;min-height:40px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.sw input{opacity:0;pointer-events:none;position:absolute}.sw>span{background:var(--ink-strong);border-radius:999px;flex:none;width:42px;height:24px;transition:background .15s;position:relative}.sw>span:after{content:"";width:20px;height:20px;box-shadow:var(--sh-sm);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}.sw input:checked+span{background:var(--son)}.sw input:checked+span:after{transform:translate(18px)}.sw input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.ph{color:var(--text-3);text-align:center;border-radius:var(--r-sm);background:repeating-linear-gradient(135deg,#edeff2 0 8px,#f5f6f8 8px 16px);flex:none;place-items:center;font-size:11px;font-weight:600;line-height:1.3;display:grid}.hm-row{grid-template-columns:34px repeat(24,minmax(0,1fr));align-items:center;gap:3px;display:grid}.hm-c{border-radius:4px;height:22px}.q0{background:var(--q0)}.q1{background:var(--q1)}.q2{background:var(--q2)}.q3{background:var(--q3)}.q4{background:var(--q4)}.cbar{background:var(--chart);border-radius:4px 4px 0 0;flex:1 1 0;min-width:0}.cbar:hover{background:var(--son)}.track{background:var(--track);border-radius:999px;height:10px;position:relative}.track>i{background:var(--son);border-radius:999px;position:absolute;top:0;bottom:0}.wall{background:#dce8f3 url(../../../login-greatwall.svg) 50% 62%/cover no-repeat}.sticker{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-md)}.side{background:var(--surface);border-right:1px solid var(--line);color:var(--text)}.side a.it{border-radius:var(--r-sm);min-height:40px;color:var(--text-2);align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.side a.it:hover{background:var(--surface-2);color:var(--text)}.side a.it.on{background:var(--son-soft);color:var(--son-text);font-weight:600}.side .grp{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:18px 0 6px;padding:0 10px;font-size:11px;font-weight:600}.side .cnt{color:var(--text-3);margin-left:auto;font-size:12px;font-weight:500}.side a.on .cnt{color:var(--son-text)}.side .new{background:var(--son);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.kpi{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px;display:grid}.kpi>div{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.kpi .muted{color:var(--text-2)}.mtabs{background:var(--surface);border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;padding:8px 12px;display:flex;overflow-x:auto}.mtabs::-webkit-scrollbar{display:none}.mtabs a,.mtabs button{border-radius:var(--r-sm);white-space:nowrap;min-height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0 13px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.mtabs a.on,.mtabs button.on{background:var(--son-soft);color:var(--son-text)}.modal-backdrop{z-index:80;background:#10182859;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:460px;max-height:calc(100vh - 32px);box-shadow:var(--sh-lg);flex-direction:column;gap:14px;padding:22px 24px;display:flex;overflow-y:auto}.modal h2{font-size:20px;font-weight:700}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (max-width:767px){.modal-backdrop{align-items:end;padding:0}.modal{border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:0;max-width:none;padding-bottom:28px}}.toast-wrap{z-index:90;flex-direction:column;gap:8px;width:min(440px,100vw - 32px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:#fff;border-radius:var(--r-md);box-shadow:var(--sh-lg);align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:500;display:flex}.toast.ok{background:var(--green-text)}.announce{background:var(--bo-soft);color:var(--warn-text);border-bottom:1px solid #fde68a;align-items:center;gap:10px;padding:10px clamp(16px,4vw,48px);font-size:14px;display:flex}.skel{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-2) 37%, var(--surface-3) 63%);border-radius:var(--r-md);background-size:400% 100%;animation:1.2s infinite skel}@keyframes skel{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.empty{border:1px dashed var(--dash);border-radius:var(--r-md);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:22px 16px;display:flex}.err-box{border:1px solid var(--son-line);border-radius:var(--r);background:var(--son-soft);color:var(--bad-text);padding:12px 14px;font-size:14px;font-weight:500}.ok-box{border-radius:var(--r);background:var(--ngoc-soft);color:var(--green-text);border:1px solid #cdebd6;padding:12px 14px;font-size:14px;font-weight:500}.page{width:100%;max-width:1200px;margin:0 auto;padding:40px clamp(16px,4vw,48px) 56px}.page-wide{max-width:1280px}.crumb{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.crumb a{color:var(--text-2);font-weight:500;text-decoration:none}.crumb a:hover,.crumb b{color:var(--text)}.kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-size:13px;font-weight:800}.row{align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.grow{flex:auto;min-width:0}.center{place-items:center;display:grid}.ib{border:1px solid var(--line);flex:none;place-items:center;display:inline-grid}.mtop{z-index:20;background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:56px;padding:8px 12px;display:flex;position:sticky;top:0}.mscreen{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.mcontent{flex:auto;padding:18px 16px 24px}.mbar{z-index:20;padding:12px 16px;padding-bottom:max(20px, env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:10px;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 10px -6px #1018282e}.msheet{z-index:20;padding:16px;padding-bottom:max(20px, env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0;flex-direction:column;gap:12px;margin-top:-12px;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 10px -6px #1018282e}.preview-band{background:var(--bo-soft);color:var(--warn-text);border-bottom:1px solid #fde68a;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.offline-band{background:var(--bo-soft);color:var(--warn-text);text-align:center;border-bottom:1px solid #fde68a;padding:8px 16px;font-size:14px;font-weight:500}.stamp{background:var(--son);color:#fff;border:2px solid var(--son-hover);border-radius:var(--r-md);font:700 34px/1 var(--font-hz);writing-mode:vertical-rl;letter-spacing:.1em;box-shadow:var(--sh-md);place-items:center;padding:10px 8px;display:inline-grid;transform:rotate(-5deg)}.swi-panel{z-index:30;flex-direction:column;gap:12px;width:360px;max-width:calc(100vw - 24px);padding:16px;animation:.12s pop;display:flex;position:absolute;top:calc(100% + 12px);right:0}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.swi-panel{animation:none}}html[data-theme=dark] .lbl,html[data-theme=dark] .chk,html[data-theme=dark] .sw{color:var(--text-2)}html[data-theme=dark] .tian{background-color:#1f232c}html[data-theme=dark] .ph{color:var(--muted);background:repeating-linear-gradient(135deg,#2a2f3c 0 8px,#222632 8px 16px)}html[data-theme=dark] .toast{color:#14161c;background:#f2f5fa}html[data-theme=dark] .btn-muc{color:#14161c;background:#f2f5fa;border-color:#f2f5fa}@media (max-width:767px){.page{padding:18px 16px 32px}}.tclose.svelte-1kymlcg{color:inherit;width:30px;min-height:30px}.tclose.svelte-1kymlcg:hover{color:inherit;background:#ffffff1f}.boot.svelte-12qhfyh{min-height:100vh;min-height:100dvh}