*,: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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji}:root,[data-theme=light]{--live-bg:#f5f5f5;--live-header-bg:#fff;--live-nav-bg:#fff;--live-bottom-bg:#fff;--live-text:#000;--live-text-secondary:#666;--live-border:#f0f0f0;--live-primary:#f5222d;--live-cat-active-bg:#f5222d;--live-cat-active-text:#fff;--live-tab-active-bg:#fff1f0;--live-tab-active-text:#f5222d}[data-theme=dark]{--live-bg:#000;--live-header-bg:#141414;--live-nav-bg:#141414;--live-bottom-bg:#141414;--live-text:#fff;--live-text-secondary:#999;--live-border:#303030;--live-primary:#d32029;--live-cat-active-bg:#d32029;--live-cat-active-text:#fff;--live-tab-active-bg:#2a1215;--live-tab-active-text:#e84749}.live-layout{background:var(--ant-color-bg-layout,var(--live-bg));flex-direction:column;min-height:100vh;display:flex}.live-header{z-index:100;background:var(--ant-color-bg-container,var(--live-header-bg));border-bottom:1px solid var(--ant-color-border,var(--live-border));padding:0 16px;position:sticky;top:0}.live-header__inner{align-items:center;gap:16px;max-width:1400px;height:60px;margin:0 auto;display:flex}.live-header__left{flex-shrink:0;align-items:center;gap:10px;display:flex}.live-header__title{background:linear-gradient(135deg,#f5222d,#fa8c16);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}@media (width<=480px){.live-header__title{display:none}}.live-header__center{flex:1;justify-content:center;display:flex}.live-search{border-radius:20px;width:100%;max-width:480px}.live-header__right{flex-shrink:0}.live-theme-btn{font-size:18px}.live-category-nav{background:var(--ant-color-bg-elevated,var(--live-nav-bg));border-bottom:1px solid var(--ant-color-border-split,var(--live-border));z-index:99;-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;gap:4px;padding:10px 16px;display:flex;position:sticky;top:60px;overflow-x:auto}.live-cat-btn{color:var(--ant-color-text-secondary,var(--live-text-secondary));cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 20px;font-size:14px;transition:all .2s;display:flex}.live-cat-btn:hover{background:color-mix(in srgb, var(--ant-color-primary,var(--live-primary)) 10%, transparent);color:var(--ant-color-primary,var(--live-primary))}.live-cat-btn--active{background:var(--ant-color-primary,var(--live-cat-active-bg));color:var(--live-cat-active-text);box-shadow:0 2px 6px color-mix(in srgb, var(--ant-color-primary,var(--live-primary)) 30%, transparent);font-weight:500}.live-cat-btn--active:hover{background:var(--ant-color-primary-hover,var(--live-primary))}.live-content-tabs{-webkit-overflow-scrolling:touch;align-items:center;gap:4px;padding:10px 24px;display:flex;overflow-x:auto}.live-tab-btn{color:var(--ant-color-text-tertiary,var(--live-text-secondary));cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:12px;padding:6px 16px;font-size:14px;font-weight:450;transition:all .2s}.live-tab-btn:hover{color:var(--ant-color-text,var(--live-text));background:color-mix(in srgb, var(--ant-color-primary,var(--live-primary)) 8%, transparent)}.live-tab-btn--active{color:var(--ant-color-primary,var(--live-tab-active-text));background:color-mix(in srgb, var(--ant-color-primary,var(--live-primary)) 12%, transparent);font-weight:600}.live-content{flex:1;padding-bottom:70px}@media (width>=768px){.live-content{padding-bottom:40px}}.live-bottom-nav{z-index:100;background:var(--ant-color-bg-container,var(--live-bottom-bg));border-top:1px solid var(--ant-color-border,var(--live-border));padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(10px);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(--ant-color-text-quaternary,var(--live-text-secondary));cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 16px;font-size:20px;transition:color .2s;display:flex}.live-bottom-btn:hover{color:var(--ant-color-text-secondary,var(--live-text))}.live-bottom-btn--active{color:var(--ant-color-primary,var(--live-primary))}.live-bottom-btn__label{font-size:10px;line-height:1}.live-page{max-width:1400px;margin:0 auto;padding:16px 24px}@media (width<=480px){.live-page{padding:12px}}