:root{--color-black: #0a0a0a;--color-gray-900: #1a1a1a;--color-gray-800: #2a2a2a;--color-gray-700: #3a3a3a;--color-gray-600: #4a4a4a;--color-gray-500: #6a6a6a;--color-gray-400: #8a8a8a;--color-gray-300: #b0b0b0;--color-gray-200: #d0d0d0;--color-gray-100: #e8e8e8;--color-white: #ffffff;--color-primary: #ffffff;--color-accent: #f5f5f5;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-hover: #3a3a3a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #6a6a6a;--border-primary: #2a2a2a;--border-secondary: #3a3a3a;--border-hover: #4a4a4a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--header-height: 64px;--sidebar-width: 320px;--container-max-width: 1400px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{background-color:var(--color-gray-700);color:var(--text-primary)}a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-secondary)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{font-family:inherit;color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);transition:all var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--border-hover);background-color:var(--bg-hover)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-base) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-base) ease-out}@media(max-width:768px){:root{--sidebar-width: 280px;--spacing-lg: 1rem}.container{padding:0 var(--spacing-md)}}.mod-modal-backdrop[data-v-23d3282b]{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:#000000b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mod-modal[data-v-23d3282b]{width:min(100%,440px);padding:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.mod-modal-header[data-v-23d3282b],.mod-modal-actions[data-v-23d3282b],.mod-health-list>div[data-v-23d3282b]{display:flex;align-items:center;justify-content:space-between}.mod-modal-header[data-v-23d3282b]{gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.mod-modal-eyebrow[data-v-23d3282b]{margin-bottom:var(--spacing-xs);color:var(--text-tertiary);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.mod-modal h2[data-v-23d3282b]{font-size:1.25rem}.mod-close-btn[data-v-23d3282b]{display:flex;padding:var(--spacing-xs);color:var(--text-secondary);border-radius:var(--radius-md)}.mod-close-btn[data-v-23d3282b]:hover{color:var(--text-primary);background:var(--bg-hover)}.mod-status-panel[data-v-23d3282b]{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.mod-status-panel strong[data-v-23d3282b]{display:block;margin-bottom:2px}.mod-status-panel p[data-v-23d3282b],.mod-help[data-v-23d3282b],.mod-health-list[data-v-23d3282b],.mod-help ol[data-v-23d3282b]{color:var(--text-secondary);font-size:.875rem}.mod-status-panel p[data-v-23d3282b]{margin:0}.status-connected[data-v-23d3282b]{color:var(--color-success);background:#10b98114}.status-checking[data-v-23d3282b]{color:var(--color-warning);background:#f59e0b14}.status-disconnected[data-v-23d3282b],.status-unknown[data-v-23d3282b]{color:var(--color-error);background:#ef444414}.mod-health-list[data-v-23d3282b]{display:grid;gap:var(--spacing-sm);margin:var(--spacing-lg) 0}.mod-health-list>div[data-v-23d3282b]{gap:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.mod-health-list dt[data-v-23d3282b]{color:var(--text-tertiary)}.mod-health-list dd[data-v-23d3282b]{margin:0;color:var(--text-primary);text-align:right}.mod-help[data-v-23d3282b]{margin:var(--spacing-lg) 0}.mod-help p[data-v-23d3282b]{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.mod-help ol[data-v-23d3282b]{display:grid;gap:var(--spacing-xs);padding-left:var(--spacing-lg)}.mod-modal-actions[data-v-23d3282b]{gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.mod-download-link[data-v-23d3282b]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;min-height:40px;padding:0 var(--spacing-md);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.mod-download-link[data-v-23d3282b]:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.mod-retry-btn[data-v-23d3282b],.mod-done-btn[data-v-23d3282b]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:38px;padding:0 var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:600}.mod-retry-btn[data-v-23d3282b]{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-secondary)}.mod-done-btn[data-v-23d3282b]{color:var(--color-black);background:var(--color-white)}.mod-retry-btn[data-v-23d3282b]:hover{background:var(--bg-hover)}.mod-done-btn[data-v-23d3282b]:hover{background:var(--color-gray-200)}.spinning[data-v-23d3282b]{animation:mod-spin-23d3282b .8s linear infinite}@keyframes mod-spin-23d3282b{to{transform:rotate(360deg)}}.app-header[data-v-216b543c]{position:sticky;top:0;z-index:100;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1a1acc}.header-content[data-v-216b543c]{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--spacing-lg)}.header-actions[data-v-216b543c]{display:flex;align-items:center;gap:var(--spacing-sm)}.mod-connection-btn[data-v-216b543c]{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-height:40px;padding:0 var(--spacing-sm);color:var(--text-secondary);border-radius:var(--radius-md)}.mod-connection-btn[data-v-216b543c]:hover{color:var(--text-primary);background:var(--bg-hover)}.mod-icon-wrap[data-v-216b543c]{position:relative;display:inline-flex}.mod-status-dot[data-v-216b543c]{position:absolute;top:-2px;right:-3px;width:8px;height:8px;border:2px solid var(--bg-secondary);border-radius:var(--radius-full)}.dot-connected[data-v-216b543c]{background:var(--color-success)}.dot-checking[data-v-216b543c]{background:var(--color-warning)}.dot-disconnected[data-v-216b543c],.dot-unknown[data-v-216b543c]{background:var(--color-error)}.mod-status-text[data-v-216b543c]{font-size:.875rem;font-weight:600}.logo[data-v-216b543c]{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:opacity var(--transition-fast)}.logo[data-v-216b543c]:hover{opacity:.8}.logo-icon[data-v-216b543c]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:var(--radius-md)}.logo-icon img[data-v-216b543c]{width:32px;height:32px}.logo-text h1[data-v-216b543c]{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin:0}.subtitle[data-v-216b543c]{font-size:.75rem;color:var(--text-tertiary);display:block;margin-top:-2px}.nav-links[data-v-216b543c]{display:flex;gap:var(--spacing-sm)}.nav-link[data-v-216b543c]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:all var(--transition-fast);position:relative;color:var(--text-secondary);background:transparent}.nav-link[data-v-216b543c]:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-link.active[data-v-216b543c]{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-link.active[data-v-216b543c]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background-color:var(--text-primary);border-radius:var(--radius-full)}.mobile-menu-btn[data-v-216b543c]{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-primary);transition:background-color var(--transition-fast)}.mobile-menu-btn[data-v-216b543c]:hover{background-color:var(--bg-hover)}.mobile-menu-btn svg[data-v-216b543c]{width:24px;height:24px}@media(max-width:768px){.nav-links[data-v-216b543c]{display:none}.mobile-menu-btn[data-v-216b543c]{display:flex}.subtitle[data-v-216b543c]{display:none}.logo-text h1[data-v-216b543c]{font-size:1.1rem}.mod-status-text[data-v-216b543c]{display:none}}.sidebar-overlay[data-v-18a4d390]{position:fixed;inset:0;background-color:#00000085;z-index:200;animation:fadeIn var(--transition-fast) ease-out}.sidebar[data-v-18a4d390]{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:linear-gradient(180deg,#171717,#101010);border-right:1px solid rgba(255,255,255,.1);z-index:201;transform:translate(-100%);transition:transform var(--transition-base);display:flex;flex-direction:column;box-shadow:18px 0 50px #00000059}.sidebar.is-open[data-v-18a4d390]{transform:translate(0)}.sidebar-header[data-v-18a4d390]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) 1.25rem;border-bottom:1px solid var(--border-primary);min-height:72px}.sidebar-header h2[data-v-18a4d390]{font-size:1.2rem;font-weight:600;margin:0;letter-spacing:-.02em}.close-btn[data-v-18a4d390]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.close-btn[data-v-18a4d390]:hover{background-color:var(--bg-hover);color:var(--text-primary)}.close-btn svg[data-v-18a4d390]{width:20px;height:20px}.sidebar-content[data-v-18a4d390]{flex:1;overflow-y:auto;padding:1.25rem}@media(max-width:768px){.sidebar[data-v-18a4d390]{width:100%;max-width:320px}}.app-footer[data-v-c31a58a2]{background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);margin-top:auto}.footer-content[data-v-c31a58a2]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) 0;gap:var(--spacing-lg)}.footer-info h3[data-v-c31a58a2]{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs)}.footer-info p[data-v-c31a58a2]{font-size:.875rem;color:var(--text-tertiary);margin:0}.footer-copyright[data-v-c31a58a2]{text-align:right}.footer-copyright p[data-v-c31a58a2]{font-size:.75rem;color:var(--text-tertiary);margin:0;line-height:1.5}@media(max-width:768px){.footer-content[data-v-c31a58a2]{flex-direction:column;text-align:center;padding:var(--spacing-lg) 0}.footer-copyright[data-v-c31a58a2]{text-align:center}}.search-section[data-v-611235bd]{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.search-title[data-v-611235bd]{font-size:2rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-xl);letter-spacing:-.02em}.search-box[data-v-611235bd]{max-width:600px;margin:0 auto;display:flex;gap:var(--spacing-sm)}.search-input[data-v-611235bd]{flex:1;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:1rem;background-color:var(--bg-tertiary);border:1px solid var(--border-primary)}.search-input[data-v-611235bd]:focus{border-color:var(--border-hover);background-color:var(--bg-hover)}.search-btn[data-v-611235bd]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-white);color:var(--color-black);border-radius:var(--radius-lg);font-size:1rem;font-weight:600;transition:all var(--transition-fast)}.search-btn[data-v-611235bd]:hover{background-color:var(--color-gray-200);transform:translateY(-2px)}.search-btn svg[data-v-611235bd]{width:20px;height:20px}@media(max-width:768px){.search-title[data-v-611235bd]{font-size:1.5rem}.search-box[data-v-611235bd]{flex-direction:column}.search-btn[data-v-611235bd]{justify-content:center}}.level-card[data-v-d5adc1c0]{display:flex;flex-direction:column;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);animation:fadeIn var(--transition-base) ease-out;height:100%}.level-card[data-v-d5adc1c0]:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-image[data-v-d5adc1c0]{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--bg-tertiary)}.card-image img[data-v-d5adc1c0]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card-description[data-v-d5adc1c0]{position:absolute;top:0;left:0;right:0;padding:var(--spacing-md);background-color:#000000d9;color:#fff;font-size:.875rem;line-height:1.5;transform:translateY(-100%);transition:transform var(--transition-base);z-index:2;max-height:180px;overflow-y:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.level-card:hover .card-image img[data-v-d5adc1c0]{transform:scale(1.05)}.level-card:hover .card-description[data-v-d5adc1c0]{transform:translateY(0)}.difficulty-badge[data-v-d5adc1c0]{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.peer-badge[data-v-d5adc1c0]{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:24px;height:24px;background-color:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff}.peer-badge svg[data-v-d5adc1c0]{width:16px;height:16px}.card-content[data-v-d5adc1c0]{display:flex;flex-direction:column;flex:1;padding:var(--spacing-lg)}.card-title[data-v-d5adc1c0]{font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-artist[data-v-d5adc1c0]{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta[data-v-d5adc1c0]{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.meta-item[data-v-d5adc1c0]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--text-tertiary)}.meta-item svg[data-v-d5adc1c0]{width:14px;height:14px}.card-tags[data-v-d5adc1c0]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);min-height:24px}.tag[data-v-d5adc1c0]{padding:2px var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.7rem;color:var(--text-secondary)}.card-actions[data-v-d5adc1c0]{display:flex;gap:var(--spacing-sm);margin-top:auto}.card-action-message[data-v-d5adc1c0]{margin-top:var(--spacing-sm);font-size:.75rem;line-height:1.4}.card-action-message.success[data-v-d5adc1c0]{color:var(--color-success)}.card-action-message.error[data-v-d5adc1c0]{color:var(--color-error)}.download-btn[data-v-d5adc1c0]{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.download-btn.primary[data-v-d5adc1c0]{background-color:var(--color-white);color:var(--color-black)}.download-btn.primary[data-v-d5adc1c0]:hover{background-color:var(--color-gray-200)}.download-btn.secondary[data-v-d5adc1c0]{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary)}.download-btn.secondary[data-v-d5adc1c0]:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.download-btn svg[data-v-d5adc1c0]{width:16px;height:16px}.spinning[data-v-d5adc1c0]{animation:card-spin-d5adc1c0 .8s linear infinite}@keyframes card-spin-d5adc1c0{to{transform:rotate(360deg)}}.skeleton-card[data-v-2c78664f]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.skeleton-image[data-v-2c78664f]{width:100%;aspect-ratio:16 / 9;background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer-2c78664f 1.5s infinite}.skeleton-content[data-v-2c78664f]{padding:var(--spacing-lg)}.skeleton-title[data-v-2c78664f]{height:20px;background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);animation:shimmer-2c78664f 1.5s infinite}.skeleton-text[data-v-2c78664f]{height:16px;width:70%;background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);animation:shimmer-2c78664f 1.5s infinite}.skeleton-meta[data-v-2c78664f]{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.skeleton-badge[data-v-2c78664f]{height:14px;width:80px;background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer-2c78664f 1.5s infinite}.skeleton-tags[data-v-2c78664f]{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.skeleton-tag[data-v-2c78664f]{height:20px;width:60px;background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer-2c78664f 1.5s infinite}.skeleton-button[data-v-2c78664f]{height:36px;background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-md);animation:shimmer-2c78664f 1.5s infinite}@keyframes shimmer-2c78664f{0%{background-position:-200% 0}to{background-position:200% 0}}.pagination[data-v-349d2aea]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) 0}.page-info[data-v-349d2aea]{font-size:.875rem;color:var(--text-secondary)}.pagination-row[data-v-349d2aea]{display:flex;align-items:center;gap:var(--spacing-lg)}.page-controls[data-v-349d2aea]{display:flex;gap:var(--spacing-xs)}.page-size-select[data-v-349d2aea]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.page-size-select select[data-v-349d2aea]{padding:.4rem .6rem;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast)}.page-size-select select[data-v-349d2aea]:hover{border-color:var(--border-hover)}.page-btn[data-v-349d2aea]{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);transition:all var(--transition-fast)}.page-btn[data-v-349d2aea]:not(:disabled):hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.page-btn.active[data-v-349d2aea]{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.page-btn[data-v-349d2aea]:disabled{opacity:.3}.page-btn.ellipsis[data-v-349d2aea]{border:none;background:none}.page-btn svg[data-v-349d2aea]{width:20px;height:20px}@media(max-width:768px){.page-btn[data-v-349d2aea]{min-width:36px;height:36px}.pagination-row[data-v-349d2aea]{flex-direction:column}}.home-page[data-v-c87443bf]{min-height:100vh;display:flex;flex-direction:column}.filter-toggle-btn[data-v-c87443bf]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xl);transition:all var(--transition-fast)}.filter-toggle-btn[data-v-c87443bf]:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.filter-toggle-btn svg[data-v-c87443bf]{width:20px;height:20px}.result-summary[data-v-c87443bf]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--text-secondary);font-size:.875rem}.filter-status[data-v-c87443bf]{padding:.25rem .6rem;border:1px solid var(--border-secondary);border-radius:var(--radius-full);color:var(--text-primary);background-color:#ffffff0d}.levels-grid[data-v-c87443bf]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.loading-state[data-v-c87443bf],.error-state[data-v-c87443bf],.empty-state[data-v-c87443bf]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.spinner[data-v-c87443bf]{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--text-primary);border-radius:50%;animation:spin-c87443bf .8s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin-c87443bf{to{transform:rotate(360deg)}}@media(max-width:768px){.levels-grid[data-v-c87443bf]{grid-template-columns:1fr}}.about-page[data-v-36578bde]{min-height:100vh;padding-bottom:var(--spacing-2xl)}.about-hero[data-v-36578bde]{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-primary)}.hero-content[data-v-36578bde]{display:flex;flex-direction:column;align-items:center;text-align:center;animation:fadeIn .6s ease-out}.hero-icon[data-v-36578bde]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-700),var(--color-gray-600));border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);animation:slideInLeft .6s ease-out}.hero-icon svg[data-v-36578bde]{width:48px;height:48px;color:var(--text-primary)}.hero-title[data-v-36578bde]{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.hero-subtitle[data-v-36578bde]{font-size:1.125rem;color:var(--text-secondary)}.about-content[data-v-36578bde]{padding:var(--spacing-2xl) 0}.content-card[data-v-36578bde]{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);animation:fadeIn .6s ease-out;transition:all var(--transition-base)}.content-card[data-v-36578bde]:hover{border-color:var(--border-hover);transform:translateY(-2px)}.card-header[data-v-36578bde]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.card-header svg[data-v-36578bde]{width:24px;height:24px;color:var(--text-secondary)}.card-header h2[data-v-36578bde]{font-size:1.5rem;font-weight:600;margin:0}.card-body[data-v-36578bde]{line-height:1.8}.card-body p[data-v-36578bde]{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.highlight[data-v-36578bde]{color:var(--text-primary);font-weight:600}.feature-list[data-v-36578bde]{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.feature-list li[data-v-36578bde]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.feature-list li[data-v-36578bde]:hover{background-color:var(--bg-hover);transform:translate(4px)}.feature-list svg[data-v-36578bde]{width:20px;height:20px;color:var(--color-success);flex-shrink:0}.feature-list span[data-v-36578bde]{color:var(--text-primary)}@media(max-width:768px){.hero-title[data-v-36578bde]{font-size:2rem}.content-card[data-v-36578bde]{padding:var(--spacing-lg)}}.filter-group[data-v-4846b162]{margin-bottom:var(--spacing-lg)}.filter-header[data-v-4846b162]{margin-bottom:var(--spacing-md)}.filter-title[data-v-4846b162]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.count[data-v-4846b162]{margin-left:auto;font-size:.75rem;color:var(--text-tertiary)}.filter-search[data-v-4846b162]{margin-bottom:var(--spacing-md)}.filter-search-input[data-v-4846b162]{width:100%;padding:.65rem .75rem;border-radius:var(--radius-md);font-size:.875rem;background-color:#ffffff0a;border-color:var(--border-secondary)}.filter-list[data-v-4846b162]{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:260px;overflow-y:auto;padding-right:.25rem}.filter-item[data-v-4846b162]{display:flex;align-items:center;gap:var(--spacing-sm);padding:.6rem .65rem;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.filter-item[data-v-4846b162]:hover{background-color:#ffffff12}.filter-item input[type=checkbox][data-v-4846b162]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-white);flex:0 0 auto}.filter-label[data-v-4846b162]{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--text-primary)}.filter-count[data-v-4846b162]{font-size:.75rem;color:var(--text-tertiary)}.filters-content[data-v-8a467beb]{display:flex;flex-direction:column;gap:var(--spacing-xl)}.review-options[data-v-8a467beb]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.review-option[data-v-8a467beb]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.review-option[data-v-8a467beb]:hover{background-color:var(--bg-hover)}.review-option input[type=radio][data-v-8a467beb]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-white)}.review-option span[data-v-8a467beb]{font-size:.875rem;color:var(--text-primary)}.bpm-toggle[data-v-8a467beb]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-primary);margin-bottom:var(--spacing-md)}.bpm-toggle input[data-v-8a467beb]{width:16px;height:16px;accent-color:var(--color-white)}.bpm-fields[data-v-8a467beb]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.bpm-fields label[data-v-8a467beb]{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.75rem}.bpm-fields input[data-v-8a467beb]{width:100%;min-width:0;padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:.875rem}.filter-actions[data-v-8a467beb]{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary)}.apply-btn[data-v-8a467beb],.reset-btn[data-v-8a467beb]{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;transition:all var(--transition-fast)}.apply-btn[data-v-8a467beb]{background-color:var(--color-white);color:var(--color-black)}.apply-btn[data-v-8a467beb]:hover{background-color:var(--color-gray-200);transform:translateY(-1px)}.reset-btn[data-v-8a467beb]{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary)}.reset-btn[data-v-8a467beb]:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.page-enter-active,.page-leave-active{transition:all .3s ease}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}