:root{--mb-background:#fdfcf9;--mb-background-secondary:#eef4f0;--mb-background-card:#fffefa;--mb-background-input:#f5f3ef;--mb-background-overlay:#fdfcf9f7;--mb-text-primary:#342f2b;--mb-text-secondary:#70675f;--mb-text-muted:#70675f;--mb-text-on-accent:#456452;--mb-icon-primary:#758d7f;--mb-icon-muted:#8d8375;--mb-accent:#597464;--mb-accent-light:#eef4f0;--mb-accent-border:#c5d8cc;--mb-border:#e9e2d9;--mb-border-light:#e9e2d9;--mb-divider:#e9e2d9;--mb-destructive:#b83232;--mb-button-primary:#d6e8de;--mb-button-hover:#c8ded2;--mb-button-secondary:#fffefa;--mb-button-disabled:#d6d2cb;--mb-progress-background:#eef4f0;--mb-progress-fill:#758d7f;--mb-brand:#ff7955;--mb-accent-hover:#456452;--mb-warning:#8a5b16;--mb-warning-background:#fbf1da;--primary:var(--mb-accent);--secondary:var(--mb-accent);--accent:var(--mb-brand);--bg-cream:var(--mb-background);--bg-soft:var(--mb-background-secondary);--bg-blue:var(--mb-accent-light);--text-dark:var(--mb-text-primary);--text-muted:var(--mb-text-secondary);--gradient-hero:linear-gradient(135deg, var(--mb-background) 0%, var(--mb-background-secondary) 100%);--gradient-card:linear-gradient(180deg, var(--mb-background-card) 0%, var(--mb-background) 100%);--gradient-philosophy:linear-gradient(135deg, var(--mb-background-card) 0%, var(--mb-background) 100%);--shadow-soft:0 4px 20px #342f2b0f;--shadow-card:0 8px 30px #00000014;--font-chinese:"Noto Sans SC", sans-serif;--font-english:"Quicksand", sans-serif;--section-padding:clamp(60px, 10vw, 100px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-english), var(--font-chinese);background:var(--bg-cream);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.custom-select{width:140px;font-family:var(--font-english);position:relative}.select-trigger{cursor:pointer;width:100%;color:var(--text-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);background:#ffffffe6;border:2px solid #fffc;border-radius:20px;justify-content:space-between;align-items:center;padding:8px 16px;font-size:.9rem;transition:all .2s;display:flex}.select-trigger:hover,.custom-select.open .select-trigger{border-color:var(--primary);background:#fff}.select-trigger i{color:var(--mb-icon-primary);font-size:1.1rem}.select-options{width:180px;box-shadow:var(--shadow-card);opacity:0;visibility:hidden;z-index:1001;background:#fff;border:1px solid #0000000d;border-radius:16px;transition:all .2s;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-10px)}.custom-select.open .select-options{opacity:1;visibility:visible;transform:translateY(0)}.select-option{cursor:pointer;color:var(--text-dark);align-items:center;padding:10px 16px;font-size:.9rem;transition:background .2s;display:flex}.select-option:hover{background:var(--bg-soft);color:var(--primary)}.select-option.selected{background:var(--bg-blue);color:var(--primary);font-weight:600}.navbar{z-index:1000;background:0 0;width:100%;padding:1rem 1.5rem;transition:all .3s;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;padding:.8rem 1.5rem;box-shadow:0 4px 20px #0000000d}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-logo{color:var(--text-dark);font-size:1.3rem;font-weight:700;font-family:var(--font-english);align-items:center;gap:.8rem;text-decoration:none;display:flex}.nav-logo img{border-radius:8px;width:auto;height:40px}.nav-links{align-items:center;gap:2rem;display:flex}@media (width<=768px){.nav-links{display:none}}.nav-link{color:var(--text-dark);font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:var(--primary)}.nav-link:not(.btn-nav):after{content:"";background:var(--primary);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.btn-nav{background:var(--mb-button-primary);border-radius:12px;padding:.6rem 1.5rem;box-shadow:0 4px 15px #342f2b1a;color:var(--mb-text-on-accent)!important;transition:transform .2s,box-shadow .2s!important}.btn-nav:hover{transform:translateY(-2px);box-shadow:0 6px 20px #342f2b1f}.lang-selector-nav{margin-left:1.5rem;display:none}@media (width>=769px){.lang-selector-nav{display:block}}.lang-selector-nav .custom-select{width:auto;min-width:100px}.lang-selector-nav .select-trigger{background:#ffffff80;border:1px solid #0000000d;gap:8px;padding:6px 12px;font-size:.85rem}.navbar.scrolled .select-trigger{background:#00000008}.mobile-menu-toggle{color:var(--text-dark);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:2rem;display:none}@media (width<=768px){.mobile-menu-toggle{display:block}}.mobile-menu-overlay{z-index:1100;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{background:#fff;flex-direction:column;gap:1.5rem;width:300px;height:100%;padding:2rem;transition:right .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:-300px;box-shadow:-5px 0 30px #0000001a}.mobile-menu-overlay.active .mobile-menu{right:0}.close-menu{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-bottom:1rem;font-size:1.8rem}.mobile-nav-link{color:var(--text-dark);border-bottom:1px solid var(--bg-soft);padding-bottom:1rem;font-size:1.2rem;font-weight:600;text-decoration:none}.mobile-nav-btn{background:var(--mb-button-primary);color:var(--mb-text-on-accent);text-align:center;border-radius:12px;margin-top:1rem;padding:1rem;font-weight:700;text-decoration:none}.wave-bottom{width:100%;line-height:0;position:absolute;bottom:-1px;left:0;overflow:hidden;transform:rotate(180deg)}.wave-bottom svg{width:calc(180% + 1.3px);height:60px;display:block;position:relative}.wave-bottom .shape-fill{fill:#fff}.hero{justify-content:center;align-items:center;min-height:100vh;padding:80px 20px 100px;display:flex;position:relative;overflow:hidden}.hero-bg{background:var(--gradient-hero);z-index:-1;position:absolute;inset:0}.hero-bg:before{content:"";background:linear-gradient(to top, var(--bg-cream), transparent);height:200px;position:absolute;bottom:0;left:0;right:0}.hero-layout{align-items:center;gap:60px;width:100%;max-width:1100px;display:flex}.hero-content{text-align:center;flex:1;animation:1s ease-out fadeInUp}.hero-showcase{flex-shrink:0;position:relative}.phone-mockup{background:#1a1a1a;border-radius:40px;width:280px;padding:12px;animation:1s ease-out .3s both fadeInUp;box-shadow:0 25px 60px #0003,0 0 0 2px #ffffff1a}.phone-mockup img{border-radius:28px;width:100%;height:auto;display:block}.floating-art{border:3px solid #fff;border-radius:16px;width:85px;height:85px;animation:5s ease-in-out infinite floatArt;position:absolute;overflow:hidden;box-shadow:0 8px 24px #00000026}.floating-art img{object-fit:cover;width:100%;height:100%}.floating-art.art-1{animation-delay:0s;top:10%;right:-50px}.floating-art.art-2{animation-delay:1.5s;bottom:15%;left:-50px}@keyframes floatArt{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-12px)rotate(3deg)}}@media (width<=900px){.hero-layout{flex-direction:column;gap:40px}.phone-mockup{width:220px}.floating-art{width:70px;height:70px}.floating-art.art-1{right:-35px}.floating-art.art-2{left:-35px}}@media (width<=600px){.phone-mockup{border-radius:30px;width:180px;padding:8px}.phone-mockup img{border-radius:22px}.floating-art{border-radius:12px;width:60px;height:60px}.floating-art.art-1{right:-25px}.floating-art.art-2{left:-25px}}.logo-container{margin-bottom:24px}.logo{width:120px;height:120px;box-shadow:var(--shadow-card);border-radius:28px;animation:3s ease-in-out infinite float}.hero h1{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2.5rem,8vw,3.5rem);font-weight:700}.tagline{color:var(--text-dark);margin-bottom:16px;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:600}.subtitle{color:var(--text-muted);max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.05rem;line-height:1.7}.download-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-family:inherit;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-icon{font-size:1.2rem}.btn-primary{background:var(--mb-button-primary);color:var(--mb-text-on-accent);box-shadow:0 8px 25px #342f2b1f}.btn-primary:hover{background:var(--mb-button-hover);transform:translateY(-3px);box-shadow:0 12px 35px #342f2b26}.btn-secondary{color:var(--primary);border:2px solid var(--mb-accent-border);background:#fff}.btn-secondary:hover{background:var(--mb-accent-light);color:var(--mb-accent);transform:translateY(-3px)}.floating-star,.floating-cloud{opacity:.7;font-size:2rem;animation:4s ease-in-out infinite float;position:absolute}.star-1{animation-delay:0s;top:15%;left:10%}.star-2{animation-delay:1s;top:25%;right:15%}.cloud-1{font-size:3rem;animation-delay:2s;bottom:20%;left:5%}.philosophy{padding:var(--section-padding) 20px;background:var(--gradient-philosophy);text-align:center;position:relative}.philosophy-content{max-width:800px;margin:0 auto}.philosophy-gallery{justify-content:center;align-items:center;max-width:600px;height:300px;margin:0 auto 40px;display:flex;position:relative}.philosophy-card{width:200px;box-shadow:var(--shadow-card);background:#fff;border-radius:16px;padding:6px;transition:transform .3s,box-shadow .3s;position:absolute;overflow:hidden}.philosophy-card img{border-radius:12px;width:100%;height:auto;display:block}.philosophy-card.card-left{z-index:1;transform:rotate(-8deg)translate(-140px)}.philosophy-card.card-center{z-index:3;width:230px;transform:rotate(0)}.philosophy-card.card-right{z-index:2;transform:rotate(7deg)translate(140px)}.philosophy-card:hover{z-index:10;box-shadow:0 8px 32px #0000002e}.philosophy-card.card-left:hover{transform:rotate(-8deg)translate(-140px)scale(1.05)}.philosophy-card.card-center:hover{transform:rotate(0)scale(1.05)}.philosophy-card.card-right:hover{transform:rotate(7deg)translate(140px)scale(1.05)}@media (width<=600px){.philosophy-gallery{height:220px}.philosophy-card{width:140px}.philosophy-card.card-center{width:160px}.philosophy-card.card-left{transform:rotate(-8deg)translate(-95px)}.philosophy-card.card-right{transform:rotate(7deg)translate(95px)}.philosophy-card.card-left:hover{transform:rotate(-8deg)translate(-95px)scale(1.05)}.philosophy-card.card-right:hover{transform:rotate(7deg)translate(95px)scale(1.05)}}.philosophy h2{color:var(--text-dark);margin-bottom:20px;font-size:clamp(1.5rem,5vw,2.25rem)}.philosophy p{color:var(--text-muted);font-size:1.1rem;line-height:1.8}.scenarios{padding:var(--section-padding) 20px;text-align:center;background:#fff}.scenarios h2{margin-bottom:40px;font-size:clamp(1.5rem,5vw,2rem)}.scenarios-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;max-width:1000px;margin:0 auto;display:grid}.scenario-card{background:var(--bg-cream);border-radius:20px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.scenario-card:hover{box-shadow:var(--shadow-card);transform:translateY(-5px)}.scenario-cover{aspect-ratio:1;overflow:hidden}.scenario-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.scenario-card:hover .scenario-cover img{transform:scale(1.05)}.scenario-text{text-align:center;padding:14px 16px 18px}.scenario-icon{color:var(--mb-icon-primary);margin-bottom:12px;font-size:2.5rem}.scenario-card h4{color:var(--text-dark);margin-bottom:6px;font-size:1rem}.scenario-card p{color:var(--text-muted);font-size:.85rem}.scenario-card.more-card{justify-content:center;align-items:center;padding:24px 16px}.features{padding:var(--section-padding) 20px;background:var(--bg-soft);text-align:center}.features h2{color:var(--text-dark);margin-bottom:50px;font-size:clamp(1.5rem,5vw,2rem)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1100px;margin:0 auto;display:grid}.feature-card{background:var(--gradient-card);box-shadow:var(--shadow-soft);border-radius:24px;padding:40px 30px;transition:transform .3s,box-shadow .3s;position:relative}.feature-card.featured{border:3px solid var(--secondary);background:linear-gradient(180deg, var(--mb-accent-light) 0%, var(--mb-background-card) 100%)}.feature-card.print-feature{background:#fff9e6;border-color:#ffd93d;grid-column:span 1}@media (width>=768px){.feature-card.print-feature{grid-column:span 2}}.feature-badge{background:var(--mb-button-primary);color:var(--mb-text-on-accent);border-radius:20px;padding:4px 14px;font-size:.8rem;font-weight:600;position:absolute;top:-12px;right:20px}.badge-gray{background:var(--mb-background-secondary);color:var(--text-muted)}.badge-new{background:var(--mb-button-primary)}.feature-card:hover{box-shadow:var(--shadow-card);transform:translateY(-8px)}.feature-icon{color:var(--mb-icon-primary);margin-bottom:20px;font-size:3rem}.feature-card h3{color:var(--text-dark);margin-bottom:12px;font-size:1.2rem}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.legal-page{max-width:800px;color:var(--text-dark);margin:0 auto;padding:100px 2rem 2rem;line-height:1.8}.legal-page h1{color:var(--primary);margin-bottom:.5rem;font-size:clamp(1.8rem,5vw,2.5rem)}.legal-page .last-updated{color:var(--text-muted);margin-bottom:2rem;font-size:.9rem}.legal-page h2{color:var(--primary);margin-top:2rem;margin-bottom:.5rem;font-size:1.3rem}.legal-page p,.legal-page ul{color:var(--text-muted);margin-bottom:1rem}.legal-page ul{padding-left:1.5rem}.legal-page a{color:var(--primary)}.legal-page a:hover{text-decoration:underline}.origin{padding:var(--section-padding) 20px;background:var(--bg-blue);text-align:center}.origin-content{max-width:700px;margin:0 auto}.origin-icon{color:var(--accent);margin-bottom:20px;font-size:3rem}.origin h2{color:var(--text-dark);margin-bottom:20px;font-size:clamp(1.5rem,5vw,2rem)}.origin p{color:var(--text-muted);font-size:1.1rem;font-style:italic;line-height:1.8}.maker-signature{margin-top:30px}.signature-text{font-family:"Kalam", cursive, var(--font-english);color:var(--primary);font-size:1.2rem;font-weight:600}.download{padding:var(--section-padding) 20px;background:var(--bg-cream);text-align:center}.download h2{margin-bottom:16px;font-size:clamp(1.5rem,5vw,2rem)}.download-intro{color:var(--text-muted);margin-bottom:50px}.platform-cards{flex-wrap:wrap;justify-content:center;gap:30px;max-width:700px;margin:0 auto;display:flex}.platform-card{box-shadow:var(--shadow-card);background:#fff;border-radius:24px;flex:1;min-width:280px;max-width:320px;padding:40px;transition:transform .3s}.platform-card.featured{border:3px solid var(--mb-accent-border);position:relative}.platform-card.featured:before{content:"✓";background:var(--mb-button-primary);color:var(--mb-text-on-accent);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex;position:absolute;top:-12px;right:20px}.platform-card:hover{transform:translateY(-5px)}.platform-icon{color:var(--text-dark);margin-bottom:16px;font-size:3rem}.platform-card h3{margin-bottom:8px;font-size:1.5rem}.platform-card>p{color:var(--text-muted);margin-bottom:24px}.platform-card.ios-beta{border:2px dashed var(--primary)}.btn-ios{color:#fff;cursor:pointer;background:#333;justify-content:center;width:100%}.btn-ios:hover{transform:none}.coming-soon-text{color:var(--primary);font-weight:600}.btn-android{background:var(--mb-button-primary);color:var(--mb-text-on-accent);justify-content:center;width:100%;box-shadow:0 8px 25px #342f2b1f}.btn-android:hover{background:var(--mb-button-hover)}.version-info{color:var(--text-muted);margin-top:16px;font-size:.85rem}.footer{text-align:center;background:#fff;border-top:1px solid #0000000d;padding:40px 20px}.footer-links{margin-bottom:16px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.footer-links .divider{color:#ddd;margin:0 12px}.copyright{color:var(--text-muted);font-size:.85rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (width<=600px){.download-buttons{flex-direction:column;align-items:center}.btn{justify-content:center;width:100%;max-width:280px}.floating-star,.floating-cloud{display:none}.scenarios-grid{grid-template-columns:repeat(2,1fr);gap:16px}.lang-selector-floating{top:10px;right:10px}}