:root{color-scheme:light;--blue: #0477b8;--deep-blue: #093d66;--teal: #13a68b;--mint: #d9f5ee;--gold: #f4b640;--ink: #162532;--muted: #657381;--line: #dbe6ed;--paper: #f8fbfc;--white: #ffffff;--danger: #d9514e;--shadow: 0 18px 50px rgba(9, 61, 102, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(135deg,rgba(4,119,184,.1),transparent 32%),radial-gradient(circle at 86% 16%,rgba(244,182,64,.22),transparent 24%),var(--paper);color:var(--ink);font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(160px,1fr);align-items:center;gap:18px;padding:14px clamp(18px,4vw,56px);background:#ffffffe6;border-bottom:1px solid rgba(219,230,237,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-mark{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--ink);text-align:left}.brand-mark img{width:82px;height:46px;object-fit:cover;object-position:center 55%;background:var(--white);border:1px solid var(--line);border-radius:8px}.brand-mark strong,.brand-mark small,.account-pill span,.hero-copy p,.section-title p,.product-card p,.offer-item p,.order-note,.timeline-item p{letter-spacing:0}.brand-mark strong{display:block;font-size:18px}.brand-mark small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.nav-tabs{display:inline-flex;gap:6px;padding:5px;background:#eaf3f7;border:1px solid var(--line);border-radius:8px}.nav-tabs button,.segmented button{min-height:38px;border:0;border-radius:7px;padding:0 16px;color:var(--muted);background:transparent}.nav-tabs button.active,.segmented button.active{color:var(--deep-blue);background:var(--white);box-shadow:0 8px 22px #093d661a}.account-pill{justify-self:end;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 8px 0 14px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--deep-blue)}.icon-button,.status-actions button{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--deep-blue);background:#f8fbfc}.hero-section{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:clamp(28px,5vw,74px);padding:clamp(32px,5vw,70px) clamp(20px,6vw,82px) 34px;border-bottom:1px solid var(--line)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-brand-lockup{width:min(100%,720px);margin:18px 0 14px;overflow:hidden;border-radius:8px;background:var(--white);box-shadow:0 18px 48px #0477b81c}.hero-brand-image{display:block;width:100%;height:clamp(190px,29vw,310px);object-fit:cover;object-position:center 56%}.hero-copy p{max-width:760px;color:#435260;font-size:clamp(18px,2.1vw,24px);line-height:1.68;font-weight:650}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-weight:800}.hero-actions,.admin-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.primary-button,.secondary-button,.dark-button,.ghost-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;border:1px solid transparent;padding:0 20px;font-weight:800}.primary-button{background:var(--blue);color:var(--white);box-shadow:0 14px 34px #0477b847}.secondary-button{background:var(--white);color:var(--deep-blue);border-color:var(--line)}.dark-button{color:var(--white);background:var(--ink)}.ghost-button{color:var(--deep-blue);background:#edf7f4;border-color:#cce7df}.full{width:100%}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:640px;margin-top:34px}.hero-metrics div,.kpi,.service-status{border:1px solid rgba(219,230,237,.92);border-radius:8px;background:#ffffffd1;box-shadow:0 10px 30px #093d6614}.hero-metrics div{padding:16px}.hero-metrics strong{display:block;color:var(--deep-blue);font-size:24px}.hero-metrics span{color:var(--muted);font-size:13px}.hero-panel{position:relative;display:grid;gap:18px}.service-card{display:grid;gap:12px;padding:20px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#0477b81c,#13a68b17),var(--white);box-shadow:var(--shadow)}.service-card span{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-weight:900}.service-card strong{color:var(--deep-blue);font-size:clamp(22px,3vw,34px);line-height:1.22}.service-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}.quick-card,.auth-panel,.table-panel,.insight-panel,.customer-hero,.admin-command{border:1px solid var(--line);border-radius:8px;background:#ffffffeb;box-shadow:var(--shadow)}.quick-card,.auth-panel{display:grid;gap:14px;padding:18px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.card-head span{display:inline-flex;align-items:center;gap:8px;color:var(--deep-blue);font-weight:900}.card-head small,.demo-tip,.kpi small,.order-note{color:var(--muted)}label{display:grid;gap:7px;color:#42505b;font-size:13px;font-weight:800}input,select{width:100%;min-height:42px;border:1px solid #cedde5;border-radius:8px;background:var(--white);color:var(--ink);padding:0 12px;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0477b81f}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.content-band,.split-band,.workspace{padding:44px clamp(18px,5vw,72px)}.split-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:24px;align-items:start}.section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.section-title svg{color:var(--blue);flex:0 0 auto;margin-top:4px}.section-title h2{margin:0 0 4px;color:var(--deep-blue);font-size:clamp(22px,3vw,34px)}.section-title p{margin:0;color:var(--muted);line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{min-height:238px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--white);display:grid;align-content:start;gap:10px}.product-card h3{margin:0;color:var(--deep-blue);font-size:20px}.product-card p{margin:0;color:var(--muted)}.product-card>span{width:fit-content;color:#7a5400;background:#fff2cb;border:1px solid #f6d77d;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:800}.product-icon{width:50px;height:50px;display:grid;place-items:center;color:var(--blue);background:#e7f5fb;border-radius:8px}.product-foot{display:flex;justify-content:space-between;align-items:end;margin-top:auto}.product-foot strong{font-size:24px;color:var(--teal)}.product-foot small{color:var(--muted)}.offer-list{display:grid;gap:12px}.offer-item{display:grid;grid-template-columns:44px 1fr 20px;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.offer-item svg:first-child{width:44px;height:44px;padding:10px;color:var(--deep-blue);background:var(--mint);border-radius:8px}.offer-item strong{color:var(--deep-blue);font-size:18px}.offer-item p{margin:6px 0 0;color:var(--muted)}.segmented{display:grid;grid-template-columns:repeat(2,1fr);padding:5px;background:#eaf3f7;border:1px solid var(--line);border-radius:8px}.demo-tip{margin:0;line-height:1.5;font-size:12px}.workspace{display:grid;gap:22px}.customer-hero,.admin-command{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(22px,4vw,34px)}.customer-hero h2,.admin-command h2{margin:10px 0 8px;color:var(--deep-blue);font-size:clamp(28px,4vw,48px)}.customer-hero p,.admin-command p{margin:0;color:var(--muted)}.service-status{min-width:210px;padding:18px}.service-status strong{display:block;color:var(--teal);font-size:28px}.service-status span{color:var(--muted)}.workspace-grid{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:22px;align-items:start}.table-panel,.insight-panel{padding:20px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{display:grid;gap:7px;padding:18px}.kpi svg{color:var(--blue)}.kpi span{color:var(--muted);font-size:13px}.kpi strong{color:var(--deep-blue);font-size:32px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:22px;align-items:start}.dashboard-grid.lower{grid-template-columns:repeat(2,minmax(0,1fr))}.order-board{display:grid;gap:12px}.order-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:8px;background:#fbfdfe}.order-card.status-待派单{border-left-color:var(--danger)}.order-card.status-已完成{border-left-color:var(--teal)}.order-top,.dispatch-row,.product-foot,.customer-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-top strong{color:var(--deep-blue);font-size:18px}.order-top p{display:flex;align-items:center;gap:5px;margin:5px 0 0;color:var(--muted)}.status-badge{white-space:nowrap;color:var(--white);background:var(--deep-blue);border-radius:8px;padding:7px 10px;font-weight:800;font-size:13px}.order-detail{display:grid;grid-template-columns:minmax(150px,1fr) 70px 90px minmax(100px,1fr);gap:10px;padding:12px;border-radius:8px;background:#eef7fb}.dispatch-row select{max-width:190px}.status-actions{display:flex;gap:8px}.insight-list,.customer-list,.bar-list,.timeline{display:grid;gap:12px}.insight-item{display:grid;grid-template-columns:12px 1fr;gap:12px;padding:14px;background:#f7fbfc;border:1px solid var(--line);border-radius:8px}.signal{width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--teal)}.signal.hot{background:var(--danger);box-shadow:0 0 0 5px #d9514e21}.insight-item strong,.customer-row span{color:var(--deep-blue)}.insight-item p{margin:4px 0 0;color:var(--muted);line-height:1.5}.customer-row{display:grid;grid-template-columns:1fr 130px 110px minmax(150px,1fr);padding:13px 0;border-bottom:1px solid var(--line)}.customer-row:last-child{border-bottom:0}.customer-row small{color:var(--muted)}.bar-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,1.4fr) 64px;align-items:center;gap:12px}.bar-track{height:12px;overflow:hidden;border-radius:8px;background:#e7eef2}.bar-track i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--blue),var(--teal),var(--gold))}.timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfdfe}.dot{width:12px;height:12px;margin-top:6px;border-radius:50%;background:var(--blue)}.timeline-item strong{color:var(--deep-blue)}.timeline-item p,.empty-state{margin:4px 0 0;color:var(--muted)}.toast{position:fixed;right:24px;top:92px;z-index:50;display:inline-flex;align-items:center;gap:8px;max-width:min(420px,calc(100vw - 36px));min-height:44px;padding:0 16px;color:var(--white);background:var(--ink);border-radius:8px;box-shadow:var(--shadow)}.access-denied{min-height:calc(100vh - 84px);display:grid;place-items:center;align-content:center;gap:14px;text-align:center;padding:28px}.access-denied h2{margin:0;color:var(--deep-blue)}.access-denied p{margin:0;color:var(--muted)}@media(max-width:1100px){.hero-section,.split-band,.dashboard-grid,.dashboard-grid.lower,.workspace-grid{grid-template-columns:1fr}.product-grid,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.topbar{position:static;grid-template-columns:1fr}.nav-tabs,.account-pill{justify-self:stretch}.nav-tabs{overflow-x:auto}.nav-tabs button{flex:1 0 auto}.hero-section{min-height:auto;padding-top:28px}.hero-brand-image{height:clamp(150px,52vw,220px)}.hero-metrics,.product-grid,.kpi-grid,.two-cols,.customer-hero,.admin-command{grid-template-columns:1fr}.customer-hero,.admin-command,.order-top,.dispatch-row{display:grid}.order-detail,.customer-row,.bar-row{grid-template-columns:1fr}.content-band,.split-band,.workspace{padding-inline:16px}.toast{right:18px;left:18px;top:18px}}