.search-shell{position:relative;grid-area:search;min-width:0}
.search-shell form[role=search]{width:100%}
.search-shell select[data-search-kind]{max-width:80px;padding:4px;border:0;border-radius:5px;background:#303a46;color:var(--text);font-size:13px}
.search-dropdown{position:absolute;z-index:90;top:calc(100% + 8px);right:0;width:430px;max-width:calc(100vw - 36px);padding:12px;border:1px solid #455144;border-radius:12px;background:linear-gradient(145deg,#20292a,#191f28 65%);box-shadow:0 14px 40px #0008}
.search-dropdown-body{margin-top:10px}
.search-dropdown-heading,.search-hot-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.search-dropdown-heading strong{font-size:14px;color:#f1f5ec}
.search-close{min-width:26px;min-height:26px;width:26px;height:26px;padding:0;border:1px solid #3e4954;border-radius:6px;background:#ffffff07;color:#c9d2da;font-size:21px;font-weight:600;line-height:1}
.search-close:hover{background:#343f49;color:#fff}
.search-preview{display:none}
.search-preview.has-keyword{color:#edf5e5;font-size:15px;font-weight:700}
.search-preview.has-keyword:before{content:'“';color:var(--accent);padding-right:3px}
.search-preview.has-keyword:after{content:'”';color:var(--accent);padding-left:3px}
.search-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
.search-kind{--type-color:#c7f36b;position:relative;gap:6px;min-height:34px;padding:6px;background:#252e39;border:1px solid #3b4855;border-radius:7px;color:#e9eff5;font-size:14px;font-weight:700;line-height:1.4}
.search-kind>span:nth-child(2){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-kind.type-novel{--type-color:#c1aaff}.search-kind.type-gallery{--type-color:#89ccf5}
.search-kind:hover,.search-kind[aria-pressed=true]{border-color:var(--type-color);background:#303b39;color:#fff}
.search-kind.type-novel:hover,.search-kind.type-novel[aria-pressed=true]{background:#373042}
.search-kind.type-gallery:hover,.search-kind.type-gallery[aria-pressed=true]{background:#293e49}
.search-kind-icon{color:var(--type-color)}.search-kind-icon svg{width:16px;height:16px}
.search-kind-check{position:absolute;top:1px;right:4px;display:none;color:var(--type-color);font-size:10px}
.search-kind[aria-pressed=true] .search-kind-check{display:block}
.search-subcategory-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;color:#edf4e8;font-size:13px}
.search-subcategory-heading>span{color:#aab8c7;font-size:12px;font-weight:600}
.search-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.search-category{display:block;min-width:0;min-height:29px;padding:4px 3px;background:#252e38;border:1px solid #394653;border-radius:6px;color:#dae3ee;font-size:13.5px;font-weight:700;line-height:1.4;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-category:hover{background:#34413b;color:#effcdb;border-color:#789950}
.search-category[aria-pressed=true]{background:#c7f36b18;color:#dcfba5;border-color:#c7f36b8c}
.search-subcategory-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border:1px dashed #45525f;border-radius:7px;color:#bcc8d5;font-size:13px}
.search-subcategory-empty svg{color:#9cabbb}
.search-dropdown-footer{padding-top:10px;margin-top:10px;border-top:1px solid #ffffff10}
.search-apply{width:100%;min-height:36px;justify-content:flex-start;padding:7px 10px;font-size:14px;font-weight:700;line-height:1.4}
.search-apply span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-apply>svg:last-child{margin-left:auto}.search-apply svg{width:16px;height:16px}
.search-hot-heading{margin-top:12px;padding-top:9px;border-top:1px solid #ffffff10}
.search-hot-heading strong{font-size:13px;color:#dce5ed}.search-hot-heading>span{font:700 9px/1.5 "Segoe UI",sans-serif;letter-spacing:.5px;color:#bed395;background:#c7f36b0d;border:1px solid #c7f36b26;border-radius:4px;padding:1px 4px}
.search-hot-status{font-size:12px;line-height:1.6;padding:8px 0 0;color:#b8c3d1}
.search-hot-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 4px;margin:6px 0 0;padding:0}
.search-hot-list:empty{display:none}.search-hot-list>li{min-width:0}
.search-hot-word{width:100%;justify-content:flex-start;min-height:26px;gap:4px;border:0;border-radius:5px;padding:3px 1px;background:transparent;color:#d5dee8;text-align:left;font-size:13px;line-height:1.4}
.search-hot-word:hover{background:#ffffff08;color:#fff}.search-hot-rank{flex:0 0 13px;color:#8593a5;font:700 10px/1.5 "Segoe UI",sans-serif}
.search-hot-list>li:nth-child(-n+3) .search-hot-rank{color:var(--accent)}.search-hot-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.search-result-types{display:flex;gap:8px;margin:-3px 0 22px;border-bottom:1px solid #303943;padding-bottom:14px}
.search-result-types>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 20px;border:1px solid transparent;border-radius:9px;color:#bfcad8;font-size:16px}
.search-result-types>a:hover{color:#fff;background:#ffffff08}.search-result-types>a.is-active{border-color:#c7f36b66;background:#c7f36b12;color:var(--accent)}
.search-dropdown.is-compact{padding:10px}.search-dropdown.is-compact .search-kinds{margin-top:6px}.search-dropdown.is-compact .search-dropdown-body{margin-top:8px}.search-dropdown.is-compact .search-category{min-height:26px;padding:3px 2px;font-size:13px}.search-dropdown.is-compact .search-hot-heading{margin-top:8px;padding-top:6px}.search-dropdown.is-compact .search-hot-word{min-height:24px}.search-dropdown.is-compact .search-dropdown-footer{padding-top:8px;margin-top:8px}
@media(max-width:650px){.search-dropdown{width:100%;max-width:none}.search-shell form[role=search] input{font-size:16px}.search-result-types{gap:6px}.search-result-types>a{flex:1;padding:10px 7px;font-size:15px;gap:6px}.search-result-types svg{width:18px;height:18px}}