.header[data-v-08fc0fe7]{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);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-left[data-v-08fc0fe7]{display:flex;align-items:center;gap:var(--spacing-sm);min-width:180px}.menu-btn[data-v-08fc0fe7]{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-08fc0fe7]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.logo[data-v-08fc0fe7]{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-08fc0fe7]{width:28px;height:28px;border-radius:6px;object-fit:contain}.logo-text[data-v-08fc0fe7]{color:var(--text-primary);font-family:Comic Sans MS,cursive;letter-spacing:.5px}.header-center[data-v-08fc0fe7]{flex:1;max-width:520px;margin:0 var(--spacing-lg);position:relative}.search-box[data-v-08fc0fe7]{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-08fc0fe7]:hover:not(.focused){background:var(--bg-card-hover);border-color:var(--bg-card-hover)}.search-box.focused[data-v-08fc0fe7]{background:var(--bg-card);border-color:var(--color-primary)}.search-box input[data-v-08fc0fe7]{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-08fc0fe7]::placeholder{color:var(--text-tertiary)}.search-shortcut[data-v-08fc0fe7]{display:flex;align-items:center;gap:2px;flex-shrink:0}.search-shortcut kbd[data-v-08fc0fe7]{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-08fc0fe7]{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-08fc0fe7]:hover{background:var(--bg-overlay);color:var(--text-primary)}.search-btn[data-v-08fc0fe7]{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-08fc0fe7]:hover{background:var(--color-primary);color:var(--text-inverse)}.search-box.focused .search-btn[data-v-08fc0fe7]{color:var(--color-primary-light)}.search-box.focused .search-btn[data-v-08fc0fe7]:hover{background:var(--color-primary);color:var(--text-inverse)}.search-dropdown[data-v-08fc0fe7]{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)}.dropdown-section[data-v-08fc0fe7]{margin-bottom:var(--spacing-md)}.dropdown-section[data-v-08fc0fe7]:last-child{margin-bottom:0}.dropdown-header[data-v-08fc0fe7]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.dropdown-label[data-v-08fc0fe7]{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.clear-history[data-v-08fc0fe7]{font-size:12px;color:var(--text-tertiary);padding:2px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.clear-history[data-v-08fc0fe7]:hover{color:var(--color-danger);background:#ef444414}.hot-tags[data-v-08fc0fe7]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.hot-tag[data-v-08fc0fe7]{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-08fc0fe7]:hover{background:var(--color-primary);color:var(--text-inverse)}.history-tag[data-v-08fc0fe7]{background:var(--bg-secondary)}.header-right[data-v-08fc0fe7]{display:flex;align-items:center;gap:var(--spacing-sm);min-width:100px;justify-content:flex-end}.theme-btn[data-v-08fc0fe7],.user-btn[data-v-08fc0fe7]{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-08fc0fe7]:hover,.user-btn[data-v-08fc0fe7]:hover{background:var(--bg-tertiary);color:var(--color-primary)}.user-avatar[data-v-08fc0fe7]{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-avatar-initial[data-v-08fc0fe7]{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-08fc0fe7]{display:flex}}.network-banner[data-v-08fc0fe7]{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-08fc0fe7]{background:#ef44441f;color:#ef4444;border-bottom-color:#ef444433}.slide-down-enter-active[data-v-08fc0fe7],.slide-down-leave-active[data-v-08fc0fe7]{transition:transform .3s ease,opacity .3s ease}.slide-down-enter-from[data-v-08fc0fe7],.slide-down-leave-to[data-v-08fc0fe7]{transform:translateY(-100%);opacity:0}@media (max-width: 767px){.header[data-v-08fc0fe7]{padding:0 var(--spacing-sm)}.header-center[data-v-08fc0fe7]{flex:1;min-width:0;margin:0 var(--spacing-xs)}.logo-text[data-v-08fc0fe7]{display:none}.logo-icon[data-v-08fc0fe7]{width:24px;height:24px}.header-left[data-v-08fc0fe7]{min-width:auto;gap:var(--spacing-xs)}.header-right[data-v-08fc0fe7]{min-width:auto;gap:4px;flex-shrink:0}.theme-btn[data-v-08fc0fe7],.user-btn[data-v-08fc0fe7],.menu-btn[data-v-08fc0fe7]{width:34px;height:34px}.search-box[data-v-08fc0fe7]{height:36px;padding:0 4px 0 12px}.search-box input[data-v-08fc0fe7]{font-size:13px}.search-btn[data-v-08fc0fe7]{width:30px;height:30px}}.sidebar-overlay[data-v-d38e283c]{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-d38e283c]{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}.sidebar-nav[data-v-d38e283c]{display:flex;flex-direction:column}.nav-section[data-v-d38e283c]{padding:0 var(--spacing-sm)}.nav-section-title[data-v-d38e283c]{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:.05em}.nav-item[data-v-d38e283c]{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-d38e283c]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active[data-v-d38e283c]{background:linear-gradient(135deg,#6366f126,#ec489914);color:var(--color-primary);font-weight:600}.active-indicator[data-v-d38e283c]{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}.nav-icon[data-v-d38e283c]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.nav-label[data-v-d38e283c]{white-space:nowrap}.nav-divider[data-v-d38e283c]{height:1px;background:var(--border-color);margin:var(--spacing-sm) var(--spacing-md)}.sidebar[data-v-d38e283c]{transform:translate(-100%)}.sidebar.open[data-v-d38e283c]{transform:translate(0)}@media (min-width: 1024px){.sidebar-overlay[data-v-d38e283c]{display:none}}.bottom-nav[data-v-27fe86a6]{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);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav-item[data-v-27fe86a6]{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-27fe86a6]{color:var(--color-primary)}.bottom-nav-item[data-v-27fe86a6]:hover{color:var(--text-primary)}.bottom-nav-icon[data-v-27fe86a6]{display:flex;align-items:center;justify-content:center}.bottom-nav-label[data-v-27fe86a6]{font-size:11px;font-weight:500}@media (min-width: 768px){.bottom-nav[data-v-27fe86a6]{display:none}}:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #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;--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: #818cf8;--color-primary-light: #a5b4fc;--color-primary-dark: #6366f1;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-card-hover: #334155;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-inverse: #0f172a;--border-color: #334155;--border-light: #1e293b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .2)}*,*: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:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}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:600;line-height:1.3}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::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}}.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)}}