.admin-theme,.admin-mobile-drawer{--admin-accent: #5b7cfa;--admin-accent-hover: #4867da;--admin-accent-soft: rgba(91, 124, 250, .12);--admin-accent-soft-strong: rgba(91, 124, 250, .2);--admin-bg: #eef2f6;--admin-surface: #fafbfd;--admin-surface-low: #f3f6fa;--admin-border: #dde3ea;--admin-text: #18212f;--admin-text-muted: #667085;--admin-sidebar-bg: #171c25;--admin-sidebar-border: #2b3442;--admin-sidebar-text: rgba(245, 247, 251, .72);--admin-sidebar-text-strong: #f5f7fb;--admin-sidebar-surface: rgba(255, 255, 255, .06);--admin-sidebar-surface-strong: rgba(91, 124, 250, .24);--admin-hero: linear-gradient(135deg, #121721 0%, #1e2631 52%, #334155 100%);--admin-accent-gradient: linear-gradient(135deg, #6b8cff 0%, #4a66df 100%);--color-primary: var(--admin-accent);--color-primary-light: var(--admin-accent-soft);--color-primary-hover: var(--admin-accent-hover);--color-bg: var(--admin-bg);--color-surface: var(--admin-surface);--color-surface-low: var(--admin-surface-low);--color-border: var(--admin-border);--color-text: var(--admin-text);--color-text-secondary: var(--admin-text-muted);--gradient-primary: var(--admin-accent-gradient)}.admin-theme{min-height:100%;background:var(--admin-bg)}.admin-theme .app-layout{background:var(--admin-bg)}.admin-theme .main-content-area{background:radial-gradient(circle at top right,rgba(91,124,250,.08),transparent 28%),linear-gradient(180deg,rgba(250,251,253,.96) 0%,rgba(238,242,246,.92) 100%)}.admin-theme .sidebar,.admin-mobile-drawer .ant-drawer-content,.admin-mobile-drawer .ant-drawer-header{background:var(--admin-sidebar-bg)!important;border-right:1px solid var(--admin-sidebar-border)}.admin-theme .sidebar-logo-text,.admin-mobile-drawer .sidebar-logo-text{color:var(--admin-sidebar-text-strong)}.admin-theme .sidebar-logo-icon,.admin-mobile-drawer .sidebar-logo-icon{box-shadow:0 12px 28px #080c1259}.admin-theme .sidebar-nav .ant-menu,.admin-mobile-drawer .sidebar-nav .ant-menu{background:transparent}.admin-theme .sidebar-nav .ant-menu-item,.admin-mobile-drawer .sidebar-nav .ant-menu-item{color:var(--admin-sidebar-text)}.admin-theme .sidebar-nav .ant-menu-item .anticon,.admin-mobile-drawer .sidebar-nav .ant-menu-item .anticon{color:inherit}.admin-theme .sidebar-nav .ant-menu-item:hover,.admin-mobile-drawer .sidebar-nav .ant-menu-item:hover{background:var(--admin-sidebar-surface)!important;color:var(--admin-sidebar-text-strong)!important}.admin-theme .sidebar-nav .ant-menu-item-selected,.admin-mobile-drawer .sidebar-nav .ant-menu-item-selected{background:var(--admin-sidebar-surface-strong)!important;color:#dbe5ff!important}.admin-theme .sidebar-nav .ant-menu-item-selected .anticon,.admin-mobile-drawer .sidebar-nav .ant-menu-item-selected .anticon{color:#dbe5ff!important}.admin-theme .sidebar-user,.admin-mobile-drawer .sidebar-user{border-top:1px solid var(--admin-sidebar-border)}.admin-theme .sidebar-user .ant-btn,.admin-mobile-drawer .sidebar-user .ant-btn{color:var(--admin-sidebar-text)}.admin-theme .sidebar-user .ant-btn:hover,.admin-mobile-drawer .sidebar-user .ant-btn:hover{background:var(--admin-sidebar-surface)!important;color:var(--admin-sidebar-text-strong)!important}.admin-theme .sidebar-user-avatar,.admin-mobile-drawer .sidebar-user-avatar{background:rgba(91,124,250,.18);color:#dbe5ff}.admin-theme .sidebar-user-name,.admin-mobile-drawer .sidebar-user-name{color:var(--admin-sidebar-text-strong)}.admin-theme .topbar{background:rgba(252,250,247,.84)!important;border-bottom:1px solid var(--admin-border)}.admin-theme .topbar-brand-icon{box-shadow:0 6px 16px #3e56c22e}.admin-theme .topbar .ant-btn-text:hover{background:var(--admin-accent-soft)!important;color:var(--admin-accent-hover)!important}.admin-theme .content-inner{max-width:1160px}.admin-theme .app-footer{color:var(--admin-text-muted);border-top:1px solid var(--admin-border)}.admin-theme .ant-card{background:rgba(250,251,253,.96)!important;border:1px solid var(--admin-border)!important;box-shadow:0 12px 32px #191e230d}.admin-theme .ant-card:hover{box-shadow:0 18px 40px #191e2314!important}.admin-theme .ant-table-wrapper .ant-table-thead>tr>th{background:var(--admin-surface-low);color:var(--admin-text)}.admin-theme .ant-table-wrapper .ant-table-tbody>tr>td{border-bottom-color:var(--admin-border)}.admin-theme .ant-table-wrapper .ant-table-tbody>tr.ant-table-row:hover>td{background:rgba(91,124,250,.04)!important}.admin-theme .ant-pagination .ant-pagination-item-active{border-color:var(--admin-accent)}.admin-theme .ant-pagination .ant-pagination-item-active a{color:var(--admin-accent)}.admin-theme .cta-banner{box-shadow:0 16px 48px #1b20272e}.admin-mobile-drawer .ant-drawer-header{border-bottom:1px solid var(--admin-sidebar-border)}:root{--color-primary: #0057c2;--color-primary-light: rgba(0, 87, 194, .08);--color-primary-hover: #0049a3;--color-bg: #f8f9fb;--color-surface: #ffffff;--color-surface-low: #f3f4f6;--color-border: #eef0f2;--color-text: #1a1c1e;--color-text-secondary: #64748b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .1);--shadow-elevated: 0 12px 40px rgba(0, 0, 0, .12);--transition-base: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--gradient-primary: linear-gradient(135deg, #0057c2 0%, #2d8cf0 50%, #0057c2 100%);--gradient-hero: linear-gradient(135deg, #0a1628 0%, #0d2847 30%, #0057c2 70%, #2d8cf0 100%);--gradient-cta: linear-gradient(135deg, #0057c2 0%, #1a73e8 50%, #4a9eff 100%);--gradient-success: linear-gradient(135deg, #52c41a 0%, #73d13d 100%);--gradient-warm: linear-gradient(135deg, #fa8c16 0%, #ffc53d 100%);--gradient-purple: linear-gradient(135deg, #722ed1 0%, #b37feb 100%);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;--font-display: "Avenir Next", "SF Pro Display", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text)}body.pwa-standalone{overscroll-behavior-y:contain}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700}.ant-card{transition:box-shadow var(--transition-smooth),transform var(--transition-smooth)!important;border:1px solid var(--color-border)!important}.ant-card:hover{box-shadow:var(--shadow-card-hover)!important}.ant-card-hoverable:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-card-hover)!important}.ant-btn{transition:all var(--transition-smooth)!important}.ant-btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #0057c24d}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header{margin-bottom:32px;position:relative}.page-header-title{display:flex;align-items:center;gap:16px;margin-bottom:8px}.page-header-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.page-header-subtitle{color:var(--color-text-secondary);font-size:15px;margin:0;line-height:1.6}.cta-banner{border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;color:#fff;margin-bottom:28px}.cta-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:rgba(255,255,255,.08);border-radius:50%;pointer-events:none}.cta-banner:after{content:"";position:absolute;bottom:-40%;left:10%;width:200px;height:200px;background:rgba(255,255,255,.05);border-radius:50%;pointer-events:none}.cta-banner>*{position:relative;z-index:1}.stat-card{position:relative;overflow:hidden;border-radius:16px!important}.stat-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:0 0 0 80px;opacity:.06;pointer-events:none}.stat-card-blue:after{background:#0057c2}.stat-card-green:after{background:#52c41a}.stat-card-purple:after{background:#722ed1}.stat-card-orange:after{background:#fa8c16}.stat-value{font-size:28px;font-weight:700;font-family:var(--font-display);line-height:1.2}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-border{position:relative}.shimmer-border:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,transparent,rgba(0,87,194,.4),transparent);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#52c41a;animation:pulse 2s ease-in-out infinite;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .4s ease-out both}.fade-in-up:nth-child(2){animation-delay:.08s}.fade-in-up:nth-child(3){animation-delay:.16s}.fade-in-up:nth-child(4){animation-delay:.24s}.glass-card{background:rgba(255,255,255,.7)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3)!important}.pwa-install-prompt{position:fixed;right:24px;bottom:24px;width:min(360px,calc(100vw - 32px));padding:18px 18px 16px;border-radius:22px;background:radial-gradient(circle at top right,rgba(45,140,240,.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.96));border:1px solid rgba(0,87,194,.12);box-shadow:0 22px 50px #0f172a29;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:1300}.pwa-install-prompt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(0,87,194,.06),transparent 45%,rgba(26,115,232,.04));pointer-events:none}.pwa-install-prompt__content{position:relative;z-index:1}.pwa-install-prompt__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(0,87,194,.08);color:var(--color-primary);font-size:12px;font-weight:700;letter-spacing:.02em}.pwa-install-prompt__title{margin:0 0 6px;font-family:var(--font-display);font-size:19px;line-height:1.2}.pwa-install-prompt__desc{margin:0;color:var(--color-text-secondary);font-size:14px;line-height:1.6}.pwa-install-prompt__hint{margin-top:12px;color:#35516f;font-size:12px;line-height:1.5}.pwa-install-prompt__actions{display:flex;align-items:center;gap:10px;margin-top:16px}.pwa-install-prompt__actions .ant-btn{height:40px;padding-inline:16px}@media (max-width: 640px){.pwa-install-prompt{right:16px;bottom:16px;width:calc(100vw - 24px);padding:16px 16px 14px;border-radius:20px}.pwa-install-prompt__actions{flex-wrap:wrap}.pwa-install-prompt__actions .ant-btn{flex:1 1 132px}}.decorated-card{position:relative;overflow:hidden}.decorated-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;height:4px;border-radius:16px 16px 0 0}.decorated-card-blue:before{background:var(--gradient-primary)}.decorated-card-green:before{background:var(--gradient-success)}.decorated-card-orange:before{background:var(--gradient-warm)}.decorated-card-purple:before{background:var(--gradient-purple)}.dot-pattern{background-image:radial-gradient(circle,rgba(0,87,194,.06) 1px,transparent 1px);background-size:24px 24px}.ant-progress-bg{box-shadow:0 0 8px #0057c24d}.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{box-shadow:0 0 0 3px #0057c21f!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}.demo-showcase{display:flex;align-items:center;gap:60px}.demo-showcase-reversed{flex-direction:row-reverse}.demo-showcase-text{flex:1;min-width:0}.demo-showcase-visual{flex:1.15;min-width:0}@media (max-width: 900px){.demo-showcase,.demo-showcase.demo-showcase-reversed{flex-direction:column!important;gap:36px}.demo-showcase-text,.demo-showcase-visual{width:100%}}@keyframes demoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes demoTranslateReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:.85;transform:translateY(0)}}@keyframes demoPopupEnter{0%{opacity:0;transform:scale(.92) translateY(8px)}70%{transform:scale(1.02) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes demoPlayPulse{0%,to{transform:scale(1);box-shadow:0 0 #ffffff26}50%{transform:scale(1.06);box-shadow:0 0 16px 4px #ffffff14}}@keyframes demoProgress{0%{width:30%}to{width:72%}}.showcase-tab{font-family:inherit;outline:none}.showcase-tab:hover{border-color:currentColor!important;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.showcase-tab-progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 28px 28px;background:var(--tab-color);animation:tabProgressFill var(--duration) linear forwards}@keyframes tabProgressFill{0%{width:0%}to{width:100%}}@media (prefers-reduced-motion: reduce){.demo-showcase-visual *,.showcase-tab-progress{animation-duration:.01ms!important;animation-iteration-count:1!important}}