.app-header[data-v-9e90ef51]{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.header-inner[data-v-9e90ef51]{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;height:72px;gap:40px}.header-left[data-v-9e90ef51]{flex-shrink:0}.logo[data-v-9e90ef51]{display:flex;align-items:center;text-decoration:none}.logo-text[data-v-9e90ef51]{font-size:26px;font-weight:700;color:var(--color-accent);letter-spacing:1px;white-space:nowrap}.logo:hover .logo-text[data-v-9e90ef51]{color:var(--color-accent-hover)}.logo-img[data-v-9e90ef51]{height:40px;width:auto;object-fit:contain}.header-center[data-v-9e90ef51]{flex:1;display:flex;justify-content:center;min-width:0}.search-wrapper[data-v-9e90ef51]{width:100%;max-width:520px;position:relative;display:flex;align-items:center}.search-icon[data-v-9e90ef51]{position:absolute;left:16px;font-size:16px;opacity:.5;pointer-events:none}.search-input[data-v-9e90ef51]{width:100%;padding:10px 20px 10px 44px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;color:var(--text-primary);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.search-input[data-v-9e90ef51]::placeholder{color:var(--text-muted)}.search-input[data-v-9e90ef51]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #e5091426}.mobile-search-trigger[data-v-9e90ef51],.mobile-search-close[data-v-9e90ef51]{display:none;background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s,color .2s;flex-shrink:0}.mobile-search-trigger[data-v-9e90ef51]:hover,.mobile-search-close[data-v-9e90ef51]:hover{background:var(--bg-hover);color:var(--text-primary)}.header-right[data-v-9e90ef51]{flex-shrink:0;display:flex;align-items:center;gap:8px;position:relative}.user-area[data-v-9e90ef51]{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:24px;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.user-area[data-v-9e90ef51]:hover{background:var(--bg-hover)}.avatar[data-v-9e90ef51]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),#ff6b6b);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.username[data-v-9e90ef51]{font-size:14px;color:var(--text-primary);font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow[data-v-9e90ef51]{color:var(--text-muted);transition:transform .2s;flex-shrink:0}.dropdown-arrow.open[data-v-9e90ef51]{transform:rotate(180deg)}.dropdown-menu[data-v-9e90ef51]{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-modal);padding:6px 0;z-index:200}.dropdown-item[data-v-9e90ef51]{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text-secondary);font-size:14px;text-decoration:none;transition:all .15s;cursor:pointer;background:none;border:none;width:100%;font-family:inherit;text-align:left}.dropdown-item[data-v-9e90ef51]:hover{color:var(--text-primary);background:var(--bg-hover)}.dropdown-item.logout[data-v-9e90ef51]{color:var(--text-muted)}.dropdown-item.logout[data-v-9e90ef51]:hover{color:var(--color-accent);background:#e5091414}.dropdown-divider[data-v-9e90ef51]{height:1px;background:var(--border-color);margin:4px 0}.dropdown-enter-active[data-v-9e90ef51],.dropdown-leave-active[data-v-9e90ef51]{transition:opacity .15s,transform .15s}.dropdown-enter-from[data-v-9e90ef51],.dropdown-leave-to[data-v-9e90ef51]{opacity:0;transform:translateY(-6px)}.login-btn[data-v-9e90ef51]{display:inline-flex;align-items:center;padding:8px 28px;background:var(--color-accent);color:#fff;font-size:15px;font-weight:500;border-radius:8px;text-decoration:none;transition:background .2s;white-space:nowrap}.login-btn[data-v-9e90ef51]:hover{background:var(--color-accent-hover);color:#fff}@media (max-width: 1024px){.header-inner[data-v-9e90ef51]{padding:0 24px;gap:24px}.search-wrapper[data-v-9e90ef51]{max-width:360px}.logo-text[data-v-9e90ef51]{font-size:22px}}@media (max-width: 768px){.header-inner[data-v-9e90ef51]{padding:0 16px;height:56px;gap:12px}.logo-text[data-v-9e90ef51]{font-size:20px}.logo-img[data-v-9e90ef51]{height:32px}.header-center[data-v-9e90ef51]{flex:1}.header-center .search-wrapper[data-v-9e90ef51]{max-width:none}.mobile-search-trigger[data-v-9e90ef51],.mobile-search-close[data-v-9e90ef51]{display:none!important}.user-area[data-v-9e90ef51]{padding:4px;border-radius:50%}.username[data-v-9e90ef51],.dropdown-arrow[data-v-9e90ef51]{display:none}.avatar[data-v-9e90ef51]{width:28px;height:28px;font-size:12px}.login-btn[data-v-9e90ef51]{padding:6px 16px;font-size:14px}}:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-card: #1a1a1a;--bg-hover: #252525;--bg-elevated: #1e1e1e;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #666666;--color-accent: #e50914;--color-accent-hover: #f40612;--color-gold: #f5c518;--color-green: #46d369;--border-color: #2a2a2a;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 20px;--font-xl: 24px;--font-xxl: 32px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .5);--shadow-modal: 0 4px 20px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:var(--font-md);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--text-primary);text-decoration:none}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;background:var(--bg-primary)}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-lg) 0;text-align:center;color:var(--text-muted);font-size:var(--font-sm);letter-spacing:.5px}