*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a8d5f;--primary-light:#22b573;--primary-dark:#146b48;--primary-glow:#1a8d5f4d;--accent:#f0c850;--bg-dark:#0a0f0d;--bg-card:#111a16;--bg-card-hover:#162420;--text-primary:#e8f5e9;--text-secondary:#a0b8a8;--text-muted:#6b8576;--border:#1a8d5f26;--gradient-hero:linear-gradient(135deg, #0a1a12 0%, #0d2818 40%, #0a1a12 100%)}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}#app-root[data-v-28bdbdf3]{min-height:100vh;overflow-x:hidden}.navbar[data-v-28bdbdf3]{z-index:1000;padding:20px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled[data-v-28bdbdf3]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0f0df2;padding:12px 0}.nav-container[data-v-28bdbdf3]{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.nav-logo[data-v-28bdbdf3]{align-items:center;gap:12px;display:flex}.nav-logo-img[data-v-28bdbdf3]{object-fit:cover;border-radius:50%;width:40px;height:40px;display:block}.logo-text[data-v-28bdbdf3]{color:var(--text-primary);font-size:18px;font-weight:600}.nav-links[data-v-28bdbdf3]{gap:32px;list-style:none;display:flex}.nav-links a[data-v-28bdbdf3]{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .3s;position:relative}.nav-links a[data-v-28bdbdf3]:hover{color:var(--primary-light)}.nav-links a[data-v-28bdbdf3]:after{content:"";background:var(--primary-light);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a[data-v-28bdbdf3]:hover:after{width:100%}.nav-toggle[data-v-28bdbdf3]{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span[data-v-28bdbdf3]{background:var(--text-primary);border-radius:2px;width:24px;height:2px;transition:all .3s}.nav-toggle.active span[data-v-28bdbdf3]:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.active span[data-v-28bdbdf3]:nth-child(2){opacity:0}.nav-toggle.active span[data-v-28bdbdf3]:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero[data-v-28bdbdf3]{flex-direction:column;justify-content:center;min-height:100vh;padding:120px 24px 60px;display:flex;position:relative;overflow:hidden}.hero-bg[data-v-28bdbdf3]{background:var(--gradient-hero);z-index:-2;position:absolute;inset:0}.hero-bg[data-v-28bdbdf3]:before{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);border-radius:50%;width:800px;height:800px;animation:8s ease-in-out infinite pulse-28bdbdf3;position:absolute;top:-50%;right:-20%}.hero-bg[data-v-28bdbdf3]:after{content:"";background:radial-gradient(circle,#1a8d5f26 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:10s ease-in-out infinite reverse pulse-28bdbdf3;position:absolute;bottom:-30%;left:-10%}@keyframes pulse-28bdbdf3{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hero-content[data-v-28bdbdf3]{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.hero-title[data-v-28bdbdf3]{margin-bottom:20px;font-size:56px;font-weight:800;line-height:1.15}.hero-title-line[data-v-28bdbdf3]{color:var(--text-primary);display:block}.hero-title-accent[data-v-28bdbdf3]{background:linear-gradient(135deg, var(--primary-light), #34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-subtitle[data-v-28bdbdf3]{color:var(--primary-light);margin-bottom:16px;font-size:20px;font-weight:500}.hero-desc[data-v-28bdbdf3]{color:var(--text-secondary);max-width:520px;margin-bottom:36px;font-size:16px;line-height:1.8}.hero-actions[data-v-28bdbdf3]{gap:16px;display:flex}.btn[data-v-28bdbdf3]{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary[data-v-28bdbdf3]{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;box-shadow:0 4px 20px var(--primary-glow)}.btn-primary[data-v-28bdbdf3]:hover{box-shadow:0 8px 30px var(--primary-glow);transform:translateY(-2px)}.btn-outline[data-v-28bdbdf3]{color:var(--primary-light);border:2px solid var(--primary);background:0 0}.btn-outline[data-v-28bdbdf3]:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.hero-visual[data-v-28bdbdf3]{justify-content:center;align-items:center;display:flex;position:relative}.hero-phone-frame[data-v-28bdbdf3]{background:#1a1a1a;border-radius:36px;width:280px;height:570px;padding:12px;position:relative;overflow:hidden;box-shadow:0 40px 80px #00000080,0 0 0 1px #ffffff1a}.hero-phone-frame[data-v-28bdbdf3]:before{content:"";z-index:2;background:#1a1a1a;border-radius:0 0 16px 16px;width:120px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-phone-img[data-v-28bdbdf3]{object-fit:cover;border-radius:24px;width:100%;height:100%}.hero-float-card[data-v-28bdbdf3]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--text-primary);white-space:nowrap;background:#111a16e6;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:500;animation:4s ease-in-out infinite float-28bdbdf3;display:flex;position:absolute}.hero-float-card.card-1[data-v-28bdbdf3]{animation-delay:0s;top:60px;right:-20px}.hero-float-card.card-2[data-v-28bdbdf3]{animation-delay:2s;bottom:80px;left:-20px}.float-icon[data-v-28bdbdf3]{font-size:20px}@keyframes float-28bdbdf3{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-scroll-hint[data-v-28bdbdf3]{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding-bottom:20px;font-size:12px;display:flex}.scroll-arrow[data-v-28bdbdf3]{border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);width:20px;height:20px;animation:2s infinite bounce-28bdbdf3;transform:rotate(45deg)}@keyframes bounce-28bdbdf3{0%,to{transform:rotate(45deg)translateY(0)}50%{transform:rotate(45deg)translateY(6px)}}.section-header[data-v-28bdbdf3]{text-align:center;margin-bottom:60px}.section-tag[data-v-28bdbdf3]{letter-spacing:3px;color:var(--primary-light);text-transform:uppercase;border:1px solid var(--border);border-radius:20px;margin-bottom:12px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.section-title[data-v-28bdbdf3]{color:var(--text-primary);margin-bottom:12px;font-size:40px;font-weight:800}.section-desc[data-v-28bdbdf3]{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:16px}.features[data-v-28bdbdf3]{background:linear-gradient(180deg, var(--bg-dark) 0%, #0d1f17 50%, var(--bg-dark) 100%);padding:120px 0}.features-grid[data-v-28bdbdf3]{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card[data-v-28bdbdf3]{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:36px 28px;transition:all .4s;position:relative;overflow:hidden}.feature-card[data-v-28bdbdf3]:before{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-light));opacity:0;height:3px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.feature-card[data-v-28bdbdf3]:hover{background:var(--bg-card-hover);border-color:#1a8d5f4d;transform:translateY(-4px)}.feature-card[data-v-28bdbdf3]:hover:before{opacity:1}.feature-icon[data-v-28bdbdf3]{margin-bottom:20px;font-size:36px}.feature-title[data-v-28bdbdf3]{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:700}.feature-desc[data-v-28bdbdf3]{color:var(--text-secondary);font-size:14px;line-height:1.7}.screenshots[data-v-28bdbdf3]{padding:120px 0}.screenshots-showcase[data-v-28bdbdf3]{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.screenshot-item[data-v-28bdbdf3]{text-align:center;cursor:pointer;transition:all .4s}.screenshot-item[data-v-28bdbdf3]:hover{transform:translateY(-8px)}.screenshot-phone[data-v-28bdbdf3]{background:#1a1a1a;border:1px solid #ffffff14;border-radius:32px;width:240px;margin:0 auto 24px;padding:10px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.phone-notch[data-v-28bdbdf3]{z-index:3;background:#1a1a1a;border-radius:0 0 14px 14px;width:100px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.screenshot-img[data-v-28bdbdf3]{aspect-ratio:9/19.5;object-fit:cover;border-radius:22px;width:100%}.screenshot-info h3[data-v-28bdbdf3]{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.screenshot-info p[data-v-28bdbdf3]{color:var(--text-secondary);max-width:260px;margin:0 auto;font-size:14px;line-height:1.6}.download[data-v-28bdbdf3]{background:linear-gradient(180deg, var(--bg-dark) 0%, #0d1f17 50%, var(--bg-dark) 100%);padding:120px 0}.download-content[data-v-28bdbdf3]{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.download-desc[data-v-28bdbdf3]{color:var(--text-secondary);margin-top:16px;margin-bottom:32px;font-size:16px;line-height:1.8}.download-features[data-v-28bdbdf3]{flex-direction:column;gap:16px;display:flex}.download-feature[data-v-28bdbdf3]{color:var(--text-primary);align-items:center;gap:12px;font-size:15px;display:flex}.df-icon[data-v-28bdbdf3]{width:28px;height:28px;color:var(--primary-light);background:#1a8d5f26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.download-qr[data-v-28bdbdf3]{flex-direction:column;align-items:center;gap:20px;display:flex}.qr-frame[data-v-28bdbdf3]{background:#fff;border-radius:24px;padding:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a}.qr-frame img[data-v-28bdbdf3]{object-fit:contain;width:220px;height:220px}.qr-label[data-v-28bdbdf3]{color:var(--text-muted);letter-spacing:1px;font-size:14px}.footer[data-v-28bdbdf3]{border-top:1px solid var(--border);background:#060a08;padding:60px 0 0}.footer-content[data-v-28bdbdf3]{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding-bottom:40px;display:grid}.footer-logo[data-v-28bdbdf3]{align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer-logo-img[data-v-28bdbdf3]{object-fit:cover;border-radius:50%;width:44px;height:44px;display:block}.footer-about[data-v-28bdbdf3]{color:var(--text-secondary);max-width:300px;font-size:14px;line-height:1.7}.footer-links h4[data-v-28bdbdf3]{color:var(--text-primary);margin-bottom:16px;font-size:15px;font-weight:700}.footer-links ul[data-v-28bdbdf3]{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links li[data-v-28bdbdf3],.footer-links a[data-v-28bdbdf3]{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .3s}.footer-links a[data-v-28bdbdf3]:hover{color:var(--primary-light)}.footer-bottom[data-v-28bdbdf3]{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:20px 0;display:flex}.footer-bottom p[data-v-28bdbdf3]{color:var(--text-muted);font-size:13px}.icp-link[data-v-28bdbdf3]{color:var(--text-muted);text-decoration:none;transition:color .3s}.icp-link[data-v-28bdbdf3]:hover{color:var(--primary-light)}@media (width<=1024px){.hero-content[data-v-28bdbdf3]{text-align:center;grid-template-columns:1fr;gap:40px}.hero-desc[data-v-28bdbdf3]{margin:0 auto 36px}.hero-actions[data-v-28bdbdf3]{justify-content:center}.hero-visual[data-v-28bdbdf3]{order:-1}.hero-phone-frame[data-v-28bdbdf3]{width:240px;height:490px}.features-grid[data-v-28bdbdf3]{grid-template-columns:repeat(2,1fr)}.screenshots-showcase[data-v-28bdbdf3]{grid-template-columns:repeat(2,1fr);gap:30px}.screenshots-showcase .screenshot-item[data-v-28bdbdf3]:last-child{grid-column:1/-1}.download-content[data-v-28bdbdf3]{text-align:center;grid-template-columns:1fr;gap:40px}.download-features[data-v-28bdbdf3]{align-items:center}.footer-content[data-v-28bdbdf3]{grid-template-columns:1fr 1fr}}@media (width<=768px){.nav-toggle[data-v-28bdbdf3]{display:flex}.nav-links[data-v-28bdbdf3]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0f0dfa;flex-direction:column;gap:16px;padding:20px 24px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open[data-v-28bdbdf3]{display:flex}.hero[data-v-28bdbdf3]{min-height:auto;padding:100px 24px 40px}.hero-title[data-v-28bdbdf3]{font-size:36px}.hero-subtitle[data-v-28bdbdf3]{font-size:16px}.hero-float-card[data-v-28bdbdf3]{display:none}.section-title[data-v-28bdbdf3]{font-size:28px}.features-grid[data-v-28bdbdf3],.screenshots-showcase[data-v-28bdbdf3]{grid-template-columns:1fr}.screenshots-showcase .screenshot-item[data-v-28bdbdf3]:last-child{grid-column:auto}.screenshot-phone[data-v-28bdbdf3]{width:200px}.footer-content[data-v-28bdbdf3]{grid-template-columns:1fr;gap:30px}.footer-bottom[data-v-28bdbdf3]{text-align:center;flex-direction:column;gap:8px}}