.site-header--design .header-search:focus-within { border-color:#ff4b02; }
.site-header--design .search-input:focus { outline:none; box-shadow:none; }
.search-discovery { color:#ddd; font-family:inherit; box-sizing:border-box; }
.search-discovery[hidden] { display:none!important; }
.search-discovery--popup { position:fixed; z-index:1100; width:760px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 100px); overflow:auto; padding:36px; border:2px solid #272727; border-radius:24px; background:#0d0d0d; box-shadow:0 16px 40px #0005; overscroll-behavior:contain; }
.search-discovery h2 { margin:0; color:#f5f5f5; font-size:18px; font-weight:600; line-height:28px; }
.search-discovery-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.search-discovery button { font:inherit; font-size:14px; border:0; background:none; color:#ff4b02; cursor:pointer; padding:0; }
.search-discovery button:disabled { opacity:.5; cursor:wait; }
.search-discovery :is(button,a):focus-visible { outline:2px solid #ff4b02; outline-offset:3px; }
.search-history-actions { display:flex; align-items:center; gap:18px; }
.search-discovery .search-panel-close { color:#ddd; font-size:22px; line-height:24px; }
.search-history-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; min-height:32px; }
.search-history-tags a { border-radius:20px; padding:8px 16px; background:#272727; color:#999; font-size:12px; line-height:16px; text-decoration:none; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; }
.search-hot-section,.search-recommend-section { border-top:1px solid #262626; padding-top:24px; margin-top:24px; }
.search-hot-list { list-style:none; padding:0; margin:8px 0 0; display:flex; flex-direction:column; gap:4px; }
.search-hot-list a { display:flex; align-items:center; gap:12px; min-height:46px; text-decoration:none; color:#ccc; font-size:16px; }
.search-hot-title { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.search-hot-value { flex-shrink:0; font-size:14px; color:#808080; }
.search-hot-rank { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#272727; color:#888; flex-shrink:0; font-size:14px; }
.search-hot-list li:nth-child(1) .search-hot-rank { background:linear-gradient(120deg,#ffce9b,#e99539); color:#fff; }
.search-hot-list li:nth-child(2) .search-hot-rank { background:linear-gradient(120deg,#d6eeff,#8cabbe); color:#fff; }
.search-hot-list li:nth-child(3) .search-hot-rank { background:linear-gradient(120deg,#ffc8ad,#dd8e70); color:#fff; }
.search-recommend-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:16px; }
.search-discovery .poster-card { width:100%; min-width:0; border-radius:12px; overflow:hidden; background:#191919; color:#eee; text-decoration:none; }
.search-discovery .poster-cover { width:100%; height:auto; aspect-ratio:3/4; padding:0; position:relative; overflow:hidden; }
.search-discovery .poster-cover-img { display:block; width:100%; height:100%; object-fit:cover; }
.search-discovery .poster-card-body { padding:10px; display:flex; flex-direction:column; gap:6px; }
.search-discovery .poster-card-title,.search-discovery .poster-card-subtitle { font-size:14px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.search-discovery .poster-card-title { font-weight:600; }
.search-discovery .poster-card-subtitle { color:#808080; }
.search-discovery .poster-card-meta { display:flex; align-items:center; gap:6px; }
.search-discovery .poster-card-heat { font-size:12px; white-space:nowrap; color:#808080; }
.search-discovery .poster-card-tag { font-size:10px; padding:2px 6px; }
.search-discovery .home-corner-badge,.search-discovery .poster-like-badge { display:none; }
.search-history-tags .search-discovery-status { margin:0; align-self:center; }
.search-discovery-status { color:#888; font-size:14px; margin:12px 0; }
.search-discovery--page .search-panel-close { display:none; }
@media(max-width:767px) {
 .search-discovery--popup { display:none!important; }
 .search-discovery h2 { font-size:16px; line-height:22px; }
 .search-discovery button { font-size:12px; }
 .search-hot-section,.search-recommend-section { padding-top:18px; margin-top:18px; }
 .search-recommend-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 15px; }
 .search-hot-list a { font-size:14px; }
 .search-hot-value { font-size:12px; }
}
