.h3-hero{max-width:var(--maxw);margin:0 auto;padding:64px var(--container-pad) 48px;text-align:center}.h3-hero h1{font-size:clamp(30px,4.6vw,54px);font-weight:800;color:var(--ink);letter-spacing:-1.6px;line-height:1.08;text-wrap:balance;max-width:880px;margin:0 auto 16px}.h3-sub{font-size:var(--fs-lead);color:var(--text-secondary);margin-bottom:28px}.h3-sub strong{color:var(--ink);font-weight:700}.h3-search{position:relative;max-width:640px;margin:0 auto;display:flex;align-items:center;gap:11px;background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--r-pill);padding:8px 8px 8px 20px;color:var(--text-muted);box-shadow:var(--shadow-card);transition:border-color .22s}.h3-search:focus-within{border-color:#d8d8d1}.h3-search input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:15.5px;color:var(--ink);min-width:0}.h3-go{background:var(--accent-gradient);border-radius:var(--r-pill);padding:13px 26px;font-size:15px;font-weight:700;color:#fff;box-shadow:var(--shadow-btn);transition:transform .22s,box-shadow .22s;flex:none}.h3-go:hover{transform:translateY(-1px);box-shadow:var(--shadow-btn-hover)}.h3-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-nested);box-shadow:var(--shadow-card-hover);overflow:hidden;z-index:30;text-align:left}.h3-suggest a{display:block;padding:12px 18px;font-size:var(--fs-body);font-weight:600;color:var(--text)}.h3-suggest a:hover,.h3-suggest a.active{background:var(--surface-2);color:var(--ink)}.h3-often{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;font-size:var(--fs-small);color:var(--text-muted);flex-wrap:wrap}.h3-often a{color:var(--text-secondary);font-weight:600;border-bottom:1px dashed var(--line-dotted);transition:color .2s}.h3-often a:hover{color:var(--accent-link)}.h3-sec{max-width:var(--maxw);margin:0 auto;padding:8px var(--container-pad) 32px}.h3-sec--last{padding-bottom:56px}.h3-sec h2{font-size:var(--fs-h2);font-weight:800;color:var(--ink);letter-spacing:-.8px;margin-bottom:18px}.h3-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.h3-all{font-size:var(--fs-small);font-weight:700;color:var(--accent-link)}.h3-all:hover{text-decoration:underline}.h3-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.h3-cat{display:flex;flex-direction:column;gap:5px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-nested);padding:18px;transition:transform .22s,box-shadow .22s}.h3-cat:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.h3-cat-n{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.2px}.h3-cat-c{font-size:var(--fs-cap);color:var(--text-secondary);font-weight:600}.h3-cat--all{background:var(--ink);border-color:var(--ink)}.h3-cat--all .h3-cat-n{color:#fff}.h3-cat--all .h3-cat-c{color:#b0b4bc}.h3-allbrands{color:var(--accent-link)!important;border-color:transparent!important;font-weight:700!important}.h3-tops{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.h3-top{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-tile);padding:20px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px;transition:transform .22s,box-shadow .22s}.h3-top:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.h3-top-head{display:flex;gap:12px;align-items:center}.h3-top-ava{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:900;color:#fff;flex:none;overflow:hidden}.h3-top-ava.has-img{background:#fff;border:1px solid var(--line);padding:4px}.h3-top-ava img{width:100%;height:100%;object-fit:contain}.h3-top-t{min-width:0}.h3-top-t>a{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.3px}.h3-top-t>a:hover{color:var(--accent-link)}.h3-top-r{display:flex;align-items:center;gap:6px;font-size:13px;margin-top:3px;flex-wrap:wrap}.h3-top-r strong{color:var(--ink)}.h3-top-r em{color:var(--text-secondary);font-style:normal}.h3-top-m{font-size:13.5px;font-weight:600;color:var(--text)}.h3-top-s{font-size:13px;color:var(--text-secondary)}.h3-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:var(--ink);border-radius:var(--r-card);padding:36px 28px}.h3-stat{text-align:center;display:flex;flex-direction:column;gap:6px}.h3-stat strong{font-size:clamp(26px,3vw,38px);font-weight:800;color:#fff;letter-spacing:-1px}.h3-stat span{font-size:var(--fs-small);color:#b0b4bc}@media(max-width:900px){.h3-hero{padding:36px var(--container-pad-mobile) 32px}.h3-search{padding:6px 6px 6px 16px}.h3-go{padding:12px 18px;font-size:14px}.h3-sec{padding:4px var(--container-pad-mobile) 24px}.h3-cats{grid-template-columns:1fr 1fr;gap:9px}.h3-tops{grid-template-columns:1fr}.h3-stats{grid-template-columns:1fr 1fr;padding:24px 18px}}