.search-main { width: min(calc(100% - 40px), var(--page-width)); margin: 120px auto 0; }
.search-hero { padding: clamp(24px,4.5vw,56px) clamp(20px,6vw,80px); overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-lg); background: radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--accent-2) 26%,transparent),transparent 32%),radial-gradient(circle at 10% 100%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 34%),var(--surface-soft); text-align:center; }
.search-hero h1 { margin: 6px 0 20px; font-size: clamp(28px,4.5vw,50px); letter-spacing:-.06em; }
.search-hero > p { color:var(--accent); }
.search-command { display:flex; max-width:760px; align-items:center; gap:12px; margin:0 auto; padding:6px 6px 6px 20px; border:1px solid var(--border); border-radius:16px; background:color-mix(in srgb,var(--surface) 88%,transparent); box-shadow:0 20px 60px rgba(0,0,0,.2); text-align:left; }
.search-command > span { color:var(--text-muted); font-size:24px; }
.search-command input { width:100%; min-width:0; height:40px; border:0; outline:0; background:transparent; color:var(--text); font-size:15px; }
.search-command button { flex:0 0 auto; white-space:nowrap; height:40px; padding:0 22px; border:0; border-radius:11px; background:linear-gradient(135deg,var(--accent),#ff7254); color:#fff; font-weight:800; cursor:pointer; }
.search-suggestions { display:flex; max-width:760px; align-items:flex-start; flex-direction:column; gap:8px; margin:12px auto 0; color:var(--text-muted); font-size:11px; text-align:left; }
.hot-keywords,.history-keywords { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.hot-keywords strong,.history-keywords strong { color:var(--text); }
.hot-keywords a,.history-keywords a { padding:5px 9px; border-radius:8px; background:var(--surface-soft); }
.history-keywords > div { display:flex; flex-wrap:wrap; gap:8px; }
.history-keywords button { border:0; background:transparent; color:var(--accent); cursor:pointer; font-size:10px; }
.search-workspace { margin-top:34px; }
.search-result-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:42px 0 22px; }
.search-result-heading p { margin:0; color:var(--accent); }
.search-result-heading h2 { margin:5px 0 0; font-size:30px; }
.search-result-heading > span { color:var(--text-muted); font-size:12px; }
.search-results-grid,.fallback-recommendations { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:28px 17px; }
.empty-search { padding:60px 20px 36px; text-align:center; }
.empty-search > span { display:grid; width:74px; height:74px; place-items:center; margin:0 auto 18px; border:1px solid var(--border); border-radius:24px; background:var(--surface-soft); color:var(--text-muted); font-size:42px; }
.empty-search h2 { margin:0 0 8px; }
.empty-search p { color:var(--text-muted); }
.pagination { display:flex; align-items:center; justify-content:center; gap:8px; margin:42px 0; }
.pagination a,.pagination span { display:grid; min-width:38px; height:38px; place-items:center; padding:0 9px; border:1px solid var(--border); border-radius:11px; background:var(--surface-soft); color:var(--text-muted); font-size:12px; }
.pagination .is-current { border-color:var(--accent); background:var(--accent); color:#fff; }
.infinite-status { min-height:28px; color:var(--text-muted); font-size:11px; text-align:center; }
@media(max-width:1050px){.search-results-grid,.fallback-recommendations{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.search-main{width:calc(100% - 24px);margin-top:86px}.search-hero{padding:24px 14px}.search-hero h1{font-size:30px}.search-results-grid,.fallback-recommendations{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 11px}.search-command{padding-left:13px}.search-command button{padding-inline:16px}}
@media(max-width:520px){.search-results-grid,.fallback-recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}.search-result-heading h2{font-size:23px}.search-result-heading>span{display:none}}