:root{--bg-dark: #f8fafc;--bg-darker: #f1f5f9;--primary-gradient: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);--secondary-gradient: linear-gradient(135deg, #00F2FE 0%, #4FACFE 100%);--accent-gradient: linear-gradient(135deg, #11FFBD 0%, #AAFFAB 100%);--text-main: #0f172a;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .8);--glass-highlight: rgba(255, 255, 255, .9);--font-heading: "Outfit", "Noto Sans TC", sans-serif;--font-body: "Noto Sans TC", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--bg-darker);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;position:relative;min-height:100vh}.logo-link{text-decoration:none;color:inherit}.legal-page{padding:140px 0 80px}.legal-card{padding:44px 40px}.legal-title{font-size:2.8rem;margin-bottom:10px}.legal-meta{color:var(--text-muted);font-size:.95rem;margin-bottom:24px}.legal-lead{color:var(--text-muted);font-size:1.05rem;margin-bottom:28px}.legal-card h2{font-size:1.35rem;margin-top:28px;margin-bottom:12px}.legal-card p,.legal-card li{color:var(--text-muted);font-size:1.02rem;line-height:1.85}.legal-card ul{padding-left:20px}.legal-card strong{color:var(--text-main)}.legal-contact{margin-top:12px}.bg-orb{position:absolute;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.5;animation:float 20s infinite ease-in-out alternate;pointer-events:none;contain:paint}.orb-1{width:600px;height:600px;background:var(--primary-gradient);top:-100px;left:-200px}.orb-2{width:500px;height:500px;background:var(--secondary-gradient);bottom:20%;right:-150px;animation-delay:-5s}.orb-3{width:400px;height:400px;background:var(--accent-gradient);top:40%;left:20%;opacity:.3;animation-delay:-10s}.glass-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0%,var(--bg-darker) 100%);opacity:.8;z-index:-1;pointer-events:none}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}h1,h2,h3{font-family:var(--font-heading);line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 24px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 10px 40px -10px #00000014}.btn{display:inline-block;padding:14px 28px;border-radius:12px;font-weight:700;font-family:var(--font-heading);text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;border:none;font-size:1rem}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b80;filter:brightness(1.1)}.btn-glow{position:relative;overflow:hidden}.btn-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);animation:shine 3s infinite}.btn-sm{padding:10px 20px;font-size:.875rem}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:1200px;z-index:100;border-radius:100px;padding:12px 0}.nav-container{display:flex;justify-content:space-between;align-items:center;min-width:0}.logo{font-size:1.5rem;font-weight:900;font-family:var(--font-heading);letter-spacing:-.5px;min-width:0}.logo-zh{font-size:.95rem;font-weight:800;font-family:var(--font-body);color:var(--text-muted);margin-left:10px;letter-spacing:-.2px;white-space:nowrap}.hero{padding:180px 0 0;min-height:80vh;display:flex;align-items:center}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.badge{display:inline-block;padding:6px 16px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff8e53;border-radius:100px;font-size:.875rem;font-weight:700;margin-bottom:24px}.hero-title{font-size:4rem;margin-bottom:24px;letter-spacing:-1px}.hero-subtitle{font-size:1.125rem;color:var(--text-muted);margin-bottom:40px;max-width:90%}.glass-form{display:flex;gap:12px;background:#ffffffb3;padding:8px;border-radius:16px;border:1px solid var(--glass-border);margin-bottom:16px;box-shadow:inset 0 2px 4px #00000005;transition:box-shadow .25s ease,border-color .25s ease}.glass-form:focus-within{border-color:#4facfe73;box-shadow:0 0 0 4px #4facfe24,inset 0 2px 4px #00000005}.glass-form input{flex:1;background:#ffffffe6;border:1px solid rgba(15,23,42,.1);border-radius:12px;padding:14px 16px;color:var(--text-main);font-size:1rem;font-family:var(--font-body);outline:none;box-shadow:inset 0 1px #ffffffbf;transition:box-shadow .25s ease,border-color .25s ease,background .25s ease}.glass-form input:focus{border-color:#ff6b6b73;box-shadow:0 0 0 4px #ff6b6b24,inset 0 1px #ffffffbf;background:#fffffffa}.glass-form input::placeholder{color:#64748b99}.cta-note{font-size:.875rem;color:var(--text-muted)}.cta-note strong{color:var(--text-main)}.form-message{padding:16px;border-radius:12px;background:#10b98124;border:1px solid rgba(16,185,129,.35);color:#064e3b;margin-bottom:16px;font-weight:700;box-shadow:inset 0 1px #fff9}.form-message.is-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#7f1d1d}.hidden{display:none!important}.hero-visual{position:relative;width:100%}.image-wrapper{padding:16px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;overflow:hidden}.image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:16px}.floating-slow{animation:float 6s ease-in-out infinite}.floating-fast{animation:float 4s ease-in-out infinite reverse}.stat-card-1{position:absolute;bottom:-20px;left:-40px;padding:16px 24px;display:flex;align-items:center;gap:16px}.stat-icon{font-size:2rem;background:var(--glass-highlight);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-text{display:flex;flex-direction:column}.stat-val{font-size:1.5rem;font-weight:900;font-family:var(--font-heading)}.stat-label{font-size:.75rem;color:var(--text-muted)}.features{padding:100px 0;position:relative}.social-proof{padding:40px 0 80px;position:relative}.social-proof-header{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;text-align:center;margin-top:40px}.social-proof-badge{display:inline-block;padding:10px 18px;border-radius:999px;background:#ff6b6b1f;border:1px solid rgba(255,107,107,.3);color:var(--text-main);font-weight:800;font-family:var(--font-heading);letter-spacing:-.2px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.social-proof-badge strong{font-weight:900}.social-proof-title{margin-top:18px;font-size:2.2rem}.social-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{padding:32px 28px;text-align:left;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.testimonial-card:hover{transform:translateY(-8px);background:#ffffffe6;box-shadow:0 15px 45px -10px #0000001a}.testimonial-card blockquote{font-size:1.1rem;font-weight:600;color:var(--text-main);line-height:1.7}.testimonial-card figcaption{margin-top:16px;color:var(--text-muted);font-weight:700}.section-title{text-align:center;font-size:3rem;margin-bottom:80px}.section-cta{text-align:center;margin-top:40px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{padding:40px 32px;text-align:left;transition:transform .3s ease,background .3s ease}.feature-card:hover{transform:translateY(-10px);background:#ffffffe6;box-shadow:0 15px 45px -10px #0000001a}.feature-icon{font-size:3rem;margin-bottom:24px;display:inline-block;padding:16px;background:var(--glass-highlight);border-radius:16px}.feature-card h3{font-size:1.5rem;margin-bottom:16px}.feature-card p{color:var(--text-muted)}.app-preview{padding:100px 0 150px}.preview-container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.preview-visual{position:relative}.app-mockup{width:100%;border-radius:24px;box-shadow:0 20px 50px #00000026;border:1px solid var(--glass-border);position:relative;z-index:2}.glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:var(--accent-gradient);filter:blur(80px);z-index:1;opacity:.5;pointer-events:none;contain:paint}.preview-content h2{font-size:3rem;margin-bottom:24px}.preview-content p{color:var(--text-muted);font-size:1.125rem;margin-bottom:32px}.check-list{list-style:none}.check-list li{font-size:1.125rem;margin-bottom:16px;display:flex;align-items:center;gap:12px;font-weight:500}.footer-panel{margin:0 24px 24px;padding:40px 0 20px;border-radius:32px}.footer-container{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;border-bottom:1px solid var(--glass-border);margin-bottom:24px}.footer-links a{color:var(--text-muted);text-decoration:none;margin-left:24px;transition:color .3s ease}.footer-links a:hover{color:var(--primary-gradient)}.footer-bottom text-align{color:var(--text-muted);font-size:.875rem}.footer-bottom p{text-align:center}.faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.faq-item{background:#fff6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.faq-item:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 15px 35px -5px #ff6b6b26;background:#ffffffb3;border-color:#ff6b6b4d}.faq-item[open]{background:#ffffffd9;border-color:#ff6b6b80;box-shadow:0 20px 40px -10px #ff6b6b33}.faq-item summary{font-size:1.25rem;font-weight:700;color:var(--text-main);padding:28px 32px;cursor:pointer;list-style:none;position:relative;outline:none;display:flex;align-items:center;justify-content:space-between;transition:color .3s ease}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:2rem;font-weight:300;color:#ff6b6b;transition:transform .4s cubic-bezier(.16,1,.3,1),color .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ff6b6b1a}.faq-item:hover summary:after{background:var(--primary-gradient);color:#fff;transform:scale(1.1)}.faq-item[open] summary:after{transform:rotate(45deg);background:var(--primary-gradient);color:#fff}.faq-item[open] summary{color:#ff6b6b}.faq-body{padding:0 32px 32px;color:var(--text-muted);font-size:1.1rem;line-height:1.7;animation:slideDown .4s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top;opacity:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}#confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes shine{0%{left:-50%}to{left:150%}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s cubic-bezier(.16,1,.3,1)}.slide-in-right{transform:translate(50px)}.slide-in-left{transform:translate(-50px)}.animate-on-scroll.is-visible{opacity:1;transform:translate(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}@media (max-width: 992px){.hero-container,.preview-container{grid-template-columns:1fr;text-align:center}.logo-zh{display:none}.hero-title{font-size:3rem}.hero-subtitle{margin:0 auto 32px}.glass-form{flex-direction:column}.stat-card-1{left:50%;transform:translate(-50%);bottom:-30px}.features-grid,.social-proof-grid{grid-template-columns:1fr}.social-proof{padding:24px 0 72px}.social-proof-title{font-size:1.9rem}.footer-container{flex-direction:column;gap:24px}.footer-links a{margin:0 12px}.legal-page{padding:120px 0 72px}.legal-card{padding:32px 22px}.legal-title{font-size:2.2rem}.slide-in-right,.slide-in-left{transform:translateY(30px)}}