:root{color-scheme:light;--paper:#f7f5f0;--ink:#292b27;--muted:#75766e;--line:#dedfd6;--rust:#a8543b;--sage:#536c59;--error:#a33829;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);min-width:280px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--rust);outline-offset:5px}[hidden]{display:none!important}
.page{max-width:960px;margin:0 auto;padding:42px 40px 36px}.masthead{display:flex;align-items:center;justify-content:space-between;padding-bottom:27px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand>span{font-family:Georgia,"Songti SC",serif;font-size:22px;display:flex;align-items:center;gap:12px}.brand-divider{color:#c5c6bd;font-family:sans-serif;font-size:20px;font-weight:300}.brand-label{font:13px "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.03em;color:#5e6259}.live-status{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.status-dot{width:6px;height:6px;background:#b5b6aa;border-radius:50%}.live-status.is-live{color:var(--sage)}.is-live .status-dot{background:var(--sage);box-shadow:0 0 0 4px #536c5910}.live-status.is-error{color:var(--error)}.is-error .status-dot{background:var(--error)}
.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:64px 0 30px}.eyebrow{font-size:10px;letter-spacing:.23em;color:var(--rust);font-weight:700;margin:0 0 13px}h1{font-family:"Songti SC","Noto Serif CJK SC",Georgia,serif;font-size:38px;letter-spacing:.04em;line-height:1.25;font-weight:500;margin:0}.intro-note{font-size:13px;color:var(--muted);margin:13px 0 0;line-height:1.7}.refresh{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;min-width:98px;padding:10px 14px;border:1px solid #d6d8ce;border-radius:9px;background:transparent;color:#50564b;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s}.refresh:hover:not(:disabled){background:#eeeee5;border-color:#a5ad9c}.refresh:disabled{opacity:.55;cursor:default}.refresh svg,.reset-heading svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.refresh.is-refreshing svg{animation:spin 1.1s linear infinite}
.quota-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.quota-card{--accent:var(--rust);border:1px solid #e1ddd3;background:#fffdf8;border-radius:16px;padding:26px 28px 25px;position:relative;overflow:hidden;animation:enter .45s ease both}.quota-card.weekly{--accent:var(--sage);background:#f1f3ec;border-color:#dce1d4;animation-delay:.06s}.quota-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--accent);opacity:.7}.card-heading{display:flex;align-items:center;gap:10px}.card-index{font:12px Georgia,serif;color:var(--accent);opacity:.75}.card-heading h2{font-size:15px;font-weight:600;margin:0;letter-spacing:.02em}.period-tag{margin-left:auto;border:1px solid #e1dfd5;border-radius:5px;padding:4px 7px;font-size:10px;color:var(--muted);white-space:nowrap}.weekly .period-tag{border-color:#d7ddcf}.balance{display:flex;align-items:baseline;gap:7px;color:var(--accent);margin:35px 0 0;min-height:87px}.value{font-family:Georgia,"Times New Roman",serif;font-size:84px;font-weight:400;letter-spacing:-.055em;line-height:1;font-variant-numeric:lining-nums tabular-nums}.percent{font:30px Georgia,serif;opacity:.65}.balance-caption{font-size:12px;color:#6c6f63;display:flex;align-items:center;gap:10px;margin:5px 0 23px}.low-tag{font-size:10px;color:var(--error);background:#a338290a;border-radius:4px;padding:3px 6px}
progress{display:block;width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;background:#e9e5dc;appearance:none;-webkit-appearance:none;color:var(--accent)}progress::-webkit-progress-bar{background:#e9e5dc;border-radius:10px}progress::-webkit-progress-value{background:var(--accent);border-radius:10px;transition:width .55s ease}progress::-moz-progress-bar{background:var(--accent);border-radius:10px}.weekly progress,.weekly progress::-webkit-progress-bar{background:#dfe5d7}.is-low{--accent:#b04c32!important}.usage-line{display:flex;justify-content:space-between;color:#84877b;font-size:11px;margin-top:12px;gap:12px}.usage-line strong{color:#5d6257;font-weight:500;font-variant-numeric:tabular-nums}.reset-block{border-top:1px solid #e9e5db;margin-top:31px;padding-top:19px}.weekly .reset-block{border-color:#dce2d3}.reset-heading{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);flex-wrap:wrap}.countdown{margin-left:auto;font-size:10px;color:var(--accent)}time[data-reset]{display:block;margin-top:10px;font-size:13px;color:#50584a;letter-spacing:.015em;font-variant-numeric:tabular-nums;line-height:1.6}.is-loading .balance{opacity:.32}.is-loading progress{opacity:.4}
.notice{border:1px solid #e4c9b8;background:#fff6ed;color:#8f5236;border-radius:9px;padding:13px 16px;margin:0 0 18px;line-height:1.7;font-size:12px}.footer{padding-top:26px}.sync-line{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px;color:#777c70;line-height:1.8}.footer-divider{color:#b2b6a9}.footer p{margin:9px 0 0;font-size:11px;color:#999c92;line-height:1.8}.is-stale .quota-card{opacity:.76}
.quota-card.fable{--accent:#626b84;background:#f0f1f5;border-color:#dce0e8;animation-delay:.12s}.fable .period-tag{border-color:#d8dce6}.fable progress,.fable progress::-webkit-progress-bar{background:#dce0e9}.fable .reset-block{border-color:#dce0e8}
@media(min-width:901px){.page{max-width:1140px}.quota-grid.has-fable{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.has-fable .quota-card{padding-left:23px;padding-right:23px}.has-fable .card-heading{gap:8px}.has-fable .period-tag{font-size:9px}}
@media(min-width:641px) and (max-width:900px){.quota-grid.has-fable{grid-template-columns:1fr 1fr}.has-fable .fable{grid-column:1/-1}.has-fable .fable .balance{margin-top:23px}}
@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1100px){.page{padding-top:62px}.intro{margin-top:76px}.footer{padding-top:30px}}
@media(max-width:640px){.page{padding:25px 21px 30px}.masthead{padding-bottom:22px}.brand>span{font-size:20px;gap:9px}.brand{gap:9px}.brand-label{font-size:11px}.live-status{font-size:11px}.intro{margin:41px 0 23px}.eyebrow{font-size:9px;margin-bottom:10px}h1{font-size:31px}.intro-note{font-size:12px;margin-top:10px}.refresh{min-width:83px;padding:9px 11px;min-height:40px;gap:6px}.quota-grid{grid-template-columns:1fr;gap:17px}.quota-card{padding:23px 25px 22px;border-radius:14px}.balance{margin-top:25px;min-height:76px}.value{font-size:74px}.balance-caption{margin-bottom:20px}.reset-block{margin-top:24px;padding-top:16px}.footer{padding-top:23px}.sync-line{gap:6px}time[data-reset]{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}