.template-search-box[data-v-40b33d6c]{align-items:center;background-color:#f4f1f9;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-40b33d6c]:focus-within{background-color:#fff;border-color:#c190ff;z-index:1001}.template-search-box.mobile-mode[data-v-40b33d6c]{background-color:#f4f1f9;border:1px solid transparent;box-shadow:none;height:44px;max-width:100%;width:100%}.template-search-box.mobile-mode[data-v-40b33d6c]:focus-within{background-color:#fff;border-color:#c190ff;box-shadow:0 4px 15px #4885ed1a}.template-search-box .search-icon[data-v-40b33d6c]{color:#75648b;cursor:pointer;flex-shrink:0;margin-right:8px;position:relative;z-index:1002}.template-search-box input[data-v-40b33d6c]{background:transparent;border:none;color:#271e3b;font-size:.9rem;outline:none;position:relative;width:100%;z-index:1002}.template-search-box input[data-v-40b33d6c]::-moz-placeholder{color:#a594b8}.template-search-box input[data-v-40b33d6c]::placeholder{color:#a594b8}.template-search-box .search-backdrop[data-v-40b33d6c]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);inset:0;position:fixed;z-index:999}.template-search-box .search-popup[data-v-40b33d6c]{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-40b33d6c]{width:600px}}@media (max-width:768px){.template-search-box .search-popup[data-v-40b33d6c]{max-height:calc(100vh - 120px);overflow-y:auto;padding:16px;top:calc(100% + 1px);width:100%;-webkit-overflow-scrolling:touch}}.template-search-box .popup-section[data-v-40b33d6c]{margin-bottom:24px}.template-search-box .popup-section[data-v-40b33d6c]:last-child{margin-bottom:0}.template-search-box .popup-title[data-v-40b33d6c]{color:#111827;font-size:1.05rem;font-weight:700;margin-bottom:12px}.template-search-box .tag-cloud[data-v-40b33d6c]{display:flex;flex-wrap:wrap;gap:8px 12px}.template-search-box .search-tag[data-v-40b33d6c]{background:#fff;border:1px solid #e8e5eb;border-radius:20px;color:#423751;cursor:pointer;font-size:.875rem;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.template-search-box .search-tag[data-v-40b33d6c]:hover{background:#f9fafb;border-color:#d7d1db;color:#191127}.template-search-box .trending-grid[data-v-40b33d6c]{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:992px){.template-search-box .trending-grid[data-v-40b33d6c]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.template-search-box .trending-grid[data-v-40b33d6c]{grid-template-columns:repeat(3,minmax(0,1fr))}}.template-search-box .trending-item[data-v-40b33d6c]{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-40b33d6c]{align-items:flex-start;flex:0 0 140px;flex-direction:column;gap:8px;padding:0}}.template-search-box .trending-item[data-v-40b33d6c]:hover{background:#faf9fb}.template-search-box .trending-img-wrapper[data-v-40b33d6c]{background:#f5f3f6;border:1px solid #e8e5eb;border-radius:6px;flex-shrink:0;height:48px;overflow:hidden;width:80px}@media (max-width:768px){.template-search-box .trending-img-wrapper[data-v-40b33d6c]{aspect-ratio:1.62;height:auto;width:100%}}.template-search-box .trending-img-wrapper img[data-v-40b33d6c]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.template-search-box .trending-info[data-v-40b33d6c]{display:flex;flex-direction:column;justify-content:center;min-width:0}@media (max-width:768px){.template-search-box .trending-info[data-v-40b33d6c]{width:100%}}.template-search-box .trending-name[data-v-40b33d6c]{color:#271f37;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-40b33d6c]{font-size:.85rem}}.template-search-box .trending-count[data-v-40b33d6c]{color:#736b80;font-size:.8rem}