@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;800&display=swap";:root{--bg: #f3f6f4;--paper: #ffffff;--ink: #1f2a22;--muted: #4a564f;--line: #d7e9dc;--brand: #0f7a39;--brand-strong: #084c21;--shadow: 0 24px 60px rgba(19, 40, 28, .12);--fs-auth-brand: 13px;--fs-auth-title: 28px;--fs-auth-body: 16px;font-family:Noto Sans TC,Segoe UI,sans-serif;color:var(--ink);background-color:var(--bg)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#f3f6f4;color:var(--ink)}.landing-page{position:relative;padding:24px 14px 40px;overflow:hidden}.top-nav{width:min(1120px,100%);margin:0 auto;padding:2px clamp(18px,4vw,44px) 8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.top-nav-brand{font-size:13px;font-weight:800;letter-spacing:.14em;color:#0f7a39;text-decoration:none}.top-nav-links{display:flex;align-items:center;gap:6px}.top-nav-links a{font-size:14px;color:#355245;text-decoration:none;border:1px solid transparent;border-radius:999px;padding:6px 11px}.hero{width:min(1120px,100%);margin:0 auto 8px;padding:32px clamp(18px,4vw,44px)}.hero h1{margin:14px 0 8px;line-height:1.2;font-size:clamp(24px,4.2vw,36px);letter-spacing:-.01em;color:#1f2a22}.hero p{margin:0;max-width:980px;font-size:clamp(14px,2.1vw,18px);line-height:1.8;color:var(--muted)}.shots-section{width:min(1120px,100%);margin:0 auto;padding:18px 0 24px}.site-footer{width:min(1120px,100%);margin:6px auto 0;padding:14px clamp(18px,4vw,44px) 10px;text-align:center;color:#6b7280;font-size:13px;line-height:1.6}.store-cta{width:min(1120px,100%);margin:8px auto 0;padding:8px clamp(18px,4vw,44px) 0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.store-badge{display:inline-flex;align-items:center;justify-content:center;width:188px;height:58px;gap:10px;padding:0 14px 0 12px;border-radius:12px;border:1px solid #111111;background:#111;text-decoration:none}.store-badge-icon{width:24px;text-align:center;color:#fff;font-size:24px;line-height:1;flex:0 0 24px}.store-badge-icon-play{font-size:16px}.store-badge-copy{display:flex;flex-direction:column;line-height:1.1;gap:2px}.store-badge-sub{color:#ffffffdb;font-size:10px;letter-spacing:.05em;font-weight:500}.store-badge-main{color:#fff;font-size:18px;font-weight:700;letter-spacing:.01em}.section-head{padding:0 clamp(18px,4vw,44px)}.section-head h2{margin:0;font-size:clamp(22px,4vw,32px);letter-spacing:-.01em}.section-head p{margin:6px 0 0;font-size:14px;color:var(--muted)}.shots-marquee{margin-top:14px;padding:10px 0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,black 7%,black 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 7%,black 93%,transparent 100%)}.shots-track{display:flex;gap:14px;width:max-content;animation:screenshots-marquee 28s linear infinite;padding:0 14px}.shots-marquee:hover .shots-track{animation-play-state:paused}.shot-item{width:clamp(190px,21vw,250px);aspect-ratio:9 / 19.5;border-radius:18px;overflow:hidden;border:1px solid rgba(8,76,33,.12);background:#f7fbf8;box-shadow:none;flex:0 0 auto}.shot-image{width:100%;height:100%;object-fit:cover;display:block}.shot-placeholder{width:100%;height:100%;padding:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;color:#46614f;font-size:12px;line-height:1.5}.shot-placeholder strong{color:#1f3a28;font-size:14px}.bg-orb{display:none}@keyframes screenshots-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 7px))}}@keyframes verify-spin{to{transform:rotate(360deg)}}@keyframes reset-spin{to{transform:rotate(360deg)}}@media(max-width:720px){.landing-page{padding-top:14px}.top-nav{flex-direction:column;align-items:flex-start;gap:8px}.top-nav-links{flex-wrap:wrap}.store-cta{padding-top:2px}.shot-item{width:clamp(170px,56vw,210px)}.shots-track{gap:10px;padding:0 10px;animation-duration:24s}}