.main-header{height:var(--header-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-hairline);z-index:100;position:sticky;top:0}.header-inner{height:var(--header-height);justify-content:space-between;align-items:center;gap:40px;display:flex}.header-left{flex-shrink:0;align-items:center;gap:16px;display:flex}.logo-slot{justify-content:flex-start;align-items:center;width:140px;height:45px;display:flex}.logo-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.mobile-menu-btn{color:var(--color-text-main);display:none}.logo-placeholder{align-items:center;gap:8px;min-width:0;display:flex}.logo-icon{border-left:20px solid #0000;border-right:20px solid #0000;border-top:34px solid var(--color-primary);width:0;height:0;position:relative}.logo-icon:after{content:"";border-left:14px solid #0000;border-right:14px solid #0000;border-top:24px solid var(--color-secondary);width:0;height:0;position:absolute;top:-34px;left:-14px}.logo-text{font-family:var(--font-headline);letter-spacing:-.5px;color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:1.8rem;font-weight:800;line-height:1;overflow:hidden}.logo-text-tv{color:var(--color-primary);font-style:italic;font-weight:600}.desktop-nav{flex:1;justify-content:flex-start;display:flex}.nav-list{flex-wrap:nowrap;gap:20px;width:100%;display:flex;overflow:hidden}.nav-list-measure{visibility:hidden;pointer-events:none;width:auto;position:absolute;top:-9999px;left:-9999px;overflow:visible}.nav-item{flex-shrink:0}.nav-link{color:var(--color-text-main);text-transform:uppercase;white-space:nowrap;align-items:center;padding:8px 0;font-size:13px;font-weight:700;display:inline-flex;position:relative}.nav-overflow-trigger{cursor:pointer;font-family:inherit;line-height:inherit;background:0 0;border:none;gap:4px;display:inline-flex}.nav-overflow-chevron{transition:transform var(--transition-fast)}.nav-overflow-chevron.open{transform:rotate(180deg)}.nav-overflow{position:relative}.nav-overflow-menu{background-color:var(--color-surface);border:1px solid var(--color-divider);min-width:180px;box-shadow:var(--shadow-lg);z-index:1000;border-radius:8px;margin:0;padding:8px;list-style:none;animation:.2s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.nav-overflow-menu li+li{margin-top:2px}.nav-overflow-link{color:var(--color-text-main);text-transform:uppercase;white-space:nowrap;transition:background-color var(--transition-fast);border-radius:4px;padding:8px 10px;font-size:.85rem;font-weight:600;display:block;text-decoration:none!important}.nav-overflow-link:hover{background-color:var(--color-bg);color:var(--color-primary)}.nav-link:after{content:"";background-color:var(--color-primary);width:0;height:3px;transition:width var(--transition-fast);position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--color-primary)}.nav-link:hover:after{width:100%}.header-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.mobile-nav-search{flex-shrink:0;padding:16px 20px 0}.search-btn{width:40px;height:40px;color:var(--color-text-main);transition:background-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.search-btn:hover{background-color:var(--color-bg)}@media (max-width:1240px){.header-inner{gap:24px}.nav-list{gap:12px}.nav-link{font-size:.78rem}.logo-text{font-size:1.55rem}.header-right{gap:10px}}@media (max-width:1024px){.header-inner{height:auto;min-height:64px;padding:12px 0}.desktop-nav{display:none}.mobile-menu-btn{display:flex}.header-right .search-btn{display:none}.header-right .config-toggle-btn{display:flex}.logo-text{font-size:1.5rem}}@media (max-width:768px){.header-inner{min-height:56px;padding:10px 0}.header-left{gap:10px}.header-right{gap:8px}.logo-text{font-size:1.25rem}}@media (max-width:400px){.header-inner{min-height:52px;padding:8px 0}.header-left{gap:6px}.header-right{gap:4px}.logo-text{font-size:1.05rem}.header-left .logo-text-tv{display:none}.search-btn,.profile-btn{width:34px;height:34px}.login-btn{padding:6px 10px;font-size:.78rem}}.mobile-nav-scrim{z-index:999;opacity:0;pointer-events:none;background-color:#00000080;transition:opacity .3s;position:fixed;inset:0}.mobile-nav-scrim.open{opacity:1;pointer-events:auto}.mobile-nav-drawer{background-color:var(--color-surface);z-index:1000;flex-direction:column;width:80%;max-width:300px;height:100vh;transition:left .3s;display:flex;position:fixed;top:0;left:-100%;overflow:hidden;box-shadow:2px 0 10px #0000001a}.mobile-nav-drawer.open{left:0}@media (prefers-reduced-motion:reduce){.mobile-nav-drawer,.mobile-nav-scrim{transition:none}}.mobile-nav-header{border-bottom:1px solid var(--color-divider);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-nav-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:15px;min-height:0;padding:20px;list-style:none;display:flex;overflow-y:auto}.mobile-nav-link{font-family:var(--font-headline);color:var(--color-text-main);text-transform:uppercase;font-size:1.2rem;font-weight:700}.profile-btn{width:40px;height:40px;color:var(--color-text-main);background-color:var(--color-surface);border:1px solid var(--color-divider);transition:background-color var(--transition-fast);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.profile-btn:hover{background-color:var(--color-bg)}.profile-container{position:relative}.profile-dropdown{background-color:var(--color-surface);border:1px solid var(--color-divider);width:220px;box-shadow:var(--shadow-lg);z-index:1000;border-radius:8px;padding:12px;animation:.2s ease-out dropdownFadeIn;position:absolute;top:50px;right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{border-bottom:1px solid var(--color-divider);margin-bottom:8px;padding-bottom:8px}.profile-name{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:700;overflow:hidden}.profile-role{color:var(--color-primary);margin-top:2px;margin-bottom:0;font-size:.75rem;font-weight:600}.dropdown-link{transition:background-color var(--transition-fast);border-radius:4px;padding:8px 10px;font-size:.85rem;font-weight:600;text-decoration:none;display:block;color:var(--color-text-main)!important}.dropdown-link:hover{background-color:var(--color-bg);color:var(--color-primary)!important}.dropdown-logout-btn{text-align:left;cursor:pointer;width:100%;transition:background-color var(--transition-fast);background:0 0;border:none;border-radius:4px;margin-top:4px;padding:8px 10px;font-size:.85rem;font-weight:600;display:block;color:var(--color-primary)!important}.dropdown-logout-btn:hover{background-color:var(--color-bg)}.login-btn{color:var(--color-text-main);border:1px solid var(--color-divider);transition:background-color var(--transition-fast);cursor:pointer;background-color:#0000;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.login-btn:hover{background-color:var(--color-bg)}
.demo-config-panel{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);z-index:1000;width:300px;max-width:min(300px,92vw);padding:20px;position:absolute;top:60px;right:20px}@media (max-width:400px){.demo-config-panel{padding:16px;right:4vw}}.config-header{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.config-header h4{color:var(--color-text-main);margin:0;font-size:1rem}.config-group{margin-bottom:20px}.config-group label{color:var(--color-text-muted);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.config-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);width:100%;color:var(--color-text-main);font-family:var(--font-sans);padding:10px}.color-options{gap:12px;display:flex}.color-btn{cursor:pointer;width:30px;height:30px;transition:transform var(--transition-fast);border:2px solid #0000;border-radius:50%}.color-btn.active{border-color:var(--color-text-main);transform:scale(1.1);box-shadow:inset 0 0 0 2px #fff}.config-toggle-btn{animation:2s infinite pulseLive}.module-toggles{flex-direction:column;gap:8px;display:flex}.toggle-label{color:var(--color-text-main);cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:flex}.toggle-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;width:16px;height:16px}