:root{--ink:#162033;--muted:#697a93;--paper:#f3f6fa;--surface:#fff;--line:#e2e8f0;--blue:#1463ff;--blue-soft:#edf3ff;--green:#078158;--green-soft:#e7f8f0;--red:#b42318;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,22px);background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:17px;font-weight:850;text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--blue);color:#fff;border-radius:10px;font-size:12px;box-shadow:0 7px 16px rgba(20,99,255,.22)}.brand-copy{display:flex;align-items:center;gap:9px}.brand-domain{padding:3px 7px;border:1px solid #c9daf8;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:10px}.account-button{border:1px solid #b9c9e4;background:#f5f8ff;color:var(--blue);padding:8px 12px;border-radius:999px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}main{max-width:1420px;margin:auto;padding:0 24px}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);gap:50px;align-items:center;padding:28px 8px 20px}.hero h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(36px,4.2vw,58px);line-height:1.06;letter-spacing:-.04em;margin:0}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.7;margin:12px 0 0}.status-card{background:linear-gradient(135deg,#eaf3ff,#dcecff 55%,#edf8ff);border:1px solid #c9ddfb;padding:18px 22px;border-radius:var(--radius);box-shadow:0 16px 36px rgba(44,104,184,.13);display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;z-index:1}.status-main{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:7px}.live-label{grid-column:1/-1;font-size:11px;color:#27527d;margin-bottom:12px}.live-label i{display:inline-block;width:7px;height:7px;background:#13a874;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(19,168,116,.13)}.status-main strong{font-family:Georgia,serif;font-size:48px;line-height:.9;color:#0d4fc4}.status-main small{color:#517199;font-size:11px;padding-bottom:3px}.status-card dl{margin:0}.status-card dl div{display:flex;justify-content:space-between;border-top:1px solid rgba(55,101,163,.18);padding-top:10px;margin-top:10px;gap:25px}.status-card dt{color:#6681a4;font-size:11px}.status-card dd{margin:0;font-size:11px;font-weight:750;color:#19395f;white-space:nowrap}.watermark{position:absolute;right:4%;bottom:8%;color:#60779a;font-size:clamp(18px,2.4vw,30px);font-weight:900;letter-spacing:.16em;opacity:.11;transform:rotate(-10deg)}.submit-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);gap:24px;align-items:center;margin:0 0 28px;padding:18px 20px;background:#f8fbff;border:1px solid #cfddf2;border-left:4px solid var(--blue);border-radius:12px}.submit-copy{display:grid;gap:7px}.submit-copy strong{font-size:18px}.submit-copy p{margin:0;color:#5c6f8c;font-size:12px;line-height:1.55}.submit-copy ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.submit-copy li{border:1px solid #d3e0f2;border-radius:999px;background:#fff;color:#426184;padding:4px 8px;font-size:10px;font-weight:750}.input-row{display:flex}.input-row input{flex:1;min-width:0;border:1px solid #b9c9df;border-radius:8px 0 0 8px;padding:11px 13px;font:inherit;font-size:13px}.input-row button,.dialog-submit{border:0;background:var(--blue);color:#fff;padding:0 18px;border-radius:0 8px 8px 0;font-weight:800;cursor:pointer}.form-message{min-height:16px;margin:5px 0 0;font-size:11px;color:var(--green)}.prices-section{padding:12px 0 54px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:18px}.section-heading h2{font-family:Georgia,"Noto Serif SC",serif;font-size:34px;letter-spacing:-.02em;margin:0}.section-heading p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.quiet-button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:700;white-space:nowrap}.coverage{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;padding:11px 14px;border-left:4px solid #c74635;background:#fff7f4;color:#765c58;font-size:11px;line-height:1.55}.coverage strong{color:#8f2f24;font-size:12px}.price-board{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.sidebar-stack{display:grid;gap:14px}.product-search,.category-panel,.sidebar-card,.products-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px rgba(28,45,79,.04)}.product-search{padding:11px 12px}.search-row{position:relative}.search-row input{width:100%;height:40px;border:1px solid #c7d2e1;border-radius:9px;padding:0 36px 0 12px;font:inherit;font-size:12px}.search-row button{position:absolute;right:5px;top:5px;width:30px;height:30px;border:0;background:transparent;color:#8593a6;font-size:19px;cursor:pointer}.hot{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:8px;color:var(--muted);font-size:9px}.hot button{border:1px solid #d5e0f1;border-radius:999px;background:#f7faff;color:#456487;padding:4px 7px;font:inherit;font-size:9px;cursor:pointer}.panel-title,.card-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid var(--line)}.panel-title strong,.card-heading strong{font-size:14px}.panel-title span,.card-heading span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.category-list{padding:8px}.category-button{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 94px;gap:10px;align-items:center;border:0;background:transparent;color:var(--ink);padding:10px 11px;border-radius:9px;text-align:left;cursor:pointer}.category-button:hover{background:#f4f7fb}.category-button.active{background:var(--blue-soft);color:var(--blue)}.category-icon,.selected-icon{display:grid;place-items:center;width:34px;height:34px;background:#edf2fa;color:var(--blue);border-radius:10px;font-size:10px;font-weight:900}.category-text strong,.category-text small{display:block}.category-text strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-text small{color:var(--muted);font-size:9px;margin-top:3px}.category-summary{text-align:right}.category-summary strong{display:block;color:var(--blue);font-size:13px}.category-summary small{color:var(--muted);font-size:9px}.qq-content{padding:14px}.qq-content img{display:block;width:100%;border-radius:10px;border:1px solid var(--line);margin-bottom:10px}.qq-content strong{font-size:11px}.qq-content p{color:var(--muted);font-size:10px;line-height:1.55;margin:5px 0 0}.feedback-card form{display:grid;gap:7px;padding:13px 14px}.feedback-card label{display:flex;justify-content:space-between;font-size:11px;font-weight:750}.feedback-card label small{color:var(--muted);font-size:9px}.feedback-card textarea,.feedback-card input{width:100%;border:1px solid #c5d0df;border-radius:8px;font:inherit;font-size:11px;padding:9px 10px}.feedback-card textarea{min-height:92px;resize:vertical}.feedback-card button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:9px 12px;font-weight:750;cursor:pointer}.feedback-card form>p{color:var(--muted);font-size:9px;line-height:1.55;margin:1px 0}.products-panel{overflow:visible}.products-header{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(270px,1fr) auto;min-height:96px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);gap:20px;background:#fff;border-radius:var(--radius) var(--radius) 0 0}.selected-category{display:flex;align-items:center;gap:12px}.selected-category h3{font-size:17px;margin:0}.selected-category p{color:var(--muted);font-size:11px;margin:5px 0 0}.selected-icon{width:40px;height:40px}.trend{height:68px;padding:7px 10px 5px;border:1px solid #dbe5f5;border-radius:10px;background:#f8fbff}.trend-heading{display:flex;justify-content:space-between;gap:8px}.trend-heading strong{font-size:10px}.trend-heading span{font-size:8px;color:var(--muted)}.trend svg{width:100%;height:43px}.lowest{text-align:right}.lowest>span,.lowest>strong{display:block}.lowest>span{max-width:190px;color:var(--muted);font-size:10px}.lowest>strong{color:var(--blue);font-size:24px;margin-top:3px}.lowest button{width:106px;height:38px;border:0;border-radius:10px;background:#d84332;color:#fff;font-size:11px;font-weight:850;box-shadow:0 8px 18px rgba(216,67,50,.3);cursor:pointer;margin-top:7px}.product-list{overflow:hidden;border-radius:0 0 var(--radius) var(--radius);background:#fff}.product-row{display:grid;grid-template-columns:42px minmax(0,1fr) 90px 100px auto;align-items:center;gap:12px;min-height:66px;padding:9px 18px;border-bottom:1px dashed var(--line)}.product-row:hover{background:#f8faff}.rank{color:#8794a8;font-size:11px}.product-main{min-width:0;color:var(--ink);text-decoration:none}.product-main strong,.product-main span{display:block}.product-main strong{font-size:13px;line-height:1.4}.product-main span{color:var(--muted);font-size:10px;margin-top:5px}.row-price{color:var(--blue);font-size:15px;text-align:right;white-space:nowrap}.row-stock{justify-self:end;color:var(--green);background:var(--green-soft);border-radius:6px;padding:5px 7px;font-size:10px;white-space:nowrap}.favorite{border:1px solid #c7d4e7;background:#fff;color:#55708f;border-radius:999px;padding:4px 7px;font-size:10px;cursor:pointer}.favorite.active{border-color:#f0bf53;background:#fff6dc;color:#9a6300}.empty{padding:70px 25px;text-align:center;color:var(--muted);font-size:13px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:36px 0}.trust-grid article{background:#fff;padding:24px}.trust-grid b{color:var(--blue);font-family:Georgia,serif}.trust-grid h3{font-size:15px}.trust-grid p{color:var(--muted);font-size:12px;line-height:1.7}footer{display:flex;justify-content:space-between;padding:24px max(4vw,22px);background:var(--ink);color:#95a0b2;font-size:11px}dialog{border:0;padding:0;background:transparent;max-width:min(620px,calc(100vw - 32px))}dialog::backdrop{background:rgba(10,18,32,.55);backdrop-filter:blur(5px)}.dialog-panel{position:relative;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:20px;padding:28px;box-shadow:0 30px 80px rgba(7,17,35,.3)}.dialog-panel h2{font-size:26px;margin:0}.dialog-panel>p{color:var(--muted);font-size:12px;line-height:1.7}.dialog-panel label{display:block;font-size:11px;font-weight:800;margin:12px 0 7px}.dialog-panel input{width:100%;min-height:40px;border:1px solid #c8d6e9;border-radius:9px;padding:10px 12px}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;color:var(--muted);font-size:28px;cursor:pointer}.code-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0 13px}.code-row button{border:1px solid #bfd0e9;border-radius:9px;background:#edf4ff;color:#1b5bc4;padding:0 12px}.dialog-submit{width:100%;min-height:42px;border-radius:9px;background:linear-gradient(135deg,#165dd7,#2f7df0)}.hint{font-size:10px!important}.share-preview{display:grid;place-items:center;gap:8px;margin:18px 0;padding:30px;border:1px solid #dce6f4;border-radius:14px;background:linear-gradient(135deg,#edf4ff,#fff)}.share-preview strong{font-size:22px}.share-preview b{font-size:40px;color:var(--blue)}.share-preview span{font-size:10px;color:var(--muted)}
@media(max-width:960px){.submit-strip{grid-template-columns:1fr}.price-board{grid-template-columns:280px minmax(0,1fr)}.products-header{grid-template-columns:minmax(210px,.8fr) minmax(210px,1fr) auto}}
@media(max-width:760px){main{padding:0 12px}.topbar{height:58px;padding:0 14px}.hero{grid-template-columns:1fr;gap:16px;padding:20px 2px 16px}.hero h1{font-size:38px}.hero-copy>p{font-size:13px}.status-card{grid-template-columns:1fr;padding:14px 16px;gap:8px}.status-main{grid-template-columns:auto auto 1fr}.live-label{grid-column:auto;margin:0;align-self:center}.status-card dl{display:flex;gap:14px}.status-card dl div{flex:1}.submit-strip{padding:16px 14px}.input-row{flex-direction:column;gap:8px}.input-row input,.input-row button{min-height:44px;border-radius:8px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:30px}.coverage{align-items:flex-start;flex-direction:column;gap:3px}.price-board{grid-template-columns:1fr}.category-list{display:flex;overflow-x:auto;gap:7px}.category-button{flex:0 0 auto;width:220px}.products-header{grid-template-columns:minmax(0,1fr) auto}.trend{grid-column:1/-1;grid-row:2;height:76px}.lowest{grid-column:2;grid-row:1}.lowest>span{max-width:145px;font-size:9px}.product-row{grid-template-columns:30px minmax(0,1fr) 72px;gap:8px;padding:11px 12px}.row-stock{grid-column:2;grid-row:2;justify-self:start}.favorite{grid-column:3;grid-row:2;justify-self:end}.trust-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:7px}}
@media(max-width:480px){.brand-copy{display:grid;gap:1px}.brand-name{font-size:14px}.brand-domain{padding:0;border:0;background:transparent;font-size:9px}.qq-content{display:grid;grid-template-columns:94px 1fr;gap:10px}.qq-content img{margin:0}}
.form-message[data-state=error]{color:var(--red)}.form-message[data-state=success]{color:var(--green)}.product-main>a{color:var(--ink);text-decoration:none}.product-main>a:hover{color:var(--blue)}.shop-link{display:inline!important;color:var(--muted);text-decoration:none}.shop-link:hover{color:var(--blue);text-decoration:underline}.monitor-error .live-label i{background:#e28a25;box-shadow:0 0 0 4px rgba(226,138,37,.14)}.trend-empty{height:43px;display:grid;place-items:center;color:var(--muted);font-size:9px}
