.template-search-box[data-v-0296d7df]{align-items:center;background-color:#f1f5f9;border:1px solid transparent;border-radius:20px;display:flex;height:36px;max-width:300px;min-width:140px;padding:4px 12px;position:relative;transition:all .2s ease;width:25vw}.template-search-box[data-v-0296d7df]:focus-within{background-color:#fff;border-color:#4885ed}.template-search-box.mobile-mode[data-v-0296d7df]{background-color:#f1f5f9;border:1px solid transparent;box-shadow:none;height:44px;max-width:100%;width:100%}.template-search-box.mobile-mode[data-v-0296d7df]:focus-within{background-color:#fff;border-color:#4885ed;box-shadow:0 4px 15px #4885ed1a}.template-search-box .search-icon[data-v-0296d7df]{color:#64748b;cursor:pointer;flex-shrink:0;margin-right:8px}.template-search-box input[data-v-0296d7df]{background:transparent;border:none;color:#1e293b;font-size:.9rem;outline:none;width:100%}.template-search-box input[data-v-0296d7df]::-moz-placeholder{color:#94a3b8}.template-search-box input[data-v-0296d7df]::placeholder{color:#94a3b8}.template-search-box .search-popup[data-v-0296d7df]{background:#fff;border-radius:12px;box-shadow:0 10px 30px -5px #0000001a,0 0 1px #0003;cursor:default;left:50%;padding:24px;position:absolute;top:calc(100% + 10px);transform:translate(-50%);width:760px;z-index:1000}@media (max-width:992px){.template-search-box .search-popup[data-v-0296d7df]{width:600px}}@media (max-width:768px){.template-search-box .search-popup[data-v-0296d7df]{padding:16px;top:calc(100% + 1px);width:100%}}.template-search-box .popup-section[data-v-0296d7df]{margin-bottom:24px}.template-search-box .popup-section[data-v-0296d7df]:last-child{margin-bottom:0}.template-search-box .popup-title[data-v-0296d7df]{color:#111827;font-size:1.05rem;font-weight:700;margin-bottom:12px}.template-search-box .tag-cloud[data-v-0296d7df]{display:flex;flex-wrap:wrap;gap:8px 12px}.template-search-box .search-tag[data-v-0296d7df]{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#374151;cursor:pointer;font-size:.875rem;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.template-search-box .search-tag[data-v-0296d7df]:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.template-search-box .trending-grid[data-v-0296d7df]{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:992px){.template-search-box .trending-grid[data-v-0296d7df]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.template-search-box .trending-grid[data-v-0296d7df]{grid-template-columns:repeat(3,minmax(0,1fr))}}.template-search-box .trending-item[data-v-0296d7df]{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;min-width:0;padding:6px;transition:background .2s ease}@media (max-width:768px){.template-search-box .trending-item[data-v-0296d7df]{align-items:flex-start;flex:0 0 140px;flex-direction:column;gap:8px;padding:0}}.template-search-box .trending-item[data-v-0296d7df]:hover{background:#f9fafb}.template-search-box .trending-img-wrapper[data-v-0296d7df]{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;height:48px;overflow:hidden;width:80px}@media (max-width:768px){.template-search-box .trending-img-wrapper[data-v-0296d7df]{aspect-ratio:1.62;height:auto;width:100%}}.template-search-box .trending-img-wrapper img[data-v-0296d7df]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.template-search-box .trending-info[data-v-0296d7df]{display:flex;flex-direction:column;justify-content:center;min-width:0}@media (max-width:768px){.template-search-box .trending-info[data-v-0296d7df]{width:100%}}.template-search-box .trending-name[data-v-0296d7df]{color:#1f2937;font-size:.95rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.template-search-box .trending-name[data-v-0296d7df]{font-size:.85rem}}.template-search-box .trending-count[data-v-0296d7df]{color:#6b7280;font-size:.8rem}