:root{--primary-color: #ffffff;--secondary-color: #ff6b6b;--accent-color: #4ecdc4;--highlight-color: #ffe66d;--background-color: #000000;--surface-color: #111111;--card-background: rgba(255, 255, 255, .02);--border-color: rgba(255, 255, 255, .1);--divider-color: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-tertiary: rgba(255, 255, 255, .6);--text-accent: var(--secondary-color);--font-main: "Helvetica Neue", Arial, sans-serif;--font-display: "Helvetica Neue", Arial, sans-serif;--font-chinese: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--font-size-5xl: 5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--transition-speed: .3s;--transition-fast: .2s;--transition-slow: .5s;--easing-standard: cubic-bezier(.4, 0, .2, 1);--easing-out: cubic-bezier(.215, .61, .355, 1);--easing-in: cubic-bezier(.55, .055, .675, .19);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--brand-glow-primary: var(--secondary-color);--brand-glow-secondary: var(--accent-color)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#ffffff #111}body{font-family:var(--font-chinese),var(--font-main);background-color:var(--background-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display),var(--font-chinese);color:var(--text-primary);font-weight:700;line-height:1.2;letter-spacing:-.02em}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{font-size:var(--font-size-md);line-height:1.8;color:var(--text-secondary)}.emphasis{color:var(--text-accent);font-weight:600}.brand-text-primary{color:var(--secondary-color)}.brand-text-secondary{color:var(--accent-color)}.brand-text-highlight{color:var(--highlight-color)}.navigation{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 40px;transition:all var(--transition-speed) var(--easing-standard)}.nav-scrolled{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 40px;box-shadow:var(--shadow-md)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);text-decoration:none}.desktop-nav{display:flex;gap:30px}.nav-link{color:var(--text-primary);text-decoration:none;font-size:var(--font-size-md);position:relative;padding:5px 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--secondary-color);transition:width var(--transition-speed) var(--easing-standard)}.nav-link:hover:after{width:100%}.menu-button{display:none;width:28px;height:18px;position:relative;cursor:pointer;z-index:1100}.menu-button:before,.menu-button:after,.menu-button span{content:"";position:absolute;width:100%;height:2px;background-color:var(--text-primary);transition:all .3s ease}.menu-button:before{top:0}.menu-button:after{bottom:0}.menu-button span{top:50%;transform:translateY(-50%)}.menu-button.open:before{transform:rotate(45deg);top:50%}.menu-button.open:after{transform:rotate(-45deg);bottom:50%}.menu-button.open span{opacity:0}.mobile-nav{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--background-color);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1050}.mobile-nav.open{opacity:1;visibility:visible}.mobile-nav-container{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.mobile-link{font-size:1.25rem;font-weight:400;color:var(--text-primary);text-decoration:none;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease,color .2s ease}.mobile-nav.open .mobile-link{opacity:1;transform:translateY(0)}.mobile-link:hover{color:var(--secondary-color)}@media (max-width: 768px){.desktop-nav{display:none}.menu-button{display:block}.navigation{padding:20px}.nav-scrolled{padding:15px 20px}.logo-text{font-size:var(--font-size-lg)}}@media (max-width: 480px){.mobile-link{font-size:1.5rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#fff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-speed) var(--easing-standard),transform var(--transition-speed) var(--easing-standard);position:relative}.link-primary{color:var(--text-primary);position:relative;padding-bottom:var(--spacing-xs)}.link-primary:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--secondary-color);transition:width var(--transition-speed) var(--easing-out)}.link-primary:hover{color:var(--secondary-color)}.link-primary:hover:after{width:100%}.btn-brand{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all var(--transition-speed) var(--easing-standard);position:relative;overflow:hidden;z-index:1}.btn-brand:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--secondary-color);transition:left var(--transition-slow) var(--easing-out);z-index:-1}.btn-brand:hover{color:var(--background-color);border-color:var(--secondary-color);transform:translateY(-2px)}.btn-brand:hover:before{left:0}.btn-brand:active{transform:translateY(0)}.animate-on-scroll{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.parallax{transition:transform .1s ease-out}.fade-in{animation:fadeIn 1s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in{animation:slideIn .8s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:scaleIn .6s ease-out forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.mouse-trail{position:fixed;width:40px;height:40px;border:1px solid var(--primary-color);border-radius:50%;pointer-events:none;z-index:9999;opacity:0;transition:opacity var(--transition-speed) var(--easing-standard),width var(--transition-speed) var(--easing-standard),height var(--transition-speed) var(--easing-standard);mix-blend-mode:difference}.mouse-cursor-primary{border-color:var(--secondary-color)}.mouse-cursor-secondary{border-color:var(--accent-color)}.card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);transition:transform var(--transition-speed) var(--easing-standard),box-shadow var(--transition-speed) var(--easing-standard),border-color var(--transition-speed) var(--easing-standard)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--secondary-color)}.gradient-brand{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:transparent}.glow-primary{box-shadow:0 0 15px #ff6b6b80}.glow-secondary{box-shadow:0 0 15px #4ecdc480}.divider-brand{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:var(--spacing-2xl) 0}.icon-container{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--card-background);border:1px solid var(--border-color);transition:all var(--transition-speed) var(--easing-standard)}.icon-container:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);transform:scale(1.1)}@media (max-width: 1400px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}@media (max-width: 1200px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (max-width: 992px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}@media (max-width: 768px){html{font-size:16px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1.125rem}}@media (max-width: 576px){html{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{font-size:var(--font-size-sm)}}@media (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}.btn-brand{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}}.text-center{text-align:center}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.p-1{padding:1rem}.p-2{padding:2rem}.p-3{padding:3rem}.loading{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}