:root{--sky:#74c0e3;--sky-light:#e8f4fd;--mint:#7ecfad;--mint-light:#f0faf4;--strawberry:#f4a8b8;--strawberry-light:#fdf2f4;--lavender:#a89fd8;--lavender-light:#f5f3ff;--peach:#f4b87a;--peach-light:#fff8e8;--lemon:#e8d46a;--gold:gold;--text:#1a1a2e;--text-muted:#6b7280;--bg:#fff;--bg-soft:#f8fafc;--border:#e5e7eb;--radius:16px;--radius-sm:8px;--radius-lg:24px;--shadow:0 4px 24px #0000000f;--shadow-lg:0 8px 40px #0000001a;--font:"Noto Sans TC", "Nunito", system-ui, -apple-system, sans-serif;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition);background:#ffffffd9;border-bottom:1px solid #0000000d;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{align-items:center;gap:8px;text-decoration:none;display:flex}.logo-emoji{font-size:28px}.logo-text{color:var(--text);font-size:20px;font-weight:800}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-muted);transition:var(--transition);font-size:15px;font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--sky)}.nav-cta{border-radius:999px;padding:8px 20px;background:var(--sky)!important;color:#fff!important;font-size:14px!important}.nav-cta:hover{opacity:.9}.nav-menu{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-menu span{background:var(--text);width:22px;height:2px;transition:var(--transition);border-radius:2px;display:block}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;border-bottom:1px solid var(--border);background:#fffffffa;flex-direction:column;gap:12px;padding:16px 24px;display:none;position:fixed;top:64px;left:0;right:0}.mobile-menu a{color:var(--text);padding:8px 0;font-size:16px;font-weight:600;text-decoration:none}.mobile-menu.open{display:flex}@media (width<=768px){.nav-links{display:none}.nav-menu{display:flex}}.hero{background:linear-gradient(135deg, var(--sky-light) 0%, #fff 50%, var(--strawberry-light) 100%);min-height:100vh;padding:120px 0 0;position:relative;overflow:hidden}.hero-bg-blobs{pointer-events:none;position:absolute;inset:0}.blob{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.blob-1{background:var(--sky);width:400px;height:400px;top:-100px;right:-100px}.blob-2{background:var(--strawberry);width:300px;height:300px;bottom:100px;left:-50px}.blob-3{background:var(--mint);opacity:.3;width:250px;height:250px;top:200px;right:200px}.hero-drops{pointer-events:none;position:absolute;inset:0;overflow:hidden}.drop{opacity:0;font-size:20px;animation:8s ease-in-out infinite dropFloat;position:absolute}.drop-1{font-size:16px;animation-delay:0s;top:20%;left:8%}.drop-2{font-size:12px;animation-delay:1.5s;top:60%;left:15%}.drop-3{font-size:18px;animation-delay:3s;top:30%;left:85%}.drop-4{font-size:14px;animation-delay:4.5s;top:70%;left:75%}.drop-5{font-size:10px;animation-delay:2s;top:15%;left:45%}.drop-6{font-size:16px;animation-delay:5.5s;top:80%;left:60%}@keyframes dropFloat{0%{opacity:0;transform:translateY(20px)scale(.8)}15%{opacity:.6}50%{opacity:.4;transform:translateY(-30px)scale(1)}85%{opacity:.6}to{opacity:0;transform:translateY(20px)scale(.8)}}.hero-content{align-items:center;gap:60px;padding-top:40px;padding-bottom:120px;display:flex;position:relative}.hero-text{flex:1}.hero-text>*{animation:.8s ease-out both heroFadeUp}.hero-text>:first-child{animation-delay:.1s}.hero-text>:nth-child(2){animation-delay:.2s}.hero-text>:nth-child(3){animation-delay:.35s}.hero-text>:nth-child(4){animation-delay:.5s}.hero-text>:nth-child(5){animation-delay:.65s}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-visual{animation:1s ease-out .4s both heroSlideIn}@keyframes heroSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.hero-badge{color:var(--sky);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#74c0e31f;border:1px solid #74c0e333;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:14px;font-weight:700;display:inline-flex}.hero-badge-dot{background:var(--mint);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{opacity:1;box-shadow:0 0 #7ecfad66}50%{opacity:.7;box-shadow:0 0 0 6px #7ecfad00}}.hero h1{letter-spacing:-1.5px;margin-bottom:20px;font-size:56px;font-weight:800;line-height:1.15}.text-gradient{background:linear-gradient(135deg, var(--sky), var(--mint));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg, var(--gold), var(--peach));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--text-muted);max-width:500px;margin-bottom:32px;font-size:18px;line-height:1.7}.hero-actions{gap:12px;margin-bottom:40px;display:flex}.btn{transition:var(--transition);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--sky);color:#fff;position:relative;box-shadow:0 4px 16px #74c0e366}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #74c0e380}.btn-glow{animation:3s ease-in-out infinite btnGlow}@keyframes btnGlow{0%,to{box-shadow:0 4px 16px #74c0e366}50%{box-shadow:0 4px 28px #74c0e3a6}}.btn-outline{color:var(--text);border:2px solid var(--border);background:#fff}.btn-outline:hover{border-color:var(--sky);color:var(--sky)}.hero-stats{align-items:center;gap:24px;display:flex}.stat-number{color:var(--text);font-size:24px;font-weight:800;display:block}.stat-label{color:var(--text-muted);font-size:13px}.stat-divider{background:var(--border);width:1px;height:40px}.hero-visual{flex:0 0 320px;position:relative}.phone-glow{pointer-events:none;background:radial-gradient(circle,#74c0e340 0%,#0000 70%);border-radius:50%;width:260px;height:260px;animation:4s ease-in-out infinite phoneGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes phoneGlow{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.phone-frame{background:#1a1a2e;border-radius:40px;width:280px;height:560px;padding:12px;animation:6s ease-in-out infinite float;position:relative;box-shadow:0 20px 60px #0003,inset 0 0 0 2px #ffffff1a}.phone-notch{z-index:2;background:#1a1a2e;border-radius:0 0 16px 16px;width:120px;height:28px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.mock-status-bar{color:var(--text);justify-content:space-between;align-items:center;padding:8px 16px 0;font-size:12px;font-weight:700;display:flex}.mock-status-icons{align-items:center;gap:6px;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.phone-screen{background:#fff;border-radius:30px;width:100%;height:100%;overflow:hidden}.mock-app{text-align:center;padding:24px 16px}.mock-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mock-greeting{color:var(--text);font-size:16px;font-weight:700}.mock-date{color:var(--text-muted);font-size:13px}.mock-mascot{margin-bottom:12px;font-size:48px}.mock-progress-ring{width:120px;height:120px;margin:0 auto 12px;position:relative}.mock-progress-ring svg{width:100%;height:100%}.progress-circle{animation:2s ease-out 1s both progress-fill}@keyframes progress-fill{0%{stroke-dasharray:0 327}to{stroke-dasharray:240 327}}.mock-progress-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mock-ml{color:var(--text);font-size:22px;font-weight:800}.mock-unit{color:var(--text-muted);font-size:11px}.mock-encouragement{color:var(--text-muted);margin-bottom:20px;font-size:13px}.mock-buttons{justify-content:center;gap:8px;display:flex}.mock-btn{background:var(--sky-light);color:var(--sky);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.mock-btn-accent{background:var(--sky);color:#fff}.hero-scroll{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:600;animation:.8s ease-out 1.2s both heroFadeUp;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.scroll-arrow{animation:2s ease-in-out infinite scrollBounce}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.hero-wave{position:absolute;bottom:-1px;left:0;right:0}.hero-wave svg{width:100%;height:80px;display:block}@media (width<=768px){.hero{min-height:auto;padding-top:80px}.hero-content{text-align:center;flex-direction:column;gap:40px;padding-bottom:80px}.hero h1{font-size:36px}.hero-desc{margin:0 auto 24px}.hero-actions,.hero-stats{justify-content:center}.hero-visual{flex:none}.phone-frame{width:240px;height:480px;margin:0 auto}.phone-glow{width:200px;height:200px}.hero-scroll,.hero-drops{display:none}}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-tag{background:var(--sky-light);color:var(--sky);border-radius:999px;margin-bottom:16px;padding:4px 14px;font-size:13px;font-weight:700;display:inline-block}.tag-gold{color:#b8860b;background:#ffd70026}.section-header h2{letter-spacing:-1px;margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.2}.section-header p{color:var(--text-muted);font-size:17px;line-height:1.7}@media (width<=768px){.section-header h2{font-size:28px}.section-header{margin-bottom:40px}}.features{background:var(--bg);padding:100px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border-radius:var(--radius-lg);background:var(--bg);border:1px solid var(--border);transition:var(--transition);opacity:0;padding:32px;transform:translateY(20px)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.feature-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:28px;display:flex}.feature-card h3{margin-bottom:8px;font-size:18px;font-weight:700}.feature-card p{color:var(--text-muted);font-size:15px;line-height:1.6}@media (width<=768px){.features-grid{grid-template-columns:1fr}}@media (width>=769px) and (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}.how-section{background:var(--bg-soft);padding:100px 0}.steps{justify-content:center;align-items:flex-start;gap:16px;display:flex}.step{text-align:center;background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border);opacity:0;transition:var(--transition);flex:0 0 280px;padding:40px 28px;position:relative;transform:translateY(20px)}.step.visible{opacity:1;transform:translateY(0)}.step:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.step-number{background:var(--sky);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.step-icon{margin-top:8px;margin-bottom:16px;font-size:48px}.step h3{margin-bottom:8px;font-size:18px;font-weight:700}.step p{color:var(--text-muted);font-size:14px;line-height:1.7}.step-arrow{color:var(--sky);flex-shrink:0;margin-top:80px;font-size:28px;font-weight:800}@media (width<=768px){.steps{flex-direction:column;align-items:center}.step{flex:none;width:100%;max-width:340px}.step-arrow{margin:0;transform:rotate(90deg)}}.ai-section{background:linear-gradient(135deg, #fffbeb 0%, #fff 50%, var(--lavender-light) 100%);padding:100px 0}.ai-content{align-items:center;gap:60px;display:flex}.ai-text{flex:1}.ai-text h2{letter-spacing:-1px;margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.2}.ai-desc{color:var(--text-muted);margin-bottom:32px;font-size:17px;line-height:1.7}.ai-features{flex-direction:column;gap:20px;list-style:none;display:flex}.ai-features li{align-items:flex-start;gap:14px;display:flex}.ai-check{flex-shrink:0;margin-top:2px;font-size:20px}.ai-features strong{margin-bottom:2px;font-size:16px;display:block}.ai-features span{color:var(--text-muted);font-size:14px}.ai-visual{flex:0 0 400px}.ai-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;border:2px solid #ffd7004d;overflow:hidden}.ai-card-header{background:linear-gradient(135deg,#ffd7001a,#f4b87a1a);justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:700;display:flex}.ai-card-date{color:var(--text-muted);font-size:13px;font-weight:400}.ai-card-body{padding:20px}.ai-card-body p{color:var(--text-muted);margin-bottom:12px;font-size:14px;line-height:1.7}.ai-card-chart{align-items:flex-end;gap:8px;height:100px;margin-top:16px;padding-top:8px;display:flex}.chart-bar{height:var(--h);background:var(--sky-light);transition:var(--transition);border-radius:6px 6px 0 0;flex:1;justify-content:center;align-items:flex-end;display:flex}.chart-bar.highlight{background:var(--sky)}.chart-bar.highlight span{color:#fff}.chart-bar span{color:var(--text-muted);padding-bottom:4px;font-size:11px;font-weight:600}.ai-pricing{gap:12px;margin-top:32px;display:flex}.price-tag{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);text-align:center;transition:var(--transition);flex:1;padding:16px;position:relative}.price-tag:hover{border-color:var(--sky);box-shadow:var(--shadow);transform:translateY(-2px)}.price-tag-best{border-color:var(--gold);background:#ffd7000f}.price-tag-best:hover{border-color:var(--gold)}.price-badge{background:var(--gold);color:#1a1a2e;white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:800;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.price-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.price-amount{color:var(--text);font-size:20px;font-weight:800;display:block}.price-amount small{color:var(--text-muted);font-size:12px;font-weight:600}.ai-card-tip{margin-top:16px}@media (width<=768px){.ai-content{flex-direction:column}.ai-text h2{font-size:28px}.ai-visual{flex:none;width:100%}.ai-pricing{flex-direction:column}}.themes{background:var(--bg);padding:100px 0}.theme-showcase{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.theme-card{border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;transition:var(--transition);flex-direction:column;align-items:center;gap:12px;padding:24px 28px;display:flex}.theme-card:hover{border-color:var(--theme);transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.theme-circle{background:var(--theme);width:56px;height:56px;transition:var(--transition);border-radius:50%}.theme-card:hover .theme-circle{transform:scale(1.1)}.theme-card span{color:var(--text-muted);font-size:14px;font-weight:700}@media (width<=768px){.theme-showcase{gap:12px}.theme-card{padding:16px 20px}.theme-circle{width:44px;height:44px}}.reviews{background:var(--bg-soft);padding:100px 0}.reviews-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.review-card{background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border);opacity:0;transition:var(--transition);padding:28px;transform:translateY(20px)}.review-card.visible{opacity:1;transform:translateY(0)}.review-card:hover{box-shadow:var(--shadow);border-color:#0000}.review-stars{letter-spacing:2px;margin-bottom:12px;font-size:16px}.review-text{color:var(--text);margin-bottom:16px;font-size:15px;line-height:1.7}.review-author{align-items:center;gap:10px;display:flex}.review-avatar{background:var(--bg-soft);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;display:flex}.review-author strong{font-size:14px;display:block}.review-author span{color:var(--text-muted);font-size:12px}@media (width<=768px){.reviews-grid{grid-template-columns:1fr}}.faq{background:var(--bg);padding:100px 0}.faq-list{flex-direction:column;gap:12px;max-width:720px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);overflow:hidden}.faq-item[open]{border-color:var(--sky);box-shadow:0 2px 12px #74c0e31f}.faq-item summary{cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;padding:18px 24px;font-size:16px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--sky);transition:var(--transition);flex-shrink:0;margin-left:16px;font-size:20px;font-weight:700}.faq-item[open] summary:after{content:"−"}.faq-item summary:hover{color:var(--sky)}.faq-item p{color:var(--text-muted);padding:0 24px 18px;font-size:15px;line-height:1.7}.download{padding:60px 0 100px}.download-card{background:linear-gradient(135deg, var(--sky), #5badd4);border-radius:var(--radius-lg);text-align:center;padding:80px 40px;position:relative;overflow:hidden}.download-bg-blobs{pointer-events:none;position:absolute;inset:0}.blob-4{background:#ffffff1a;width:300px;height:300px;top:-80px;right:-80px}.blob-5{background:#ffffff14;width:200px;height:200px;bottom:-60px;left:-40px}.download-content{position:relative}.download-emoji{margin-bottom:20px;font-size:56px;display:block}.download-card h2{color:#fff;margin-bottom:12px;font-size:36px;font-weight:800}.download-card p{color:#ffffffd9;margin-bottom:32px;font-size:17px}.download-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.store-btn{color:#fff;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;border-radius:12px;align-items:center;gap:12px;padding:12px 24px;text-decoration:none;display:inline-flex}.store-btn:hover{background:#0006;transform:translateY(-2px)}.store-btn small{opacity:.8;text-align:left;font-size:11px;display:block}.store-btn strong{text-align:left;font-size:16px;font-weight:700;display:block}@media (width<=768px){.download-card{padding:60px 24px}.download-card h2{font-size:28px}}.footer{background:var(--bg-soft);border-top:1px solid var(--border);padding:60px 0 30px}.footer-inner{justify-content:space-between;gap:60px;margin-bottom:40px;display:flex}.footer-brand p{color:var(--text-muted);margin-top:8px;font-size:14px}.footer-logo{align-items:center;gap:8px;display:flex}.footer-links{gap:60px;display:flex}.footer-col h4{color:var(--text);margin-bottom:16px;font-size:14px;font-weight:700}.footer-col a{color:var(--text-muted);transition:var(--transition);padding:4px 0;font-size:14px;text-decoration:none;display:block}.footer-col a:hover{color:var(--sky)}.footer-bottom{border-top:1px solid var(--border);text-align:center;padding-top:24px}.footer-bottom p{color:var(--text-muted);font-size:13px}@media (width<=768px){.footer-inner{flex-direction:column;gap:32px}.footer-links{gap:32px}}@media (width<=480px){.footer-links{flex-direction:column;gap:24px}}