:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-active:#3730a3;--color-primary-soft:#eef2ff;--color-primary-soft-hover:#e0e7ff;--color-secondary:#06b6d4;--color-secondary-hover:#0891b2;--color-secondary-active:#0e7490;--color-secondary-soft:#f0fdfa;--color-accent:#10b981;--color-accent-hover:#059669;--color-accent-soft:#ecfdf5;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-soft:#fffbeb;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-soft:#fef2f2;--color-info:#3b82f6;--color-info-hover:#2563eb;--color-info-soft:#eff6ff;--color-neutral-0:#fff;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--platform-douyu:#ff5d23;--platform-douyin:#161823;--platform-bilibili:#fb7299;--platform-huya:#ffa726;--platform-twitch:#9146ff;--platform-youtube:red;--color-bg:var(--color-neutral-50);--color-bg-elevated:var(--color-neutral-0);--color-bg-hover:var(--color-neutral-100);--color-bg-active:var(--color-neutral-200);--color-surface:var(--color-neutral-0);--color-surface-hover:var(--color-neutral-50);--color-surface-border:var(--color-neutral-200);--color-text:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-600);--color-text-tertiary:var(--color-neutral-400);--color-text-inverse:var(--color-neutral-0);--color-text-disabled:var(--color-neutral-400);--color-text-muted:var(--color-text-secondary);--color-border:var(--color-neutral-200);--color-border-hover:var(--color-neutral-300);--color-border-focus:var(--color-primary);--color-divider:var(--color-neutral-200);--table-header-bg:var(--color-neutral-50);--table-header-color:var(--color-text-secondary);--table-header-border:var(--color-border);--table-row-hover-bg:var(--color-bg-hover);--table-expanded-row-bg:var(--color-bg-elevated);--radius-none:0;--radius-xs:4px;--radius-sm:var(--radius-sm);--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--radius:var(--radius-md);--shadow-none:none;--shadow-xs:0 1px 2px #0f172a08;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0d;--shadow-lg:0 12px 28px #0f172a1a, 0 4px 8px #0f172a0f;--shadow-xl:0 20px 48px #0f172a1f, 0 8px 16px #0f172a14;--shadow-primary-sm:0 2px 8px #4f46e526;--shadow-primary-md:0 8px 24px #4f46e52e;--shadow-primary-lg:0 16px 40px #4f46e538;--shadow-accent-sm:0 2px 8px #10b98126;--shadow-accent-md:0 8px 24px #10b9812e;--glass-bg:#ffffffb8;--glass-border:#fff6;--glass-shadow:0 8px 32px #0f172a0f;--glass-blur:blur(20px) saturate(180%);--glass-bg-hover:#ffffffd6;--glass-border-hover:#ffffff8f;--duration-instant:0s;--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.4s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:var(--duration-fast) var(--ease-out);--transition-normal:var(--duration-normal) var(--ease-out);--transition-slow:var(--duration-slow) var(--ease-in-out);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--header-height:64px;--header-height-mobile:56px;--sidebar-width:260px;--sidebar-collapsed-width:72px;--container-max:1280px;--container-gutter:24px;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-primary-vertical:linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-hero:radial-gradient(1200px 600px at 10% -10%, #4f46e52e, transparent 60%), radial-gradient(900px 500px at 110% 10%, #06b6d429, transparent 55%), linear-gradient(180deg, var(--color-neutral-0) 0%, var(--color-neutral-50) 100%);--gradient-text:linear-gradient(90deg, var(--color-primary), var(--color-secondary));--gradient-surface:linear-gradient(135deg, #ffffffe6 0%, #fff9 100%);--gradient-brand-card:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--focus-ring:0 0 0 3px var(--color-primary-soft);--focus-ring-offset:2px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--bp-xs:480px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px}[data-theme=dark]{--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-primary-active:#4f46e5;--color-primary-soft:#6366f129;--color-primary-soft-hover:#6366f13d;--color-secondary:#22d3ee;--color-secondary-hover:#67e8f9;--color-secondary-active:#06b6d4;--color-secondary-soft:#22d3ee1f;--color-accent:#34d399;--color-accent-hover:#6ee7b7;--color-accent-soft:#34d39929;--color-warning:#fbbf24;--color-warning-hover:#fcd34d;--color-warning-soft:#fbbf2429;--color-danger:#f87171;--color-danger-hover:#fca5a5;--color-danger-soft:#f8717129;--color-info:#60a5fa;--color-info-hover:#93c5fd;--color-info-soft:#60a5fa29;--platform-douyin:#d4d7e0;--color-bg:var(--color-neutral-950);--color-bg-elevated:var(--color-neutral-900);--color-bg-hover:var(--color-neutral-800);--color-bg-active:var(--color-neutral-700);--color-surface:var(--color-neutral-900);--color-surface-hover:var(--color-neutral-800);--color-surface-border:var(--color-neutral-700);--color-text:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-400);--color-text-tertiary:var(--color-neutral-500);--color-text-inverse:var(--color-neutral-950);--color-text-disabled:var(--color-neutral-600);--color-border:var(--color-neutral-700);--color-border-hover:var(--color-neutral-600);--color-border-focus:var(--color-primary);--color-divider:var(--color-neutral-700);--table-header-bg:var(--color-neutral-800);--table-header-color:var(--color-text-secondary);--table-header-border:var(--color-border);--table-row-hover-bg:var(--color-bg-hover);--table-expanded-row-bg:var(--color-bg-elevated);--glass-bg:#0f172ab8;--glass-border:#94a3b81f;--glass-shadow:0 8px 32px #0000004d;--glass-blur:blur(20px) saturate(180%);--glass-bg-hover:#0f172ad6;--glass-border-hover:#94a3b833;--shadow-primary-sm:0 2px 8px #6366f140;--shadow-primary-md:0 8px 24px #6366f14d;--shadow-primary-lg:0 16px 40px #6366f159;--shadow-accent-sm:0 2px 8px #34d39940;--shadow-accent-md:0 8px 24px #34d3994d;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-hero:radial-gradient(1200px 600px at 10% -10%, #6366f147, transparent 60%), radial-gradient(900px 500px at 110% 10%, #22d3ee38, transparent 55%), linear-gradient(180deg, var(--color-neutral-900) 0%, var(--color-neutral-800) 100%);--gradient-surface:linear-gradient(135deg, #1e293be6 0%, #1e293b99 100%);--gradient-brand-card:linear-gradient(135deg, #6366f1d9 0%, #22d3eebf 100%);--focus-ring:0 0 0 3px var(--color-primary-soft)}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{min-height:100vh;color:var(--color-text);background-color:var(--color-bg);line-height:var(--leading-normal);transition:background-color var(--transition-normal), color var(--transition-normal);margin:0}#root{min-height:100vh}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}:focus-visible{ring:var(--focus-ring);ring-offset:var(--focus-ring-offset);outline:none}::selection{background-color:var(--color-primary-soft);color:var(--color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full);background-clip:content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-neutral-600);background-clip:content-box;border:2px solid #0000}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}.container{max-width:var(--container-max);padding:0 var(--container-gutter);margin:0 auto}.brand-gradient{background:var(--gradient-primary)}.hero-gradient{background:var(--gradient-hero)}.text-gradient{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.card-elevated-sm{box-shadow:var(--shadow-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);transition:box-shadow var(--transition-normal), border-color var(--transition-normal), transform var(--transition-fast)}.card-elevated-sm:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.card-elevated-md{box-shadow:var(--shadow-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);transition:box-shadow var(--transition-normal), border-color var(--transition-normal), transform var(--transition-fast)}.card-elevated-md:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-hover);transform:translateY(-2px)}.card-elevated-lg{box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);transition:box-shadow var(--transition-slow), border-color var(--transition-normal), transform var(--transition-normal)}.card-elevated-lg:hover{box-shadow:var(--shadow-xl);border-color:var(--color-border-hover);transform:translateY(-4px)}.btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);box-shadow:var(--shadow-primary-sm);border:none}.btn-primary:hover{box-shadow:var(--shadow-primary-md);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-primary-sm);transform:translateY(0)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.btn-ghost{color:var(--color-text-secondary);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text)}.input-base{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast)}.input-base:hover{border-color:var(--color-border-hover)}.input-base:focus,.input-base:focus-within{border-color:var(--color-border-focus);box-shadow:var(--focus-ring);outline:none}.badge-base{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-medium);padding:2px 8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-out)}.animate-slide-down{animation:slideDown var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-fast) var(--ease-spring)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-spin{animation:spin 1s var(--ease-linear) infinite}.stagger-1{animation-delay:0s}.stagger-2{animation-delay:50ms}.stagger-3{animation-delay:.1s}.stagger-4{animation-delay:.15s}.stagger-5{animation-delay:.2s}.stagger-6{animation-delay:.25s}.skeleton-shimmer{background:linear-gradient(90deg, var(--color-neutral-200) 25%, var(--color-neutral-100) 50%, var(--color-neutral-200) 75%);animation:shimmer 1.5s var(--ease-in-out) infinite;background-size:200% 100%}[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg, var(--color-neutral-700) 25%, var(--color-neutral-800) 50%, var(--color-neutral-700) 75%);background-size:200% 100%}.ant-table-wrapper .ant-table-thead>tr>th,.ant-table-wrapper .ant-table-thead>tr>td{font-weight:var(--font-weight-semibold);background:var(--table-header-bg)!important;color:var(--table-header-color)!important;border-bottom:1px solid var(--table-header-border)!important}.ant-table-wrapper .ant-table-thead>tr>th .ant-table-column-sorter,.ant-table-wrapper .ant-table-thead>tr>th .ant-table-filter-column-title{color:var(--color-text-tertiary)}.ant-table-wrapper .ant-table-tbody>tr>td{border-bottom:1px solid var(--color-divider)}.ant-table-wrapper .ant-table-tbody>tr.ant-table-row:hover>td,.ant-table-wrapper .ant-table-tbody>tr>td.ant-table-cell-row-hover{background:var(--table-row-hover-bg)!important}.ant-table-wrapper .ant-table{background:0 0}.ant-table-wrapper .ant-table-container{border-radius:var(--radius-md)}.ant-pagination .ant-pagination-item,.ant-pagination .ant-pagination-prev .ant-pagination-item-link,.ant-pagination .ant-pagination-next .ant-pagination-item-link{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);border-radius:var(--radius-sm)}.ant-tag.ant-tag-filled:not(.ant-tag-pink):not(.ant-tag-magenta):not(.ant-tag-red):not(.ant-tag-volcano):not(.ant-tag-orange):not(.ant-tag-gold):not(.ant-tag-lime):not(.ant-tag-green):not(.ant-tag-cyan):not(.ant-tag-blue):not(.ant-tag-geekpurple):not(.ant-tag-purple):not(.ant-tag-success):not(.ant-tag-processing):not(.ant-tag-error):not(.ant-tag-warning):not(.ant-tag-has-color){background:var(--color-bg-hover)!important;color:var(--color-text-secondary)!important;border-color:var(--color-border)!important}.ant-pagination .ant-pagination-item:hover,.ant-pagination .ant-pagination-prev:hover .ant-pagination-item-link,.ant-pagination .ant-pagination-next:hover .ant-pagination-item-link{border-color:var(--color-primary);color:var(--color-primary)}.ant-pagination .ant-pagination-item-active,.ant-pagination .ant-pagination-item-active:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.ant-pagination .ant-pagination-item-quick-jumper input{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);border-radius:var(--radius-sm)}.ant-segmented{background:var(--color-bg-hover);border-radius:var(--radius-sm);padding:2px}.ant-segmented .ant-segmented-item{color:var(--color-text-secondary);border-radius:var(--radius-xs)}.ant-segmented .ant-segmented-item-selected,.ant-segmented .ant-segmented-thumb{box-shadow:var(--shadow-xs);font-weight:var(--font-weight-semibold);background:var(--color-surface)!important;color:var(--color-primary)!important}.ant-typography code{background:var(--color-bg-hover);border-color:var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-xs)}.ant-result{background:var(--color-surface)}.ant-card .ant-card-head{border-bottom:1px solid var(--color-divider);color:var(--color-text)}.ant-card .ant-card-head-title{color:var(--color-text)}.ant-alert{border-radius:var(--radius-md)}.ant-alert-info{background:var(--color-info-soft)!important;border-color:var(--color-info)!important}.ant-alert-info .ant-alert-icon,.ant-alert-info .ant-alert-message,.ant-alert-info .ant-alert-description{color:var(--color-text)!important}.ant-alert-success{background:var(--color-accent-soft)!important;border-color:var(--color-accent)!important}.ant-alert-success .ant-alert-icon,.ant-alert-success .ant-alert-message,.ant-alert-success .ant-alert-description{color:var(--color-text)!important}.ant-alert-warning{background:var(--color-warning-soft)!important;border-color:var(--color-warning)!important}.ant-alert-warning .ant-alert-icon,.ant-alert-warning .ant-alert-message,.ant-alert-warning .ant-alert-description{color:var(--color-text)!important}.ant-alert-error{background:var(--color-danger-soft)!important;border-color:var(--color-danger)!important}.ant-alert-error .ant-alert-icon,.ant-alert-error .ant-alert-message,.ant-alert-error .ant-alert-description{color:var(--color-text)!important}.ant-menu-horizontal{align-items:center;gap:6px;line-height:38px;display:flex;background:0 0!important;border-bottom:none!important}.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu{transition:all var(--transition-fast);flex-shrink:0;border-radius:var(--radius-full)!important;background:var(--color-bg-hover)!important;height:38px!important;color:var(--color-text-secondary)!important;margin-inline:0!important;padding-inline:16px!important;line-height:38px!important}.ant-menu-horizontal>.ant-menu-item:after,.ant-menu-horizontal>.ant-menu-submenu:after{display:none!important}.ant-menu-horizontal>.ant-menu-item>a,.ant-menu-horizontal>.ant-menu-submenu>.ant-menu-submenu-title{color:inherit!important}.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu:hover,.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-submenu-active{background:var(--color-border-hover)!important;color:var(--color-text)!important}.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-submenu-selected{box-shadow:var(--shadow-primary-sm);background:var(--gradient-primary)!important;color:#fff!important}.ant-menu-horizontal>.ant-menu-item-selected>a,.ant-menu-horizontal>.ant-menu-submenu-selected>.ant-menu-submenu-title,.ant-menu-horizontal>.ant-menu-item-selected>a:hover{color:#fff!important}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:64px 0}.live-glass-live.ant-card{-webkit-backdrop-filter:blur(12px)saturate(180%);background:linear-gradient(135deg,#10b9811a 0%,#10b9810a 100%);border:1px solid #10b98147;box-shadow:0 4px 20px #10b9811f}.live-glass-loop.ant-card{-webkit-backdrop-filter:blur(12px)saturate(180%);background:linear-gradient(135deg,#f59e0b1a 0%,#f59e0b0a 100%);border:1px solid #f59e0b47;box-shadow:0 4px 20px #f59e0b1f}[data-theme=dark] .live-glass-live.ant-card{background:linear-gradient(135deg,#34d39933 0%,#34d39914 100%);border:1px solid #34d3996b;box-shadow:0 4px 20px #34d39929}[data-theme=dark] .live-glass-loop.ant-card{background:linear-gradient(135deg,#fbbf2433 0%,#fbbf2414 100%);border:1px solid #fbbf246b;box-shadow:0 4px 20px #fbbf2429}@keyframes amount-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.amount-shake{animation:.4s ease-in-out amount-shake;display:inline-block}