@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";:root{--primary-blue: #0078D4;--primary-blue-light: #50A5FF;--primary-blue-dark: #005A9E;--primary-white: #FFFFFF;--primary-orange: #FF6B35;--bg-primary: #FFFFFF;--bg-secondary: #F5F8FC;--bg-tertiary: #E8F0FE;--bg-dark: #1A1A2E;--bg-glass: rgba(255, 255, 255, .7);--bg-glass-dark: rgba(26, 26, 46, .85);--text-primary: #1A1A2E;--text-secondary: #5A6377;--text-tertiary: #8B95A5;--text-white: #FFFFFF;--text-link: #0078D4;--border-light: #E1E8F0;--border-medium: #C5D1DE;--shadow-sm: 0 2px 4px rgba(0, 120, 212, .08);--shadow-md: 0 4px 16px rgba(0, 120, 212, .12);--shadow-lg: 0 8px 32px rgba(0, 120, 212, .16);--shadow-xl: 0 16px 48px rgba(0, 120, 212, .2);--shadow-glow: 0 0 20px rgba(0, 120, 212, .3);--glass-blur: blur(20px);--glass-border: 1px solid rgba(255, 255, 255, .2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-size-5xl: 48px;--font-size-6xl: 64px;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px}[data-theme=dark]{--bg-primary: #1A1A2E;--bg-secondary: #16213E;--bg-tertiary: #0F3460;--bg-glass: rgba(26, 26, 46, .7);--text-primary: #FFFFFF;--text-secondary: #B8C1D1;--text-tertiary: #6B7A90;--border-light: #2D3A5C;--border-medium: #3D4E7A}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes swing{0%,to{transform:rotate(0)}20%{transform:rotate(10deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}@keyframes ripple{0%{transform:scale(1);opacity:.5}to{transform:scale(2.5);opacity:0}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes cursor{0%,to{border-right-color:transparent}50%{border-right-color:var(--primary-blue)}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(0,120,212,.5),0 0 10px rgba(0,120,212,.3),0 0 15px rgba(0,120,212,.1)}50%{box-shadow:0 0 10px rgba(0,120,212,.8),0 0 20px rgba(0,120,212,.5),0 0 30px rgba(0,120,212,.3)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .6s ease-out forwards}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.animate-fadeInLeft{animation:fadeInLeft .6s ease-out forwards}.animate-fadeInRight{animation:fadeInRight .6s ease-out forwards}.animate-scaleIn{animation:scaleIn .5s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px rgba(0,120,212,.4)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-shimmer{position:relative;overflow:hidden}.hover-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.hover-shimmer:hover:after{left:100%}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate-left{opacity:0;transform:translate(-50px);transition:opacity .6s ease,transform .6s ease}.scroll-animate-left.visible{opacity:1;transform:translate(0)}.scroll-animate-right{opacity:0;transform:translate(50px);transition:opacity .6s ease,transform .6s ease}.scroll-animate-right.visible{opacity:1;transform:translate(0)}.text-gradient{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light),var(--primary-orange));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 3s ease infinite}.btn-shimmer{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light))}.btn-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.particles-bg{position:relative;overflow:hidden}.particles-bg:before,.particles-bg:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;opacity:.1;animation:float 8s ease-in-out infinite}.particles-bg:before{top:-100px;right:-100px;background:radial-gradient(circle,var(--primary-blue) 0%,transparent 70%);animation-delay:0s}.particles-bg:after{bottom:-100px;left:-100px;background:radial-gradient(circle,var(--primary-blue-light) 0%,transparent 70%);animation-delay:-4s}.card-3d{transition:transform .3s ease,box-shadow .3s ease;transform-style:preserve-3d;perspective:1000px}.card-3d:hover{transform:translateY(-10px) rotateX(5deg) rotateY(-5deg);box-shadow:10px 20px 40px rgba(0,120,212,.15),-5px -5px 20px rgba(255,255,255,.8)}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;background:var(--primary-blue);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.progress-animate{animation:progressGrow 1s ease-out forwards}@keyframes progressGrow{0%{width:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:PingFang SC,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:var(--font-size-base);font-weight:var(--font-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-blue-light)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(0,120,212,.15);outline:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.glass-card{background:var(--bg-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-medium);transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));color:var(--text-white);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-primary);color:var(--primary-blue);border:1px solid var(--primary-blue)}.btn-secondary:hover{background:var(--bg-tertiary)}.section{padding:var(--spacing-3xl) 0}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-bold);text-align:center;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}}