:root{--bg-p:#faf7f2;--bg-s:#fff;--bg-sv:#f2eee6;--ink-1:#1a1a1a;--ink-2:#4a4a4a;--ink-3:#8a8a8a;--line:#e5dfd2;--line-s:#f0ebe0;--accent:#d85b26;--accent-h:#c44e1e;--accent-s:#fce9dd;--accent-i:#fff;--good:#2f7d5b;--warn:#b8841a;--danger:#b73a2a;--fd:"Source Han Serif SC","Noto Serif SC","Songti SC","STSong","Source Han Sans SC","Noto Sans CJK SC",serif;--fb:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","HarmonyOS Sans SC","Segoe UI",sans-serif;--fn:"SF Mono","JetBrains Mono","Roboto Mono",ui-monospace,monospace;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-pill:999px;--s-1:0 1px 2px rgba(20,16,8,.04),0 1px 1px rgba(20,16,8,.03);--s-2:0 4px 12px rgba(20,16,8,.06),0 2px 4px rgba(20,16,8,.04);--s-3:0 12px 32px rgba(20,16,8,.08),0 4px 8px rgba(20,16,8,.04);--s-f:0 0 0 3px rgba(216,91,38,.2);--e-o:cubic-bezier(.2,.8,.2,1);--e-io:cubic-bezier(.4,0,.2,1);--d-1:120ms;--d-2:200ms;--d-3:320ms;--mw:1200px}html.dark{--bg-p:#0f172a;--bg-s:#1e293b;--bg-sv:#334155;--ink-1:#f1f5f9;--ink-2:#cbd5e1;--ink-3:#94a3b8;--line:#334155;--line-s:#475569;--accent:#d85b26;--accent-h:#c44e1e;--accent-s:rgba(216,91,38,.15);--accent-i:#fff;--good:#22c55e;--warn:#eab308;--danger:#ef4444;--s-1:0 1px 2px rgba(0,0,0,.3),0 1px 1px rgba(0,0,0,.2);--s-2:0 4px 12px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3);--s-3:0 12px 32px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.4);--s-f:0 0 0 3px rgba(216,91,38,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 24px;border:none;border-radius:var(--r-md);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s;text-decoration:none}.btn-sm{padding:8px 16px}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-p);color:var(--ink-1);scroll-behavior:smooth}body,html{min-height:100vh}body{font-family:var(--fb);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-p);color:var(--ink-1);transition:background-color var(--d-2) var(--e-o),color var(--d-2) var(--e-o)}.container{padding:0 var(--space-4)}.reveal{transform:translateY(16px);transition:opacity var(--d-3) var(--e-o),transform var(--d-3) var(--e-o);transition-delay:calc(var(--reveal-i, 0) * 50ms)}.reveal[data-on="1"]{opacity:1;transform:translateY(0)}.card-hover,.product-card,.ranking-row,.spotlight-card{transition:all var(--d-2) var(--e-o)}.card-hover:hover,.product-card:hover,.spotlight-card:hover{transform:translateY(-4px);box-shadow:var(--s-3)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px}~~:root{--bg-p:#faf7f2;--bg-s:#fff;--bg-sv:#f2eee6;--ink-1:#1a1a1a;--ink-2:#4a4a4a;--ink-3:#8a8a8a;--line:#e5dfd2;--line-s:#f0ebe0;--accent:#d85b26;--accent-h:#c44e1e;--accent-s:#fce9dd;--accent-i:#fff;--good:#2f7d5b;--warn:#b8841a;--danger:#b73a2a;--fd:"Source Han Serif SC","Noto Serif SC","Songti SC","STSong",serif;--fb:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","HarmonyOS Sans SC","Segoe UI",sans-serif;--fn:"SF Mono","JetBrains Mono","Roboto Mono",ui-monospace,monospace;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-pill:999px;--s-1:0 1px 2px rgba(20,16,8,.04),0 1px 1px rgba(20,16,8,.03);--s-2:0 4px 12px rgba(20,16,8,.06),0 2px 4px rgba(20,16,8,.04);--s-3:0 12px 32px rgba(20,16,8,.08),0 4px 8px rgba(20,16,8,.04);--s-f:0 0 0 3px rgba(216,91,38,.2);--e-o:cubic-bezier(.2,.8,.2,1);--e-io:cubic-bezier(.4,0,.2,1);--d-1:120ms;--d-2:200ms;--d-3:320ms;--mw:1200px}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.05;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3e%3cfilter id='n'%3e%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3e%3C/filter%3e%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3e%3c/svg%3e")}~~(2026-06-11 best.1: 抽出到 packages/ui/src/tokens.css,apps/web 改 import @cps/ui/tokens.css)
@media(prefers-reduced-motion: reduce){body:before{opacity:0}}~~.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px24px;border:none;border-radius:var(--r-md);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{outline:none;box-shadow:var(--s-f)}.btn-primary{background:var(--ink-1);color:#fff}.btn-primary:hover{background:#333}.btn-accent{background:var(--accent);color:var(--accent-i)}.btn-accent:hover{background:var(--accent-h)}.btn-ghost{background:transparent;color:var(--ink-1);border:1px solid var(--line)}.btn-ghost:hover{background:var(--bg-sv);border-color:var(--ink-2)}.btn-danger{background:var(--danger);color:#fff}.btn-block{display:flex;width:100%}.btn-sm{min-height:36px;padding:8px16px;font-size:13px}.card{background:var(--bg-s);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--s-1);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--s-2);transform:translateY(-1px)}.card-sunken{background:var(--bg-sv);border-radius:var(--r-md);padding:16px}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-title{font-family:var(--fb);font-size:16px;font-weight:600;color:var(--ink-1);margin:0}.card-desc{font-size:13px;color:var(--ink-2);line-height:1.5;margin:0}~~(2026-06-11 best.1: 抽出到 packages/ui/src/base.css,apps/web 改 import @cps/ui/base.css)
.label{display:block;font-size:13px;color:var(--ink-2);margin-bottom:6px}.input{width:100%;height:44px;padding:12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-s);font-family:inherit;font-size:14px;color:var(--ink-1);transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--ink-3)}.input:focus{outline:none;border-color:var(--accent);box-shadow:var(--s-f)}.input-grid{grid-template-columns:repeat(3,1fr)}.input-grid,.row{display:grid;grid-gap:12px;gap:12px}.row-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media(max-width:768px){.grid-4{grid-template-columns:repeat(2,1fr)}.input-grid{grid-template-columns:1fr}}.stat{background:var(--bg-s);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;text-align:center}.stat-value{font-family:var(--fn);font-size:28px;font-weight:700;color:var(--ink-1);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-label{font-size:12px;color:var(--ink-3);margin-top:4px}.badge{display:inline-flex;align-items:center;height:24px;padding:10px;border-radius:var(--r-pill);font-size:12px;font-weight:600}.badge-good{background:rgba(47,125,91,.12);color:var(--good)}.badge-warn{background:rgba(184,132,26,.12);color:var(--warn)}.badge-danger{background:rgba(183,58,42,.12);color:var(--danger)}.badge-accent{background:var(--accent-s);color:var(--accent)}.badge-ink{background:var(--ink-1);color:#fff}.table{width:100%;border-collapse:collapse;background:var(--bg-s);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line)}.table th{text-align:left;padding:12px16px;font-size:12px;font-weight:600;color:var(--ink-2);background:var(--bg-sv);border-bottom:1px solid var(--line)}.table td{padding:14px16px;font-size:14px;color:var(--ink-1);border-bottom:1px solid var(--line-s);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--bg-sv)}.money{font-family:var(--fn);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.platform-tag{display:inline-flex;align-items:center;height:24px;padding:10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;border:1px solid;color:currentColor}.platform-mock{color:#16304b;border-color:rgba(22,48,75,.2)}.platform-jd{color:#e21325;border-color:rgba(226,19,37,.2)}.platform-taobao{color:#f51a01;border-color:rgba(245,26,1,.2)}.platform-pdd{color:#e2231a;border-color:rgba(226,35,26,.2)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media(max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.product-grid{grid-template-columns:repeat(2,1fr)}}.product-card{display:flex;flex-direction:column;background:var(--bg-s);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:var(--s-2);transform:translateY(-1px)}.product-img{aspect-ratio:1/1;width:100%;background:var(--bg-sv);display:flex;align-items:center;justify-content:center;font-family:var(--fb);color:var(--ink-3);font-size:12px;letter-spacing:.15em}.product-body{padding:12px 16px 16px;display:flex;flex-direction:column;flex:1 1}.product-title{font-size:14px;font-weight:600;color:var(--ink-1);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.product-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink-3);margin-bottom:8px}.product-price-row{display:flex;align-items:baseline;gap:6px;margin-top:4px}.price-current{font-family:var(--fn);font-size:22px;font-weight:700;color:var(--accent);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.price-old{font-family:var(--fn);font-size:13px;color:var(--ink-3);text-decoration:line-through;line-height:1}.product-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--ink-3);margin-top:8px}.rebate-amount{color:var(--accent);font-weight:600}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(38,44%,96%,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-row{justify-content:space-between;gap:24px;padding:16px0}.header-row,.logo{display:flex;align-items:center}.logo{gap:10px;font-family:var(--fd);font-size:20px;font-weight:700;color:var(--ink-1);text-decoration:none}.logo-mark{display:block;flex-shrink:0}.logo-text-block{display:flex;flex-direction:column;line-height:1.1;gap:1px}.logo-text{font-family:var(--fd);font-size:20px;font-weight:700;color:var(--ink-1);line-height:1.1}.logo-slogan{font-family:var(--fn);font-size:13px;font-weight:500;color:var(--ink-3);letter-spacing:.3px;line-height:1.2;margin-top:1px}.filter-row{align-items:center;justify-content:space-between;gap:12px;padding:16px 0 8px}.filter-chips,.filter-row{display:flex;flex-wrap:wrap}.filter-chips{gap:6px}.filter-chip{height:30px;padding:0 14px;border:1px solid var(--line);background:transparent;color:var(--ink-2);border-radius:var(--r-pill);font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.filter-chip:hover{background:var(--bg-sv);color:var(--ink-1)}.filter-chip.on{background:var(--ink-1);color:#fff;border-color:var(--ink-1);font-weight:600}.filter-sort{height:32px;padding:0 28px 0 12px;border:1px solid var(--line);background:var(--bg-s);color:var(--ink-1);border-radius:6px;font:inherit;font-size:13px;cursor:pointer;outline:none;transition:border-color .2s}.filter-sort:focus{border-color:var(--accent)}.nav{display:flex;align-items:center;gap:8px}.nav a{color:var(--ink-2);font-size:14px;padding:6px12px;border-radius:6px;text-decoration:none;transition:color .2s,background .2s}.nav a:hover{color:var(--ink-1);background:var(--bg-sv)}.nav a.active{color:var(--accent);background:var(--accent-s)}.search{position:relative;margin:0 auto;max-width:680px}.search input{width:100%;height:56px;padding:116px 48px;border:1.5px solid var(--line);border-radius:14px;background:var(--bg-s);font-size:16px;color:var(--ink-1);transition:border-color .2s,box-shadow .2s;font-family:inherit}.search input::placeholder{color:var(--ink-3)}.search input:focus{outline:none;border-color:var(--accent);box-shadow:var(--s-f)}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--ink-3);font-size:20px;line-height:1}.search-btn{position:absolute;right:6px;top:6px;bottom:6px;padding:24px;background:var(--ink-1);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit}.search-btn:hover{background:var(--accent)}.hero{padding:48px 0 16px}.hero-banner{position:relative;border-radius:18px;background:linear-gradient(135deg,#fff8f1,#ffead9 50%,#ffd9b8);overflow:hidden;border:1px solid var(--line);box-shadow:var(--s-2)}.hero-banner:before{top:-80px;right:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(216,91,38,.25) 0,rgba(216,91,38,0) 70%);animation:heroGlow 6s ease-in-out infinite alternate}.hero-banner:after,.hero-banner:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero-banner:after{bottom:-60px;left:30%;width:240px;height:240px;background:radial-gradient(circle,rgba(255,180,120,.35) 0,rgba(255,180,120,0) 70%);animation:heroGlow 8s ease-in-out infinite alternate-reverse}@keyframes heroGlow{0%{transform:scale(1) translate(0);opacity:.7}to{transform:scale(1.15) translate(20px,-10px);opacity:1}}.hero-slide{position:relative;min-height:360px;padding:64px56px;display:grid;grid-template-columns:1fr;grid-gap:0;gap:0;align-items:center}@media(max-width:928px){.hero-slide{grid-template-columns:1fr;padding:32px24px}}.hero-eyebrow{display:inline-block;font-family:var(--fn);font-size:11px;letter-spacing:1.5px;color:var(--accent);text-transform:uppercase;padding:4px10px;background:var(--accent-s);border-radius:4px;margin-bottom:14px}.hero-h1{font-family:var(--fd);font-size:60px;line-height:1.05;letter-spacing:-.025em;font-weight:800;color:var(--ink-1);margin:0 0 18px}.hero-h1 em{background:linear-gradient(135deg,var(--accent) 0,#e8632c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:normal;color:var(--accent)}.hero-lead{font-size:15px;line-height:1.7;color:var(--ink-2);max-width:460px;margin-bottom:24px}.hero-cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}.hero-cta-row .btn{transition:transform .2s,box-shadow .2s;box-shadow:var(--s-1)}.hero-cta-row .btn:hover{transform:translateY(-2px);box-shadow:var(--s-2)}.hero-aside{display:grid;grid-gap:16px;gap:16px}.hero-mini-card{background:var(--bg-s);border:1px solid var(--line);border-radius:var(--r-md);padding:16px;display:flex;flex-direction:column;gap:6px}.hero-mini-card h4{margin:0;font-size:14px;font-weight:600;color:var(--ink-1);font-family:var(--fb)}.hero-mini-card .num{font-family:var(--fn);font-size:22px;font-weight:700;color:var(--accent);line-height:1}.hero-mini-card .desc{font-size:12px;color:var(--ink-3)}.msg-line{min-height:24px;padding:12px16px;border-radius:var(--r-md);font-size:14px;text-align:center;margin:16px 0}.msg-line.success{color:var(--good);background:rgba(47,125,91,.12)}.msg-line.error{color:var(--danger);background:rgba(183,58,42,.12)}.msg-line.warn{color:var(--warn);background:rgba(184,132,26,.12)}.msg-empty{padding:48px24px;text-align:center;color:var(--ink-3)}.cat-row{display:flex;gap:6px;padding:12px 0;overflow-x:auto;white-space:nowrap;border-bottom:1px solid var(--line-s)}.cat-row a{padding:6px 12px;font-size:13px;color:var(--ink-2);border-radius:6px;text-decoration:none;transition:background .2s,color .2s;cursor:pointer;border:none;background:transparent;font-family:inherit}.cat-row a.on,.cat-row a:hover{background:var(--ink-1);color:#fff}.main{max-width:var(--mw);margin:0 auto;padding:32px 0 64px}@media(max-width:768px){.main{padding:20px 0 48px}}.section-title{font-family:var(--fd);font-size:28px;font-weight:700;color:var(--ink-1);line-height:1.2;letter-spacing:-.01em;margin:0 0 20px;display:flex;align-items:baseline;gap:10px}.section-eyebrow{font-family:var(--fn);font-size:11px;color:var(--accent);text-transform:uppercase;background:var(--accent-s);padding:3px 8px;border-radius:4px;display:inline-block}.empty,.loading{padding:48px 24px;text-align:center;color:var(--ink-3);font-size:14px}.category-nav{padding:16px 0 0;border-bottom:1px solid var(--line-s)}.category-list{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;padding-bottom:4px}.category-item{display:flex;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;color:var(--ink-2);background:transparent;border:none;border-radius:var(--r-pill);cursor:pointer;transition:background .2s,color .2s}.category-item:hover{background:var(--bg-sv);color:var(--ink-1)}.category-item.on{background:var(--ink-1);color:#fff;font-weight:600}.category-icon{font-size:14px;line-height:1;width:14px;text-align:center}.category-name{line-height:1}.status-tag{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:var(--r-pill);font-size:11px;font-weight:600;font-family:inherit}.status-pending{background:rgba(184,132,26,.12);color:var(--warn)}.status-good{background:rgba(47,125,91,.12);color:var(--good)}.status-paid{background:rgba(216,91,38,.12);color:var(--accent)}.status-received,.status-settled{background:rgba(47,125,91,.12);color:var(--good)}.status-approved{background:rgba(74,144,226,.12);color:#2c7bd9}.status-invalid,.status-rejected{background:rgba(183,58,42,.12);color:var(--danger)}.status-frozen{background:rgba(74,144,226,.12);color:#2c7bd9}.order-row{display:grid;grid-template-columns:80px 1.5fr 1fr 1fr 90px;grid-gap:16px;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line-s);align-items:center;font-size:14px}.order-row:last-child{border-bottom:none}.order-no{font-family:var(--fn);font-size:12px;color:var(--ink-2)}.order-amount{font-family:var(--fn);font-weight:600;color:var(--ink-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.order-rebate{font-family:var(--fn);font-weight:700;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.order-platform{font-size:12px;color:var(--ink-2)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.row-actions button{height:28px;padding:0 10px;border:none;border-radius:4px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.row-actions button:hover{opacity:.85}.btn-mini-good{background:var(--good);color:#fff}.btn-mini-danger{background:var(--danger);color:#fff}.btn-mini-ink{background:var(--ink-1);color:#fff}.detail-grid{display:grid;grid-template-columns:340px 1fr;grid-gap:40px;gap:40px;padding:32px}@media(max-width:768px){.detail-grid{grid-template-columns:1fr;padding:20px;gap:24px}}.detail-image{width:100%;aspect-ratio:1;border-radius:var(--r-lg);font-size:13px;letter-spacing:.1em}.detail-image,.detail-image-sm{background:var(--bg-sv);display:flex;align-items:center;justify-content:center;color:var(--ink-3)}.detail-image-sm{width:60px;height:60px;border-radius:var(--r-md);font-size:11px}.detail-thumbs{display:flex;gap:8px;margin-top:12px}.detail-title{font-family:var(--fb);font-size:22px;font-weight:600;color:var(--ink-1);line-height:1.4;margin:8px 0 16px}.detail-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3);margin-bottom:8px}.price-box{background:var(--accent-s);border:1px solid rgba(216,91,38,.2);border-radius:var(--r-md);padding:20px 24px;margin:16px 0 24px}.price-line{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.price-label{font-size:13px;color:var(--ink-2)}.price-big{font-family:var(--fn);font-size:36px;font-weight:700;color:var(--accent);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.price-line-sm{font-size:13px;color:var(--ink-2);display:flex;gap:16px;flex-wrap:wrap}.price-line-sm strong{color:var(--accent);font-weight:600}.link-success-box{background:rgba(47,125,91,.08);border:1px solid rgba(47,125,91,.2);border-radius:var(--r-md);padding:16px 20px;margin-bottom:20px}.link-success-box h4{font-family:var(--fb);font-size:14px;font-weight:600;color:var(--good);margin:0 0 8px}.link-success-box p{margin:4px 0;font-size:13px;color:var(--ink-1)}.link-success-box code{font-family:var(--fn);font-size:12px;background:var(--bg-s);padding:2px 8px;border-radius:4px;color:var(--ink-1);word-break:break-all}.detail-section-title{font-family:var(--fb);font-size:16px;font-weight:600;color:var(--ink-1);margin:24px 0 12px;padding-top:16px;border-top:1px solid var(--line-s)}.detail-list{font-size:14px;color:var(--ink-2);line-height:1.8}.select-native{height:40px;padding:0 36px 0 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-s);font:inherit;font-size:14px;color:var(--ink-1);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 18px) 16px,calc(100% - 13px) 16px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:border-color .2s}.select-native:focus{outline:none;border-color:var(--accent)}.user-card{background:var(--ink-1);color:#fff;border-radius:var(--r-lg);padding:32px;margin-bottom:20px;box-shadow:var(--s-2)}.user-card-row{gap:20px;margin-bottom:24px}.user-avatar,.user-card-row{display:flex;align-items:center}.user-avatar{width:64px;height:64px;border-radius:50%;background:hsla(0,0%,100%,.15);justify-content:center;font-size:24px;color:#fff}.user-avatar,.user-name{font-family:var(--fd);font-weight:700}.user-name{font-size:22px;margin:0 0 4px}.user-mobile{font-size:13px;color:hsla(0,0%,100%,.7);margin:0 0 8px}.user-level{display:inline-block;padding:4px 10px;background:hsla(0,0%,100%,.15);border-radius:var(--r-pill);font-size:12px;font-weight:600}.user-level[data-l=vip]{background:var(--accent);color:#fff}.user-level[data-l=partner]{background:#fff;color:var(--ink-1)}.user-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media(max-width:768px){.user-stats{grid-template-columns:repeat(2,1fr)}}.user-stat-cell{text-align:center}.user-stat-num{font-family:var(--fn);font-size:24px;font-weight:700;color:#fff;line-height:1;margin-bottom:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.user-stat-label{font-size:12px;color:hsla(0,0%,100%,.7)}.action-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}@media(max-width:768px){.action-row{grid-template-columns:1fr}}.action-card{background:var(--bg-s);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column}.action-card h3{font-family:var(--fb);font-size:15px;font-weight:600;color:var(--ink-1);margin:0 0 8px}.action-card p{font-size:13px;color:var(--ink-2);line-height:1.6;margin:0 0 16px;flex:1 1}.action-card .btn{margin-top:auto}.query-row{display:flex;gap:8px;margin-bottom:20px}.query-row .input{flex:1 1}.stat-warm{background:rgba(184,132,26,.08);border-color:rgba(184,132,26,.2)}.stat-warm .stat-value{color:var(--warn)}.stat-cool{background:rgba(74,144,226,.08);border-color:rgba(74,144,226,.2)}.stat-cool .stat-value{color:#2c7bd9}.stat-good{background:rgba(47,125,91,.08);border-color:rgba(47,125,91,.2)}.stat-good .stat-value{color:var(--good)}.stat-accent{background:var(--accent-s);border-color:rgba(216,91,38,.25)}.stat-accent .stat-value{color:var(--accent)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.toolbar h2{margin:0}.container{max-width:var(--mw);margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}.featured-section{margin-top:32px}.product-img{position:relative;background:linear-gradient(135deg,var(--bg-sv) 0,var(--line) 100%);overflow:hidden;font-weight:600;color:var(--ink-2);letter-spacing:.2em}.product-img:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.7) 0,transparent 60%);pointer-events:none}.cat-row a{position:relative}.cat-row a:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.4;margin-right:6px;vertical-align:2px}.cat-row a.on:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);width:24px;height:2px;background:var(--accent);border-radius:1px}.section-eyebrow{background:var(--ink-1);color:#fff;font-weight:700;letter-spacing:1.5px}.product-card:hover{transform:translateY(-2px);box-shadow:var(--s-3)}.price-current{font-size:24px}.product-img[data-p]:before{content:"";position:absolute;inset:14% 18% 14% 18%;background-repeat:no-repeat;background-position:50%;background-size:contain;opacity:.92;pointer-events:none}.product-img[data-p=jd]:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 80 130%22><rect x=%2212%22 y=%228%22 width=%2256%22 height=%22114%22 rx=%2210%22 fill=%22%23f4ede1%22 stroke=%22%23c8b89a%22 stroke-width=%221.5%22/><rect x=%2218%22 y=%2214%22 width=%2244%22 height=%2294%22 rx=%223%22 fill=%22%23fff8eb%22/><circle cx=%2240%22 cy=%22113%22 r=%222%22 fill=%22%23c8b89a%22/><rect x=%2230%22 y=%2210%22 width=%2220%22 height=%222%22 rx=%221%22 fill=%22%231a1a1a%22/></svg>")}.product-img[data-p=taobao]:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 80 130%22><path d=%22M32 8 L48 8 L48 24 Q56 30 56 44 L56 110 Q56 122 44 122 L36 122 Q24 122 24 110 L24 44 Q24 30 32 24 Z%22 fill=%22%23fce9dd%22 stroke=%22%23d85b26%22 stroke-width=%221.5%22/><rect x=%2234%22 y=%2212%22 width=%2212%22 height=%224%22 fill=%22%23d85b26%22/><circle cx=%2240%22 cy=%2270%22 r=%2210%22 fill=%22%23fff8eb%22 opacity=%22.6%22/></svg>")}.product-img[data-p=pdd]:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 80 130%22><rect x=%2226%22 y=%2228%22 width=%2228%22 height=%2286%22 rx=%224%22 fill=%22%23e8e0d0%22 stroke=%22%231a1a1a%22 stroke-width=%221.5%22/><rect x=%2224%22 y=%2218%22 width=%2232%22 height=%2214%22 rx=%223%22 fill=%22%231a1a1a%22/><rect x=%2228%22 y=%2222%22 width=%2224%22 height=%224%22 fill=%22%234a4a4a%22/><line x1=%2240%22 y1=%2240%22 x2=%2240%22 y2=%22110%22 stroke=%22%23c8b89a%22 stroke-width=%221%22 stroke-dasharray=%223 3%22/></svg>")}.product-img[data-p=mock]:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 80 130%22><rect x=%2228%22 y=%2236%22 width=%2224%22 height=%2230%22 rx=%225%22 fill=%22%23f4ede1%22 stroke=%22%231a1a1a%22 stroke-width=%221.5%22/><circle cx=%2240%22 cy=%2251%22 r=%228%22 fill=%22%23d85b26%22/><line x1=%2240%22 y1=%2266%22 x2=%2240%22 y2=%22118%22 stroke=%22%231a1a1a%22 stroke-width=%222%22/><rect x=%2230%22 y=%22114%22 width=%2220%22 height=%226%22 rx=%222%22 fill=%22%231a1a1a%22/></svg>")}.site-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:var(--bg-s);color:var(--ink-2);font-size:16px;line-height:1;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .15s;font-family:inherit}.icon-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.icon-btn[data-count]:after{content:attr(data-count);position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-family:var(--fn)}.icon-btn{position:relative}.btn-signin{padding:8px 16px;border:1px solid var(--ink-1);border-radius:999px;font-size:13px;font-weight:600;color:var(--ink-1);background:var(--bg-s);text-decoration:none;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.btn-signin:hover{background:var(--ink-1);color:var(--bg-s)}@media(max-width:768px){.site-header-actions{gap:6px}.icon-btn{width:34px;height:34px;font-size:14px}.btn-signin{padding:7px 12px;font-size:12px}.btn-signin .signin-label{display:none}}.add-cart{right:12px;bottom:12px;width:30px;height:30px;border-radius:999px;background:var(--accent);color:#fff;border:none;display:inline-flex;font-size:18px;font-weight:600;font-family:inherit;z-index:2;opacity:0;transform:translateY(4px) scale(.9);transition:opacity .18s,transform .18s,background .12s;box-shadow:var(--s-2)}.product-card:hover .add-cart{opacity:1;transform:translateY(0) scale(1)}.add-cart:hover{background:var(--ink-1)}@media(max-width:768px){.add-cart{opacity:1;transform:none;width:28px;height:28px;font-size:16px}}.product-img[data-p]:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.04));pointer-events:none;opacity:0;transition:opacity .18s}.product-card:hover .product-img[data-p]:after{opacity:1}.product-card:hover .product-img[data-p]:before{transform:scale(1.06)}.product-img[data-p]:before{transition:transform .25s ease}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(12px);will-change:opacity,transform}.reveal[data-on]{animation:reveal .55s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(var(--reveal-i, 0) * 80ms)}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}.reveal,.reveal[data-on]{animation:none!important}}.nav-toggle{display:none;width:36px;height:36px;border:1px solid var(--ink-1);border-radius:8px;background:var(--bg-s);color:var(--ink-1);align-items:center;justify-content:center;cursor:pointer;padding:0;font-family:inherit}.nav-toggle:hover{background:var(--ink-1);color:var(--bg-s)}.nav-toggle svg{display:block}@media (max-width:768px){.nav-toggle{display:inline-flex}.site-header .nav{position:absolute;top:100%;left:0;right:0;background:var(--bg-s);border-top:1px solid var(--ink-2);border-bottom:1px solid var(--ink-2);flex-direction:column;align-items:stretch;padding:8px 16px 12px;gap:0;box-shadow:var(--s-2);transform:translateY(-8px);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}.site-header .nav[data-open=true]{transform:translateY(0);opacity:1;pointer-events:auto}.site-header .nav>a{padding:10px 0;border-bottom:1px solid var(--ink-3);font-size:14px}.site-header .nav>a:last-child{border-bottom:0}.site-header{position:relative}}.pick-section{margin-top:56px;padding:32px 0;border-top:1px solid var(--line)}.pick-grid{display:grid;grid-template-columns:7fr 5fr;grid-gap:32px;gap:32px;align-items:stretch}.pick-img{position:relative;background:linear-gradient(135deg,var(--accent-s) 0,var(--bg-sv) 100%);border:1px solid var(--line);border-radius:var(--r-lg);min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pick-img:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,hsla(0,0%,100%,.5) 0,transparent 55%);pointer-events:none}.pick-img .pick-svg{width:60%;height:auto;opacity:.7}.pick-body{display:flex;flex-direction:column;justify-content:center;gap:16px}.pick-eyebrow{font-family:var(--fn);font-size:11px;letter-spacing:1.5px;color:var(--accent);text-transform:uppercase;font-weight:700}.pick-title{font-family:var(--fd);font-size:32px;font-weight:700;color:var(--ink-1);line-height:1.2;margin:0;letter-spacing:-.01em}.pick-title:first-letter{font-size:48px;float:left;line-height:.9;margin-right:8px;color:var(--accent);font-weight:700}.pick-desc{font-size:15px;line-height:1.7;color:var(--ink-2);margin:0}.pick-meta{display:flex;align-items:baseline;gap:16px;padding-top:12px;border-top:1px solid var(--line-s)}.pick-price{font-family:var(--fd);font-size:28px;font-weight:700;color:var(--accent)}.pick-cta{align-self:flex-start}@media(max-width:768px){.pick-grid{grid-template-columns:1fr;gap:20px}.pick-img{min-height:200px}.pick-title{font-size:24px}}.ranking-section{margin-top:48px;padding:24px 0}.ranking-list{display:flex;flex-direction:column;border-top:1px solid var(--line-s)}.ranking-row{display:grid;grid-template-columns:48px 88px 1fr 120px 90px;grid-gap:16px;gap:16px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line-s);transition:background .2s}.ranking-row:hover{background:var(--bg-sv)}.ranking-no{font-family:var(--fd);font-size:24px;font-weight:700;color:var(--ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;line-height:1}.ranking-row:first-child .ranking-no{color:var(--accent)}.ranking-row:nth-child(2) .ranking-no{color:var(--warn)}.ranking-row:nth-child(3) .ranking-no{color:var(--good)}.ranking-thumb{height:56px;border-radius:var(--r-md);font-family:var(--fn);font-size:10px;color:var(--ink-3);background:linear-gradient(135deg,var(--bg-sv),var(--line))}.ranking-name{font-size:14px;color:var(--ink-1);font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ranking-platform{font-size:11px;color:var(--ink-3);margin-top:2px;font-family:var(--fn);letter-spacing:.5px;text-transform:uppercase}.ranking-price{font-family:var(--fn);font-size:14px;font-weight:700;color:var(--ink-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.ranking-price .old{font-size:11px;color:var(--ink-3);text-decoration:line-through;font-weight:400;margin-left:6px}.ranking-sales{font-family:var(--fn);font-size:11px;color:var(--ink-3);text-align:right;margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media(max-width:768px){.ranking-row{grid-template-columns:32px 1fr 80px;gap:12px;padding:12px 4px}.ranking-sales,.ranking-thumb{display:none}}.spotlight-section{margin-top:48px;padding:32px;background:var(--bg-sv);border-radius:var(--r-lg);border:1px solid var(--line)}.spotlight-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.spotlight-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:var(--r-md);flex-shrink:0}.spotlight-icon svg{width:20px;height:20px}.spotlight-head-text h3{font-family:var(--fd);font-size:22px;font-weight:700;color:var(--ink-1);margin:0 0 2px;line-height:1.2}.spotlight-head-text p{font-size:13px;color:var(--ink-2);margin:0}.spotlight-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.spotlight-card{background:var(--bg-s);border:1px solid var(--line);border-radius:var(--r-md);padding:16px;display:flex;flex-direction:column;gap:10px;transition:transform .2s,box-shadow .2s}.spotlight-card:hover{transform:translateY(-2px);box-shadow:var(--s-2)}.spotlight-card-img{height:120px;background:linear-gradient(135deg,var(--accent-s) 0,var(--bg-sv) 100%);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center}.spotlight-card-img svg{width:48px;height:48px;color:var(--accent);opacity:.6}.spotlight-card-name{font-size:14px;font-weight:600;color:var(--ink-1);line-height:1.4;margin:0}.spotlight-card-price{font-family:var(--fd);font-size:18px;font-weight:700;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.spotlight-card-rebate{font-size:11px;color:var(--good);font-family:var(--fn);letter-spacing:.3px}@media(max-width:768px){.spotlight-grid{grid-template-columns:1fr;gap:12px}.spotlight-section{padding:20px}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{background:var(--bg-s);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--s-4);max-width:420px;width:100%;padding:24px;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title{font-family:var(--fd);font-size:18px;font-weight:700;color:var(--ink-1);margin:0 0 12px;line-height:1.3}.modal-desc{font-size:14px;line-height:1.7;color:var(--ink-2);margin:0 0 20px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-card-wide{max-width:520px}.modal-list{list-style:none;padding:0;margin:0 0 20px;font-size:13px;line-height:1.7;color:var(--ink-2)}.modal-list li{padding:8px 0;border-bottom:1px solid var(--line-s)}.modal-list li:last-child{border-bottom:none}.modal-list strong{color:var(--ink-1);font-weight:600;margin-right:4px}.modal-code{font-family:var(--fn);font-size:12px;background:var(--bg-sv);padding:1px 6px;border-radius:4px;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (prefers-color-scheme:dark){.modal-overlay{background:rgba(0,0,0,.7)}}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;padding:24px;background:var(--bg-s);border:1px solid var(--line);border-radius:var(--r-lg);margin:24px 0 32px;box-shadow:var(--s-1)}@media(max-width:768px){.trust-strip{grid-template-columns:1fr;gap:12px;padding:20px}}.trust-cell{text-align:center;padding:0 8px;position:relative}.trust-cell:not(:last-child):after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:var(--line-s)}@media(max-width:768px){.trust-cell:not(:last-child):after{display:none}}.trust-num{font-family:var(--fn);font-size:32px;font-weight:800;color:var(--accent);line-height:1;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-bottom:6px}.trust-num .unit{font-size:18px;font-weight:700;color:var(--ink-2);margin-left:2px}.trust-label{font-size:13px;color:var(--ink-2);line-height:1.4}.trust-sublabel{display:block;font-size:11px;color:var(--ink-3);margin-top:2px}.testimonial-section{margin:48px 0 16px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:8px}@media(max-width:768px){.testimonial-grid{grid-template-columns:1fr;gap:12px}}.testimonial-card{background:var(--bg-s);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:12px;transition:transform .2s,box-shadow .2s}.testimonial-card:hover{transform:translateY(-2px)}.testimonial-stars{color:#f5a623;font-size:14px;letter-spacing:2px;line-height:1}.testimonial-text{font-size:14px;line-height:1.7;color:var(--ink-1);flex:1 1}.testimonial-meta{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line-s)}.testimonial-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0,#e8632c 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:15px;font-weight:700;flex-shrink:0}.testimonial-user{flex:1 1;min-width:0}.testimonial-name{font-size:13px;font-weight:600;color:var(--ink-1);line-height:1.2}.testimonial-role{font-size:11px;color:var(--ink-3);line-height:1.3;margin-top:2px}.testimonial-product{font-size:11px;color:var(--accent);background:var(--accent-s);padding:2px 8px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.hero-meta{display:flex;align-items:center;gap:16px;margin-top:20px;padding:10px 16px;background:hsla(0,0%,100%,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(216,91,38,.15);border-radius:999px;font-size:13px;width:-moz-fit-content;width:fit-content;max-width:100%}@media(max-width:768px){.hero-meta{font-size:12px;padding:8px 14px;gap:12px;flex-wrap:wrap}}.hero-meta-dot{width:6px;height:6px;background:var(--good);border-radius:50%;box-shadow:0 0 0 4px rgba(47,125,91,.2);animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.hero-meta-text{color:var(--ink-2)}.hero-meta-num{color:var(--accent);font-weight:700;font-family:var(--fn);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.calculator-section{margin:32px 0}.calculator-card{background:linear-gradient(135deg,#fff8f1,#ffead9);border:1px solid rgba(216,91,38,.2);border-radius:var(--r-lg);padding:32px;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:24px;gap:24px;align-items:center}@media(max-width:768px){.calculator-card{grid-template-columns:1fr;gap:16px;padding:24px}}.calc-side{text-align:center}.calc-label{font-size:13px;color:var(--ink-2);margin-bottom:8px}.calc-input-wrap{display:flex;align-items:baseline;justify-content:center;gap:4px;padding:8px 16px;background:var(--bg-s);border:1px solid var(--line);border-radius:var(--r-md)}.calc-input{flex:1 1;border:none;background:transparent;font-family:var(--fn);font-size:28px;font-weight:700;color:var(--ink-1);text-align:center;outline:none;width:100px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-moz-appearance:textfield}.calc-input::-webkit-inner-spin-button,.calc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc-unit{font-size:14px;color:var(--ink-2);font-weight:500}.calc-arrow{font-size:28px;color:var(--accent);text-align:center;font-weight:700}@media(max-width:768px){.calc-arrow{transform:rotate(90deg)}}.calc-result{font-family:var(--fn);font-size:36px;font-weight:800;color:var(--accent);line-height:1;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:4px}.calc-result .unit{font-size:18px;font-weight:700;color:var(--ink-2);margin-left:2px}.calc-hint{font-size:12px;color:var(--ink-3);margin-top:8px}.calc-cta{margin-top:16px}.product-img[data-p=jd]{background:linear-gradient(135deg,#fff5f3,#ffd4cc 55%,#e1251b)}.product-img[data-p=jd]:before{background:radial-gradient(circle at 28% 28%,hsla(0,0%,100%,.85) 0,transparent 55%)}.product-img[data-p=taobao]{background:linear-gradient(135deg,#fff8f4,#ffd6b8 55%,#ff5000)}.product-img[data-p=taobao]:before{background:radial-gradient(circle at 28% 28%,hsla(0,0%,100%,.85) 0,transparent 55%)}.product-img[data-p=pdd]{background:linear-gradient(135deg,#fff0ee,#ffc6c0 55%,#e02e24)}.product-img[data-p=pdd]:before{background:radial-gradient(circle at 28% 28%,hsla(0,0%,100%,.85) 0,transparent 55%)}.product-img[data-p=mock]{background:linear-gradient(135deg,#f0f4ff,#c0d4ff 55%,#2563eb)}.product-img[data-p=mock]:before{background:radial-gradient(circle at 28% 28%,hsla(0,0%,100%,.85) 0,transparent 55%)}.pick-img[data-p=jd]{background:linear-gradient(135deg,#fff5f3,#ffd4cc 55%,#e1251b)}.pick-img[data-p=taobao]{background:linear-gradient(135deg,#fff8f4,#ffd6b8 55%,#ff5000)}.pick-img[data-p=pdd]{background:linear-gradient(135deg,#fff0ee,#ffc6c0 55%,#e02e24)}.pick-img[data-p=mock]{background:linear-gradient(135deg,#f0f4ff,#c0d4ff 55%,#2563eb)}.add-cart{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.95);border:1px solid rgba(0,0,0,.06);color:var(--accent);font-size:20px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .15s ease,background .15s ease,box-shadow .15s ease;display:flex;align-items:center;justify-content:center;padding:0}.add-cart:hover{transform:scale(1.12);background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18)}.add-cart:active{transform:scale(.95)}.add-cart:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.product-card{position:relative}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand,var(--accent));border-radius:var(--r-lg) var(--r-lg) 0 0;z-index:3;opacity:.95;transition:height .2s ease}.product-card:hover:before{height:5px}.product-card:has(.product-img[data-p=jd]){--brand:#e1251b}.product-card:has(.product-img[data-p=taobao]){--brand:#ff5000}.product-card:has(.product-img[data-p=pdd]){--brand:#e02e24}.product-card:has(.product-img[data-p=mock]){--brand:#2563eb}.section-title{position:relative;padding-bottom:14px}.section-title:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;background:var(--accent);border-radius:2px}.product-card:nth-child(-n+2):after{content:"";position:absolute;top:10px;left:10px;z-index:4;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.05em;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);line-height:1}.product-card:first-child:after{background:linear-gradient(135deg,#f5c842,#d99a1f);content:"TOP 1"}.product-card:nth-child(2):after{background:linear-gradient(135deg,#c8c8c8,#8e8e8e);content:"TOP 2"}.testimonial-card{transition:transform .25s ease,box-shadow .25s ease}.testimonial-card:hover{transform:translateY(-3px);box-shadow:var(--s-2)}.trending-row{display:flex;align-items:center;gap:12px;padding:10px 0;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.trending-row::-webkit-scrollbar{display:none}.trending-label{font-family:var(--fd);font-size:13px;font-weight:700;color:var(--accent);flex-shrink:0;letter-spacing:.05em}.trending-tags{display:flex;gap:8px;flex-wrap:nowrap}.trending-tag{position:relative;display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:20px;background:var(--bg-sv);color:var(--ink-2);font-size:13px;text-decoration:none;flex-shrink:0;transition:background .2s,color .2s,transform .15s,box-shadow .15s,border-color .15s;line-height:1.4;border:1px solid transparent}.trending-tag:hover{background:var(--ink-1);color:#fff;transform:translateY(-1px);box-shadow:var(--s-2)}.trending-tag.hot{background:linear-gradient(135deg,#fff5f3,#ffd4cc);color:#c41e16;font-weight:600;border-color:rgba(225,37,27,.15)}.trending-tag.hot:hover{background:linear-gradient(135deg,#e1251b,#c41e16);color:#fff;border-color:transparent}.hot-badge{font-size:9px;font-weight:700;letter-spacing:.05em;background:#e1251b;color:#fff;padding:2px 5px;border-radius:3px;line-height:1;flex-shrink:0}.trending-tag.hot:hover .hot-badge{background:#fff;color:#c41e16}.product-img-svg{top:50%;left:50%;transform:translate(-50%,-55%);width:72%;height:72%;object-fit:contain;z-index:1}.product-img-label,.product-img-svg{position:absolute;pointer-events:none}.product-img-label{bottom:6px;left:0;right:0;text-align:center;font-family:var(--fd);font-size:10px;font-weight:700;letter-spacing:.18em;color:hsla(0,0%,100%,.9);text-shadow:0 1px 3px rgba(0,0,0,.35);z-index:2;padding:0 8px}.pick-img img.pick-svg{width:72%;height:auto;max-height:78%;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.06))}.ranking-thumb{display:flex;align-items:center;justify-content:center;width:54px;height:54px;flex-shrink:0;border-radius:6px;background:#fafaf7;overflow:hidden}.ranking-thumb img{width:100%;height:100%;object-fit:contain;display:block;padding:4px}