:root{--color-primary:#1a1a3e;--color-primary-light:#2d1b69;--color-accent-cyan:#00c8ff;--color-accent-pink:#ff6b9d;--color-accent-yellow:#ffd166;--color-accent-purple:#a78bfa;--color-bg:#fff;--color-bg-soft:#f8f9fc;--color-bg-section:#f5f7fb;--color-text:#1a1a2e;--color-text-soft:#5a5a72;--color-text-muted:#8a8aa3;--color-border:#eef0f6;--gradient-cosmic:linear-gradient(135deg,#1a1a3e 0%,#2d1b69 50%,#1a1a3e 100%);--gradient-accent:linear-gradient(135deg,#00c8ff 0%,#a78bfa 100%);--gradient-brand:linear-gradient(120deg,#ff6b9d 0%,#a78bfa 60%,#00c8ff 100%);--shadow-sm:0 2px 8px #1a1a3e0d;--shadow-md:0 8px 24px #1a1a3e14;--shadow-lg:0 16px 48px #1a1a3e1f;--shadow-glow:0 8px 32px #00c8ff40;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:20px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:80px;--font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:44px;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-base:.3s cubic-bezier(.4,0,.2,1);--nav-height:64px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0;padding:0;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-content{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.main-content{padding-top:var(--nav-height);flex-direction:column;flex:1;display:flex}.navbar{width:100%;height:var(--nav-height);z-index:100;-webkit-backdrop-filter:saturate(180%)blur(20px);transition:all var(--transition-base);background:#ffffffd9;border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;top:0;left:0}.navbar--solid{border-bottom-color:var(--color-border);background:#fffffff5;box-shadow:0 1px #1a1a3e05,0 4px 16px #1a1a3e08}.navbar-inner{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1280px;margin:0 auto;padding:0 32px;display:flex}.navbar-logo{color:var(--color-primary);align-items:center;gap:12px;display:flex}.navbar-logo-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:38px;height:38px}.navbar-logo-text{flex-direction:column;line-height:1.1;display:flex}.navbar-logo-title{color:var(--color-primary);letter-spacing:.3px;font-size:17px;font-weight:700}.navbar-logo-sub{color:var(--color-text-muted);letter-spacing:.5px;margin-top:2px;font-size:11px}.navbar-links{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.navbar-link{color:var(--color-text-soft);transition:color var(--transition-fast);border-radius:8px;align-items:center;padding:10px 16px;font-size:15px;font-weight:500;display:inline-flex;position:relative}.navbar-link:after{content:"";background:var(--gradient-accent);transform-origin:50%;height:3px;transition:transform var(--transition-base);border-radius:2px;position:absolute;bottom:4px;left:16px;right:16px;transform:scaleX(0)}.navbar-link:hover{color:var(--color-primary)}.navbar-link.is-active{color:var(--color-primary);font-weight:600}.navbar-link.is-active:after{transform:scaleX(1)}.navbar-toggle{width:40px;height:40px;color:var(--color-primary);border-radius:10px;font-size:22px;display:none}.page-section{background:var(--color-bg);width:100%}.page-section--alt{background:var(--color-bg-section)}.banner-wrap{flex-direction:column;width:100%;display:flex}.banner-image{width:100%;height:auto;display:block}.scroll-indicator{z-index:2;justify-content:center;align-items:center;width:100%;margin:-28px 0 32px;display:flex;position:relative}.scroll-indicator-btn{width:56px;height:56px;color:var(--color-accent-pink);transition:all var(--transition-base);background:#fff;border-radius:50%;justify-content:center;align-items:center;animation:2.2s ease-in-out infinite bounce;display:flex;box-shadow:0 8px 24px #1a1a3e1a,0 2px 6px #1a1a3e0f}.scroll-indicator-btn:hover{color:var(--color-accent-purple);transform:translateY(4px);box-shadow:0 12px 32px #1a1a3e29}.scroll-indicator-btn svg{width:22px;height:22px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.section-heading{flex-wrap:wrap;align-items:baseline;gap:12px;max-width:1080px;margin:0 auto;padding:48px 24px 24px;display:flex}.section-heading-brand{letter-spacing:1px;background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800}.section-heading-tagline{color:var(--color-text);letter-spacing:.5px;font-size:28px;font-weight:600}.section-heading-desc{width:100%;color:var(--color-text-soft);max-width:720px;margin:12px 0 0;font-size:15px;line-height:1.8}.download-section{background:linear-gradient(#fff 0%,#f5f7fb 100%);width:100%;padding:48px 24px 64px;position:relative;overflow:hidden}.download-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#00c8ff24,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-100px;right:-100px}.download-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#a78bfa1f,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;bottom:-140px;left:-140px}.download-card{z-index:1;border-radius:var(--radius-xl);max-width:1080px;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base);background:#fff;align-items:center;gap:40px;margin:0 auto;padding:40px 48px;display:flex;position:relative}.download-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.download-qr{flex-direction:column;flex:0 0 220px;align-items:center;gap:16px;display:flex}.download-qr-frame{background:var(--gradient-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);padding:12px;position:relative}.download-qr-frame:after{content:"";z-index:0;background:#fff;border-radius:14px;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.download-qr-frame img{z-index:1;border-radius:10px;width:180px;height:180px;display:block;position:relative}.download-text{flex-direction:column;flex:1;gap:12px;display:flex}.download-title{color:var(--color-primary);letter-spacing:.5px;margin:0;font-size:28px;font-weight:700}.download-subtitle{color:var(--color-text-soft);margin:0;font-size:16px}.download-features{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.download-tag{color:var(--color-primary-light);border-radius:var(--radius-full);background:#a78bfa1f;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.download-preview{flex:1.1;justify-content:center;align-items:center;display:flex}.download-preview img{border-radius:var(--radius-lg);max-width:100%;max-height:420px;box-shadow:var(--shadow-md)}.app-footer{background:var(--gradient-cosmic);color:#ffffffbf;width:100%;margin-top:auto;padding:48px 24px 20px;position:relative;overflow:hidden}.app-footer:before{content:"";background:linear-gradient(90deg,#0000,#00c8ff66,#0000);height:1px;position:absolute;top:0;left:0;right:0}.app-footer:after{content:"";pointer-events:none;background:radial-gradient(circle,#00c8ff1a,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-100px;right:-100px}.footer-inner{z-index:1;text-align:center;flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;display:flex;position:relative}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;font-size:14px;display:flex}.footer-links a{color:#ffffffbf;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent-cyan)}.footer-links .separator{color:#ffffff4d}.footer-contact{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;font-size:14px;display:flex}.footer-contact a:hover{color:var(--color-accent-cyan)}.footer-copy{color:#ffffff8c;border-top:1px solid #ffffff14;flex-direction:column;gap:4px;margin-top:8px;padding-top:16px;font-size:12px;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.6s ease-out both fadeIn}.fade-in-up{animation:.7s cubic-bezier(.16,1,.3,1) both fadeInUp}.fade-in-up-delay-1{animation-delay:.1s}.fade-in-up-delay-2{animation-delay:.2s}.fade-in-up-delay-3{animation-delay:.3s}@media (max-width:960px){.download-card{text-align:center;flex-direction:column;gap:24px;padding:32px 24px}.download-qr{flex:none}.download-features{justify-content:center}.download-text{align-items:center}.download-preview{display:none}}@media (max-width:720px){:root{--nav-height:56px;--font-size-3xl:28px;--font-size-2xl:22px}.navbar-inner{padding:0 16px}.navbar-logo-sub{display:none}.navbar-links{-webkit-backdrop-filter:saturate(180%)blur(20px);box-shadow:var(--shadow-md);border-top:1px solid var(--color-border);background:#fffffffa;flex-direction:column;gap:0;padding:12px 16px 20px;display:none;position:absolute;top:100%;left:0;right:0}.navbar-links.is-open{display:flex}.navbar-link{border-radius:10px;width:100%;padding:14px 12px}.navbar-link:after{display:none}.navbar-link.is-active{background:#00c8ff1a}.navbar-toggle{justify-content:center;align-items:center;display:inline-flex}.scroll-indicator{margin:-20px 0 20px}.scroll-indicator-btn{width:48px;height:48px}.section-heading{padding:32px 16px 16px}.section-heading-brand{font-size:24px}.section-heading-tagline{font-size:20px}.download-section{padding:32px 16px 48px}.download-card{border-radius:var(--radius-lg);padding:24px 20px}.download-title{font-size:22px}.footer-links,.footer-contact{font-size:13px}}