:root{--blue:#0ea5e9;--link:#0369a1;--orange:#f97316;--ink:#020617;--text:#0f172a;--mute:#475569;--bg:#f8fafc;--line:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:72px}html:has(dialog[open]){overflow:hidden}body{font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,sans-serif;color:var(--text);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased}img{display:block}a{color:inherit}ul,ol{list-style:none}h1,h2,.sub,.quote{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}h2{font-size:clamp(1.55rem,3.6vw,2.4rem);line-height:1.3;font-weight:800;letter-spacing:-.01em;margin-bottom:12px}h3{font-size:1.15rem;line-height:1.4}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}section{padding:44px 20px}.w{max-width:1080px;margin:0 auto}.alt{background:var(--bg)}.dk{background:var(--ink);color:#fff}.nb{white-space:nowrap}.lead{color:var(--mute);font-size:1.05rem}.eyebrow{display:block;margin-bottom:6px;font-size:.9rem;font-weight:700;letter-spacing:.08em;color:var(--link)}.dk .eyebrow{color:#7dd3fc}.dk .lead{color:#cbd5e1}@media(min-width:768px){section{padding:88px 32px}}header{position:fixed;inset:0 0 auto;z-index:50;height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;background:linear-gradient(#020617bf,#02061700);transition:background .2s}header.on{color:var(--text);background:#fffffff2;backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--line)}.logo{position:relative;display:flex;align-items:center;gap:9px;padding:12px 0;font-weight:800;font-size:1.05rem;letter-spacing:.06em;text-decoration:none;white-space:nowrap}.logo img{flex:none;width:30px;height:30px;border-radius:7px}.logo span{position:relative}.logo span:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:linear-gradient(90deg,var(--blue),var(--orange))}header nav{display:flex;font-size:.8rem}header nav a{display:flex;align-items:center;min-height:44px;padding:0 6px;text-decoration:none;white-space:nowrap;opacity:.9}header nav a:hover,header nav a[aria-current]{opacity:1;text-decoration:underline}header nav a[aria-current]{font-weight:800}header .hbtn{display:none}@media(min-width:768px){header{padding:0 32px;gap:24px}header nav{font-size:.95rem;gap:12px;margin-left:auto}header nav a{padding:0 8px}header .hbtn{display:inline-flex;min-height:44px;padding:0 20px;font-size:.95rem}}@media(max-width:359px){header nav{font-size:.72rem}header nav a{padding:0 4px}.logo{font-size:.95rem}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 32px;border:0;border-radius:9999px;background:var(--orange);color:var(--ink);font:inherit;font-size:1.1rem;font-weight:800;text-decoration:none;cursor:pointer;transition:background .15s}.btn:hover{background:#fb923c}.cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px}.cta small{font-size:.9rem;color:var(--mute)}.dk .cta small,.dk .pilot{color:#94a3b8}@media(max-width:767px){.cta .btn{align-self:stretch}}.pilot{font-size:.8rem;line-height:1.5;color:var(--mute)}.pilot span{display:block}.lk{display:inline-flex;align-items:center;min-height:44px;color:var(--link);font-weight:700;text-decoration:underline;text-underline-offset:3px}.list li{position:relative;padding-left:22px;margin-top:10px}.list li:first-child{margin-top:0}.list li:before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--blue)}.dk .list li{color:#e2e8f0}.frame{position:relative;display:flex;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--ink);box-shadow:0 20px 50px #02061759}.frame video{flex:1;width:0;height:auto;object-fit:cover}.tag{position:absolute;top:10px;right:10px;z-index:2;pointer-events:none;padding:3px 10px;border-radius:9999px;font-size:.75rem;line-height:1.5;letter-spacing:.06em;color:#fff;background:#020617a6;border:1px solid rgba(255,255,255,.25)}.tag.l{left:10px;right:auto}.cover{position:absolute;inset:0;z-index:1;display:grid;place-items:end center;padding-bottom:10px;border:0;background:#02061726;cursor:pointer}.cover .ico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ffffffeb;transition:transform .15s}.cover:hover .ico{transform:scale(1.06)}.cover svg{width:22px;height:22px;margin-left:3px}.sound{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#020617a6;backdrop-filter:blur(6px);cursor:pointer}.sound:hover{background:#020617d9}.sound[aria-pressed=true]{background:var(--link);border-color:#7dd3fc}.sound svg{display:none;width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sound .s-off,.sound[aria-pressed=true] .s-on,.sound[data-end] .s-re{display:block}.sound[aria-pressed=true] .s-off,.sound[data-end] .s-off,.sound[data-end] .s-on{display:none}details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:10px}summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 18px;font-weight:700;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";flex:none;font-size:1.4rem;line-height:1;color:var(--link)}details[open] summary:after{content:"\ff0d"}.ans{padding:0 18px 18px;color:var(--mute)}.ans p+p{margin-top:6px}.ans .lab{margin-top:12px;font-weight:700;color:var(--text)}.ans .lab:first-child{margin-top:0}.ans .pilot{margin-top:12px}.ans .list{margin-top:6px}footer{background:var(--ink);color:#94a3b8;padding:24px 20px 84px;font-size:.9rem}footer .w{display:grid;gap:12px}footer b{display:block;margin-bottom:6px;font-size:1.05rem;color:#fff}footer a{text-underline-offset:3px}.fl{display:flex;flex-wrap:wrap;gap:0 20px}footer .w a{display:inline-flex;align-items:center;min-height:44px}@media(min-width:768px){footer{padding:56px 32px}footer .w{grid-template-columns:1fr auto;align-items:start}footer .cp{grid-column:1/-1}}.bar{display:none}@media(max-width:767px){.bar{position:fixed;inset:auto 0 0;z-index:40;display:flex;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#020617f5}.bar .btn{flex:1;min-height:48px;padding:0 12px;font-size:1rem}.bar a{flex:none;display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:1px solid #475569;border-radius:9999px;color:#fff;font-weight:700;text-decoration:none}}dialog{margin:auto;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:20px;color:var(--text)}dialog::backdrop{background:#020617b8}.in{position:relative;padding:24px}.x{position:absolute;top:6px;right:6px;width:44px;height:44px;border:0;background:none;font-size:1.7rem;line-height:1;color:var(--mute);cursor:pointer}dialog h2{font-size:1.4rem;margin:8px 36px 4px 0}dialog .sub{font-size:.9rem;color:var(--mute)}#f{display:flex;flex-direction:column}label{display:flex;flex-direction:column;margin:14px 0 0;font-weight:700}input{min-height:48px;margin-top:6px;padding:0 14px;font:inherit;font-size:1rem;font-weight:400;border:1px solid #cbd5e1;border-radius:12px}input:focus-visible{outline:2px solid var(--blue);outline-offset:1px}#go{margin-top:22px}#err{margin:12px 0 0;font-size:.9rem;color:#b91c1c}.agree{margin-top:12px;font-size:.8rem;color:var(--mute);text-align:center}.agree a{color:inherit;text-underline-offset:3px}#ok{margin:14px 0 4px;padding:16px;border-radius:12px;background:#e0f2fe;color:#075985;font-weight:700}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}p{max-width:42em;text-wrap:pretty}.sec p+p{margin-top:16px}.big{font-size:clamp(1.15rem,2vw,1.35rem);color:var(--mute)}.two,.three{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}@media(min-width:768px){.two{grid-template-columns:1fr 1fr;gap:40px}.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.box h3{margin-bottom:10px}.hero{background:var(--ink);color:#f1f5f9;padding:84px 20px 48px}.hero-grid{max-width:1180px;margin:0 auto;display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(1.9rem,4.6vw,3.1rem);line-height:1.25;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.sub{font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.6;color:#e2e8f0}.hero .frame{border:1px solid rgba(255,255,255,.12)}.hero-body{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.hero-body .cta{margin-top:0}.ticks{display:flex;flex-wrap:wrap;gap:4px 22px;font-weight:600}.ticks li:before{content:"\2713";margin-right:6px;font-weight:800;color:#38bdf8}.cond{font-size:1.1rem;font-weight:700}.cond small{display:block;margin-top:4px;font-size:.9rem;font-weight:400;color:#cbd5e1}@media(max-width:1023px){.hero-body .pilot{order:-1}.hero .frame{max-width:max(320px,calc((100svh - 330px) * 16 / 9))}}@media(min-width:1024px){.hero{padding:96px 32px 80px}.hero-grid{grid-template-columns:5fr 7fr;column-gap:48px;row-gap:20px;grid-template-areas:"head reel" "body reel"}.hero-head{grid-area:head;align-self:end}.hero .frame{grid-area:reel;align-self:center}.hero-body{grid-area:body;align-self:start}}.quote{border-left:4px solid var(--orange);margin-top:36px;padding:6px 0 6px 22px;max-width:30em;font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:700;line-height:1.5}.kb{align-self:start;border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px}.kb .ktag{display:inline-block;margin-bottom:12px;padding:2px 10px;border-radius:9999px;font-size:.75rem;font-weight:700;color:var(--link);background:#e0f2fe}.kb-keys{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px}.kb-keys span{display:grid;place-items:center;min-height:56px;padding:4px 6px;border:2px solid;border-radius:12px;font-size:.85rem;font-weight:700;line-height:1.35;text-align:center;word-break:keep-all}.kb-keys span:nth-child(1){color:#b91c1c;border-color:#fca5a5;background:#fef2f2}.kb-keys span:nth-child(2){color:#15803d;border-color:#86efac;background:#f0fdf4}.kb-keys span:nth-child(3){color:#475569;border-color:#cbd5e1;background:#f1f5f9}@media(min-width:768px){.kb-keys span{font-size:1rem}}.dk p{color:#e2e8f0}.legend{margin-top:28px;font-size:1.05rem;font-weight:600}.dot{display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:50%;vertical-align:-1px}.dot.g{background:#22c55e}.dot.o{background:var(--orange)}.dot.r{background:#ef4444}.shots{display:grid;gap:16px;margin:20px 0 22px;grid-template-columns:minmax(0,1fr)}@media(min-width:768px){.shots{grid-template-columns:repeat(3,minmax(0,1fr))}}.shot{position:relative;display:flex;border:1px solid rgba(255,255,255,.15);border-radius:14px;overflow:hidden}.shot img{flex:1;width:0;height:auto}.warn{margin-top:28px;font-size:1.2rem;font-weight:700;color:#fff}.steps{display:grid;gap:22px;grid-template-columns:minmax(0,1fr);max-width:640px;margin-top:28px}.steps li{position:relative;padding-left:64px;min-height:44px}.steps .ic{position:absolute;left:0;top:0;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0284c7;border:2px solid #0284c7}.steps .ic svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.steps li:nth-child(n+5) .ic{background:#fff}.steps li:nth-child(n+5) .ic svg{stroke:#0284c7}.steps li:not(:last-child):after{content:"";position:absolute;left:21px;top:48px;bottom:-20px;border-left:2px solid #7dd3fc}.steps li:nth-child(4):after{border-left-style:dashed}.steps h3{margin-bottom:4px}.steps p{color:var(--mute)}.steps p+p{margin-top:6px}@media(min-width:1024px){.steps{max-width:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.steps li{padding:56px 0 0}.steps li:not(:last-child):after{inset:21px -16px auto 52px;border-left:0;border-top:2px solid #7dd3fc}.steps li:nth-child(4):after{border-top-style:dashed}.steps p{font-size:.95rem}}.buy{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opt{display:grid;place-items:center;min-height:72px;border-radius:16px;background:var(--bg);font-size:1.4rem;font-weight:800}.base{background:linear-gradient(160deg,#0b2a4a,var(--ink))}.base p{max-width:26em;font-size:clamp(1.3rem,3vw,2.1rem);font-weight:700;line-height:1.5;color:#fff}.base p+p{margin-top:4px}.base p:last-child{margin-top:20px;color:#fdba74}.closing{text-align:center}.closing .list{display:inline-block;margin:20px 0 8px;text-align:left}.closing .cta{align-items:center;margin-top:24px}.tel{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:1.25rem;font-weight:700;color:#fff;text-underline-offset:4px}