.brands-page[data-v-3edb172d]{background:var(--color-bg-primary);min-height:100vh}.page-layout[data-v-3edb172d]{display:flex;margin:0 auto;max-width:1400px;min-height:calc(100vh - 64px)}.sidebar[data-v-3edb172d]{background:var(--color-card-bg);border-right:1px solid var(--color-border);height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 64px);overflow-y:auto;padding:24px 16px;position:sticky;top:64px;width:180px}.sidebar-title[data-v-3edb172d]{color:var(--color-text-tertiary);font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.sidebar-list[data-v-3edb172d]{display:flex;flex-direction:column;gap:4px}.sidebar-item[data-v-3edb172d]{background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 14px;text-align:left;transition:all .15s}.sidebar-item[data-v-3edb172d]:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.sidebar-item.active[data-v-3edb172d]{background:#017ece;color:#fff}.main-content[data-v-3edb172d]{flex:1;min-width:0;padding:24px 32px}.search-bar[data-v-3edb172d]{justify-content:space-between;margin-bottom:24px}.search-bar[data-v-3edb172d],.search-box[data-v-3edb172d]{align-items:center;display:flex}.search-box[data-v-3edb172d]{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;gap:10px;padding:12px 18px;width:320px}.search-box svg[data-v-3edb172d]{color:var(--color-text-tertiary);flex-shrink:0}.search-input[data-v-3edb172d]{background:transparent;border:none;color:var(--color-text-primary);flex:1;font-size:14px;outline:none}.search-input[data-v-3edb172d]::-moz-placeholder{color:var(--color-text-tertiary)}.search-input[data-v-3edb172d]::placeholder{color:var(--color-text-tertiary)}.search-stats[data-v-3edb172d]{color:var(--color-text-tertiary);font-size:14px}.stats-num[data-v-3edb172d]{color:#017ece;font-weight:600}.hot-banner[data-v-3edb172d]{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;margin-bottom:24px;padding:24px}.banner-header[data-v-3edb172d]{justify-content:space-between;margin-bottom:20px}.banner-header[data-v-3edb172d],.banner-title[data-v-3edb172d]{align-items:center;display:flex}.banner-title[data-v-3edb172d]{color:var(--color-text-primary);font-size:16px;font-weight:600;gap:8px}.banner-title svg[data-v-3edb172d]{color:#f59e0b}.banner-more[data-v-3edb172d]{color:#017ece;font-size:13px;text-decoration:none}.banner-more[data-v-3edb172d]:hover{text-decoration:underline}.hot-brands[data-v-3edb172d]{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.hot-brands[data-v-3edb172d]::-webkit-scrollbar{height:4px}.hot-brands[data-v-3edb172d]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.hot-brand-card[data-v-3edb172d]{align-items:center;background:var(--color-bg-secondary);border:1px solid transparent;border-radius:12px;display:flex;flex:0 0 auto;flex-direction:column;min-width:120px;padding:16px 20px;text-decoration:none;transition:all .2s}.hot-brand-card[data-v-3edb172d]:hover{border-color:#017ece;box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.hot-logo[data-v-3edb172d]{align-items:center;background:#fff;border-radius:8px;display:flex;height:48px;justify-content:center;margin-bottom:10px;overflow:hidden;width:72px}.hot-logo img[data-v-3edb172d]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.hot-logo .logo-abbr[data-v-3edb172d]{color:#017ece;font-size:16px;font-weight:700}.hot-name[data-v-3edb172d]{color:var(--color-text-primary);font-size:13px;font-weight:500;text-align:center;white-space:nowrap}.filter-tip[data-v-3edb172d]{align-items:center;background:#fffbeb;border:1px solid #fef3c7;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:16px;margin-bottom:24px;padding:12px 16px}.filter-tip strong[data-v-3edb172d]{color:#d97706}.clear-btn[data-v-3edb172d]{background:#fff;border:1px solid #fcd34d;border-radius:4px;color:#92400e;cursor:pointer;font-size:12px;margin-left:auto;padding:4px 12px}.clear-btn[data-v-3edb172d]:hover{background:#fef3c7}.empty-state[data-v-3edb172d],.loading-state[data-v-3edb172d]{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner[data-v-3edb172d]{animation:spin-3edb172d 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top:3px solid #017ece;height:40px;margin-bottom:16px;width:40px}@keyframes spin-3edb172d{to{transform:rotate(1turn)}}.empty-state svg[data-v-3edb172d]{margin-bottom:16px;opacity:.5}.brands-grid[data-v-3edb172d]{display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}.brand-card[data-v-3edb172d]{align-items:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;padding:20px 16px;text-decoration:none;transition:all .2s}.brand-card[data-v-3edb172d]:hover{border-color:#017ece;box-shadow:0 12px 32px #017ece1a;transform:translateY(-4px)}.brand-logo[data-v-3edb172d]{align-items:center;background:#fff;border-radius:8px;display:flex;height:60px;justify-content:center;margin-bottom:12px;overflow:hidden;width:120px}.brand-logo img[data-v-3edb172d]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.brand-logo .logo-abbr[data-v-3edb172d]{color:#017ece;font-size:20px;font-weight:700}.brand-name[data-v-3edb172d]{color:var(--color-text-primary);font-size:13px;font-weight:500;line-height:1.4;text-align:center;word-break:break-word}.pagination[data-v-3edb172d]{border-top:1px solid var(--color-border);gap:16px;justify-content:center;margin-top:40px;padding-top:32px}.page-btn[data-v-3edb172d],.pagination[data-v-3edb172d]{align-items:center;display:flex}.page-btn[data-v-3edb172d]{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:10px 18px;transition:all .15s}.page-btn[data-v-3edb172d]:hover:not(:disabled){border-color:#017ece;color:#017ece}.page-btn[data-v-3edb172d]:disabled{cursor:not-allowed;opacity:.5}.page-nums[data-v-3edb172d]{display:flex;gap:6px}.page-num[data-v-3edb172d]{align-items:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .15s;width:36px}.page-num[data-v-3edb172d]:hover{border-color:#017ece;color:#017ece}.page-num.active[data-v-3edb172d]{background:#017ece;border-color:#017ece;color:#fff}@media (max-width:1200px){.brands-grid[data-v-3edb172d]{grid-template-columns:repeat(4,1fr)}}@media (max-width:1000px){.sidebar[data-v-3edb172d]{display:none}.brands-grid[data-v-3edb172d]{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.main-content[data-v-3edb172d]{padding:16px}.search-bar[data-v-3edb172d]{align-items:stretch;flex-direction:column;gap:12px}.search-box[data-v-3edb172d]{width:100%}.brands-grid[data-v-3edb172d]{gap:12px;grid-template-columns:repeat(3,1fr)}.brand-logo[data-v-3edb172d]{height:50px;width:100px}}@media (max-width:500px){.brands-grid[data-v-3edb172d]{grid-template-columns:repeat(2,1fr)}.brand-card[data-v-3edb172d]{padding:16px 12px}.hot-brands[data-v-3edb172d]{gap:12px}.hot-brand-card[data-v-3edb172d]{min-width:100px;padding:12px 16px}.hot-logo[data-v-3edb172d]{height:40px;width:60px}.brand-logo[data-v-3edb172d]{height:45px;width:90px}}