*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji}:root{--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-gold:linear-gradient(135deg, #f6d365 0%, #fda085 100%);--color-primary:#667eea;--color-primary-dark:#5a67d8;--color-primary-light:#a78bfa;--color-accent:#f5576c;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-glow:0 0 20px #667eea66;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-elevated:#fff;--bg-overlay:#00000080;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-primary:#e2e8f0;--border-secondary:#f1f5f9;--shadow-color:#0000001a}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#141419;--bg-elevated:#1a1a22;--bg-overlay:#000000b3;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0a0a0f;--border-primary:#2a2a35;--border-secondary:#1e1e28;--shadow-color:#0000004d}.live-layout{background:var(--bg-secondary);flex-direction:column;min-height:100vh;display:flex}.live-content--full{flex:1;display:flex}.live-header{z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);position:sticky;top:0}.live-header__inner{max-width:1400px;height:64px;padding:0 var(--space-4);align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.live-header__left{flex-shrink:0;align-items:center;display:flex}.live-header__center{flex:1;justify-content:center;max-width:560px;display:flex}.live-header__right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.live-search{border-radius:var(--radius-xl)!important;background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;transition:var(--transition-base)!important}.live-search:hover,.live-search:focus-within{border-color:var(--color-primary)!important;box-shadow:var(--shadow-glow)!important}.live-icon-btn{border-radius:var(--radius-md)!important;width:36px!important;height:36px!important;color:var(--text-secondary)!important;transition:var(--transition-fast)!important;justify-content:center!important;align-items:center!important;font-size:18px!important;display:flex!important}.live-icon-btn:hover{background:var(--bg-secondary)!important;color:var(--color-primary)!important}.live-category-nav{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);z-index:99;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;position:sticky;top:64px;overflow-x:auto}.live-category-nav::-webkit-scrollbar{display:none}.live-cat-btn{border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-base);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:8px 18px;font-weight:500;display:flex;position:relative}.live-cat-btn:after{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:20px;height:3px;transition:var(--transition-fast);position:absolute;bottom:4px;left:50%;transform:translate(-50%)scaleX(0)}.live-cat-btn:hover{color:var(--color-primary);background:#667eea14}.live-cat-btn--active{color:var(--color-primary);background:#667eea1f}.live-cat-btn--active:after{transform:translate(-50%)scaleX(1)}.live-content-tabs{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-6);background:var(--bg-primary);border-bottom:1px solid var(--border-secondary);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.live-tab-btn{border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-weight:500}.live-tab-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.live-tab-btn--active{color:var(--color-primary);background:#667eea1a;font-weight:600}.live-content{flex:1;padding-bottom:80px}@media (width>=768px){.live-content{padding-bottom:40px}}.live-bottom-nav{z-index:100;background:var(--bg-primary);border-top:1px solid var(--border-primary);padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(20px)saturate(180%);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.live-bottom-nav{display:none}}.live-bottom-btn{color:var(--text-tertiary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:6px 16px;font-size:22px;display:flex;position:relative}.live-bottom-btn:before{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:40px;height:3px;transition:var(--transition-fast);position:absolute;top:0;left:50%;transform:translate(-50%)scaleY(0)}.live-bottom-btn:hover{color:var(--text-secondary)}.live-bottom-btn--active{color:var(--color-primary)}.live-bottom-btn--active:before{transform:translate(-50%)scaleY(1)}.live-bottom-btn__label{font-size:10px;font-weight:500;line-height:1}.live-page{padding:var(--space-4);max-width:1400px;margin:0 auto}@media (width<=576px){.live-page{padding:var(--space-3)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes danmaku-slide{0%{opacity:1;transform:translate(0)}90%{opacity:1}to{opacity:0;transform:translate(-150vw)}}@keyframes gift-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(-10deg)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.3)rotate(5deg)}50%{transform:translate(-50%,-50%)scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-100%)scale(.8)}}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 20px #667eea99}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes live-glow{0%,to{box-shadow:0 0 5px #ff4d4f4d}50%{box-shadow:0 0 15px #ff4d4fb3}}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-bg{background:var(--gradient-primary)}.glow-effect{animation:2s ease-in-out infinite glow}.shimmer{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-elevated) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton{background:linear-gradient(90deg, var(--border-primary) 25%, var(--bg-secondary) 50%, var(--border-primary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@media (width<=576px){.live-header__inner{padding:0 var(--space-3);height:56px}.live-category-nav{padding:var(--space-2) var(--space-3);top:56px}.live-cat-btn{font-size:var(--font-size-sm);padding:6px 14px}.live-content-tabs{padding:var(--space-2) var(--space-4)}.live-tab-btn{font-size:var(--font-size-sm);padding:6px 12px}}