.filter-area[data-v-c97a8c76]{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.mode-tabs[data-v-c97a8c76]{border-bottom:1.5px solid var(--color-border-light);display:flex}.mode-tab[data-v-c97a8c76]{color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);letter-spacing:.01em;background:0 0;border:none;flex:1;padding:10px 0;font-size:13px;font-weight:600;position:relative}.mode-tab[data-v-c97a8c76]:after{content:"";height:2px;transition:background var(--transition-fast);background:0 0;position:absolute;bottom:-1.5px;left:0;right:0}.mode-tab.active[data-v-c97a8c76]{color:var(--color-text-primary)}.mode-tab.active[data-v-c97a8c76]:after{background:var(--color-primary)}.mode-tab[data-v-c97a8c76]:hover:not(.active){color:var(--color-text-primary);background:var(--color-surface-hover)}.category-wrap[data-v-c97a8c76]{align-items:center;display:flex;position:relative}.category-scroll[data-v-c97a8c76]{gap:var(--space-1);padding:var(--space-2) var(--space-3);scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.category-scroll[data-v-c97a8c76]::-webkit-scrollbar{display:none}.scroll-arrow[data-v-c97a8c76]{border:1.5px solid var(--color-border);background:var(--color-surface);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.scroll-arrow[data-v-c97a8c76]:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.scroll-arrow.left[data-v-c97a8c76]{margin-left:8px}.scroll-arrow.right[data-v-c97a8c76]{margin-right:8px}.cat-btn[data-v-c97a8c76]{border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer;flex-shrink:0;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;display:flex}.cat-icon[data-v-c97a8c76]{font-size:14px;line-height:1}.cat-btn[data-v-c97a8c76]:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.cat-btn.active[data-v-c97a8c76]{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.subcategory-wrap[data-v-c97a8c76]{border-top:1px solid var(--color-border-light);background:var(--color-surface-secondary,#f9f9fb)}.subcategory-scroll[data-v-c97a8c76]{scrollbar-width:none;gap:6px;padding:6px 12px;display:flex;overflow-x:auto}.subcategory-scroll[data-v-c97a8c76]::-webkit-scrollbar{display:none}.sub-btn[data-v-c97a8c76]{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:500}.sub-btn[data-v-c97a8c76]:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.sub-btn.active[data-v-c97a8c76]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.date-filter-wrap[data-v-c97a8c76]{border-top:1px solid var(--color-border-light);background:var(--color-surface-secondary,#f9f9fb)}.date-filter-scroll[data-v-c97a8c76]{scrollbar-width:none;gap:6px;padding:6px 12px;display:flex;overflow-x:auto}.date-filter-scroll[data-v-c97a8c76]::-webkit-scrollbar{display:none}.date-chip[data-v-c97a8c76]{border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:flex;position:relative}.date-chip[data-v-c97a8c76]:hover{color:#e8892a;background:#fef3e8;border-color:#e8892a}.date-chip.active[data-v-c97a8c76]{color:#fff;box-shadow:var(--shadow-sm);background:#e8892a;border-color:#e8892a}.date-input-hidden[data-v-c97a8c76]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mode-tab.event-tab.active[data-v-c97a8c76]{color:#e8892a}.mode-tab.event-tab.active[data-v-c97a8c76]:after{background:#e8892a}.mode-tab.event-tab[data-v-c97a8c76]:hover:not(.active){color:#e8892a}.cat-btn.event.active[data-v-c97a8c76]{color:#fff;background:#e8892a;border-color:#e8892a}.cat-btn.event[data-v-c97a8c76]:hover:not(.active){color:#e8892a;background:#fef3e8;border-color:#e8892a}@media (width<=640px){.filter-area[data-v-c97a8c76]{background:0 0;border-bottom:none;padding:0}.mode-tabs[data-v-c97a8c76]{border-bottom:none;justify-content:flex-start;gap:6px;padding:8px 12px 0}.mode-tab[data-v-c97a8c76]{color:var(--color-text-secondary);-webkit-backdrop-filter:blur(4px);background:#fffe;border:none;border-radius:999px;flex:none;padding:6px 14px;font-size:13px;box-shadow:0 1px 8px #00000026}.mode-tab[data-v-c97a8c76]:after{display:none}.mode-tab.active[data-v-c97a8c76]{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #6366f159}.mode-tab.event-tab.active[data-v-c97a8c76]{color:#fff;background:#e8892a;box-shadow:0 2px 8px #e8892a59}.scroll-arrow[data-v-c97a8c76]{display:none}.category-scroll[data-v-c97a8c76]{gap:6px;padding:6px 12px}.cat-btn[data-v-c97a8c76]{-webkit-backdrop-filter:blur(4px);background:#fffe;border-color:#0000;padding:5px 11px;font-size:12px;box-shadow:0 1px 8px #00000021}.cat-btn.active[data-v-c97a8c76]{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px #6366f159}.cat-btn.event.active[data-v-c97a8c76]{background:#e8892a;border-color:#e8892a;box-shadow:0 2px 8px #e8892a59}.date-filter-wrap[data-v-c97a8c76]{background:0 0;border-top:none}.date-filter-scroll[data-v-c97a8c76]{gap:6px;padding:4px 12px 6px}.date-chip[data-v-c97a8c76]{-webkit-backdrop-filter:blur(4px);background:#fffe;border-color:#0000;padding:5px 11px;font-size:12px;box-shadow:0 1px 8px #00000021}.date-chip.active[data-v-c97a8c76]{color:#fff;background:#e8892a;border-color:#e8892a;box-shadow:0 2px 8px #e8892a59}.subcategory-wrap[data-v-c97a8c76]{background:0 0;border-top:none}.subcategory-scroll[data-v-c97a8c76]{gap:6px;padding:4px 12px 6px}.sub-btn[data-v-c97a8c76]{-webkit-backdrop-filter:blur(4px);background:#fffd;border-color:#0000;padding:3px 10px;font-size:11px;box-shadow:0 1px 6px #0000001f}.sub-btn.active[data-v-c97a8c76]{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 6px #6366f159}}