:root{--bg-page:#f4f6fa;--surface:#fff;--surface-2:#f8fafc;--text:#1a1f2e;--text-soft:#3d4656;--text-muted:#6b7280;--border:#e5e7eb;--primary:#207bee;--primary-hover:#186bd4;--accent:#c2410c;--chip-bg:#eef2ff;--chip-text:#3730a3;--radius:14px;--shadow-sm:0 1px 2px #0f172a0f;color:var(--text);background:var(--bg-page);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{margin:0}#app{min-height:100vh}a{color:inherit}img{max-width:100%}.hgg-top{z-index:200;width:100%;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0f172a1f}.hgg-page,.detail-page:not(.detail-page--loading),.quote-page{padding-top:var(--hgg-top-height,56px)}.filter-panel .filter-row{border-bottom:1px dashed #eee;grid-template-columns:100px minmax(0,1fr);align-items:start;column-gap:12px;padding:8px 0;display:grid}.filter-panel .filter-row:has(.filter-help){grid-template-columns:100px minmax(0,1fr) auto}.filter-panel .filter-label{text-align:right;color:#666;white-space:nowrap;grid-column:1;justify-self:end;line-height:26px}.filter-panel .filter-chips,.filter-panel .collapsible-filter__body,.filter-panel .brand-filter,.filter-panel .geo-filter-wrap{grid-column:2;min-width:0}.filter-panel .filter-row>.filter-help{color:#207bee;white-space:nowrap;grid-column:3;align-self:center;margin-left:0;font-size:12px;text-decoration:none}.filter-panel .filter-chips,.filter-panel .collapsible-filter__line,.filter-panel .brand-filter__line,.filter-panel .geo-filter__tabs{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.filter-panel .filter-chips>.filter-pill:first-child,.filter-panel .collapsible-filter__line>.filter-pill:first-child,.filter-panel .brand-filter__line>.filter-pill:first-child,.filter-panel .geo-filter__tabs>.filter-pill:first-child{text-align:center;min-width:52px}.filter-pill{color:#333;cursor:pointer;background:#f4f6f8;border:0;border-radius:12px;padding:4px 12px;font-size:13px;line-height:1.4;transition:background .2s,color .2s,transform .12s,box-shadow .2s}.filter-pill:hover{background:#ebeff3}.filter-pill:active{transform:scale(.96)}.filter-pill.on{color:#ff8000;background:#fff0e0;font-weight:600;box-shadow:inset 0 0 0 1px #ff800038}.filter-pill--pop{animation:.42s filter-pill-pop}@keyframes filter-pill-pop{0%{transform:scale(1);box-shadow:inset 0 0 0 1px #ff800038}40%{background:#ffe4c8;transform:scale(1.06);box-shadow:inset 0 0 0 1px #ff800059,0 0 0 4px #ff80001f}to{transform:scale(1);box-shadow:inset 0 0 0 1px #ff800038}}