@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:radial-gradient(circle at 16% 12%,rgba(15,122,57,.08),transparent 38%),radial-gradient(circle at 82% 20%,rgba(0,146,27,.12),transparent 34%),linear-gradient(180deg,#f3f6f4,#eef2ee);color:var(--ink)}.landing-page{position:relative;padding:24px 14px 40px;overflow:hidden}.hero{width:min(1120px,100%);margin:0 auto 8px;padding:32px clamp(18px,4vw,44px)}.hero-topline{display:inline-flex;border-radius:999px;padding:5px 12px;border:1px solid #d7e9dc;color:var(--brand);background:#f6fbf7;letter-spacing:.1em;font-size:11px;font-weight:800}.hero h1{margin:14px 0 8px;line-height:1.2;font-size:clamp(28px,5.5vw,44px);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}.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:0 10px 20px #084c2114;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{position:absolute;border-radius:999px;pointer-events:none}.bg-orb-a{width:320px;height:320px;top:-140px;left:-120px;background:radial-gradient(circle,rgba(15,122,57,.16),transparent 64%)}.bg-orb-b{width:380px;height:380px;right:-170px;bottom:80px;background:radial-gradient(circle,rgba(121,190,153,.22),transparent 62%)}@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}.shot-item{width:clamp(170px,56vw,210px)}.shots-track{gap:10px;padding:0 10px;animation-duration:24s}}