:root{--ink:#102a43;--blue:#2563eb;--orange:#f97316;--muted:#62748a;--line:#dce4ec;--pale:#eaf2ff;--surface:#fff;--danger:#b45309}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px}.topbar{height:64px;background:var(--ink);color:#fff;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1440px)/2));gap:56px;position:sticky;top:0;z-index:20}.brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.08em;font-size:18px}.brand span{color:var(--orange)}nav{display:flex;height:100%;margin-left:auto}nav a{color:#c8d3df;text-decoration:none;padding:0 28px;display:flex;align-items:center;font-weight:650;position:relative}nav a.active,nav a:hover{color:#fff}nav a.active:after{content:"";position:absolute;height:3px;background:var(--orange);bottom:0;left:26px;right:26px}.period{font-variant-numeric:tabular-nums;font-weight:650}main{max-width:1440px;margin:auto;padding:32px 24px 64px}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.intro h1{font-size:38px;line-height:1.12;letter-spacing:-.035em;margin:0 0 8px}.intro p,.section-head p{margin:0;color:var(--muted)}.controls,.table-controls{display:flex;gap:10px;align-items:center}.search{height:40px;border:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 12px;min-width:280px}.search input{border:0;outline:0;width:100%;font:inherit;color:var(--ink)}button,select{height:40px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:0 14px;font:600 13px/1 inherit;cursor:pointer}button:hover,select:hover{border-color:var(--blue)}.kpis{border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.kpis div{padding:24px 32px;display:flex;flex-direction:column;align-items:center;position:relative}.kpis div+div:before{content:"";position:absolute;left:0;top:22%;height:56%;width:1px;background:var(--line)}.kpis strong{color:var(--blue);font-size:40px;line-height:1;font-variant-numeric:tabular-nums}.kpis span{margin-top:9px;color:#334e68}.analysis-grid{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(300px,1fr);gap:12px}.trend-panel,.brand-panel,.distribution,.product-section{border:1px solid var(--line);background:var(--surface)}.trend-panel,.brand-panel,.distribution{padding:22px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font-size:18px;margin:0 0 5px;letter-spacing:-.015em}.section-head p{font-size:13px}.legend{display:flex;gap:20px;font-size:12px;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:20px;height:3px;margin-right:6px;vertical-align:middle}.legend .blue:before{background:var(--blue)}.legend .orange:before{background:var(--orange)}.chart-wrap{position:relative}.chart-wrap svg{display:block;width:100%;height:auto}.tooltip{position:absolute;pointer-events:none;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(16,42,67,.12);padding:10px 12px;font-size:12px;line-height:1.7;min-width:154px}.brand-list{display:flex;flex-direction:column;gap:11px}.brand-row{display:grid;grid-template-columns:26px 100px 1fr 48px;gap:9px;align-items:center;font-size:13px;cursor:pointer}.brand-row:hover .brand-name{color:var(--blue)}.brand-rank{width:22px;height:22px;border-radius:50%;background:#edf1f5;display:grid;place-items:center;font-size:11px}.brand-row:first-child .brand-rank{background:var(--orange);color:#fff}.brand-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar{height:6px;background:#edf2f7}.bar i{display:block;height:100%;background:var(--blue)}.brand-share{text-align:right;font-variant-numeric:tabular-nums}.distribution{margin-top:12px}.category-summary{font-size:12px;color:var(--muted)}.price-bands{display:flex;height:64px}.price-band{min-width:82px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-right:2px solid #fff;transition:flex-grow .2s}.price-band span{font-size:12px}.price-band strong{font-size:22px;margin-top:5px}.price-band:nth-child(1){background:#eaf2ff}.price-band:nth-child(2){background:#2563eb;color:#fff}.price-band:nth-child(3){background:#cfe0ff}.price-band:nth-child(4){background:#ffdfc8}.price-band:nth-child(5){background:#f97316;color:#fff}.product-section{margin-top:12px}.product-head{padding:18px 20px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1050px}th,td{padding:12px 14px;border-top:1px solid var(--line);text-align:left}th{font-size:12px;color:#486581;background:#f7f9fb;white-space:nowrap}td{font-size:13px}td.num{text-align:right;font-variant-numeric:tabular-nums}.product-name{max-width:410px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);text-decoration:none;font-weight:650}.product-name:hover{color:var(--blue)}.best{color:var(--orange);font-weight:750}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding:16px;border-top:1px solid var(--line)}.pagination button:disabled{opacity:.35;cursor:not-allowed}.takeaways{margin-top:12px;background:var(--ink);color:#fff;padding:38px 42px;display:grid;grid-template-columns:1fr 2fr;gap:60px}.takeaways h2{font-size:26px;margin:0 0 8px}.takeaways p{color:#aebdca;margin:0}.takeaways ol{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 42px;margin:0;padding:0;list-style:none;counter-reset:item}.takeaways li{counter-increment:item;padding-left:36px;position:relative;color:#dbe4ec;line-height:1.55}.takeaways li:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;color:var(--orange);font-weight:800}footer{display:flex;justify-content:space-between;gap:40px;padding:24px 0 0;color:var(--muted);font-size:12px}footer p{max-width:650px;margin:0}.axis{font-size:10px;fill:#718096}.gridline{stroke:#dce4ec;stroke-dasharray:3 4}.line-blue{fill:none;stroke:var(--blue);stroke-width:3}.line-orange{fill:none;stroke:var(--orange);stroke-width:3}.area-blue{fill:#eaf2ff}.dot-blue{fill:var(--blue)}.dot-orange{fill:var(--orange)}@media(max-width:900px){.topbar{gap:20px;padding:0 18px}.topbar nav{display:none}.period{margin-left:auto;font-size:12px}main{padding:24px 16px 48px}.intro{display:block}.intro h1{font-size:30px}.controls{margin-top:20px}.search{min-width:0;flex:1}.kpis{grid-template-columns:repeat(2,1fr)}.kpis div:nth-child(3):before{display:none}.analysis-grid{grid-template-columns:1fr}.brand-panel{order:2}.takeaways{grid-template-columns:1fr;gap:24px;padding:30px 24px}.product-head{display:block}.table-controls{margin-top:16px;overflow:auto}.category-summary{display:none}footer{display:block}footer p+ p{margin-top:8px}}@media(max-width:560px){.intro p{font-size:13px}.controls{align-items:stretch}.kpis strong{font-size:32px}.kpis div{padding:20px 10px}.kpis span{font-size:12px}.section-head{display:block}.legend{margin-top:12px}.price-bands{height:auto;display:grid;grid-template-columns:repeat(2,1fr)}.price-band{height:58px}.price-band:last-child{grid-column:1/-1}.takeaways ol{grid-template-columns:1fr}.table-controls select{min-width:130px}}