:root{--brand:#008cc9;--blue:#006b9b;--ink:#102c3c;--muted:#526875;--line:#dce8ef;--tint:#edf8fd;--paper:#fff}body{font-family:"Segoe UI","Noto Sans TC","Microsoft JhengHei",Arial,sans-serif}html{scroll-padding-top:2rem}.preview-bar{background:#e9f6fd;color:#145570;text-align:center;font-size:14px;padding:.5rem 1rem;border-top:5px solid var(--brand)}header,main,footer{max-width:1280px}header{padding-block:1.3rem;gap:2rem}.wordmark{color:var(--ink);font-size:1.85rem;letter-spacing:.02em;border-inline-start:5px solid var(--brand);padding-inline-start:.65rem}.wordmark span{font-size:12px;letter-spacing:.15em}nav{display:flex;gap:1.6rem;align-items:center;margin-inline-start:auto}nav a{font-size:14px;text-decoration:none;font-weight:600}nav a:hover{color:var(--blue)}.language{font-size:12px}.language select{border-radius:99px;border-color:var(--line);color:var(--blue);font-size:14px}.eyebrow{font-size:14px;color:var(--blue);letter-spacing:.09em}.product-hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:1.6rem;padding:3.7rem 0 2.7rem}.product-hero h1{font-size:clamp(2.6rem,4.8vw,4.65rem);line-height:1.12;letter-spacing:-.03em;margin:1rem 0 1.6rem;white-space:pre-line;color:#123e54}.hero-note{font-size:1.1rem;max-width:390px;color:var(--muted);line-height:1.9}.actions{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap}.button{background:var(--blue);border-radius:99px;font-family:inherit;font-size:16px;font-weight:650;line-height:1.4;padding:.9rem 1.3rem;min-height:48px}.button:hover{background:#005b84;filter:none}.text-link{font-size:15px;font-weight:600;color:var(--blue);text-decoration:none}.text-link:hover{text-decoration:underline}.hero-small{font-size:14px;color:var(--muted);margin-top:1.6rem}.product-hero figure{margin:0;background:var(--brand);border-radius:1rem;overflow:hidden}.product-hero img{width:100%;height:auto;display:block;object-fit:contain}.product-hero figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1.2rem;background:var(--brand);color:#082838;font-size:14px;font-weight:650}.brand-strip{display:flex;gap:2rem;justify-content:space-between;padding:1.3rem 0;border-block:1px solid var(--line);color:var(--muted);font-size:15px}.brand-strip a{color:var(--blue)}.subscriptions{padding:4.5rem 0}.section-heading{display:flex;gap:2rem;align-items:end;justify-content:space-between;margin-bottom:1.8rem}.section-heading h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.4;margin:.5rem 0}.section-heading>p{max-width:290px;color:var(--muted);font-size:16px}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.plan{position:relative;border:1px solid var(--line);border-radius:.9rem;background:#fff;padding:1.7rem 1.3rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:start;color:var(--ink);font:16px/1.5 inherit;cursor:pointer;min-width:0}.plan-name{font-size:20px;font-weight:700}.price{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:700;letter-spacing:-.04em;margin-top:.5rem;white-space:nowrap}.plan-rule{width:100%;height:1px;background:var(--line);margin:.6rem 0}.plan>span:not(.price):not(.plan-name){font-size:15px}.select-plan{color:var(--blue);font-weight:650;margin-top:.8rem}.plan[aria-pressed=true]{background:var(--tint);border:2px solid var(--brand);padding:calc(1.7rem - 1px) calc(1.3rem - 1px)}.plan[aria-pressed=true] .select-plan{background:var(--brand);color:#082838;padding:.35rem .75rem;border-radius:99px}.plan-summary{display:flex;justify-content:space-between;align-items:center;gap:2.5rem;background:#f5fafd;border-radius:1rem;padding:1.7rem 2rem;margin-top:1.2rem;border-left:4px solid var(--brand)}.plan-summary h3{font-size:20px;margin:.35rem 0 .7rem}.plan-summary p{max-width:720px;font-size:15px;margin:.4rem 0}.summary-actions{flex-shrink:0;display:grid;text-align:center;gap:.85rem}.community-panel{padding:3rem;display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem;background:#edf8fd;border-radius:1.2rem;border-top:5px solid var(--brand)}.community-panel h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.4;white-space:pre-line}.community-panel>div>p{color:var(--muted)}.community-panel .text-link{display:block;margin-top:1rem}.community-topics>div+div{border-top:1px solid #c6e3f2;padding-top:1.4rem;margin-top:1.5rem}.community-topics span{font-size:14px;color:var(--blue)}.community-topics h3{font-size:20px;margin:.5rem 0}.community-topics a{display:block;font-size:15px;margin-top:.65rem;text-decoration:none}.community-topics a:hover{color:var(--blue);text-decoration:underline}.community-topics p{font-size:15px;margin-bottom:0}.inquiry{margin:4.5rem 0;gap:3rem}.form-intro h2{font-size:2.15rem;line-height:1.4}.inquiry .button{border-radius:99px}input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{outline-color:var(--brand)}.fields label{font-size:15px}footer{border-top:3px solid var(--brand);font-size:14px}.guide-page h1{font-size:2.7rem}.guide-page a{color:var(--blue)}.guide-page article{border-top:2px solid var(--brand)}@media(max-width:1050px){header{flex-wrap:wrap;gap:1rem}nav{order:3;width:100%;margin:0;justify-content:space-between}.language{margin-inline-start:auto}.product-hero{grid-template-columns:1fr 1.1fr}.plan-grid{grid-template-columns:repeat(2,1fr)}.community-panel{padding:2rem;gap:2rem}.plan-summary{align-items:start}.section-heading{align-items:start;flex-direction:column;gap:0}.section-heading>p{max-width:none;margin:.3rem 0}}@media(max-width:740px){header,main,footer{padding-inline:1.2rem}.product-hero{grid-template-columns:1fr;padding-top:2rem;gap:1.5rem}.product-hero h1{font-size:3rem}.hero-note{max-width:none}.product-hero figure{grid-row:2}.brand-strip{flex-direction:column;gap:.55rem;font-size:14px}.subscriptions{padding:3rem 0}.plan-grid{gap:.7rem}.plan{padding:1.2rem 1rem}.plan[aria-pressed=true]{padding:calc(1.2rem - 1px) calc(1rem - 1px)}.price{font-size:1.7rem}.plan-name{font-size:18px}.plan-summary,.community-panel{display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem}.summary-actions{width:100%}.inquiry{grid-template-columns:1fr;gap:1.6rem}.community-topics{width:100%}nav{gap:1rem;flex-wrap:wrap;justify-content:flex-start}.community-panel .button{margin-bottom:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[dir=rtl] .plan-summary{border-left:0;border-right:4px solid var(--brand)}
:root .trap{position:absolute;left:auto;right:auto;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
