@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--color-primary: #165DFF;--color-primary-light: #69B1FF;--color-primary-dark: #0D47CC;--color-primary-gradient: linear-gradient(135deg, #165DFF 0%, #7B61FF 100%);--color-primary-gradient-hover: linear-gradient(135deg, #3D7FFF 0%, #9D8EFF 100%);--color-purple: #7B61FF;--color-purple-light: #9D8EFF;--color-purple-gradient: linear-gradient(135deg, #7B61FF 0%, #9D8EFF 100%);--color-orange: #FF7D00;--color-orange-light: #FF9A33;--color-orange-gradient: linear-gradient(135deg, #FF7D00 0%, #FF9A33 100%);--color-swap-red: #FF2D55;--color-swap-red-light: #FF6B8A;--color-swap-red-gradient: linear-gradient(135deg, #FF2D55 0%, #FF6B8A 100%);--color-effect-orange: #FF9500;--color-effect-orange-gradient: linear-gradient(135deg, #FF9500 0%, #FFB340 100%);--color-tools-green: #34C759;--color-tools-green-gradient: linear-gradient(135deg, #34C759 0%, #5DD879 100%);--color-info-cyan: #00B5E0;--color-info-cyan-gradient: linear-gradient(135deg, #00B5E0 0%, #30C9F0 100%);--color-success: #00B42A;--color-success-bg: rgba(0, 180, 42, .1);--color-warning: #FF7D00;--color-warning-bg: rgba(255, 125, 0, .1);--color-danger: #F53F3F;--color-danger-bg: rgba(245, 63, 63, .1);--color-info: #165DFF;--color-info-bg: rgba(22, 93, 255, .1);--color-dark: #1D2129;--color-dark-2: #2B2F3A;--color-text-primary: #1D2129;--color-text-secondary: #4E5969;--color-text-tertiary: #86909C;--color-text-disabled: #C9CDD4;--color-border: #E5E6EB;--color-border-light: #F2F3F5;--color-bg: #F7F8FA;--color-bg-white: #FFFFFF;--color-bg-hover: rgba(22, 93, 255, .06);--color-bg-elevated: #FFFFFF;--color-dark-bg: #0E1621;--color-dark-bg-2: #151D28;--color-dark-bg-3: #1C2733;--glass-bg: rgba(255, 255, 255, .8);--glass-bg-dark: rgba(30, 40, 54, .9);--glass-border: rgba(255, 255, 255, .3);--glass-border-dark: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--glass-shadow-hover: 0 16px 48px rgba(0, 0, 0, .16);--font-family: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-size-5xl: 36px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.75;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .16);--shadow-primary: 0 4px 16px rgba(22, 93, 255, .3);--shadow-purple: 0 4px 16px rgba(123, 97, 255, .3);--shadow-orange: 0 4px 16px rgba(255, 125, 0, .3);--shadow-red: 0 4px 16px rgba(255, 45, 85, .3);--shadow-green: 0 4px 16px rgba(52, 199, 89, .3);--shadow-glow-blue: 0 0 40px rgba(22, 93, 255, .25);--shadow-glow-purple: 0 0 40px rgba(123, 97, 255, .25);--shadow-glow-orange: 0 0 40px rgba(255, 125, 0, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-overlay: 100;--z-modal-backdrop: 1050;--z-modal: 1100;--z-popover: 1200;--z-tooltip: 1300;--z-toast: 1400;--z-topnav: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.vxg-grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,#165dff08,#7b61ff05,#ff7d0003),linear-gradient(rgba(22,93,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(22,93,255,.012) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px;mask-image:radial-gradient(ellipse 80% 80% at 50% 0%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 0%,black 40%,transparent 100%);animation:vxg-bg-drift 25s ease-in-out infinite alternate}@keyframes vxg-bg-drift{0%{background-position:0% 0%,0px 0px,0px 0px}to{background-position:0% 0%,48px 48px,48px 48px}}.vxg-grid-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(22,93,255,.04),transparent 70%)}.vxg-ai-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.6}.vxg-hero-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 60% 40%,rgba(22,93,255,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 60% at 30% 70%,rgba(123,97,255,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(255,45,85,.04) 0%,transparent 70%);animation:vxg-hero-pulse 10s ease-in-out infinite alternate}@keyframes vxg-hero-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.vxg-card{background:var(--glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.vxg-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#165dff26}.vxg-card-body{padding:var(--space-6)}.vxg-card-blue{background:var(--color-primary-gradient);border:none;color:#fff}.vxg-card-blue:hover{box-shadow:var(--shadow-primary)}.vxg-card-purple{background:var(--color-purple-gradient);border:none;color:#fff}.vxg-card-purple:hover{box-shadow:var(--shadow-purple)}.vxg-card-orange{background:var(--color-orange-gradient);border:none;color:#fff}.vxg-card-orange:hover{box-shadow:var(--shadow-orange)}.vxg-card-green{background:linear-gradient(135deg,#00b42a,#37d07c);border:none;color:#fff}.vxg-card-green:hover{box-shadow:0 4px 16px #00b42a4d}.vxg-card-red{background:var(--color-swap-red-gradient);border:none;color:#fff}.vxg-card-red:hover{box-shadow:var(--shadow-red)}.vxg-card-3d{transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s ease;transform-style:preserve-3d;perspective:1000px}.vxg-card-3d:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 24px 64px #0000002e}.vxg-ripple-btn{position:relative;overflow:hidden}.vxg-ripple-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);transform:scale(0);opacity:0;transition:transform .5s,opacity .3s}.vxg-ripple-btn:active:after{transform:scale(2.5);opacity:1;transition:0s}.vxg-btn-primary{background:var(--color-primary-gradient)!important;border:none!important;box-shadow:var(--shadow-primary)!important;color:#fff!important;font-weight:600;transition:all var(--transition-base)!important;letter-spacing:.3px}.vxg-btn-primary:hover{background:var(--color-primary-gradient-hover)!important;box-shadow:0 8px 32px #165dff66!important;transform:translateY(-2px)}.vxg-btn-primary:active{transform:scale(.98)!important}.vxg-btn-purple{background:var(--color-purple-gradient)!important;border:none!important;box-shadow:var(--shadow-purple)!important;color:#fff!important;font-weight:600;transition:all var(--transition-base)!important}.vxg-btn-purple:hover{box-shadow:0 8px 32px #7b61ff66!important;transform:translateY(-2px)}.vxg-btn-orange{background:var(--color-orange-gradient)!important;border:none!important;box-shadow:var(--shadow-orange)!important;color:#fff!important;font-weight:600;transition:all var(--transition-base)!important}.vxg-btn-orange:hover{box-shadow:0 8px 32px #ff7d0066!important;transform:translateY(-2px)}.vxg-btn-red{background:var(--color-swap-red-gradient)!important;border:none!important;box-shadow:var(--shadow-red)!important;color:#fff!important;font-weight:600;transition:all var(--transition-base)!important}.vxg-btn-red:hover{box-shadow:0 8px 32px #ff2d5566!important;transform:translateY(-2px)}.vxg-btn-green{background:var(--color-tools-green-gradient)!important;border:none!important;box-shadow:var(--shadow-green)!important;color:#fff!important;font-weight:600;transition:all var(--transition-base)!important}.vxg-btn-green:hover{box-shadow:0 8px 32px #34c75966!important;transform:translateY(-2px)}.vxg-app-shell{min-height:100vh;background:var(--color-bg);position:relative}.vxg-main-shell{min-height:100vh;margin-left:248px;transition:margin-left var(--transition-base);display:flex;flex-direction:column;position:relative;z-index:1}.vxg-main-shell-collapsed{margin-left:72px}.vxg-main-content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:24px}.vxg-sidebar{background:linear-gradient(180deg,#0e1621,#151d28)!important;border-right:1px solid rgba(255,255,255,.06)!important;box-shadow:4px 0 24px #00000026!important;transition:width var(--transition-base)}.vxg-sidebar-brand{padding:28px 20px 24px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.vxg-sidebar-brand:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-primary-gradient)}.vxg-sidebar-brand-logo{display:flex;align-items:center;gap:12px;margin-bottom:6px}.vxg-sidebar-brand-glow{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-gradient);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 24px #165dff80;position:relative;animation:vxg-logo-pulse 3s ease-in-out infinite}@keyframes vxg-logo-pulse{0%,to{box-shadow:0 0 20px #165dff80}50%{box-shadow:0 0 40px #165dffcc}}.vxg-sidebar-brand-glow:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:var(--radius-md);background:var(--color-primary-gradient);opacity:.25;filter:blur(12px);z-index:-1}.vxg-sidebar-brand-name{font-size:var(--font-size-xl)!important;font-weight:800!important;color:#fff!important;letter-spacing:.5px;margin:0!important;font-family:var(--font-display)!important}.vxg-sidebar-brand-slogan{font-size:var(--font-size-xs)!important;color:#ffffff59!important;letter-spacing:1.5px;text-transform:uppercase;margin:0!important;padding-left:52px}.vxg-sidebar-collapsed .vxg-sidebar-brand{padding:20px 16px}.vxg-sidebar-collapsed .vxg-sidebar-brand-logo{justify-content:center;margin-bottom:0}.vxg-nav-item{border-radius:var(--radius-md)!important;margin:3px 12px!important;transition:all var(--transition-base)!important;font-weight:500;font-size:var(--font-size-base);position:relative}.vxg-nav-item:hover:not(.ant-menu-item-selected){background:#ffffff0f!important}.vxg-nav-item-selected{background:var(--color-primary-gradient)!important;box-shadow:0 4px 16px #165dff59!important;position:relative}.vxg-nav-item-selected:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:28px;background:#fff;border-radius:0 3px 3px 0;box-shadow:0 0 12px #ffffff80}.vxg-nav-create-btn{margin:14px 12px 10px!important;border-radius:var(--radius-md)!important;background:var(--color-orange-gradient)!important;border:none!important;box-shadow:var(--shadow-orange)!important;font-weight:700!important;transition:all var(--transition-base)!important;height:44px!important;font-size:15px!important}.vxg-nav-create-btn:hover{box-shadow:0 8px 32px #ff7d0073!important;transform:translateY(-2px)}.vxg-mobile-tabbar{display:none}.vxg-mobile-tabbar-item{flex:1;min-width:0;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--color-text-tertiary);font-size:11px;font-weight:600;border-radius:14px;transition:all var(--transition-base)}.vxg-mobile-tabbar-item-active{color:var(--color-primary);background:#165dff14}.vxg-nav-swap{color:var(--color-swap-red)!important}.vxg-nav-effect{color:var(--color-effect-orange)!important}.vxg-nav-tools{color:var(--color-tools-green)!important}.vxg-topnav{position:sticky;top:0;z-index:var(--z-topnav);background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 2px 16px #0000000a;transition:all var(--transition-base)}.vxg-topnav-search{background:var(--color-bg)!important;border:1.5px solid var(--color-border)!important;border-radius:var(--radius-full)!important;transition:all var(--transition-base)!important}.vxg-topnav-search:hover,.vxg-topnav-search:focus-within{border-color:var(--color-primary-light)!important;box-shadow:0 0 0 3px #165dff14!important}.vxg-page-header{margin-bottom:var(--space-8)}.vxg-page-title{font-size:var(--font-size-4xl)!important;font-weight:800!important;color:var(--color-text-primary)!important;line-height:var(--line-height-tight)!important;margin:0 0 8px!important;letter-spacing:-.5px;font-family:var(--font-display)!important}.vxg-page-subtitle{font-size:var(--font-size-md)!important;color:var(--color-text-secondary)!important;margin:0!important;line-height:var(--line-height-normal)!important}.vxg-hero{position:relative;overflow:hidden;border-radius:var(--radius-2xl);background:linear-gradient(135deg,#0e1621,#151d28,#1a1040);padding:64px 52px;margin-bottom:32px;min-height:440px;display:flex;align-items:center}.vxg-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 70% 50%,rgba(22,93,255,.12) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 80% 30%,rgba(123,97,255,.1) 0%,transparent 60%),radial-gradient(ellipse 30% 40% at 20% 80%,rgba(255,45,85,.06) 0%,transparent 50%);animation:vxg-hero-bg-anim 15s ease-in-out infinite alternate}@keyframes vxg-hero-bg-anim{0%{transform:scale(1) translate(0)}50%{transform:scale(1.05) translate(-10px)}to{transform:scale(1.02) translate(5px)}}.vxg-hero-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:vxg-orb-float 8s ease-in-out infinite}.vxg-hero-orb-1{width:320px;height:320px;background:#165dff2e;top:-100px;right:10%;animation-duration:6s}.vxg-hero-orb-2{width:220px;height:220px;background:#7b61ff24;bottom:-80px;right:28%;animation-duration:8s;animation-delay:2s}.vxg-hero-orb-3{width:160px;height:160px;background:#ff2d551a;top:15%;right:42%;animation-duration:10s;animation-delay:1s}@keyframes vxg-orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,30px) scale(1.05)}66%{transform:translate(15px,-25px) scale(.98)}}.vxg-feature-card{background:#fff;border-radius:var(--radius-xl);padding:28px;border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-md);transition:all .35s cubic-bezier(.23,1,.32,1);cursor:pointer;overflow:hidden;position:relative}.vxg-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--fc-color, #165DFF);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.vxg-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000024;border-color:transparent}.vxg-feature-card:hover:before{transform:scaleX(1)}.vxg-feature-card-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px;transition:transform .35s ease}.vxg-feature-card:hover .vxg-feature-card-icon{transform:scale(1.12) rotate(-5deg)}.vxg-feature-card-title{font-size:17px;font-weight:700;color:#1d2129;margin-bottom:8px}.vxg-feature-card-desc{font-size:13px;color:#86909c;line-height:1.6}.vxg-badge-hot{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ff2d55,#ff6b8a);color:#fff;font-size:10px;font-weight:800;padding:3px 10px;border-radius:8px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #ff2d554d}.vxg-badge-new{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ff9500,#ffb340);color:#fff;font-size:10px;font-weight:800;padding:3px 10px;border-radius:8px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #ff95004d}.vxg-badge-pro{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#7b61ff,#9d8eff);color:#fff;font-size:10px;font-weight:800;padding:3px 10px;border-radius:8px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #7b61ff4d}.vxg-stat-card{border-radius:var(--radius-xl);padding:var(--space-6);height:100%;position:relative;overflow:hidden;transition:all var(--transition-base)}.vxg-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.vxg-stat-card-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:var(--space-4);opacity:.9}.vxg-stat-card-value{font-size:var(--font-size-5xl)!important;font-weight:900!important;line-height:1!important;margin-bottom:var(--space-2)!important;letter-spacing:-1.5px;font-family:var(--font-display)!important}.vxg-stat-card-label{font-size:var(--font-size-sm)!important;opacity:.8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.vxg-stat-card-trend{position:absolute;top:var(--space-5);right:var(--space-5);font-size:var(--font-size-xs);padding:3px 10px;border-radius:var(--radius-full);background:#ffffff40;font-weight:700}.vxg-stat-card-wave{position:absolute;bottom:-12px;right:-12px;width:110px;height:110px;opacity:.12}.vxg-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.vxg-section-title{font-size:var(--font-size-2xl)!important;font-weight:800!important;color:var(--color-text-primary)!important;margin:0!important;display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display)!important;letter-spacing:-.3px}.vxg-template-card{border-radius:var(--radius-xl);overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.05);transition:all .4s cubic-bezier(.23,1,.32,1);cursor:pointer}.vxg-template-card:hover{transform:translateY(-8px);box-shadow:0 24px 64px #00000029;border-color:transparent}.vxg-template-thumb{position:relative;overflow:hidden}.vxg-template-thumb img{transition:transform .5s ease;width:100%;display:block}.vxg-template-card:hover .vxg-template-thumb img{transform:scale(1.1)}.vxg-template-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.vxg-template-card:hover .vxg-template-overlay{opacity:1}.vxg-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.vxg-video-card{border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-slow);cursor:pointer;background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-md)}.vxg-video-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2xl);border-color:transparent}.vxg-video-thumb{width:100%;aspect-ratio:9/16;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.vxg-video-thumb-icon{font-size:52px;color:#ffffff26;transition:all var(--transition-base)}.vxg-video-card:hover .vxg-video-thumb-icon{color:#ffffff59;transform:scale(1.15)}.vxg-video-duration{position:absolute;bottom:10px;right:10px;background:#000000bf;color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:3px 8px;border-radius:var(--radius-sm)}.vxg-video-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#165dff8c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base);font-size:44px;color:#fff}.vxg-video-card:hover .vxg-video-play-overlay{opacity:1}.vxg-video-info{padding:var(--space-4) var(--space-5)}.vxg-video-title{font-size:var(--font-size-sm)!important;font-weight:700!important;color:var(--color-text-primary)!important;margin:0 0 var(--space-2)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxg-video-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.vxg-tag{border-radius:var(--radius-full)!important;font-size:var(--font-size-xs)!important;font-weight:600!important;padding:2px 12px!important;border:none!important}.vxg-tag-pending{background:var(--color-bg)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important}.vxg-tag-processing{background:var(--color-info-bg)!important;color:var(--color-primary)!important}.vxg-tag-completed{background:var(--color-success-bg)!important;color:var(--color-success)!important}.vxg-tag-failed{background:var(--color-danger-bg)!important;color:var(--color-danger)!important}.vxg-tag-premium{background:var(--color-purple-gradient)!important;color:#fff!important}.vxg-input{border-radius:var(--radius-md)!important;border-color:var(--color-border)!important;transition:all var(--transition-base)!important}.vxg-input:hover{border-color:var(--color-primary-light)!important}.vxg-input:focus,.vxg-input-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #165dff1a!important}.vxg-textarea{border-radius:var(--radius-md)!important}.vxg-member-card{background:var(--color-purple-gradient);border-radius:var(--radius-xl);padding:var(--space-6);color:#fff;position:relative;overflow:hidden}.vxg-member-card:before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:#ffffff1a;border-radius:50%}.vxg-member-card:after{content:"";position:absolute;bottom:-60px;left:-30px;width:180px;height:180px;background:#ffffff0f;border-radius:50%}.vxg-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.vxg-auth-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.vxg-auth-bg-orb-1{width:500px;height:500px;background:var(--color-primary);top:-100px;left:-100px}.vxg-auth-bg-orb-2{width:400px;height:400px;background:var(--color-purple);bottom:-80px;right:-80px}.vxg-auth-bg-orb-3{width:300px;height:300px;background:var(--color-orange);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.15}.vxg-auth-card{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow-hover);padding:var(--space-12);width:460px;max-width:calc(100vw - 48px);position:relative;z-index:1}.vxg-auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4)}.vxg-auth-logo-icon{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--color-primary-gradient);display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:var(--shadow-primary)}.vxg-auth-logo-text{font-size:var(--font-size-4xl)!important;font-weight:900!important;background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0!important;font-family:var(--font-display)!important}.vxg-auth-subtitle{text-align:center;font-size:var(--font-size-base)!important;color:var(--color-text-secondary)!important;margin-bottom:var(--space-8)!important}.vxg-plan-card{border-radius:var(--radius-2xl);padding:var(--space-8);height:100%;transition:all var(--transition-slow);position:relative;overflow:hidden}.vxg-plan-card:hover{transform:translateY(-6px)}.vxg-plan-card-popular{border:2px solid var(--color-primary)!important;box-shadow:var(--shadow-primary),var(--shadow-glow-blue)!important}.vxg-plan-card-popular:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary-gradient)}.vxg-plan-badge{position:absolute;top:var(--space-5);right:var(--space-5);background:var(--color-primary-gradient);color:#fff;font-size:var(--font-size-xs);font-weight:800;padding:4px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-primary)}.vxg-empty{padding:var(--space-16) var(--space-8);text-align:center}.vxg-empty-icon{width:88px;height:88px;border-radius:var(--radius-2xl);background:linear-gradient(135deg,#165dff14,#7b61ff14);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);font-size:40px;color:var(--color-primary);box-shadow:var(--shadow-md)}.vxg-empty-title{font-size:var(--font-size-xl)!important;font-weight:700!important;color:var(--color-text-primary)!important;margin:0 0 var(--space-2)!important}.vxg-empty-desc{font-size:var(--font-size-base)!important;color:var(--color-text-secondary)!important;margin:0 0 var(--space-6)!important;line-height:1.6}.vxg-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);border:1.5px solid transparent}.vxg-pill-active{background:var(--color-primary-gradient);color:#fff;box-shadow:var(--shadow-primary)}.vxg-pill-inactive{background:var(--color-bg);color:var(--color-text-secondary);border-color:var(--color-border)}.vxg-pill-inactive:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-info-bg)}.vxg-carousel-dots li{margin:0 5px}.vxg-carousel-dots li button{background:#ffffff80!important;border-radius:50%!important;width:8px!important;height:8px!important;opacity:.6}.vxg-carousel-dots li.slick-active button{background:#fff!important;opacity:1;width:28px!important;border-radius:4px!important}.vxg-category-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;font-weight:600;font-size:14px;white-space:nowrap;border:1.5px solid transparent}.vxg-category-tab:hover{background:#00000008}.vxg-category-tab.active{background:var(--ct-bg, rgba(22, 93, 255, .08));border-color:var(--ct-color, #165DFF);color:var(--ct-color, #165DFF);font-weight:700;box-shadow:0 3px 12px #00000014}.vxg-scroll-row{display:flex;gap:18px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#E5E6EB transparent}.vxg-scroll-row::-webkit-scrollbar{height:5px}.vxg-scroll-row::-webkit-scrollbar-track{background:transparent}.vxg-scroll-row::-webkit-scrollbar-thumb{background:#e5e6eb;border-radius:4px}.vxg-scroll-item{flex-shrink:0;scroll-snap-align:start}.vxg-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:44px 24px;text-align:center;cursor:pointer;transition:all var(--transition-base);background:#fafbfc;position:relative;overflow:hidden}.vxg-upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#165dff05,#7b61ff05);opacity:0;transition:opacity var(--transition-base)}.vxg-upload-zone:hover{border-color:var(--color-primary);background:#165dff08}.vxg-upload-zone:hover:before{opacity:1}.vxg-upload-zone.dragging{border-color:var(--color-primary);background:#165dff0f;transform:scale(1.01)}.vxg-skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-border-light) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:vxg-shimmer 1.8s infinite}@keyframes vxg-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes vxg-fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes vxg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vxg-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes vxg-slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes vxg-pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes vxg-counter-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes vxg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes vxg-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.vxg-animate-fade-up{animation:vxg-fade-in-up .5s ease-out forwards}.vxg-animate-fade-in{animation:vxg-fade-in .4s ease-out forwards}.vxg-animate-scale-in{animation:vxg-scale-in .4s ease-out forwards}.vxg-animate-float{animation:vxg-float 3s ease-in-out infinite}.vxg-delay-1{animation-delay:.05s;opacity:0}.vxg-delay-2{animation-delay:.1s;opacity:0}.vxg-delay-3{animation-delay:.15s;opacity:0}.vxg-delay-4{animation-delay:.2s;opacity:0}.vxg-delay-5{animation-delay:.25s;opacity:0}.vxg-delay-6{animation-delay:.3s;opacity:0}.vxg-delay-7{animation-delay:.35s;opacity:0}.vxg-delay-8{animation-delay:.4s;opacity:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-disabled)}.ant-card{border-radius:var(--radius-xl)!important;border-color:var(--color-border-light)!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-base)!important}.ant-card:hover{box-shadow:var(--shadow-lg)!important}.ant-card-body{padding:var(--space-6)!important}.ant-btn{border-radius:var(--radius-md)!important;font-weight:600!important;transition:all var(--transition-base)!important}.ant-btn-primary{background:var(--color-primary-gradient)!important;border-color:transparent!important;box-shadow:var(--shadow-primary)!important}.ant-btn-primary:hover{background:var(--color-primary-gradient-hover)!important;box-shadow:0 8px 32px #165dff59!important;transform:translateY(-2px)}.ant-btn-primary:active{transform:scale(.98)!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector{border-radius:var(--radius-md)!important;border-color:var(--color-border)!important;transition:all var(--transition-base)!important}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-select-selector:hover{border-color:var(--color-primary-light)!important}.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #165dff1a!important}.ant-tag{border-radius:var(--radius-full)!important;font-size:var(--font-size-xs)!important;font-weight:600!important}.ant-modal-content{border-radius:var(--radius-2xl)!important;overflow:hidden!important;box-shadow:var(--shadow-2xl)!important}.ant-modal-header{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0!important}.ant-modal-footer{border-radius:0 0 var(--radius-2xl) var(--radius-2xl)!important}.ant-drawer-content{border-radius:var(--radius-2xl) 0 0 var(--radius-2xl)!important}.ant-pagination-item-active{background:var(--color-primary-gradient)!important;border-color:transparent!important}.ant-progress-inner{border-radius:var(--radius-full)!important}.ant-tooltip-inner{border-radius:var(--radius-md)!important}.ant-menu-dark{background:transparent!important}.ant-menu-dark .ant-menu-item{border-radius:var(--radius-md)!important;margin:3px 12px!important}.ant-menu-dark .ant-menu-item-selected{background:var(--color-primary-gradient)!important}.vxg-header{background:#ffffffd9!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.06)!important;box-shadow:0 2px 16px #0000000a!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;padding:0 var(--space-6)!important;height:64px!important;line-height:64px!important;position:sticky!important;top:0!important;z-index:var(--z-sticky)!important}.vxg-product-card{border-radius:var(--radius-xl);overflow:hidden;background:#fff;border:2px solid transparent;transition:all var(--transition-slow);cursor:pointer;box-shadow:var(--shadow-sm)}.vxg-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.vxg-product-card.selected{border-color:var(--color-orange);box-shadow:0 0 0 3px #ff7d001f,var(--shadow-lg)}.vxg-product-card-image{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .4s ease}.vxg-product-card:hover .vxg-product-card-image{transform:scale(1.05)}.vxg-comparison-slider{position:relative;overflow:hidden;border-radius:var(--radius-xl);cursor:ew-resize}.vxg-comparison-slider-handle{position:absolute;top:0;bottom:0;width:4px;background:#fff;cursor:ew-resize;z-index:10;box-shadow:0 0 12px #0000004d}.vxg-comparison-slider-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 12px #0003}.vxg-testimonial-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.vxg-testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.vxg-testimonial-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary)}.vxg-masonry{columns:4;column-gap:var(--space-5)}.vxg-masonry-item{break-inside:avoid;margin-bottom:var(--space-5)}@media (max-width: 1200px){.vxg-main-content{padding:20px}.vxg-video-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5)}.vxg-masonry{columns:3}.vxg-stat-card{padding:var(--space-5)}.vxg-stat-card-value{font-size:var(--font-size-4xl)!important}}@media (max-width: 992px){.vxg-main-content{padding:18px}.vxg-video-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.vxg-masonry{columns:2}.vxg-hero{padding:40px 28px;min-height:340px}.vxg-page-title{font-size:var(--font-size-3xl)!important}}@media (max-width: 768px){.vxg-sidebar{display:none!important}.vxg-main-shell,.vxg-main-shell-collapsed{margin-left:0;padding-bottom:76px}.vxg-main-content{padding:16px 12px;max-width:100%}.vxg-header{padding:0 12px!important;height:58px!important;line-height:58px!important}.vxg-header-search{max-width:none!important}.vxg-header-actions{gap:4px!important}.vxg-header-user>div,.vxg-header-user .ant-tag{display:none!important}.vxg-mobile-tabbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:600;display:flex;gap:4px;padding:6px;border-radius:20px;background:#ffffffeb;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 36px #00000029}.vxg-video-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.vxg-masonry{columns:1}.vxg-stat-card{padding:var(--space-4)}.vxg-stat-card-value{font-size:var(--font-size-3xl)!important}.vxg-hero{padding:28px 20px;min-height:280px;border-radius:var(--radius-xl)}}@media (max-width: 576px){.vxg-video-grid{grid-template-columns:1fr}.vxg-stat-card{padding:var(--space-4)}.vxg-stat-card-value{font-size:var(--font-size-3xl)!important}}.vxg-gradient-animated{background:linear-gradient(-45deg,#165dff,#7b61ff,#ff2d55,#ff9500);background-size:400% 400%;animation:vxg-gradient-shift 15s ease infinite}.vxg-gradient-mesh{background:radial-gradient(at 40% 20%,rgba(22,93,255,.15) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(123,97,255,.15) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(255,45,85,.1) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(255,149,0,.1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(52,199,89,.1) 0px,transparent 50%)}.vxg-noise:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1}