*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--near-black);background:var(--bg);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}:root{--green:#07c160;--green-dark:#059669;--green-deeper:#047857;--green-light:#d1fae5;--green-bg:#f0fdf4;--green-subtle:#ecfdf5;--near-black:#18181b;--dark:#27272a;--muted:#71717a;--muted-lighter:#a1a1aa;--border:#e4e4e7;--border-light:#f4f4f5;--bg:#fafaf8;--card-bg:#fff;--section-alt:#f5f5f0;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.06);--shadow-lg:0 8px 32px rgba(0,0,0,.08);--shadow-xl:0 16px 48px rgba(0,0,0,.1);--max-width:1120px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 rgba(7,193,96,.3)}50%{box-shadow:0 0 0 12px rgba(7,193,96,0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(0,0%,100%,.88);backdrop-filter:blur(16px) saturate(1.8);-webkit-backdrop-filter:blur(16px) saturate(1.8);border-bottom:1px solid hsla(240,6%,90%,.6);animation:fadeIn .6s ease}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;justify-content:space-between;height:68px}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{gap:10px;font-family:Outfit,sans-serif;font-size:22px;font-weight:700;color:var(--near-black);letter-spacing:-.3px;transition:opacity .2s}.nav-logo:hover{opacity:.75}.nav-logo-img{width:32px;height:32px;border-radius:9px;box-shadow:0 2px 8px rgba(7,193,96,.15)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:14px;font-weight:500;color:var(--muted);transition:color .2s}.nav-links a:hover{color:var(--near-black)}.nav-download{display:inline-flex;align-items:center;gap:8px;padding:8px 22px;background:var(--near-black);color:#fff!important;border-radius:var(--radius-full);font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;transition:background .25s,transform .2s}.nav-download:hover{background:var(--green-dark)!important;color:#fff!important;transform:translateY(-1px)}.nav-download svg{width:16px;height:16px}.hero{position:relative;padding:160px 24px 100px;overflow:hidden;background:var(--bg)}.hero:before{content:"";inset:0;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(7,193,96,.08) 0,transparent 70%),radial-gradient(ellipse 60% 50% at 80% 90%,rgba(5,150,105,.06) 0,transparent 70%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(7,193,96,.04) 0,transparent 60%);background-size:200% 200%;animation:gradientShift 15s ease infinite}.hero-deco,.hero:before{position:absolute;pointer-events:none}.hero-deco{border-radius:50%;opacity:.3}.hero-deco-1{width:400px;height:400px;background:radial-gradient(circle,rgba(7,193,96,.08),transparent);top:-120px;right:-80px;animation:float 8s ease-in-out infinite}.hero-deco-2{width:280px;height:280px;background:radial-gradient(circle,rgba(5,150,105,.06),transparent);bottom:-60px;left:-40px;animation:float 10s ease-in-out infinite reverse}.hero-inner{position:relative;z-index:1;max-width:780px;margin:0 auto;text-align:center}.hero-logo{width:96px;height:96px;border-radius:var(--radius-xl);margin:0 auto 28px;box-shadow:0 8px 32px rgba(7,193,96,.2);animation:scaleIn .8s cubic-bezier(.22,1,.36,1)}.hero h1{font-family:Outfit,sans-serif;font-size:56px;font-weight:800;color:var(--near-black);line-height:1.15;letter-spacing:-1.2px;margin-bottom:16px;animation:fadeUp .8s cubic-bezier(.22,1,.36,1) .1s both}.hero h1 span{color:var(--green)}.hero-subtitle{font-size:20px;font-weight:500;color:var(--dark);max-width:520px;margin:0 auto 10px;animation:fadeUp .8s cubic-bezier(.22,1,.36,1) .2s both}.hero-desc{font-size:16px;color:var(--muted);max-width:520px;margin:0 auto 36px;line-height:1.7;animation:fadeUp .8s cubic-bezier(.22,1,.36,1) .3s both}.hero-buttons{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;animation:fadeUp .8s cubic-bezier(.22,1,.36,1) .4s both}.app-store-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 34px;background:var(--near-black);color:#fff;border-radius:14px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s}.app-store-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(7,193,96,.3);background:var(--green)}.app-store-btn svg{width:22px;height:22px}.hero-ribbon{display:flex;justify-content:center;gap:40px;margin-top:56px;flex-wrap:wrap;animation:fadeUp .8s cubic-bezier(.22,1,.36,1) .5s both}.hero-ribbon-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--muted);padding:8px 16px;background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);border:1px solid var(--border-light)}.hero-ribbon-item svg{width:16px;height:16px;color:var(--green)}.section{padding:100px 24px}.section-inner{max-width:var(--max-width);margin:0 auto}.section-alt{background:var(--section-alt)}.section-label{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--green-subtle);color:var(--green-dark);border-radius:var(--radius-full);font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:16px}.section-header{text-align:center;margin-bottom:56px}.section-header h2{font-family:Outfit,sans-serif;font-size:38px;font-weight:800;color:var(--near-black);letter-spacing:-.8px;line-height:1.2;margin-bottom:14px}.section-header p{font-size:16px;color:var(--muted);max-width:480px;margin:0 auto;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.feature-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:32px 28px;border:1px solid var(--border-light);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--green-light)}.feature-icon-wrap{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:22px;transition:transform .3s}.feature-card:hover .feature-icon-wrap{transform:scale(1.08)}.feature-card h3{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;color:var(--near-black);margin-bottom:8px;letter-spacing:-.2px}.feature-card p{font-size:14px;color:var(--muted);line-height:1.7}.plans-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.plan-card{position:relative;background:var(--card-bg);border-radius:var(--radius-xl);padding:36px 32px;border:1px solid var(--border);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-card-badge{display:inline-block;padding:4px 14px;font-size:12px;font-weight:700;background:var(--green-light);color:var(--green-dark);border-radius:var(--radius-full);margin-bottom:14px;letter-spacing:.5px;text-transform:uppercase}.plan-card h3{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;color:var(--near-black);margin-bottom:10px;letter-spacing:-.3px}.plan-card p{font-size:15px}.plan-card p,.plan-note{color:var(--muted);line-height:1.7}.plan-note{text-align:center;margin-top:40px;padding:20px;background:var(--green-subtle);border-radius:var(--radius-md);font-size:14px;max-width:680px;margin-left:auto;margin-right:auto}.quiz-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.quiz-card{position:relative;text-align:center;padding:40px 28px 36px;background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.quiz-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.quiz-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--green);transform:scaleX(0);transition:transform .4s cubic-bezier(.22,1,.36,1);transform-origin:left}.quiz-card:hover:before{transform:scaleX(1)}.quiz-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.quiz-card:hover .quiz-icon{transform:scale(1.1) rotate(-4deg)}.quiz-card h3{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;color:var(--near-black);margin-bottom:10px}.quiz-card p{font-size:14px;color:var(--muted);line-height:1.7}.science-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.science-card{position:relative;background:var(--card-bg);border-radius:var(--radius-xl);padding:36px 28px;border:1px solid var(--border-light);text-align:center;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.science-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.science-step{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:18px;box-shadow:0 4px 12px rgba(7,193,96,.25)}.science-card h3,.science-step{font-family:Outfit,sans-serif;font-weight:700}.science-card h3{font-size:19px;color:var(--near-black);margin-bottom:10px;letter-spacing:-.2px}.science-card p{font-size:14px;color:var(--muted);line-height:1.7}.cta{position:relative;padding:100px 24px;text-align:center;color:#fff;overflow:hidden;background:linear-gradient(135deg,var(--green-dark) 0,var(--green) 50%,var(--green-deeper) 100%);background-size:200% 200%;animation:gradientShift 10s ease infinite}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 300px at 20% 20%,hsla(0,0%,100%,.08),transparent),radial-gradient(circle 200px at 80% 80%,hsla(0,0%,100%,.06),transparent);pointer-events:none}.cta-inner{position:relative;z-index:1;max-width:640px;margin:0 auto}.cta h2{font-family:Outfit,sans-serif;font-size:40px;font-weight:800;letter-spacing:-.8px;margin-bottom:12px}.cta p{font-size:18px;opacity:.9;margin-bottom:36px}.cta .app-store-btn{background:#fff;color:var(--green-dark);font-size:17px;padding:16px 40px}.cta .app-store-btn:hover{background:var(--green-subtle);color:var(--green-dark);box-shadow:0 12px 32px rgba(0,0,0,.15);transform:translateY(-3px)}.footer{background:var(--near-black);color:var(--muted-lighter);padding:56px 24px 28px}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-top{display:flex;justify-content:space-between;gap:48px;padding-bottom:36px;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:24px;flex-wrap:wrap}.footer-brand-name{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.3px}.footer-brand-desc{font-size:14px;color:var(--muted-lighter);max-width:300px;line-height:1.6;opacity:.7}.footer-links{display:flex;gap:48px;flex-wrap:wrap}.footer-links h4{font-size:13px;font-weight:700;color:#fff;margin-bottom:14px;letter-spacing:.5px;text-transform:uppercase;opacity:.5}.footer-links a{display:block;font-size:14px;color:var(--muted-lighter);margin-bottom:8px;transition:color .2s}.footer-links a:hover{color:var(--green)}.footer-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;text-align:center;font-size:13px;color:hsla(0,0%,100%,.35)}.footer-bottom a{display:inline-flex;align-items:center;color:var(--muted-lighter);transition:color .2s}.footer-bottom a:hover{color:var(--green)}.beian-icon{width:14px;height:14px;margin-right:4px;vertical-align:middle}.beian-sep{margin:0 8px;color:hsla(0,0%,100%,.2)}.legal-page{padding-top:100px;padding-bottom:80px;background:var(--card-bg);min-height:100vh}.legal-content{max-width:760px;margin:0 auto;padding:0 24px;animation:fadeUp .8s cubic-bezier(.22,1,.36,1)}.legal-content h1{font-family:Outfit,sans-serif;font-size:36px;font-weight:800;color:var(--near-black);letter-spacing:-.8px;margin-bottom:6px}.legal-content .last-updated{color:var(--muted);font-size:14px;margin-bottom:36px}.legal-content h2{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;color:var(--near-black);margin-top:40px;margin-bottom:12px}.legal-content h3{font-size:16px;font-weight:600;color:var(--dark);margin-top:24px;margin-bottom:8px}.legal-content p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:14px}.legal-content ul{padding-left:20px;margin-bottom:14px}.legal-content li{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:6px}.legal-content li strong{color:var(--near-black)}@media (max-width:768px){.nav-links a:not(.nav-download){display:none}.nav-inner{height:60px}.nav-download{padding:6px 16px;font-size:13px}.nav-download span{display:none}.hero{padding:120px 16px 60px}.hero h1{font-size:34px;letter-spacing:-.6px}.hero-subtitle{font-size:17px}.hero-desc{font-size:15px}.hero-logo{width:72px;height:72px;margin-bottom:20px}.hero-ribbon{gap:12px}.hero-ribbon-item{font-size:13px;padding:6px 14px}.section{padding:60px 16px}.section-header{margin-bottom:36px}.section-header h2{font-size:28px}.section-header p{font-size:15px}.features-grid,.plans-grid,.quiz-grid,.science-grid{grid-template-columns:1fr}.cta{padding:60px 16px}.cta h2{font-size:28px}.cta .app-store-btn{padding:14px 28px;font-size:15px}.footer-top{flex-direction:column}.footer-links{gap:32px}.legal-content h1{font-size:28px}}@media (min-width:769px) and (max-width:1024px){.features-grid,.quiz-grid,.science-grid{grid-template-columns:repeat(2,1fr)}}