:root{--color-bg-page:#f4f7fb;--color-bg-shell:#fff;--color-bg-panel:#fff;--color-bg-panel-raised:#f9fbfd;--color-bg-card:#fff;--color-bg-input:#f8fafc;--color-bg-hover:#f0f5f8;--color-primary:#10bfb3;--color-primary-hover:#0eafa5;--color-primary-active:#0b978f;--color-primary-soft:#10bfb31a;--color-primary-border:#10bfb36b;--color-text-primary:#172033;--color-text-secondary:#526173;--color-text-muted:#788799;--color-text-disabled:#a8b3bf;--color-border:#d8e1eb;--color-border-subtle:#e7edf3;--color-border-strong:#c7d2de;--color-divider:#e1e8ef;--color-success:#168a58;--color-warning:#a96b08;--color-error:#d64545;--color-info:#3277dc;--font-sans:Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--radius-control:8px;--radius-card:10px;--radius-shell:12px;--shadow-card:0 8px 24px #1720330b}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-bg-page);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--color-text-primary);background:var(--color-bg-page);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{background:var(--color-bg-shell);border-bottom:1px solid var(--color-border-subtle)}.header-inner{align-items:center;width:min(840px,100% - 48px);min-height:80px;margin:0 auto;display:flex}.header-inner h1{letter-spacing:.01em;margin:0;font-size:21px;line-height:1.35}.page-content{flex:1;width:min(840px,100% - 48px);margin:0 auto;padding:32px 0 40px}.panel{background:var(--color-bg-panel);border:1px solid var(--color-border-subtle);border-radius:var(--radius-shell);box-shadow:var(--shadow-card)}.access-panel,.usage-panel{padding:24px}.section-title-row h2{margin:0;font-size:16px;line-height:1.4}.access-form{grid-template-columns:88px minmax(0,1fr) 112px;align-items:center;gap:12px;display:grid}.access-form:nth-of-type(2){margin-top:16px}.access-form>label{color:var(--color-text-secondary);font-size:13px;font-weight:600}.field-group{min-width:0}input{width:100%;height:40px;color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-control);outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s,background-color .15s}input::placeholder{color:var(--color-text-disabled)}input:hover{border-color:var(--color-border-strong)}input:focus{background:var(--color-bg-panel);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.input-with-action{position:relative}.input-with-action input{padding-right:44px}.icon-button{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:2px;right:2px}.icon-button:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.icon-button:focus-visible,.button:focus-visible{outline:3px solid var(--color-primary-soft);outline-offset:2px}.button{border-radius:var(--radius-control);cursor:pointer;border:1px solid #0000;min-height:40px;padding:0 18px;font-weight:600;transition:background-color .15s,border-color .15s,transform .1s}.button-primary{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.button-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button-primary:active:not(:disabled){background:var(--color-primary-active);border-color:var(--color-primary-active);transform:translateY(1px)}.button:disabled{color:#fff;background:var(--color-text-disabled);border-color:var(--color-text-disabled);cursor:wait}.access-button{width:112px;padding:0 12px}.message{border-radius:var(--radius-control);border:1px solid;margin-top:16px;padding:10px 12px;font-size:13px}.message-error{color:var(--color-error);background:#d645450f;border-color:#d645453d}.message-success{color:var(--color-success);background:#168a5812;border-color:#168a583d}.message-info{color:var(--color-info);background:#3277dc0f;border-color:#3277dc33}.empty-state{text-align:center;min-height:180px;color:var(--color-text-muted);background:var(--color-bg-panel-raised);border:1px dashed var(--color-border);border-radius:var(--radius-shell);flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:40px 24px;display:flex}.empty-icon{width:36px;height:36px;color:var(--color-primary-active);background:var(--color-primary-soft);border-radius:50%;place-items:center;display:grid}.empty-state p{color:var(--color-text-secondary);margin:14px 0 4px;font-weight:600}.account-sections{gap:20px;margin-top:20px;display:grid}.balance-panel{justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:18px 24px;display:flex}.eyebrow{color:var(--color-text-secondary);margin:0;font-size:14px;font-weight:600}.balance-value{color:var(--color-text-primary);justify-content:flex-end;align-items:center;gap:8px;display:flex}.balance-value strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:32px;line-height:1.15}.balance-bolt{width:28px;height:28px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-control);place-items:center;display:grid}.balance-unit{color:var(--color-text-muted);margin:0 0 0 2px;font-size:14px}.section-title-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.usage-list{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);overflow:hidden}.usage-row{border-top:1px solid var(--color-divider);font-variant-numeric:tabular-nums;grid-template-columns:150px minmax(0,1fr) 100px;align-items:center;gap:16px;min-height:48px;padding:0 14px;display:grid}.usage-row:first-child{border-top:0}.usage-header{min-height:40px;color:var(--color-text-muted);background:var(--color-bg-panel-raised);font-size:12px;font-weight:600}.usage-row>span:last-child{text-align:right}.usage-row i{color:var(--color-text-muted);font-size:12px;font-style:normal;font-weight:500;display:none}.model-name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);overflow:hidden}.points-used{color:var(--color-text-primary);font-weight:600}.usage-empty{text-align:center;color:var(--color-text-muted);background:var(--color-bg-panel-raised);border:1px dashed var(--color-border);border-radius:var(--radius-card);padding:32px}.load-more-button{min-width:112px;color:var(--color-primary-active);background:var(--color-bg-panel);border-color:var(--color-primary-border);margin:18px auto 0;display:block}.load-more-button:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary)}.site-footer{color:var(--color-text-muted);text-align:center;padding:20px 16px 28px;font-size:12px}@media (width<=640px){.header-inner,.page-content{width:calc(100% - 32px)}.header-inner{min-height:84px}.header-inner h1{font-size:19px}.page-content{padding:20px 0 28px}.access-panel,.usage-panel{padding:20px 16px}.access-form{grid-template-columns:1fr;gap:8px}input,.button{min-height:44px}.icon-button{top:4px}.access-button{width:100%}.balance-value strong{font-size:clamp(26px,8vw,30px)}.balance-panel{gap:10px;min-height:88px;padding:16px}.balance-value{gap:6px}.balance-bolt{width:26px;height:26px}.section-title-row{align-items:center}.usage-list{border:0;border-radius:0;gap:10px;display:grid;overflow:visible}.usage-header{display:none}.usage-row{background:var(--color-bg-panel-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);grid-template-columns:1fr auto;gap:8px 16px;min-height:0;padding:12px}.usage-row>span{gap:2px;display:grid}.usage-row>span:first-child{color:var(--color-text-secondary);grid-area:2/1;font-size:13px}.usage-row>span:nth-child(2){color:var(--color-text-primary);white-space:normal;grid-area:1/1/auto/-1;font-weight:600}.usage-row>span:last-child{text-align:right;grid-area:2/2}.usage-row i{display:inline}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}