:root{--accent:#3767ff;--accent-dark:#2653e7;--soft:#eaf2ff;--bg:#f6f7fb;--text:#25272b;--muted:#858a93;--line:#eceef1;--green:#1c9b72}*{box-sizing:border-box}body{margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer;background:white;border:1px solid #dedfe3;border-radius:5px;padding:8px 16px;color:var(--text)}button:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent)}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:var(--accent-dark);color:white}.ribbon{position:fixed;top:0;left:0;right:0;height:32px;background:#fff0d5;color:#8b591b;text-align:center;font-size:12px;line-height:32px;z-index:10;border-bottom:1px solid #f4dfbc}.logo{display:inline-grid;place-items:center;background:#ff5b1c;color:white;width:32px;height:32px;border-radius:9px;font-size:21px;font-weight:700}.wordmark{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:750;white-space:nowrap}.wordmark small{font-size:11px;font-weight:400;color:var(--accent);border:1px solid #c9dcff;border-radius:4px;padding:0 5px}.muted,.subtle{color:var(--muted)}.subtle{font-size:12px}.badge{font-size:11px;padding:3px 8px;border-radius:3px;background:var(--soft);color:var(--accent)}header{position:fixed;top:32px;height:68px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:white;border-bottom:1px solid var(--line);z-index:5}.header-right{display:flex;gap:16px;align-items:center;font-size:13px}.avatar{background:var(--soft);color:var(--accent);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.text-btn{border:0;padding:4px 8px;color:var(--muted)}aside{width:208px;background:white;position:fixed;top:100px;bottom:0;border-right:1px solid var(--line);display:flex;flex-direction:column}.shop-tile{display:grid;grid-template-columns:36px 1fr;gap:5px 10px;padding:24px 18px 22px;border-bottom:1px solid var(--line)}.shop-tile strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-tile .badge{justify-self:start}.store-icon{grid-row:span 2;width:36px;height:40px;background:#edf4ff;color:var(--accent);display:grid;place-items:center;border-radius:6px;font-size:20px}nav{padding:14px 12px;overflow:auto}nav button{display:flex;gap:12px;align-items:center;width:100%;border:0;text-align:left;margin-bottom:6px;padding:11px 14px;border-radius:5px;color:#686b73}nav button.active{background:var(--soft);color:var(--accent);font-weight:600}.nav-section{font-size:11px;color:#a1a5ad;padding:18px 14px 8px}.aside-footer{margin-top:auto;padding:20px;color:#868b94;font-size:12px;border-top:1px solid var(--line)}.aside-footer small{font-size:10px;color:#afb2b9}.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}main{margin-left:208px;padding:122px 28px 20px;max-width:1900px}.breadcrumb{font-size:12px;color:#9599a1;margin-bottom:22px}.breadcrumb span{margin-left:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.page-heading h1{font-size:23px;margin:0 0 5px;font-weight:650}.page-heading p{margin:0;color:var(--muted);font-size:12px}.actions{display:flex;gap:10px;align-items:center}.panel{background:white;border:1px solid var(--line);border-radius:7px;padding:24px;margin-bottom:20px}.panel h2{font-size:16px;margin:0 0 20px;font-weight:600}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head h2{margin:0}.notice{background:#fff9ee;border:1px solid #f7e9cd;padding:12px 16px;color:#9a7038;border-radius:5px;font-size:12px;margin-bottom:22px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:7px;padding:22px}.metric .label{font-size:12px;color:#7c818a}.metric strong{display:block;font-size:29px;line-height:1.3;letter-spacing:.4px;margin:13px 0 8px;font-weight:650;font-variant-numeric:tabular-nums}.metric small{font-size:11px;color:#a1a5ad}.metric.featured{border-top:3px solid var(--accent);padding-top:20px}.metric.featured strong{color:var(--accent)}.columns{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row span{color:#858a93}.account-info{font-size:13px}.account-info strong{font-weight:500}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{border:0;background:none;padding:8px 0 13px;border-radius:0;color:#8b8f97}.tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}input,select{border:1px solid #dddfe4;padding:9px 12px;border-radius:5px;background:white;color:var(--text);outline:0}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #edf3ff}.filters input{min-width:240px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{background:#fafafb;color:#898d95;font-weight:400;text-align:left;padding:13px 14px}td{border-bottom:1px solid var(--line);padding:17px 14px}td strong{font-weight:500}.order-id{color:#9297a0;font-size:11px;margin-top:5px}.tag{font-size:11px;background:#f0f5ff;color:#5574ad;padding:3px 8px;border-radius:3px}.tag.done{color:#22976e;background:#eff9f5}.tag.closed{background:#f2f3f5;color:#8b8f97}.tag.wait{background:#fff5eb;color:#d58c38}.pager{display:flex;justify-content:flex-end;gap:12px;align-items:center;padding-top:20px;font-size:12px;color:#8b8f97}.pager button{padding:3px 12px}.bank-card{background:linear-gradient(125deg,#383c45,#636773);border-radius:10px;padding:26px;color:white;max-width:410px;min-height:175px}.bank-card h3{margin:0 0 22px;font-size:16px;font-weight:500}.bank-card strong{font-size:24px;letter-spacing:4px;font-weight:400}.bank-card small{display:block;margin-top:16px;opacity:.65}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;max-width:900px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#686d76}label small{color:#a0a4ac}.form-actions{margin-top:26px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:18px}.generation{display:flex;align-items:end;gap:16px}.generation input{width:120px}.big-value{font-size:36px;font-weight:600;color:var(--accent);margin:12px 0}.empty{text-align:center;color:var(--muted);padding:40px}.chart{width:100%;height:170px}.chart line{stroke:#f0f0f3}.chart polyline{fill:none;stroke:var(--accent);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.chart polygon{fill:#eaf3ff}.chart-labels{display:flex;justify-content:space-between;color:#a2a6ad;font-size:11px}.chart-caption{color:#999;font-size:11px;margin-top:12px}.quicklinks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quicklinks button{text-align:left;padding:18px;background:#fafafb;border-color:var(--line)}.quicklinks small{display:block;margin-top:7px;color:var(--muted);font-size:11px}footer{text-align:center;color:#b1b4bc;padding:24px 0 8px;font-size:11px}.login-shell{min-height:100vh;padding:100px max(6vw,30px) 50px;display:grid;grid-template-columns:1.35fr 1fr;gap:9vw;align-items:center;background:radial-gradient(ellipse at 0% 0%,#faedf7,transparent 70%),#f5f8ff}.login-intro{height:650px;max-height:80vh;display:flex;flex-direction:column;justify-content:space-between}.intro-copy h1{font-size:48px;font-weight:650;line-height:1.5;letter-spacing:2px;margin:20px 0}.intro-copy p{color:#9a8b84;line-height:2}.eyebrow{font-size:11px;color:#c18a6b;letter-spacing:3px}.intro-cards{display:flex;gap:40px;font-size:12px;color:#ad8c78;margin-top:44px}.intro-cards strong{display:block;font-size:18px;color:#69564b;font-weight:500;margin-top:4px}.login-card{background:white;max-width:430px;width:100%;padding:40px;border:1px solid #e4eafa;box-shadow:0 16px 80px #5368aa15;border-radius:12px}.login-card h2{font-size:25px;margin:20px 0 5px}.login-card .muted{font-size:12px;margin-bottom:28px}.login-card label{margin:18px 0}.wide{width:100%;margin-top:10px;padding:11px}.login-note{font-size:11px;color:#a5a5a5;line-height:1.9;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.error{color:#dc462b;font-size:12px;min-height:19px}#toast{position:fixed;bottom:36px;left:50%;transform:translateX(-50%);padding:12px 24px;background:#292d35;color:white;border-radius:6px;z-index:100;box-shadow:0 4px 20px #0002}dialog{border:1px solid var(--line);border-radius:9px;max-width:550px;width:90%;padding:28px}dialog::backdrop{background:#0005}dialog h2{margin-top:0}dialog button{margin-top:20px}body:after{content:'演示系统 · 模拟数据';position:fixed;right:26px;bottom:10px;color:#8494bb;font-size:11px;pointer-events:none;z-index:7}[hidden]{display:none!important}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.metric strong{font-size:25px}.login-shell{gap:30px}.intro-copy h1{font-size:38px}}@media(max-width:760px){header{padding:0 14px}.wordmark{font-size:18px}.header-right>span:first-child{display:none}aside{width:64px}.shop-tile,.nav-section,.aside-footer,nav span{display:none}nav{padding:12px 6px}nav button{justify-content:center;padding:12px 6px;font-size:18px}main{margin-left:64px;padding:116px 14px 20px}.page-heading{align-items:start}.page-heading h1{font-size:20px}.page-heading .actions{flex-direction:column}.panel{padding:18px}.metrics{gap:10px}.metric{padding:16px}.metric strong{font-size:20px}.metric.featured{padding-top:14px}.split,.form-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;padding:80px 20px 40px}.login-intro{height:auto;max-height:none}.intro-copy,.login-intro>.subtle{display:none}.login-card{margin:10px auto;padding:28px}.ribbon{font-size:10px}.quicklinks{grid-template-columns:1fr}.filters input{min-width:0;width:100%}}
body{background:linear-gradient(140deg,#faf0f8 0,#f6f7fb 460px)}header{background:#fbf3fa}.panel{border-radius:14px;border-color:#fff}.metric{border-radius:12px;border-color:#fff;background:linear-gradient(130deg,#f1f7ff,#fff)}.metric.featured{border-top:1px solid white;padding-top:22px}.metric.featured strong{color:#25272b}.bank-card{background:linear-gradient(125deg,#edf4ff,#f7f9ff);color:#293952;border:1px solid #e6efff}.login-intro .eyebrow{color:#8c98b3}.login-intro .intro-copy p{color:#8893a9}.intro-cards{color:#8995b0}.intro-cards strong{color:#465675}.intro-copy h1{color:#25314a}.chart-caption{line-height:2}.quicklinks button{background:#f6f9ff}.notice{background:#f2f7ff;border-color:#e3edff;color:#6278a1}.ribbon{background:#eef5ff;color:#5672a7;border-color:#dfeafa}