.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-header);height:var(--header-height);transition:var(--transition-all)}.header__container{width:100%;height:100%;padding:0 var(--spacing-4);display:flex;align-items:center;justify-content:space-between;background-color:color-mix(in srgb,var(--current-bg) 80%,transparent);backdrop-filter:var(--backdrop-blur-xl);-webkit-backdrop-filter:var(--backdrop-blur-xl);border-bottom:1px solid var(--current-border)}.header--scrolled .header__container{box-shadow:var(--shadow-lg)}.header__brand{display:flex;align-items:center;margin-left:-.5rem}.header__brand-link{display:flex;align-items:center;text-decoration:none;color:inherit;transition:var(--transition-all)}.header__brand-link:hover{transform:scale(1.05)}.header__logo{width:11rem;height:11rem;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.header__logo,:root[data-theme=light] .header__logo{background:transparent}.header__logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:white;z-index:1;position:relative}.header__logo-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;z-index:1;position:relative;transition:transform .3s ease}.header__brand-text{line-height:1.1;margin-left:var(--spacing-3);justify-content:center}.header__brand-main{font-size:var(--font-size-2xl);margin:0;padding:0}.header__brand-sub{font-weight:var(--font-weight-medium);margin:0;padding:0;letter-spacing:.1em}.header__brand-link:hover .header__logo-image{transform:scale(1.05)}.header__brand-text{display:flex;flex-direction:column;line-height:1.2;text-align:left}.header__brand-main{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--current-text-primary);font-feature-settings:"kern" 1}.header__brand-main,.header__brand-sub{transition:var(--transition-colors);text-align:left;vertical-align:baseline;text-rendering:optimizeLegibility}.header__brand-sub{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--current-text-secondary);font-feature-settings:"kern" 1}:root[lang=zh] .header__brand-main,:root[lang=zh] .header__brand-sub{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}.header__nav{display:none}@media (min-width:768px){.header__nav{display:block}}.header__nav-list{display:flex;align-items:center;gap:var(--spacing-8);list-style:none;margin:0;padding:0}[lang=en] .header__nav-list{gap:var(--spacing-6)}.header__nav-item{position:relative}.header__dropdown-icon{margin-left:.25rem;font-size:.75rem;transition:transform var(--transition-duration-300) var(--transition-timing-ease-in-out)}.header__nav-item:hover .header__dropdown-icon{transform:rotate(180deg)}.header__nav-link{color:var(--current-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-colors);position:relative;padding:var(--spacing-2) 0}[lang=en] .header__nav-link{font-size:.875rem;padding:var(--spacing-1) 0;letter-spacing:-.025em}.header__nav-link:hover{color:var(--color-primary)}:root[data-theme=light] .header__nav-link:hover{color:var(--color-primary-light)}.header__nav-link.active{color:var(--current-text-primary)}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-duration-300)}:root[data-theme=light] .header__nav-link:after{background:var(--gradient-light)}.header__nav-link.active:after,.header__nav-link:hover:after{width:100%}.header__dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--current-card);border:1px solid var(--current-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-2) 0;min-width:200px;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-10px);transition:all var(--transition-duration-300) var(--transition-timing-ease-in-out);z-index:1000}.header__dropdown.active{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.header__dropdown-list{list-style:none;margin:0;padding:0}.header__dropdown-item{margin:0}.header__dropdown-link{display:block;padding:var(--spacing-3) var(--spacing-4);color:var(--current-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-duration-300) var(--transition-timing-ease-in-out);position:relative}.header__dropdown-link:hover{color:var(--color-primary);background:var(--current-surface)}:root[data-theme=light] .header__dropdown-link:hover{color:var(--color-primary-light)}.header__actions{display:flex;align-items:center;gap:var(--spacing-2)}[lang=en] .header__actions{gap:var(--spacing-1)}.header__action-btn{width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:transparent;color:var(--current-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all);position:relative}.header__action-btn:hover{background-color:var(--current-surface);color:var(--color-primary);transform:scale(1.1)}:root[data-theme=light] .header__action-btn:hover{color:var(--color-primary-light)}.header__action-btn:active{transform:scale(.95)}.header__login-btn,.header__register-btn{display:none}@media (min-width:768px){.header__login-btn,.header__register-btn{display:inline-flex}}[lang=en] .header__login-btn,[lang=en] .header__register-btn{font-size:.75rem;padding:var(--spacing-1) var(--spacing-3)}[lang=en] .header__dropdown-link{font-size:.8rem;padding:var(--spacing-2) var(--spacing-3)}[lang=en] .header__dropdown{min-width:180px}.header__mobile-toggle{display:flex;width:2.5rem;height:2.5rem;border:none;background:transparent;color:var(--current-text-secondary);align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all)}@media (min-width:768px){.header__mobile-toggle{display:none}}.header__mobile-toggle:hover{color:var(--color-primary);background-color:var(--current-surface)}:root[data-theme=light] .header__mobile-toggle:hover{color:var(--color-primary-light)}.header__mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--current-card);border-bottom:1px solid var(--current-border);box-shadow:var(--shadow-lg);backdrop-filter:var(--backdrop-blur-xl);-webkit-backdrop-filter:var(--backdrop-blur-xl);opacity:0;transform:translateY(-10px);transition:all var(--transition-duration-300)}.header__mobile-menu.active{display:block;opacity:1;transform:translateY(0)}@media (min-width:768px){.header__mobile-menu{display:none!important}}.header__mobile-menu-content{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-6)}.header__mobile-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.header__mobile-nav-link{color:var(--current-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--spacing-2) 0;transition:var(--transition-colors);display:block}.header__mobile-nav-link:hover{color:var(--color-primary)}:root[data-theme=light] .header__mobile-nav-link:hover{color:var(--color-primary-light)}.header__mobile-nav-link.active{color:var(--current-text-primary)}.header__mobile-backdrop{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:calc(var(--z-index-header) - 1);opacity:0;animation:fadeIn var(--transition-duration-300) forwards}@media (max-width:767px){.header__logo{width:3.5rem;height:3.5rem}.header__brand-text{margin-left:var(--spacing-2)}.header__brand-main{font-size:var(--font-size-lg)}.header__brand-sub{font-size:var(--font-size-xs)}}@media (min-width:640px){.header__container{padding:0 var(--spacing-6)}}@media (min-width:1024px){.header__container{padding:0 var(--spacing-8)}.header__nav-list{gap:var(--spacing-8)}}:root[data-theme=light] .header__mobile-backdrop{background-color:rgba(255,255,255,.8)}@media (prefers-reduced-motion:reduce){.header,.header__action-btn,.header__brand-link,.header__mobile-menu,.header__mobile-toggle,.header__nav-link{transition:none}}@media print{.header{position:static;box-shadow:none}.header__actions,.header__mobile-toggle{display:none}}.hero__particle-container{position:fixed;inset:0;z-index:var(--z-index-background);opacity:var(--particle-opacity);pointer-events:none}.hero{position:relative;height:105vh;display:flex;align-items:center;padding-top:var(--header-height);overflow:hidden;opacity:0;transform:translateY(2rem);transition:opacity .8s ease-out,transform .8s ease-out;background:var(--current-bg)}.hero.bg-grid{background-image:var(--current-grid);background-size:var(--bg-grid-size) var(--bg-grid-size);background-position:0 0}.hero--visible{opacity:1;transform:translateY(0)}.hero__background{position:absolute;inset:0;z-index:-1}.hero__background-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-primary) 5%,transparent) 0,transparent 70%)}.hero__content{position:relative;z-index:var(--z-index-content);padding:var(--spacing-8) 0 var(--spacing-16);display:grid;grid-template-columns:1fr;gap:var(--spacing-12);align-items:center;height:calc(100vh - var(--header-height))}@media (min-width:768px){.hero__content{grid-template-columns:1fr 1fr;padding:var(--spacing-12) 0 var(--spacing-20)}}.hero__text-content{max-width:36rem;display:flex;flex-direction:column;gap:var(--spacing-4)}.hero__title{font-size:var(--font-size-hero);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);color:var(--current-text-primary);margin:0;font-size:clamp(3rem,6vw,5rem)}.hero__title-main{display:inline-block;transition:transform .3s ease;cursor:pointer;text-align:left;vertical-align:baseline;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}.hero__title-main:hover{transform:scale(1.1)}.hero__title-accent{display:block;margin-top:var(--spacing-2);font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-black);position:relative;text-align:left;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}.hero__title-accent.text-gradient{background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-primary);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}:root[data-theme=light] .hero__title-accent.text-gradient{background:linear-gradient(135deg,#2563EB,#06B6D4)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:transparent!important}:root[lang=zh] .hero__title-accent.text-gradient{font-weight:900!important;text-shadow:0 0 1px rgba(0,0,0,.1);-webkit-text-stroke:.5px rgba(0,0,0,.1)}:root[lang=zh] .hero__title-accent,:root[lang=zh] .hero__title-main{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.02em}.hero__subtitle{font-size:var(--font-size-subtitle);color:var(--color-text-hero-sub)}.hero__description,.hero__subtitle{line-height:var(--line-height-relaxed);margin:0}.hero__description{color:var(--color-text-hero-desc);font-size:var(--font-size-base)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-4)}.hero__cta-primary{position:relative;overflow:hidden}.hero__cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.hero__cta-primary:hover:before{left:100%}.hero__cta-primary:hover{transform:scale(1.05)}.hero__cta-secondary:hover{background-color:var(--current-surface)}.hero__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);padding-top:var(--spacing-8)}@media (min-width:768px){.hero__stats{grid-template-columns:repeat(4,1fr)}}.hero__stat{text-align:center;transition:var(--transition-all);opacity:0;transform:translateY(20px)}.hero__stat:first-child{animation:slideUp .6s ease-out .1s forwards}.hero__stat:nth-child(2){animation:slideUp .6s ease-out .2s forwards}.hero__stat:nth-child(3){animation:slideUp .6s ease-out .3s forwards}.hero__stat:nth-child(4){animation:slideUp .6s ease-out .4s forwards}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.hero__stat:hover{transform:translateY(-5px)}.hero__stat:hover .hero__stat-number{transform:scale(1.1)}.hero__stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--current-text-primary);line-height:1;transition:var(--transition-colors);transition:var(--transition-transform),var(--transition-colors);transform-origin:center}@media (min-width:768px){.hero__stat-number{font-size:var(--font-size-3xl)}}.hero__stat-label{font-size:var(--font-size-sm);color:var(--current-text-secondary);margin-top:var(--spacing-1)}.hero__visual{position:relative;display:flex;justify-content:center;align-items:center}.hero__image-container{position:relative;z-index:var(--z-index-content);border-radius:var(--border-radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl);transition:var(--transition-all);opacity:0;transform:scale(.9);animation:scaleIn .8s ease-out .5s forwards}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.hero__image-container:hover{box-shadow:var(--current-neon),var(--shadow-2xl);transform:scale(1.02)}.hero__image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block}.hero__glow{position:absolute;border-radius:50%;filter:blur(3rem);backdrop-filter:blur(1rem);z-index:-1;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000;transform-style:preserve-3d;isolation:isolate;opacity:0;animation:fadeIn 1s ease-out .3s forwards}@keyframes fadeIn{to{opacity:1}}:root[data-theme=light] .hero__glow{backdrop-filter:blur(1rem) saturate(1.1) opacity(.8);-webkit-backdrop-filter:blur(1rem) saturate(1.1) opacity(.8)}:root:not([data-theme]) .hero__glow,:root[data-theme=dark] .hero__glow{backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem)}.hero__glow--primary{width:20rem;height:20rem;background-color:color-mix(in srgb,var(--color-primary) 20%,transparent);bottom:-5rem;left:-5rem}.hero__glow--secondary{width:20rem;height:20rem;background-color:color-mix(in srgb,var(--color-secondary) 20%,transparent);top:-5rem;right:-5rem}:root:not([data-theme]) .hero__glow--primary,:root[data-theme=dark] .hero__glow--primary{background-color:color-mix(in srgb,var(--color-primary) 20%,transparent);filter:blur(3rem);-webkit-filter:blur(3rem);border:none;mix-blend-mode:screen;opacity:1;background-clip:border-box}:root:not([data-theme]) .hero__glow--secondary,:root[data-theme=dark] .hero__glow--secondary{background-color:color-mix(in srgb,var(--color-secondary) 20%,transparent);filter:blur(3rem);-webkit-filter:blur(3rem);border:none;mix-blend-mode:screen;opacity:1;background-clip:border-box}:root[data-theme=light] .hero__glow--primary{background-color:color-mix(in srgb,#3B82F6 25%,transparent);box-shadow:0 0 60px rgba(59,130,246,.3)}:root[data-theme=light] .hero__glow--primary,:root[data-theme=light] .hero__glow--secondary{filter:blur(4rem) brightness(.9) contrast(1.1);-webkit-filter:blur(4rem) brightness(.9) contrast(1.1);border:none;mix-blend-mode:multiply;opacity:.7}:root[data-theme=light] .hero__glow--secondary{background-color:color-mix(in srgb,#06B6D4 25%,transparent);box-shadow:0 0 60px rgba(6,182,212,.3)}.hero__scroll-indicator{position:absolute;bottom:2vh;left:50%;transform:translateX(-50%);z-index:10}.hero__scroll-btn,.hero__scroll-indicator{display:flex;flex-direction:column;align-items:center}.hero__scroll-btn{background:none;border:none;color:var(--current-text-secondary);cursor:pointer;gap:var(--spacing-2);transition:var(--transition-colors);padding:var(--spacing-2);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.hero__scroll-btn:hover{color:var(--color-primary)}:root[data-theme=light] .hero__scroll-btn:hover{color:var(--color-primary-light)}.hero__scroll-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.hero__scroll-btn i{font-size:var(--font-size-base)}@media (max-width:767px){.hero{height:105vh;padding-top:calc(var(--header-height) + var(--spacing-2))}.hero__content{height:calc(100vh - var(--header-height) - var(--spacing-2));padding:var(--spacing-10) 0 var(--spacing-12);text-align:center}.hero__text-content{max-width:none}.hero__title{font-size:clamp(2.5rem,8vw,4rem)}.hero__title-accent{font-size:clamp(2.2rem,7vw,3.5rem)}.hero__actions{justify-content:center}.hero__visual{order:-1;margin-bottom:var(--spacing-8)}.hero__glow{width:15rem;height:15rem}.hero__scroll-indicator{bottom:2vh}}@media (max-width:475px){.hero{height:105vh}.hero__content{height:calc(100vh - var(--header-height) - var(--spacing-2));padding:var(--spacing-8) 0 var(--spacing-12)}.hero__title{font-size:clamp(2rem,10vw,3rem)}.hero__title-accent{font-size:clamp(1.8rem,9vw,3rem)}.hero__actions{flex-direction:column;align-items:stretch}.hero__stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.hero__glow{width:12rem;height:12rem}}@media (prefers-reduced-motion:reduce){.hero,.hero__glow,.hero__image,.hero__scroll-btn,.hero__stat,.hero__title-main{animation:none;transition:none}.hero__cta-primary:before{display:none}.hero__title-main:hover{transform:none}}@media print{.hero{min-height:auto;padding:var(--spacing-8) 0}.hero__actions,.hero__background,.hero__glow,.hero__particle-container,.hero__scroll-indicator{display:none}}