:root{--navy:#102f63;--navy-2:#173f79;--blue:#1c4d8e;--gold:#f5b832;--gold-2:#ffd66a;--ink:#15233d;--muted:#62718c;--page:#f2f5fa;--card:#fff;--line:#dce4ef;--success:#1b7a55;--warn:#9b6500;--shadow:0 18px 50px rgba(16,47,99,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--page);color:var(--ink);font-family:"Microsoft JhengHei UI","Noto Sans TC",system-ui,sans-serif;line-height:1.7}a{color:inherit}button,a{touch-action:manipulation}.site-header{height:76px;padding:0 max(24px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(16,47,99,.96);color:#fff;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(8,28,64,.14)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:800;font-size:18px}.brand img{width:46px;height:46px;border-radius:12px}.site-header nav{display:flex;align-items:center;gap:22px}.site-header nav a{text-decoration:none;font-size:15px;color:#e8effb}.site-header nav a:hover{color:#fff}.nav-cta{border:1px solid rgba(255,255,255,.38);padding:8px 15px;border-radius:9px}.menu-button{display:none;background:transparent;border:1px solid rgba(255,255,255,.45);border-radius:8px;color:#fff;padding:8px 12px}.hero{min-height:600px;background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.11) 0 170px,transparent 171px),radial-gradient(circle at 3% 84%,rgba(61,116,184,.26) 0 180px,transparent 181px),linear-gradient(135deg,#0c2858,#194884);color:#fff;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center;padding:88px max(28px,calc((100% - 1160px)/2))}.eyebrow,.section-label{font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}.hero h1{font-size:clamp(44px,6vw,74px);line-height:1.12;margin:14px 0 22px;letter-spacing:-.04em}.hero-lead{font-size:20px;max-width:720px;color:#e0e9f8}.hero-actions{display:flex;gap:12px;margin:30px 0 22px;flex-wrap:wrap}.hero-note{font-size:14px;color:#c8d6ec;max-width:700px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:10px;text-decoration:none;font-weight:800;transition:.18s ease;border:1px solid transparent;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#16233c;box-shadow:0 9px 24px rgba(245,184,50,.2)}.button-ghost{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.06)}.button-outline{border-color:#b8c6da;background:#fff;color:var(--navy)}.full{width:100%}.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:42px 34px;text-align:center;box-shadow:0 28px 60px rgba(3,20,52,.26)}.hero-card img{width:160px;height:160px;border-radius:32px;display:block;margin:0 auto 24px}.hero-card strong{font-size:24px;display:block}.hero-card span{display:block;color:#d6e1f4;margin-top:7px}.section{max-width:1160px;margin:0 auto;padding:86px 24px}.section h2{font-size:clamp(31px,4vw,46px);line-height:1.2;margin:8px 0 16px;letter-spacing:-.025em}.section-intro{max-width:760px;color:var(--muted);font-size:18px}.quick-start{margin-top:-52px;position:relative;background:#fff;border-radius:24px;padding:34px 38px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.4fr auto auto;gap:24px;align-items:center}.quick-start h2{font-size:30px;margin:4px 0 7px}.quick-start p{margin:0}.keyword-box{display:flex;align-items:center;gap:9px}.keyword-box code{background:#edf3fb;border:1px solid #d6e0ed;border-radius:8px;padding:7px 10px;color:var(--navy);font-family:inherit;font-weight:800}.keyword-box span{color:var(--muted);font-size:13px}.quick-start .small-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.download-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 12px 35px rgba(16,47,99,.06);position:relative}.download-card.recommended{border:2px solid var(--gold)}.download-card h3{font-size:25px;margin:16px 0 8px}.download-card p,.download-card li{color:#475773}.download-card ul{padding-left:20px;margin-bottom:24px}.card-tag{display:inline-flex;background:#fff0c8;color:#6d4a00;padding:4px 11px;border-radius:99px;font-weight:800;font-size:13px}.card-tag.muted{background:#edf1f7;color:#52627e}.checksum{margin-top:16px;color:var(--muted);font-size:13px}.checksum code{display:block;word-break:break-all;background:#f6f8fb;border-radius:8px;padding:10px;margin-top:8px;color:#364763}.warning{background:#fff7df;border:1px solid #f0d27e;border-radius:16px;padding:20px 24px;margin-top:24px;color:#5e4708}.warning strong{font-size:18px}.warning p{margin:5px 0 0}.system-section{max-width:none;background:#e9eff8}.system-section>*{max-width:1112px;margin-left:auto;margin-right:auto}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.spec-grid article{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(16,47,99,.05)}.spec-grid span,.spec-grid small{display:block;color:var(--muted)}.spec-grid strong{display:block;font-size:21px;margin:6px 0}.small-note{font-size:14px;color:var(--muted)}.steps{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}.steps article{display:grid;grid-template-columns:52px 1fr;gap:16px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(16,47,99,.05)}.steps article>span{width:48px;height:48px;background:linear-gradient(135deg,var(--gold-2),var(--gold));border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:19px}.steps h3{margin:0 0 4px;font-size:20px}.steps p{margin:0;color:#51617d}.video-section,.business-section{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;max-width:none;padding-left:max(24px,calc((100% - 1112px)/2));padding-right:max(24px,calc((100% - 1112px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.video-section p,.business-section p{color:#d9e4f5}.video-player{aspect-ratio:16/9;border:1px solid rgba(255,255,255,.22);border-radius:22px;overflow:hidden;background:#071936;box-shadow:0 18px 42px rgba(3,20,52,.28)}.video-player iframe{width:100%;height:100%;display:block;border:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.pricing-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;text-align:center}.pricing-grid article.popular{border:2px solid var(--gold);box-shadow:0 15px 35px rgba(245,184,50,.14)}.pricing-grid span,.pricing-grid small{display:block;color:var(--muted)}.pricing-grid strong{display:block;color:var(--navy);font-size:35px;margin:6px 0}.device-note,.payment-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 28px;margin-top:18px}.device-note h3,.payment-box h3{margin:0 0 5px}.device-note p,.payment-box p{margin:0;color:#51617d}.payment-box{display:flex;align-items:center;justify-content:space-between;gap:24px}.business-section{margin-top:40px}.business-section h2{margin-top:7px}.faq{display:grid;gap:12px;margin-top:30px}.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 22px}.faq summary{cursor:pointer;font-weight:800;font-size:17px;padding:18px 28px 18px 0;position:relative}.faq summary::after{content:"＋";position:absolute;right:0;color:var(--blue)}.faq details[open] summary::after{content:"－"}.faq details p{color:#50607c;margin:0 0 20px}.support-box{margin-top:24px;background:#eaf1fa;border-radius:16px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.support-box p{margin:0}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.status-grid article{background:#fff;border-radius:18px;padding:24px;border-left:5px solid var(--line)}.status-grid article.done{border-color:#45a77c}.status-grid article.progress{border-color:var(--gold)}.status-grid article.pending{border-color:#95a3ba}.status-grid span{font-size:13px;font-weight:900;color:var(--muted)}.status-grid h3{margin:5px 0}.status-grid p{margin:0;color:#596984}.legal-section{padding-top:34px}.legal-section h2{font-size:27px}.legal-section p{color:#5d6c85}footer{max-width:1160px;margin:0 auto;padding:34px 24px 48px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;color:var(--muted)}footer img{width:45px;height:45px;border-radius:11px}footer div{display:flex;flex-direction:column}footer strong{color:var(--ink)}footer a{margin-left:auto;color:var(--blue);font-weight:800;text-decoration:none}
.product-scope{display:inline-block;margin:0 0 8px;padding:4px 11px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#dce7f7;font-size:13px;font-weight:800}.pricing-section .section-intro{max-width:none}.pricing-grid small{line-height:1.45}.support-button,.button-line{white-space:nowrap;flex:0 0 auto}.button-line{background:#06c755;color:#fff;border-color:#06c755;box-shadow:0 9px 24px rgba(6,199,85,.18)}
.section-label{color:#9a6500}.video-section .section-label,.business-section .section-label{color:var(--gold-2)}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:20px 24px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-card{display:none}.quick-start{margin:24px;grid-template-columns:1fr}.quick-start .small-note{grid-column:auto}.download-grid,.steps,.pricing-grid,.status-grid,.video-section,.business-section{grid-template-columns:1fr}.spec-grid{grid-template-columns:1fr 1fr}.video-section,.business-section{gap:28px}.payment-box,.support-box{align-items:flex-start;flex-direction:column}}
@media(max-width:580px){.site-header{padding:0 16px}.brand span{font-size:15px}.hero{padding:58px 22px}.hero h1{font-size:43px}.hero-lead{font-size:17px}.hero-actions .button{width:100%}.section{padding:64px 18px}.quick-start{margin:18px;padding:25px 20px}.keyword-box{align-items:stretch;flex-direction:column;text-align:center}.spec-grid{grid-template-columns:1fr}.download-card{padding:23px}.steps{grid-template-columns:1fr}.steps article{grid-template-columns:42px 1fr}.steps article>span{width:40px;height:40px}.pricing-grid{grid-template-columns:1fr}.video-section,.business-section{padding-left:20px;padding-right:20px}.business-section .button{width:100%}.support-box .button,.payment-box .button{width:auto;max-width:100%}footer{align-items:flex-start;flex-wrap:wrap}footer a{width:100%;margin:8px 0 0}}