/* Seller workspace: existing /wn brand tokens; native product UI, no framework.
   Restrained accent, denser information, 180ms state transitions. */
:root{color-scheme:light;--bg:#f4f7f8;--surface:#fcfdfd;--tint:#e9f0f2;--text:#142a31;--muted:#53676e;--line:#d2dfe3;--accent:#076f81;--accent-hover:#056b7d;--accent-soft:#d9edf0;--on-accent:#fbfefe;--warn:#815511;--warn-bg:#faf1de;--error:#a6333e;--font:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#0d191f;--surface:#14262e;--tint:#102129;--text:#edf6f7;--muted:#a3b9c1;--line:#2b424d;--accent:#59d2e2;--accent-hover:#87e3ed;--accent-soft:#183d47;--on-accent:#10282f;--warn:#ebc475;--warn-bg:#342e20;--error:#ff9ba3}}
:root[data-theme="dark"]{color-scheme:dark;--bg:#0d191f;--surface:#14262e;--tint:#102129;--text:#edf6f7;--muted:#a3b9c1;--line:#2b424d;--accent:#59d2e2;--accent-hover:#87e3ed;--accent-soft:#183d47;--on-accent:#10282f;--warn:#ebc475;--warn-bg:#342e20;--error:#ff9ba3}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:30px;letter-spacing:-.03em;line-height:1.35}h2{font-size:20px;letter-spacing:-.02em;line-height:1.5}h3{font-size:17px}button,select,input{font:inherit}button,a,summary,select{touch-action:manipulation}button,summary{cursor:pointer}button,select{color:var(--text)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled,select:disabled{opacity:.6;cursor:not-allowed}img{max-width:100%;display:block}[hidden]{display:none!important}.wrap{width:min(1360px,100%);padding-inline:40px;margin-inline:auto}.muted,.caption{color:var(--muted)}.caption{font-size:12px;line-height:1.8}.small{font-size:12px}.inline-link{color:var(--accent);font-size:13px;font-weight:600}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border:1px solid var(--line);background:var(--surface);border-radius:8px;font-weight:600;font-size:13px;white-space:nowrap;transition:background .18s,border-color .18s}.button:hover{background:var(--tint);border-color:var(--accent);color:var(--text)}.button:active{background:var(--accent-soft)}.button.small{min-height:36px;font-size:12px;padding:7px 12px}.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.primary:hover{background:var(--accent-hover);color:var(--on-accent)}.quiet{background:none;border:0;padding:8px;color:var(--muted);font-size:12px;border-radius:6px}.quiet:hover{background:var(--tint)}.tag{display:inline-block;padding:4px 9px;border-radius:5px;font-size:11px;font-weight:600;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.tag.warning{background:var(--warn-bg);color:var(--warn)}.skip{position:fixed;top:-100px;left:20px;background:var(--surface);padding:12px;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.site-header{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{max-width:1440px;margin:auto;padding:0 40px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:10px;align-items:center;font-size:20px;letter-spacing:-.03em;font-weight:600;white-space:nowrap}.brand b{font-weight:750}.brand img{border-radius:7px}.site-header nav{display:flex;gap:28px;align-self:stretch;align-items:center}.site-header nav a{font-size:13px;color:var(--muted);position:relative;height:100%;display:flex;align-items:center}.site-header nav a[aria-current]{color:var(--accent);font-weight:700}.site-header nav a[aria-current]:after{content:'';position:absolute;bottom:0;height:2px;background:var(--accent);width:100%}.header-actions{display:flex;gap:16px;align-items:center}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 28px}.eyebrow{font-size:12px;color:var(--muted);margin-bottom:7px}.filterbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 22px}.category-title{display:flex;align-items:center;gap:14px;min-width:0}.category-title h2{font-size:21px;overflow-wrap:anywhere}.category-symbol{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);height:48px;width:48px;flex-shrink:0;border-radius:10px;font-size:23px;font-weight:700}.filters{display:flex;gap:12px;align-items:flex-end}label{display:grid;gap:5px;font-size:11px;color:var(--muted)}select{background:var(--bg);border:1px solid var(--line);border-radius:7px;min-height:40px;padding:8px 30px 8px 11px;max-width:220px;font-size:12px}#category-note{padding:8px 2px}.notice{padding:12px 16px;border-radius:8px;background:var(--accent-soft);font-size:12px;line-height:1.75;display:flex;align-items:center;justify-content:space-between;gap:16px}.notice.warning{background:var(--warn-bg);color:var(--warn)}.notice.error{color:var(--error);background:var(--surface);border:1px solid var(--error)}.notice strong{font-weight:650}.notice a{text-decoration:underline}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:24px 0 28px;gap:0}.metric{padding:0 22px;border-right:1px solid var(--line);min-width:0}.metric:first-child{padding-left:0}.metric:last-child{border:0;padding-right:0}.metric dt{font-size:12px;color:var(--muted);margin-bottom:7px}.metric dd{font-size:31px;letter-spacing:-.03em;line-height:1.25;margin:0;font-weight:600;font-variant-numeric:tabular-nums}.metric.accent dd{color:var(--accent)}.metric small{display:block;font-size:10px;color:var(--muted);margin-top:9px;line-height:1.6}.analysis-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:stretch}.panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0;padding:23px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.panel-heading h2{font-size:17px}.panel-heading p{font-size:12px;color:var(--muted);margin-top:5px}.chart-controls,.source-tabs{display:flex;gap:4px}.chart-controls{margin-bottom:18px}.chart-controls button,.source-tabs button{background:transparent;border:1px solid transparent;color:var(--muted);border-radius:6px;padding:7px 11px;font-size:12px;transition:background .18s}.chart-controls button:hover,.source-tabs button:hover{background:var(--tint)}.chart-controls button[aria-pressed="true"],.source-tabs button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent);font-weight:650}.chart{height:250px;position:relative;width:100%;min-width:0}.chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:var(--line);stroke-dasharray:3 5}.chart-label{fill:var(--muted);font-size:11px}.chart-line{stroke:var(--accent);fill:none;stroke-width:2.5;stroke-linejoin:round}.chart-point{fill:var(--surface);stroke:var(--accent);stroke-width:2}.chart-hit{fill:transparent;cursor:crosshair}.chart-hit:hover,.chart-hit:focus{fill:var(--accent-soft);opacity:.45;outline:none}.chart-readout{font-size:12px;background:var(--tint);padding:10px 12px;border-radius:6px;min-height:40px;font-variant-numeric:tabular-nums;margin-top:12px}.chart-panel>.caption{margin-top:12px}.hourly-details{margin-top:12px}.hourly-details summary{font-size:12px;color:var(--accent)}.insights{display:flex;flex-direction:column}.insights .inline-link{margin-top:auto;padding-top:22px}.insight{padding:18px 0;border-top:1px solid var(--line)}.insight span{display:block;font-size:12px;color:var(--muted)}.insight strong{display:block;font-size:24px;letter-spacing:-.02em;font-weight:600;margin:5px 0}.insight small{font-size:11px;color:var(--muted)}.insight.recommended strong{color:var(--accent)}.insights .advice{font-size:12px;background:var(--tint);padding:14px;border-radius:8px;line-height:1.85;margin-top:8px}.tiers-panel{margin-top:20px}.table-scroll{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:12px}th,td{text-align:right;padding:12px 16px;white-space:nowrap}th:first-child,td:first-child{text-align:left}thead{background:var(--tint)}th{font-weight:600}th span{display:block;font-weight:400;font-size:10px;color:var(--muted);margin-top:3px}tbody tr+tr{border-top:1px solid var(--line)}tbody th{color:var(--muted);font-weight:400}td{font-size:14px}.tiers-panel .caption{padding-top:13px}.rankings-section{margin-top:46px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.section-heading h2{font-size:25px;letter-spacing:-.03em}.section-heading p{font-size:13px;color:var(--muted);margin-top:7px}.ranking-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.source-tabs{margin-right:auto;background:var(--surface);padding:4px;border-radius:8px;border:1px solid var(--line)}.ranking-toolbar label{display:flex;align-items:center;gap:10px}.ranking-summary{display:flex;flex-wrap:wrap;gap:26px;margin-top:16px;font-size:12px;color:var(--muted)}.ranking-summary b{font-size:17px;color:var(--text);font-weight:600;margin-right:6px;font-variant-numeric:tabular-nums}.rank-heading{display:flex;gap:16px;align-items:baseline;justify-content:space-between;margin:26px 0 14px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);min-width:0}.image-button{position:relative;display:grid;place-items:center;width:100%;padding:0;background:var(--tint);border:0;aspect-ratio:16/10;cursor:zoom-in;overflow:hidden}.image-button img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.image-button .image-placeholder{padding:20px;color:var(--muted);font-size:12px;text-align:center}.image-button .zoom{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#123039d9;color:#fff;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;font-size:23px;border:1px solid #ffffff80;opacity:0;transition:opacity .18s}.image-button:hover .zoom,.image-button:focus-visible .zoom{opacity:1}.image-button:disabled{opacity:1;cursor:default}.product-body{padding:14px}.product-title{display:flex;align-items:flex-start;gap:8px}.rank{color:var(--accent);font-size:13px;font-weight:700;flex-shrink:0;font-variant-numeric:tabular-nums}.product h4{font-size:13px;line-height:1.5;margin:0;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px;overflow-wrap:anywhere}.seller{font-size:11px;color:var(--muted);margin-top:7px;overflow-wrap:anywhere}.product-facts{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:14px}.price{font-size:23px;font-weight:600;color:var(--accent);line-height:1.2;letter-spacing:-.02em}.currency-label{font-size:10px;color:var(--muted);display:block;margin-top:4px}.bidders{text-align:right;font-size:15px;font-weight:600}.bidders span{display:block;font-size:10px;font-weight:400;color:var(--muted)}.product-time{border-top:1px solid var(--line);margin-top:13px;padding-top:9px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.rankings-section>.caption{margin-top:20px}.empty{grid-column:1/-1;background:var(--surface);border:1px dashed var(--line);border-radius:8px;padding:30px 20px;text-align:center;color:var(--muted);font-size:13px}.chart .empty{height:100%;display:grid;place-items:center}.monitor-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px;background:var(--accent-soft);border-radius:12px;margin-top:40px}.monitor-callout h2{font-size:20px}.monitor-callout p{font-size:12px;color:var(--muted);margin-top:7px}.monitor-callout>div:last-child{display:grid;gap:8px;text-align:center;flex-shrink:0}.monitor-callout span{font-size:10px;color:var(--muted)}.help-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;margin:44px 0}.help-layout h2{font-size:19px}.help-layout>.muted,.help-layout p.muted{font-size:12px;margin-top:7px}.definitions{margin-top:18px}.definitions details{border-bottom:1px solid var(--line)}.definitions summary{padding:14px 25px 14px 0;font-size:13px}.definitions p{font-size:12px;color:var(--muted);line-height:1.9;padding-bottom:16px;max-width:65ch}.support-panel{border:1px solid var(--line);border-radius:12px;padding:25px;background:var(--surface);align-self:start}.support-panel>.inline-link{display:block;margin-top:14px}.support-panel #support{padding:18px 0;font-size:13px}.contact{margin:8px 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.contact span{color:var(--muted)}.footer{padding-block:24px;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;font-size:11px;color:var(--muted)}.footer .brand{font-size:17px;color:var(--text)}.footer p{margin-right:auto}.footer>a:not(.brand){color:var(--accent)}dialog{width:min(1280px,calc(100% - 32px));max-height:94dvh;border:1px solid var(--line);border-radius:12px;padding:0;background:var(--surface);color:var(--text)}dialog::backdrop{background:#05131dd9}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px}.dialog-toolbar h2{font-size:16px}.image-stage{background:var(--tint);min-height:180px;display:grid;place-items:center}.image-stage img{width:100%;height:auto;max-height:72dvh;object-fit:contain}.image-stage p{padding:30px;color:var(--muted)}#image-caption{padding:14px 20px}body:has(dialog[open]){overflow:hidden}.skeleton{background:var(--tint);border-radius:7px;min-height:95px;margin-right:12px;animation:loading 1.4s ease-in-out infinite alternate}.chart-skeleton{height:200px;width:100%}.product-skeleton{height:300px}.metrics dl{margin:0}.hourly-details table{margin-top:12px}.hourly-details td{font-size:12px}@keyframes loading{to{opacity:.45}}
@media(min-width:1500px){.wrap{padding-inline:30px}.chart{height:280px}}
@media(max-width:1100px){.wrap{padding-inline:26px}.header-inner{padding-inline:26px}.site-header nav{gap:18px}.filterbar{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters label{flex:1}.filters select{width:100%;max-width:none}.analysis-layout{grid-template-columns:minmax(0,1fr) 250px}.panel{padding:19px}.metric{padding-inline:14px}.metric dd{font-size:27px}.product-grid{gap:12px}.price{font-size:20px}.product-body{padding:11px}}
@media(max-width:800px){.site-header nav{display:none}.header-inner{height:66px}.page-heading h1{font-size:26px}.page-heading>.button{font-size:12px}.analysis-layout{grid-template-columns:1fr}.insights #insights-content{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.insights .advice{grid-column:1/-1}.insights .inline-link{padding-top:12px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 0}.metric:nth-child(3){border-right:0}.metric:nth-child(4){padding-left:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-layout{gap:28px}.section-heading{align-items:flex-start}.section-heading .inline-link{white-space:nowrap;font-size:12px}.monitor-callout{align-items:flex-start}.monitor-callout h2{font-size:18px}.footer{flex-wrap:wrap;gap:12px 20px}.footer p{margin:0}.footer span{margin-left:auto}}
@media(max-width:540px){.wrap{padding-inline:16px}.header-inner{padding-inline:16px;gap:12px}.brand{font-size:17px;gap:7px}.brand img{width:28px;height:28px}.header-actions{gap:6px}.header-actions .button{font-size:11px;padding:7px 9px}.quiet{font-size:11px;padding:6px}.page-heading{padding:24px 0 20px;align-items:flex-start}.eyebrow{font-size:11px}.page-heading h1{font-size:22px}.page-heading>.button{padding:8px 10px;font-size:11px;white-space:normal;text-align:left;max-width:114px}.page-heading>.button span{display:none}.filterbar{padding:16px;gap:16px}.category-title h2{font-size:19px}.category-symbol{width:42px;height:42px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters label{min-width:0}.filters .button{grid-column:1/-1;min-height:34px}.filters select{min-width:0;font-size:11px;padding-right:22px}.caption{font-size:11px}.notice{font-size:11px;padding:11px 12px;display:block}.notice .button{margin-top:10px}.metrics{margin:23px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.metric{padding:0 14px!important}.metric:nth-child(odd){padding-left:0!important;border-right:1px solid var(--line)}.metric:nth-child(even){border:0}.metric:last-child{border:0}.metric dd{font-size:28px}.metric dt{font-size:11px}.metric small{font-size:10px}.panel{padding:16px;border-radius:10px}.panel-heading{margin-bottom:15px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:11px}.tag{font-size:10px;padding:4px 6px}.chart-controls{gap:2px}.chart-controls button{font-size:11px;padding:6px 9px}.chart{height:215px}.chart-readout{font-size:11px;min-height:57px}.insight strong{font-size:22px}.insight small{font-size:10px}.insights .advice{font-size:11px}.tiers-panel{padding-bottom:15px}th,td{padding:10px 12px}.section-heading{display:block;margin-bottom:16px}.section-heading h2{font-size:22px}.section-heading p{font-size:12px}.section-heading>.inline-link{display:inline-block;margin-top:10px}.rankings-section{margin-top:32px}.ranking-toolbar{gap:10px}.source-tabs{width:100%;margin-right:0}.source-tabs button{flex:1}.ranking-toolbar label{flex:1;font-size:11px}.ranking-toolbar select{max-width:150px;font-size:11px}.ranking-summary{gap:10px 18px;font-size:11px}.ranking-summary b{font-size:15px}.rank-heading{display:block;margin-top:24px}.rank-heading h3{font-size:16px}.rank-heading>span{font-size:11px}.product-grid{gap:10px}.product-body{padding:10px}.product h4{font-size:12px;min-height:36px}.product-title{gap:5px}.rank{font-size:11px}.seller{font-size:10px}.price{font-size:21px}.bidders{font-size:13px}.bidders span{font-size:9px}.product-facts{gap:5px}.currency-label{font-size:9px}.product-time{display:block;font-size:9px;line-height:1.8}.image-button .image-placeholder{padding:12px;font-size:10px}.image-button .zoom{width:30px;height:30px;font-size:20px;opacity:1}.monitor-callout{display:block;padding:20px;margin-top:30px}.monitor-callout h2{font-size:19px}.monitor-callout>div:last-child{margin-top:18px;text-align:left;justify-items:start}.help-layout{grid-template-columns:1fr;margin-block:30px;gap:25px}.footer{font-size:10px;gap:12px}.footer .brand{font-size:15px}.footer p{width:100%;order:3}.footer span{margin-left:0}.dialog-toolbar{padding:12px 10px;gap:6px}.dialog-toolbar h2{font-size:13px}.dialog-toolbar .inline-link{font-size:11px}.dialog-toolbar .button{font-size:11px;padding:6px 9px}dialog{width:calc(100% - 16px)}#image-caption{padding:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.image-button img{opacity:0}.image-button img.loaded{opacity:1}

.metric small{font-weight:400;letter-spacing:normal}@media(max-width:360px){.filters{grid-template-columns:1fr}.filters select{width:100%}}