:root{--ink:#14231e;--muted:#6e7d76;--line:#e3e9e5;--paper:#f4f7f4;--green:#1f7a52;--lime:#d8f45a;--red:#d84b43;--orange:#d98226}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:36px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;width:232px}.mark{width:38px;height:38px;border-radius:11px;background:var(--ink);color:var(--lime);font-weight:900;display:grid;place-items:center;letter-spacing:-1px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#89938e;font-size:10px;letter-spacing:.8px;margin-top:2px}.search{max-width:520px;flex:1;height:40px;border:1px solid var(--line);background:#f7f9f7;border-radius:10px;display:flex;align-items:center;padding:0 12px;color:#758079}.search input{flex:1;border:0;outline:0;background:transparent;font-size:13px;margin-left:7px}.search kbd{font-size:11px;border:1px solid #d8dfda;border-radius:5px;padding:3px 7px;background:#fff;color:#849089}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:13px}.source-dot{width:8px;height:8px;border-radius:50%;background:#24a66a;box-shadow:0 0 0 4px #e5f5ed}.sync{margin-left:10px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 13px;font-weight:700;cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dbe9e1;color:#2e694f;font-weight:800;margin-left:4px}.shell{display:grid;grid-template-columns:252px 1fr;min-height:calc(100vh - 72px)}aside{background:#fff;border-right:1px solid var(--line);padding:22px 16px}.side-label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#97a19b;font-weight:800;padding:15px 12px 7px}aside>button{width:100%;border:0;background:transparent;border-radius:9px;padding:11px 12px;display:flex;gap:11px;align-items:center;color:#56645e;font-size:14px;text-align:left;cursor:pointer;margin:2px 0}aside>button:hover{background:#f3f6f3}aside>button.active{background:#eaf2ed;color:#175e40;font-weight:800}aside button b{margin-left:auto;background:#dcebe2;color:#1d6f4c;border-radius:20px;font-size:11px;padding:2px 7px}.icon{width:19px;text-align:center;font-size:17px}.side-card{margin:32px 5px 0;background:#172c24;color:#fff;border-radius:13px;padding:16px}.side-card span,.side-card small{display:block;color:#a9bbb3;font-size:11px}.side-card strong{display:block;font-size:17px;margin:6px 0}.side-card div{height:4px;background:#30483f;border-radius:4px;margin-top:12px}.side-card i{display:block;height:100%;background:var(--lime);border-radius:4px}.content{padding:34px 38px 48px;min-width:0}.title-row{display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{font-size:11px!important;letter-spacing:1.1px;text-transform:uppercase;font-weight:800;color:#438064!important}.title-row h1{font-family:Georgia,"Songti SC",serif;font-size:34px;margin:5px 0 7px;letter-spacing:-1px}.title-row p{margin:0;color:var(--muted);font-size:13px}.date-chip{font-size:11px;color:#7e8983;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:8px}.date-chip strong{color:var(--ink);margin-left:5px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 14px}.kpis>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 18px;min-height:112px}.kpis span{font-size:11px;color:#728078}.kpis strong{display:block;font-family:Georgia,serif;font-size:29px;margin:8px 0 5px}.kpis strong span{font-family:Arial;font-size:13px;margin-left:4px}.kpis small{color:#87928c;font-size:11px}.kpis .danger{color:var(--red)}.kpis .up{color:#447d62}.kpis .ok{color:#21805a}.rule-strip{background:#fff;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.rule-strip>div{padding:16px;display:flex;gap:11px;border-right:1px solid var(--line)}.rule-strip>div:last-child{border:0}.route-code{width:34px;height:25px;display:grid;place-items:center;border-radius:6px;font-size:10px;font-weight:900;flex:none;background:#e7eee9}.c-jp{background:#f3e9e7;color:#9d4d43}.c-kr{background:#e6edf8;color:#426895}.c-us{background:#e9efe7;color:#3a744e}.c-mcf{background:#f4eddc;color:#8a6828}.rule-strip strong{font-size:12px;display:block}.rule-strip p{font-size:10px;margin:4px 0;color:#56645d}.rule-strip small{font-size:9px;color:#99a19d;line-height:1.35;display:block}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-head{padding:18px 20px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panel-head h2{font-size:16px;margin:0 0 4px}.panel-head p{font-size:11px;color:#849089;margin:0}.filters{display:flex;gap:4px;background:#f0f3f1;padding:3px;border-radius:8px}.filters button{border:0;background:transparent;padding:7px 9px;border-radius:6px;font-size:10px;color:#6f7b75;cursor:pointer}.filters button.selected{background:#fff;color:#245c43;font-weight:800;box-shadow:0 1px 3px #d8ded9}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1050px}th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#8a958f;text-align:left;background:#fafbfa;padding:10px 12px;border-bottom:1px solid var(--line)}td{font-size:12px;padding:12px;border-bottom:1px solid #edf0ee;vertical-align:middle}tbody tr{cursor:pointer}tbody tr:hover{background:#f7faf7}td small{display:block;color:#8a958f;font-size:9px;margin-top:4px}.num{text-align:right;font-variant-numeric:tabular-nums}.sku{font-size:11px}.risk{font-size:9px;font-weight:800;border-radius:20px;padding:4px 7px;white-space:nowrap}.risk.紧急{background:#fbe8e6;color:#bd423b}.risk.关注{background:#fff0db;color:#ad671d}.risk.健康{background:#e5f4eb;color:#277651}.tag{padding:4px 7px;border-radius:5px;background:#eff3f0;color:#53645c;font-size:10px}.months{display:flex;align-items:center;gap:7px}.months>span{width:48px;height:5px;border-radius:5px;background:#ecf0ed;overflow:hidden}.months i{display:block;height:100%;background:#d66a4b}.months b{font-size:11px}.suggest{color:#1c704c;font-weight:900}.panel-foot{display:flex;justify-content:space-between;padding:13px 20px;background:#fafbfa;font-size:10px;color:#87928c}.panel-foot button{border:0;background:transparent;color:#236b4a;font-weight:800;cursor:pointer}.footnote{text-align:right;color:#9aa39e;font-size:9px;margin:10px 2px}.drawer-backdrop{position:fixed;inset:0;background:#0d1c1773;z-index:50;display:flex;justify-content:flex-end}.drawer{width:430px;padding:38px 30px;background:#fff;box-shadow:-10px 0 40px #0b181333;animation:slide .2s ease}.drawer h2{font-family:Georgia,serif;font-size:25px;margin:15px 0 4px}.drawer>p{color:var(--muted);font-size:13px}.close{position:absolute;right:20px;top:18px;border:0;background:#eef2ef;border-radius:50%;width:32px;height:32px;font-size:20px}.detail-route{background:#172c24;color:#fff;border-radius:12px;padding:16px;margin:24px 0}.detail-route small{display:block;color:#a4b8af;margin-bottom:6px}.detail-route strong{font-size:14px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid div{border:1px solid var(--line);padding:13px;border-radius:10px}.detail-grid span{font-size:10px;color:#7e8983;display:block}.detail-grid b{font-family:Georgia,serif;font-size:22px;display:block;margin-top:5px}.calc{margin:22px 0;background:#f5f7f5;padding:15px;border-radius:10px}.calc h3{font-size:13px;margin:0 0 9px}.calc p{font-size:11px;color:#65726c}.primary{width:100%;border:0;border-radius:9px;background:#1d6f4d;color:#fff;padding:13px;font-weight:800}.drawer aside{border:0}@keyframes slide{from{transform:translateX(100%)}to{transform:none}}@media(max-width:1000px){.shell{grid-template-columns:78px 1fr}.brand{width:auto}.brand>div:last-child,aside .side-label,aside>button:not(.active){font-size:0}aside>button{justify-content:center}.side-card{display:none}.rule-strip{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}.content{padding:26px 22px}.top-actions>span{display:none}}@media(max-width:700px){.search{display:none}.topbar{padding:0 14px}.shell{display:block}.shell>aside{display:none}.content{padding:20px 12px}.kpis{grid-template-columns:1fr 1fr}.rule-strip{grid-template-columns:1fr}.rule-strip>div{border-right:0;border-bottom:1px solid var(--line)}.title-row{align-items:flex-start}.date-chip{display:none}.panel-head{align-items:flex-start;gap:12px;flex-direction:column}.filters{overflow:auto;max-width:100%}.drawer{width:92vw}.kpis strong{font-size:24px}}