:root{--brand: #4457d6;--brand-dark: #3546b5;--brand-soft: #edeffc;--bg: #f4f6fb;--card: #ffffff;--text: #182033;--muted: #69718a;--line: #e4e7f1;--ok: #0da678;--warn: #d97706;--bad: #dc3d3d;--radius: 12px;--nav-h: 56px;--shadow: 0 1px 2px rgba(24, 32, 64, .05), 0 1px 3px rgba(24, 32, 64, .04);--shadow-lift: 0 2px 4px rgba(24, 32, 64, .06), 0 6px 16px rgba(24, 32, 64, .07);--ring: 0 0 0 3px rgba(68, 87, 214, .2)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI Variable Text,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;line-height:1.55;-webkit-tap-highlight-color:transparent}::selection{background:#dfe4fb}h1,h2,h3{margin:0 0 12px;line-height:1.35;text-wrap:balance}h1{font-size:1.35rem;font-weight:700;letter-spacing:-.01em}h2{font-size:1.05rem;font-weight:600;letter-spacing:-.005em}h3{font-size:.92rem;font-weight:600}button{font:inherit;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;border:0;border-radius:10px;padding:10px 16px;min-height:44px;background:var(--brand);color:#fff;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease}button:hover:not(:disabled){background:var(--brand-dark)}button:active:not(:disabled){transform:translateY(1px) scale(.99)}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{background:transparent;color:var(--brand);border:1px solid var(--line)}button.ghost:hover:not(:disabled){background:var(--brand-soft);border-color:#c8cff1;color:var(--brand-dark)}button svg{vertical-align:-.16em;margin-right:6px}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}input,textarea,select{font:inherit;width:100%;padding:11px 12px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}input:disabled,textarea:disabled,select:disabled{background:var(--bg);color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.muted{color:var(--muted);font-size:.86rem}.row{display:flex;gap:8px;align-items:center}.row.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.panel{background:var(--card);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);padding:14px;margin-bottom:14px;box-shadow:var(--shadow)}.panel .card,.panel .stat{background:var(--bg);box-shadow:none}.panel>*:first-child{margin-top:0}.panel>*:last-child{margin-bottom:0}@media(max-width:640px){.panel{padding:10px}}.pill{display:inline-block;padding:2px 9px;border-radius:7px;font-size:.75rem;font-weight:500;line-height:1.65;background:var(--brand-soft);color:var(--brand-dark);font-variant-numeric:tabular-nums}.pill.ok{background:#d7f2e7;color:#0a6b4f}.pill.bad{background:#fde3e3;color:#9c2020}.flash{padding:9px 12px;border-radius:10px;background:#d7f2e7;color:#0a6b4f;font-size:.86rem}.flash.bad{background:#fde3e3;color:#9c2020}.badge{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--bbg, var(--brand-soft));color:var(--bfg, var(--brand))}.badge.sm{width:30px;height:30px;border-radius:9px}.badge svg{margin-right:0}.c-blue{--bfg: #2f6bd8;--bbg: #e7effc}.c-purple{--bfg: #7a4fd0;--bbg: #f1e9fc}.c-orange{--bfg: #c2690a;--bbg: #fdeed9}.c-teal{--bfg: #0d8f8a;--bbg: #e0f4f3}.c-slate{--bfg: #4d5875;--bbg: #eceff5}.c-red{--bfg: #d14343;--bbg: #fdeaea}.c-cyan{--bfg: #0e7fae;--bbg: #e2f2fb}.c-pink{--bfg: #d3448e;--bbg: #fce9f2}.c-brand{--bfg: var(--brand);--bbg: var(--brand-soft)}.c-green{--bfg: #0da678;--bbg: #e0f4ec}.empty{margin:14px 0;padding:20px 14px;text-align:center;color:var(--muted);font-size:.86rem;border:1px dashed var(--line);border-radius:var(--radius);background:var(--bg)}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:11px}.seg button{min-height:34px;padding:5px 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:.85rem}.seg button:hover:not(:disabled):not(.sel){color:var(--text)}.seg button:active:not(:disabled){transform:none}.seg button.sel{background:var(--card);color:var(--brand-dark);font-weight:600;box-shadow:0 1px 2px #1820401f}.skip{position:fixed;top:8px;left:-9999px;z-index:90;padding:10px 16px;border-radius:10px;background:var(--brand);color:#fff;font-size:.9rem;text-decoration:none}.skip:focus{left:8px}.tbl{overflow-x:auto}.tbl table{width:100%;border-collapse:collapse;font-size:.86rem;font-variant-numeric:tabular-nums}.tbl th,.tbl td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl th{color:var(--muted);font-weight:500;font-size:.76rem;letter-spacing:.04em;border-bottom-color:#d6dbea}.tbl tbody tr{transition:background-color .12s ease}.tbl tbody tr:hover{background:#f8f9fd}.tbl td img{border-radius:9px;background:#fff}.tbl td .row{gap:6px}.tbl td .ghost{padding:6px 10px;min-height:34px}.tabbar{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:#fff;border-top:1px solid var(--line);z-index:20}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--muted);font-size:.72rem;transition:color .15s ease}.tabbar a.active{color:var(--brand);font-weight:600}.page{max-width:960px;margin:0 auto;padding:14px 14px calc(var(--nav-h) + 24px)}@media(min-width:1024px){.page{padding-bottom:24px}}@media(max-width:640px){.tbl{overflow-x:visible}.tbl table,.tbl tbody,.tbl tr,.tbl td{display:block}.tbl thead{display:none}.tbl tr{margin-bottom:10px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.tbl tbody tr:hover{background:#fff}.tbl td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;border:none;white-space:normal}.tbl td+td{margin-top:5px;padding-top:7px;border-top:1px dashed var(--line)}.tbl td:before{content:attr(data-label);flex-shrink:0;color:var(--muted);font-size:.78rem}.tbl td[colspan]{display:block;text-align:center}.tbl td[colspan]:before{content:none}.tbl td .row{flex-wrap:wrap;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}