.search-container[data-v-b2c6151c]{position:relative}.search-container .search-input-box[data-v-b2c6151c]{align-items:center;background-color:#0000004d;border:1px solid hsla(0,0%,100%,.5);border-radius:8px;color:#fff;display:flex;font-size:16px;height:36px;overflow:hidden;transition:width .3s;width:380px}.search-container .search-input-box[data-v-b2c6151c]:focus-within{width:480px}.search-container .search-input-box .search-input[data-v-b2c6151c]{background-color:transparent;border:none;color:#fff;font-size:16px;margin:0 12px;outline:none;width:100%}.search-container .search-input-box .search-input[data-v-b2c6151c]::-moz-placeholder{color:#6b7280}.search-container .search-input-box .search-input[data-v-b2c6151c]::placeholder{color:#6b7280}.search-container .search-input-box .search-btn[data-v-b2c6151c]{align-items:center;background-color:#ffffff4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:100%;padding:0 12px}.search-container .search-input-box .search-btn .search-btn-icon[data-v-b2c6151c]{height:20px;margin-right:4px;width:20px}.search-container .search-dropdown[data-v-b2c6151c]{background-color:#0f1014;border:1px solid #374151;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;font-size:14px;left:0;margin-top:8px;overflow:hidden;padding:16px;position:absolute;right:0;top:100%;z-index:200}.search-container .search-dropdown .dropdown-title[data-v-b2c6151c]{color:#9ca3af;margin-bottom:8px}.search-container .search-dropdown .hot-list[data-v-b2c6151c]{display:flex;flex-direction:column;gap:8px}.search-container .search-dropdown .hot-list .hot-item[data-v-b2c6151c]{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:4px}.search-container .search-dropdown .hot-list .hot-item[data-v-b2c6151c]:hover{background-color:#374151}.search-container .search-dropdown .hot-list .hot-item .hot-rank[data-v-b2c6151c]{font-size:12px;font-weight:700;text-align:center;width:16px}.search-container .search-dropdown .hot-list .hot-item .hot-rank.top-rank[data-v-b2c6151c]{color:#f97316}.search-container .search-dropdown .hot-list .hot-item .hot-rank.normal-rank[data-v-b2c6151c]{color:#6b7280}.search-container .search-dropdown .hot-list .hot-item .hot-name[data-v-b2c6151c]{color:#d1d5db}