:root{--color-bg: #ffffff;--color-bg-dark: #0a0a0a;--color-bg-secondary: #f5f5f7;--color-text: #1d1d1f;--color-text-light: #ffffff;--color-text-secondary: #86868b;--color-accent: #0071e3;--font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth: cubic-bezier(.25, .1, .25, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000c;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);transition:all .3s var(--transition-smooth)}.navbar.scrolled{background:#000000f2}.nav-container{max-width:1400px;margin:0 auto;padding:0 48px;height:56px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:8px}.logo-text{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--color-text-light)}.nav-links{display:flex;gap:40px}.nav-link{font-size:15px;font-weight:400;color:var(--color-text-light);opacity:.8;transition:opacity .2s ease;position:relative}.nav-link:hover,.nav-link.active{opacity:1}.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-bg-dark)}.hero-image{position:absolute;inset:0;width:100%;height:100%}.hero-image img{width:100%;height:100%;object-fit:cover;opacity:.7}.hero-content{position:relative;z-index:10;text-align:center;padding:0 24px;animation:fadeInUp 1.2s var(--transition-smooth)}.hero-title{font-size:clamp(56px,12vw,140px);font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:24px;color:var(--color-text-light);text-shadow:0 4px 40px rgba(0,0,0,.3)}.hero-subtitle{font-size:clamp(18px,3vw,28px);font-weight:300;color:#ffffffd9;letter-spacing:.05em}.scroll-indicator{position:absolute;bottom:48px;left:50%;transform:translate(-50%);animation:bounce 2s infinite;z-index:10}.scroll-indicator span{display:block;width:28px;height:44px;border:2px solid rgba(255,255,255,.5);border-radius:14px;position:relative}.scroll-indicator span:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:10px;background:#ffffffb3;border-radius:2px;animation:scroll 2s infinite}.feature-section{min-height:100vh;display:flex;align-items:stretch;position:relative;overflow:hidden}.feature-section .feature-container{display:flex;width:100%;min-height:100vh}.feature-section .feature-content{flex:0 0 40%;display:flex;flex-direction:column;justify-content:center;padding:80px 60px 80px 80px;background:var(--color-bg);opacity:0;transform:translate(-40px);transition:all .8s var(--transition-smooth)}.feature-section .feature-content.visible{opacity:1;transform:translate(0)}.feature-section .feature-image{flex:0 0 60%;position:relative;overflow:hidden;opacity:0;transform:translate(40px);transition:all .8s var(--transition-smooth) .15s}.feature-section .feature-image.visible{opacity:1;transform:translate(0)}.feature-section .feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--transition-smooth)}.feature-section .feature-image:hover img{transform:scale(1.03)}.feature-section.reverse .feature-container{flex-direction:row-reverse}.feature-section.reverse .feature-content{padding:80px 80px 80px 60px;transform:translate(40px)}.feature-section.reverse .feature-content.visible{transform:translate(0)}.feature-section.reverse .feature-image{transform:translate(-40px)}.feature-section.reverse .feature-image.visible{transform:translate(0)}.feature-section.dark,.feature-section.dark .feature-content{background:var(--color-bg-dark)}.feature-section.dark .feature-title{color:var(--color-text-light)}.feature-section.dark .feature-text{color:#ffffffb3}.feature-title{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:16px;color:var(--color-text)}.feature-desc{font-size:clamp(16px,2vw,22px);font-weight:500;color:var(--color-accent);margin-bottom:32px;letter-spacing:.02em}.feature-text{font-size:17px;color:var(--color-text-secondary);line-height:1.8;max-width:400px}.advantage-section{padding:140px 48px;background:var(--color-bg-secondary)}.advantage-container{max-width:1200px;margin:0 auto;text-align:center}.section-title{font-size:clamp(36px,5vw,56px);font-weight:700;letter-spacing:-.03em;margin-bottom:80px}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.advantage-card{padding:48px 32px;border-radius:24px;background:var(--color-bg);transition:all .4s var(--transition-smooth);border:1px solid rgba(0,0,0,.04)}.advantage-card:hover{transform:translateY(-12px);box-shadow:0 32px 64px #0000001a}.advantage-icon{width:56px;height:56px;margin:0 auto 24px;color:var(--color-accent)}.advantage-icon svg{width:100%;height:100%}.advantage-card h3{font-size:22px;font-weight:600;margin-bottom:16px}.advantage-card p{font-size:15px;color:var(--color-text-secondary);line-height:1.6}.contact-section{padding:140px 48px;background:var(--color-bg-dark)}.contact-container{max-width:1000px;margin:0 auto;text-align:center}.contact-section .section-title{color:var(--color-text-light)}.contact-subtitle{font-size:18px;color:#fff9;margin-top:-60px;margin-bottom:80px}.contact-grid{display:flex;justify-content:center;align-items:center;gap:100px}.contact-info{display:flex;flex-direction:column;gap:32px;text-align:left}.contact-item{display:flex;gap:20px;align-items:center}.contact-icon{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:14px;color:var(--color-accent)}.contact-icon svg{width:24px;height:24px}.contact-text h4{font-size:16px;font-weight:600;margin-bottom:6px;color:var(--color-text-light)}.contact-text p{font-size:15px;color:#fff9;line-height:1.6}.contact-qrcode{background:#ffffff0d;padding:40px;border-radius:24px;text-align:center;border:1px solid rgba(255,255,255,.1)}.contact-qrcode img{width:180px;height:180px;margin:0 auto 20px;border-radius:16px;background:#fff;object-fit:cover}.contact-qrcode p{font-size:14px;color:#ffffff80}.footer{padding:32px 48px;background:var(--color-bg-dark);border-top:1px solid rgba(255,255,255,.08);text-align:center}.footer p{font-size:13px;color:#fff6}.footer .beian{margin-top:8px}.footer .beian a{color:#fff6;transition:color .2s ease}.footer .beian a:hover{color:#ffffffb3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-12px)}60%{transform:translate(-50%) translateY(-6px)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(14px)}}@media(max-width:1024px){.nav-container{padding:0 32px}.feature-section .feature-container{flex-direction:column;min-height:auto}.feature-section .feature-content,.feature-section.reverse .feature-content{flex:none;padding:80px 32px;order:2}.feature-section .feature-image,.feature-section.reverse .feature-image{flex:none;height:50vh;min-height:400px;order:1}.feature-section.reverse .feature-container{flex-direction:column}.feature-text{max-width:none}.advantage-section{padding:100px 32px}.advantage-grid{grid-template-columns:1fr;gap:24px;max-width:400px;margin:0 auto}.contact-section{padding:100px 32px}.contact-grid{flex-direction:column;gap:60px}.contact-info{text-align:center}.contact-item{flex-direction:column;gap:12px}}@media(max-width:768px){.nav-container{padding:0 20px;height:52px}.nav-links{gap:24px}.nav-link{font-size:14px}.hero-title{font-size:clamp(48px,14vw,80px)}.feature-section .feature-content,.feature-section.reverse .feature-content{padding:60px 24px}.feature-section .feature-image,.feature-section.reverse .feature-image{height:40vh;min-height:300px}.section-title{margin-bottom:48px}.advantage-section,.contact-section{padding:80px 24px}}.hero-image img,.feature-image img{background:linear-gradient(135deg,#1a1a2e,#16213e)}