:root{--bg:#eefaf3;--panel:#fff;--panel-soft:#ffffffd1;--text:#073f34;--muted:#5d756f;--line:#a7dcc5ad;--accent:#10b981;--accent-deep:#079669;--accent-weak:#dff8ed;--success:#0e9f6e;--warning:#d18b00;--danger:#dc2626;--shadow:0 22px 58px #0b58401c;--shadow-soft:0 14px 36px #0b584014}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 78% 8%,#7aecab8a,#0000 28%),radial-gradient(circle at 8% 84%,#ffe18459,#0000 30%),linear-gradient(160deg,#f4fff9 0%,#ecfbf2 48%,#f9fff7 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.shell{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#eefaf3c2;border-bottom:1px solid #bee8d38a;justify-content:space-between;align-items:center;padding:18px 7vw;display:flex;position:sticky;top:0}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:grid;box-shadow:0 12px 24px #10b9813d}.nav{align-items:center;gap:10px;display:flex}.nav a,.ghost-button,.primary-button,.danger-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.nav a,.ghost-button{color:var(--text);border-color:var(--line);background:#ffffffd6}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;box-shadow:0 14px 24px #10b9812e}.danger-button{color:var(--danger);background:#fff2f1;border-color:#ffd0cc}.nav a:hover,.ghost-button:hover,.primary-button:hover,.danger-button:hover{transform:translateY(-1px)}.mint-shell{position:relative;overflow-x:hidden}.mint-shell:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 84% 0,#7be6aa8f,#0000 22%),radial-gradient(circle at 12% 92%,#ffe58761,#0000 24%);position:fixed;inset:0}.portal-tools{width:min(1180px,100% - 44px);margin:clamp(34px,8vh,78px) auto 72px;padding:0}.portal-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.portal-tool-card{min-height:206px;color:var(--text);text-align:left;background:#ffffffeb;border:1px solid #e5f5eee6;border-radius:8px;align-content:space-between;gap:22px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 12px 26px #0d533d0f}.portal-tool-card:hover{border-color:#10b98161;transform:translateY(-2px);box-shadow:0 18px 38px #0d533d1a}.portal-tool-card .tool-icon{width:50px;height:50px;color:var(--accent-deep);background:#e7fbf1}.portal-tool-card-copy{gap:8px;min-width:0;display:grid}.portal-tool-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:22px;overflow:hidden}.portal-tool-card-copy span{min-height:44px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.portal-tool-card-foot{justify-content:space-between;align-items:center;gap:14px;display:flex}.tool-category{background:var(--accent-weak);min-width:64px;min-height:34px;color:var(--accent-deep);border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.eyebrow{color:var(--accent);font-size:14px;font-weight:700}h1{letter-spacing:0;max-width:720px;margin:18px 0;font-size:clamp(48px,6vw,92px);line-height:.98}.section-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.section{padding:48px 7vw 72px}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.section-head h2{margin:0;font-size:30px}.section-head p{max-width:520px;color:var(--muted);margin:8px 0 0;line-height:1.7}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tool-card,.metric,.plan,.order-row,.auth-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px}.tool-card{min-height:188px;padding:22px;transition:transform .18s,box-shadow .18s,border-color .18s}.tool-card:hover{box-shadow:var(--shadow);border-color:#1769ff5c;transform:translateY(-3px)}.tool-icon{width:42px;height:42px;color:var(--accent);background:var(--accent-weak);border-radius:8px;place-items:center;display:grid}.tool-card h3,.metric h3,.plan h3{margin:16px 0 8px}.tool-card p,.metric p,.plan p,.order-row p,.muted{color:var(--muted)}.dashboard{grid-template-columns:260px minmax(0,1fr);gap:20px;padding:28px 7vw 72px;display:grid}.console-home{gap:18px;width:min(1180px,100% - 44px);margin:0 auto;padding:38px 0 72px;display:grid}.console-shell{width:min(1080px,100% - 340px);margin-left:max(260px,50vw - 400px);margin-right:max(40px,50vw - 608px);padding:56px 0 88px}.console-shell .console-home{width:100%;margin:0;padding:0}.console-pill-menu{z-index:8;width:168px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:14px;padding:0;display:grid;position:fixed;top:50%;left:max(34px,50vw - 618px);transform:translateY(-50%)}.console-pill-menu a{color:#506158;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc2;border:1px solid #ffffffb8;border-radius:999px;justify-content:flex-start;align-items:center;gap:10px;min-height:54px;padding:0 18px;font-size:14px;font-weight:800;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex;box-shadow:0 14px 30px #0b584014}.console-pill-menu a:hover{color:var(--accent-deep);background:#ffffffeb;border-color:#10b98147;transform:translate(4px);box-shadow:0 16px 34px #0b58401f}.console-pill-menu a.active{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;border-color:#0f766e47;box-shadow:0 18px 36px #0f766e38}.console-head,.data-panel{scroll-margin-top:108px}.console-head{justify-content:space-between;align-items:end;gap:24px;display:flex}.console-head h1{margin:0;font-size:36px;line-height:1.1}.console-head p{color:var(--muted);margin:10px 0 0}.asset-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:14px;display:grid}.balance-panel,.spent-panel{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:flex-end;gap:22px;min-width:0;padding:26px;display:flex}.balance-panel strong,.spent-panel strong{letter-spacing:0;margin-top:14px;font-size:clamp(36px,5vw,64px);line-height:.98;display:block}.spent-panel{align-content:end;display:grid}.balance-panel p,.spent-panel p{color:var(--muted);margin:12px 0 0}.sidebar{align-self:start;gap:8px;display:grid;position:sticky;top:96px}.sidebar a{color:var(--muted);border-radius:8px;padding:12px 14px}.sidebar a.active,.sidebar a:hover{color:var(--text);background:#fff}.workspace{gap:18px;display:grid}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metrics-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.plan{min-width:0;padding:20px}.metric strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:12px;font-size:clamp(22px,2vw,28px);line-height:1.15;display:block;overflow:hidden}.metric p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.data-panel{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:22px}.data-panel pre{color:#d1fae5;background:#111827;border-radius:8px;max-height:420px;margin:0;padding:16px;font-size:13px;line-height:1.65;overflow:auto}.quota-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.info-item{background:#f8fafc;border:1px solid #edf1f7;border-radius:8px;gap:8px;min-width:0;padding:14px;display:grid}.info-item span{color:var(--muted);font-size:13px}.info-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usage-table{border:1px solid var(--line);border-radius:8px;display:grid;overflow:hidden}.usage-table-head,.usage-table-row{grid-template-columns:minmax(220px,1.5fr) minmax(140px,1fr) 120px 120px 120px;align-items:center;gap:12px;min-width:760px;padding:12px 14px;display:grid}.usage-table-head{color:var(--muted);background:#f8fafc;font-size:13px;font-weight:700}.usage-table-row{border-top:1px solid var(--line)}.usage-table-row span,.strong-cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.strong-cell{font-weight:700}.trend-list{gap:10px;display:grid}.trend-chart{gap:10px;min-width:0;display:grid}.trend-chart svg{background:linear-gradient(#f8fafc,#fff);border-radius:8px;width:100%;height:260px;display:block;overflow:visible}.chart-grid{fill:none;stroke:#d9e0ea;stroke-width:2px}.chart-line{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.chart-dot{fill:#fff;stroke:var(--accent);stroke-width:3px}.trend-labels{color:var(--muted);grid-template-columns:1fr auto 1fr;gap:16px;font-size:13px;display:grid}.trend-labels strong{color:var(--text)}.trend-labels span:last-child{text-align:right}.trend-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.trend-row:last-child{border-bottom:0}.debug-panel{border:1px dashed var(--line);background:#fff;border-radius:8px;min-width:0;padding:16px 18px}.debug-panel summary{cursor:pointer;color:var(--muted);font-weight:700}.debug-panel pre{color:#d1fae5;background:#111827;border-radius:8px;max-height:360px;margin:14px 0 0;padding:16px;font-size:13px;line-height:1.65;overflow:auto}.inline-status,.empty-state{min-height:44px;color:var(--muted);align-items:center;font-size:14px;font-weight:700;display:flex}.empty-state{border:1px dashed var(--line);background:#ffffff7a;border-radius:8px;justify-content:center;padding:18px}.modal-backdrop{z-index:30;background:#0f172a61;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.toast-stack{z-index:80;pointer-events:none;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;top:84px;right:28px}.toast{min-height:52px;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#ffffffeb;border:1px solid #ffffffb8;border-radius:8px;grid-template-columns:20px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:12px 12px 12px 14px;animation:.18s both toast-in;display:grid;box-shadow:0 18px 42px #0b584024}.toast span{min-width:0;font-size:14px;font-weight:750;line-height:1.45}.toast button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;font-size:20px;line-height:1;display:grid}.toast-success svg{color:var(--success)}.toast-error svg{color:var(--danger)}.toast-info svg{color:var(--accent-deep)}.confirm-backdrop{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09211d61;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.confirm-dialog{width:min(420px,100%);box-shadow:var(--shadow);background:#fffffff5;border:1px solid #ffffffb8;border-radius:8px;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:22px;display:grid}.confirm-icon{background:var(--accent-weak);width:44px;height:44px;color:var(--accent-deep);border-radius:8px;place-items:center;display:grid}.confirm-icon.danger{color:var(--danger);background:#fff2f1}.confirm-dialog h2{margin:0;font-size:20px;line-height:1.25}.confirm-dialog p{color:var(--muted);margin:8px 0 0;line-height:1.6}.confirm-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.recharge-modal{width:min(520px,100%);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:22px}.amount-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.amount-option{border:1px solid var(--line);min-height:58px;color:var(--text);background:#fff;border-radius:8px;font-weight:800}.amount-option.selected{border-color:var(--accent);background:var(--accent-weak);color:var(--accent)}.custom-amount{color:var(--muted);gap:8px;margin-top:16px;font-size:14px;display:grid}.custom-amount input{border:1px solid var(--line);border-radius:8px;min-height:46px;padding:0 12px}.modal-submit{width:100%;margin-top:18px}.wechat-pay-box{border:1px solid var(--line);text-align:center;background:#f8fafc;border-radius:8px;justify-items:center;gap:12px;margin-top:14px;padding:18px;display:grid}.wechat-pay-box img{border:10px solid #fff;border-radius:8px;width:220px;height:220px}.wechat-pay-box strong{font-size:28px}.wechat-pay-box p{color:var(--muted);margin:0}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.plan.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.plan{text-align:left}.price{margin:14px 0;font-size:30px;font-weight:800}.order-list{gap:10px;display:grid}.order-row,.request-row{justify-content:space-between;gap:18px;padding:16px;display:flex}.request-list{gap:10px;display:grid}.request-row{border:1px solid var(--line);background:#fff;border-radius:8px}.request-row>div{min-width:0}.request-row p{color:var(--muted);margin:6px 0 0}.request-row strong,.order-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{width:min(440px,100%);box-shadow:var(--shadow);padding:28px}.auth-panel h1{margin:12px 0 8px;font-size:34px}.form{gap:14px;margin-top:24px;display:grid}.form label{color:var(--muted);gap:8px;font-size:14px;display:grid}.form input{border:1px solid var(--line);border-radius:8px;min-height:44px;padding:0 12px}.code-input-row{grid-template-columns:minmax(0,1fr) 118px;gap:10px;display:grid}.code-input-row .ghost-button{white-space:nowrap;justify-content:center;min-height:44px}.error{color:var(--danger)}.success-message{color:var(--success);background:#ecfdf5;border:1px solid #b7ead6;border-radius:8px;margin:0;padding:12px 14px;font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:920px){.toast-stack{width:auto;top:72px;left:16px;right:16px}.confirm-dialog{grid-template-columns:1fr}.confirm-actions{justify-content:stretch}.confirm-actions .ghost-button,.confirm-actions .primary-button,.confirm-actions .danger-button{flex:1}.topbar{padding:14px 18px}.portal-tools{width:min(100% - 32px,720px)}.portal-card-grid{grid-template-columns:1fr}.console-shell{width:min(100% - 32px,720px);margin:0 auto;padding-top:18px}.console-pill-menu{z-index:9;width:100%;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #ffffffbd;border-radius:999px;gap:8px;padding:8px;display:flex;position:sticky;top:78px;left:auto;overflow-x:auto;transform:none}.console-pill-menu a{min-height:42px;box-shadow:none;flex:none;padding:0 14px}.section,.dashboard{padding-left:22px;padding-right:22px}.tool-grid,.metrics,.metrics-compact,.quota-grid,.plan-grid,.asset-grid,.dashboard{grid-template-columns:1fr}.console-head,.balance-panel{flex-direction:column;align-items:flex-start}.amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{grid-template-columns:repeat(3,1fr);position:static}}