.header[data-v-c6f99e6d]{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);z-index:var(--z-index-fixed);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=dark] .header[data-v-c6f99e6d]{background:#0e1420d9;border-bottom-color:#1c263899}.header-left[data-v-c6f99e6d]{display:flex;align-items:center;gap:var(--spacing-sm);min-width:180px}.menu-btn[data-v-c6f99e6d]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.menu-btn[data-v-c6f99e6d]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.logo[data-v-c6f99e6d]{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:700;font-size:var(--font-size-xl);font-family:Comic Sans MS,cursive;color:var(--text-primary);white-space:nowrap}.logo-icon[data-v-c6f99e6d]{width:28px;height:28px;border-radius:6px;object-fit:contain}.logo-text[data-v-c6f99e6d]{color:var(--text-primary);font-family:Comic Sans MS,cursive;letter-spacing:.5px}.header-center[data-v-c6f99e6d]{flex:1;max-width:520px;margin:0 var(--spacing-lg);position:relative}.search-box[data-v-c6f99e6d]{display:flex;align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--bg-tertiary);border-radius:var(--radius-full);padding:0 4px 0 16px;height:40px;gap:4px;transition:background .2s ease,border-color .2s ease}.search-box[data-v-c6f99e6d]:hover:not(.focused){background:var(--bg-card-hover);border-color:var(--bg-card-hover)}.search-box.focused[data-v-c6f99e6d]{background:var(--bg-card);border-color:var(--color-primary)}[data-theme=dark] .search-box.focused[data-v-c6f99e6d]{box-shadow:0 0 0 3px #a78bfa1f,var(--shadow-glow-sm)}.search-box input[data-v-c6f99e6d]{flex:1;border:none;background:transparent;padding:0 var(--spacing-sm);height:100%;color:var(--text-primary);font-size:var(--font-size-sm);min-width:0;outline:none}.search-box input[data-v-c6f99e6d]::placeholder{color:var(--text-tertiary)}.search-shortcut[data-v-c6f99e6d]{display:flex;align-items:center;gap:2px;flex-shrink:0}.search-shortcut kbd[data-v-c6f99e6d]{display:inline-block;padding:1px 5px;font-size:11px;font-family:inherit;color:var(--text-tertiary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;line-height:1.4}.clear-btn[data-v-c6f99e6d]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0}.clear-btn[data-v-c6f99e6d]:hover{background:var(--bg-overlay);color:var(--text-primary)}.search-btn[data-v-c6f99e6d]{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-tertiary);background:transparent;transition:all var(--transition-fast);flex-shrink:0}.search-btn[data-v-c6f99e6d]:hover{background:var(--color-primary);color:var(--text-inverse)}[data-theme=dark] .search-btn[data-v-c6f99e6d]:hover{box-shadow:0 0 14px #a78bfa4d}.search-box.focused .search-btn[data-v-c6f99e6d]{color:var(--color-primary-light)}.search-box.focused .search-btn[data-v-c6f99e6d]:hover{background:var(--color-primary);color:var(--text-inverse)}.search-dropdown[data-v-c6f99e6d]{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-xl);z-index:var(--z-index-dropdown)}[data-theme=dark] .search-dropdown[data-v-c6f99e6d]{background:#111a28f2;border-color:#1c2638cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-xl),0 0 40px #0000004d}.dropdown-section[data-v-c6f99e6d]{margin-bottom:var(--spacing-md)}.dropdown-section[data-v-c6f99e6d]:last-child{margin-bottom:0}.dropdown-header[data-v-c6f99e6d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.dropdown-label[data-v-c6f99e6d]{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.clear-history[data-v-c6f99e6d]{font-size:12px;color:var(--text-tertiary);padding:2px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.clear-history[data-v-c6f99e6d]:hover{color:var(--color-danger);background:#ef444414}.hot-tags[data-v-c6f99e6d]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.hot-tag[data-v-c6f99e6d]{padding:4px 14px;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer}.hot-tag[data-v-c6f99e6d]:hover{background:var(--color-primary);color:var(--text-inverse)}[data-theme=dark] .hot-tag[data-v-c6f99e6d]:hover{box-shadow:0 0 12px #a78bfa40}.history-tag[data-v-c6f99e6d]{background:var(--bg-secondary)}.header-right[data-v-c6f99e6d]{display:flex;align-items:center;gap:var(--spacing-sm);min-width:100px;justify-content:flex-end}.theme-btn[data-v-c6f99e6d],.user-btn[data-v-c6f99e6d]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast)}.theme-btn[data-v-c6f99e6d]:hover,.user-btn[data-v-c6f99e6d]:hover{background:var(--bg-tertiary);color:var(--color-primary)}[data-theme=dark] .theme-btn[data-v-c6f99e6d]:hover,[data-theme=dark] .user-btn[data-v-c6f99e6d]:hover{background:#a78bfa1a;box-shadow:0 0 12px #a78bfa1a}.user-avatar[data-v-c6f99e6d]{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-avatar-initial[data-v-c6f99e6d]{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}@media (max-width: 1023px){.menu-btn[data-v-c6f99e6d]{display:flex}}.network-banner[data-v-c6f99e6d]{position:fixed;top:var(--header-height);left:0;right:0;z-index:calc(var(--z-index-fixed) - 1);display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;font-size:13px;background:#f59e0b1f;color:#f59e0b;border-bottom:1px solid rgba(245,158,11,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.network-banner.offline[data-v-c6f99e6d]{background:#ef44441f;color:#ef4444;border-bottom-color:#ef444433}.slide-down-enter-active[data-v-c6f99e6d],.slide-down-leave-active[data-v-c6f99e6d]{transition:transform .3s ease,opacity .3s ease}.slide-down-enter-from[data-v-c6f99e6d],.slide-down-leave-to[data-v-c6f99e6d]{transform:translateY(-100%);opacity:0}@media (max-width: 767px){.header[data-v-c6f99e6d]{padding:0 var(--spacing-sm)}.header-center[data-v-c6f99e6d]{flex:1;min-width:0;margin:0 var(--spacing-xs)}.logo-text[data-v-c6f99e6d]{display:none}.logo-icon[data-v-c6f99e6d]{width:24px;height:24px}.header-left[data-v-c6f99e6d]{min-width:auto;gap:var(--spacing-xs)}.header-right[data-v-c6f99e6d]{min-width:auto;gap:4px;flex-shrink:0}.theme-btn[data-v-c6f99e6d],.user-btn[data-v-c6f99e6d],.menu-btn[data-v-c6f99e6d]{width:34px;height:34px}.search-box[data-v-c6f99e6d]{height:36px;padding:0 4px 0 12px}.search-box input[data-v-c6f99e6d]{font-size:13px}.search-btn[data-v-c6f99e6d]{width:30px;height:30px}}.sidebar-overlay[data-v-3b1ddedc]{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:calc(var(--z-index-fixed) - 1)}.sidebar[data-v-3b1ddedc]{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;z-index:var(--z-index-fixed);transition:transform var(--transition-normal);padding:var(--spacing-md) 0}[data-theme=dark] .sidebar[data-v-3b1ddedc]{background:#0e1420eb;border-right-color:#1c263899;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sidebar-nav[data-v-3b1ddedc]{display:flex;flex-direction:column}.nav-section[data-v-3b1ddedc]{padding:0 var(--spacing-sm)}.nav-section-title[data-v-3b1ddedc]{display:block;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.nav-item[data-v-3b1ddedc]{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);position:relative;margin-bottom:2px}.nav-item[data-v-3b1ddedc]:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .nav-item[data-v-3b1ddedc]:hover{background:#161f30cc}.nav-item.active[data-v-3b1ddedc]{background:linear-gradient(135deg,#6366f126,#ec489914);color:var(--color-primary);font-weight:600}[data-theme=dark] .nav-item.active[data-v-3b1ddedc]{background:linear-gradient(135deg,#a78bfa1f,#f472b60f);color:var(--color-primary-light);box-shadow:inset 0 0 20px #a78bfa0d}.active-indicator[data-v-3b1ddedc]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--color-primary);border-radius:0 var(--radius-full) var(--radius-full) 0}[data-theme=dark] .active-indicator[data-v-3b1ddedc]{box-shadow:0 0 8px #a78bfa66}.nav-icon[data-v-3b1ddedc]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.nav-label[data-v-3b1ddedc]{white-space:nowrap}.nav-divider[data-v-3b1ddedc]{height:1px;background:var(--border-color);margin:var(--spacing-sm) var(--spacing-md)}.sidebar[data-v-3b1ddedc]{transform:translate(-100%)}.sidebar.open[data-v-3b1ddedc]{transform:translate(0)}@media (min-width: 1024px){.sidebar-overlay[data-v-3b1ddedc]{display:none}}.bottom-nav[data-v-d3a9960c]{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;z-index:var(--z-index-fixed);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=dark] .bottom-nav[data-v-d3a9960c]{background:#0e1420e0;border-top-color:#1c263899}.bottom-nav-item[data-v-d3a9960c]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 12px;border-radius:var(--radius-md);color:var(--text-tertiary);transition:all var(--transition-fast);min-width:56px}.bottom-nav-item.active[data-v-d3a9960c]{color:var(--color-primary)}[data-theme=dark] .bottom-nav-item.active[data-v-d3a9960c]{color:var(--color-primary-light);text-shadow:0 0 10px rgba(167,139,250,.3)}.bottom-nav-item[data-v-d3a9960c]:hover{color:var(--text-primary)}.bottom-nav-icon[data-v-d3a9960c]{display:flex;align-items:center;justify-content:center}.bottom-nav-label[data-v-d3a9960c]{font-size:11px;font-weight:500}@media (min-width: 768px){.bottom-nav[data-v-d3a9960c]{display:none}}:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-hover: #4f46e5;--color-secondary: #ec4899;--color-accent: #f59e0b;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--sidebar-width: 220px;--header-height: 60px;--bottom-nav-height: 60px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.3;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--letter-spacing-wider: .05em;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-fixed: 300;--z-index-modal-backdrop: 400;--z-index-modal: 500;--z-index-popover: 600;--z-index-tooltip: 700}[data-theme=dark]{--color-primary: #a78bfa;--color-primary-light: #c4b5fd;--color-primary-dark: #8b5cf6;--color-primary-hover: #8b5cf6;--color-secondary: #f472b6;--color-accent: #fbbf24;--color-success: #34d399;--color-warning: #fbbf24;--color-danger: #f87171;--color-info: #60a5fa;--bg-primary: #080c14;--bg-secondary: #0e1420;--bg-tertiary: #161f30;--bg-card: #111a28;--bg-card-hover: #1a2538;--bg-overlay: rgba(4, 6, 12, .8);--text-primary: #e8ecf4;--text-secondary: #8892a6;--text-tertiary: #556078;--text-inverse: #080c14;--border-color: #1c2638;--border-light: #141d2c;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px -3px rgba(0, 0, 0, .5), 0 4px 8px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 30px -5px rgba(0, 0, 0, .6), 0 8px 12px -6px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(167, 139, 250, .15);--shadow-glow-sm: 0 0 10px rgba(167, 139, 250, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-slow),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;letter-spacing:var(--letter-spacing-normal)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#2a3548}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#3a4a60}::selection{background:var(--color-primary);color:var(--text-inverse)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-right-enter-active,.slide-right-leave-active{transition:transform var(--transition-normal),opacity var(--transition-normal)}.slide-right-enter-from{transform:translate(-20px);opacity:0}.slide-right-leave-to{transform:translate(20px);opacity:0}img.poster-placeholder{object-fit:cover;background:var(--bg-tertiary)}.page-enter-active,.page-leave-active{transition:opacity .25s ease,transform .25s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-theme=dark] .fade-enter-active,[data-theme=dark] .fade-leave-active{transition:opacity var(--transition-normal)}[data-theme=dark] .fade-enter-from,[data-theme=dark] .fade-leave-to{opacity:0}[data-theme=dark] .page-enter-active,[data-theme=dark] .page-leave-active{transition:opacity .3s ease,transform .3s ease}[data-theme=dark] .page-enter-from{opacity:0;transform:translateY(12px)}[data-theme=dark] .page-leave-to{opacity:0;transform:translateY(-12px)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}[data-theme=dark] .skeleton-pulse{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.app[data-v-a29a624f]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-a29a624f]{margin-top:var(--header-height);margin-left:var(--sidebar-width);padding:var(--spacing-lg) var(--spacing-xl);padding-bottom:calc(var(--spacing-xl) + var(--bottom-nav-height));min-height:calc(100vh - var(--header-height));transition:margin-left var(--transition-normal);flex:1;overflow-x:hidden;box-sizing:border-box;width:calc(100% - var(--sidebar-width))}.main-content.sidebar-collapsed[data-v-a29a624f]{margin-left:0;width:100%}@media (max-width: 1023px){.main-content[data-v-a29a624f]{margin-left:0;width:100%;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + var(--bottom-nav-height))}}@media (max-width: 767px){.main-content[data-v-a29a624f]{padding:var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + var(--bottom-nav-height))}}@media (min-width: 768px) and (max-width: 1023px){.main-content[data-v-a29a624f]{padding-bottom:var(--spacing-xl)}}