:root{--ink:#20201f;--muted:#77736c;--paper:#f5f2ec;--panel:#fffdfa;--line:#e5ded4;--gold:#a37a43;--red:#a94b3f;--green:#3f725b;--shadow:0 12px 36px rgba(45,37,27,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}.topbar{background:#24231f;color:#fff;padding:28px max(28px,calc((100vw - 1500px)/2));display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{letter-spacing:.16em;color:#d6b98a;font-size:12px;margin:0 0 7px}.topbar h1{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:30px;font-weight:500}.topbar .muted{color:#aaa79f}.status{font-size:13px;color:#d6d2c8}.status span{display:inline-block;width:8px;height:8px;background:#73a887;border-radius:50%;margin-right:7px}main{max-width:1500px;margin:0 auto;padding:24px}.muted{color:var(--muted);font-size:13px;margin:5px 0 0}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}.kpi{background:var(--panel);padding:18px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.kpi small{color:var(--muted)}.kpi strong{display:block;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:25px;margin-top:8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:20px;margin-bottom:18px}.filter-title,.table-head,.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2{font-size:18px;margin:0}.filters button,.pager button{border:1px solid var(--line);background:#fff;padding:8px 13px;border-radius:8px;color:var(--ink)}.filter-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:12px;margin-top:16px}.filter-grid label{font-size:12px;color:var(--muted)}input,select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel-head strong{font-size:26px;color:var(--gold)}.panel-head p{font-size:12px;color:var(--muted);margin:4px 0}.rank-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.rank-card{display:flex;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:#fff}.rank-card img,.fallback{width:54px;height:72px;object-fit:cover;background:#eee9df;border-radius:7px}.rank-card b{font-size:12px;word-break:break-all}.rank-card small{display:block;color:var(--muted);margin-top:7px}.table-head{margin-bottom:14px}.legend{font-size:12px;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 5px 0 12px}.dot.hot{background:var(--red)}.dot.slow{background:#bf8a42}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1120px}th{text-align:right;color:var(--muted);font-size:12px;font-weight:500;padding:11px;border-bottom:1px solid var(--line)}th:first-child,th:nth-child(2){text-align:left}td{text-align:right;padding:11px;border-bottom:1px solid #eee8df;font-size:13px}td:first-child,td:nth-child(2){text-align:left}.product{display:flex;align-items:center;gap:11px;min-width:210px;cursor:pointer}.product img,.product .fallback{width:46px;height:62px;object-fit:cover;border-radius:6px;background:#eee9df}.product b{display:block}.product small{color:var(--muted)}.pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#ece9e3;font-size:11px}.pill.hot{background:#f7e4e1;color:var(--red)}.pill.slow{background:#f7ead6;color:#8c622c}.bar{display:inline-block;width:62px;height:6px;background:#ece7df;border-radius:9px;overflow:hidden;margin-right:7px;vertical-align:middle}.bar i{display:block;height:100%;background:var(--green)}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.drawer{position:fixed;right:-520px;top:0;width:min(500px,95vw);height:100vh;background:#fff;z-index:10;padding:28px;overflow:auto;transition:.25s;box-shadow:-20px 0 50px rgba(0,0,0,.18)}.drawer.open{right:0}.shade{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9}.shade.open{display:block}.close{position:absolute;right:18px;top:14px;background:none;border:0;font-size:30px}.detail-hero{display:flex;gap:20px;margin:24px 0}.detail-hero img,.detail-hero .fallback{width:155px;height:210px;object-fit:cover;background:#eee9df;border-radius:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-metric{padding:14px;background:var(--paper);border-radius:9px}.detail-metric small{color:var(--muted)}.detail-metric b{display:block;font-size:18px;margin-top:5px}.channel{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}@media(max-width:1050px){.kpis{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr}.rank-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){main{padding:14px}.topbar{padding:22px 16px}.topbar h1{font-size:23px}.status{display:none}.kpis{grid-template-columns:1fr 1fr}.filter-grid{grid-template-columns:1fr}.rank-list{grid-template-columns:1fr 1fr}.kpi strong{font-size:21px}}