@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;700&display=swap";:root{--bg: #f5f8ff;--surface: #ffffff;--surface-warm: #eaf1ff;--fg: #101828;--fg-2: #344054;--muted: #667085;--meta: #203A7F;--border: #d7e0ef;--border-soft: #edf2f8;--accent: #203A7F;--accent-on: #ffffff;--accent-hover: color-mix(in oklab, var(--accent), black 8%);--accent-active: color-mix(in oklab, var(--accent), black 14%);--accent-soft: rgba(32, 58, 127, .1);--success: #16a34a;--warn: #f59e0b;--danger: #ef4444;--font-display: Inter, "Noto Sans TC", system-ui, sans-serif;--font-body: Inter, "Noto Sans TC", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 36px;--text-3xl: 54px;--text-4xl: 72px;--leading-body: 1.6;--leading-tight: 1.1;--tracking-display: -.025em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--section-y-desktop: 96px;--section-y-tablet: 68px;--section-y-phone: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 9999px;--elev-flat: none;--elev-ring: 0 0 0 1px var(--border);--elev-raised: 0 20px 52px rgba(16, 24, 40, .11);--elev-card: 0 4px 20px rgba(16, 24, 40, .07);--focus-ring: 0 0 0 4px rgba(32, 58, 127, .22);--motion-fast: .15s;--motion-base: .24s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--container-max: 1180px;--container-gutter-desktop: 36px;--container-gutter-tablet: 24px;--container-gutter-phone: 16px;--nav-h: 68px;--header-bg: #0A1D42;--header-border: rgba(255, 255, 255, .1);--header-fg: rgba(255, 255, 255, .92);--header-fg-muted: rgba(255, 255, 255, .6)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}p,ul,ol{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-gutter-phone)}@media(min-width:640px){.container{padding-inline:var(--container-gutter-tablet)}}@media(min-width:1024px){.container{padding-inline:var(--container-gutter-desktop)}}.section{padding-block:var(--section-y-phone)}@media(min-width:640px){.section{padding-block:var(--section-y-tablet)}}@media(min-width:1024px){.section{padding-block:var(--section-y-desktop)}}.eyebrow{display:inline-block;color:var(--meta);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-block-end:var(--space-3)}.section-title{font-size:1.75rem;font-weight:700;color:var(--fg);margin-block-end:var(--space-4)}@media(min-width:768px){.section-title{font-size:2.25rem}}.section-lead{color:var(--fg-2);font-size:var(--text-lg);max-width:600px;line-height:1.65}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-6);border:1px solid transparent;border-radius:var(--radius-md);font:700 var(--text-sm) / 1 var(--font-body);text-decoration:none;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary{background:var(--accent);color:var(--accent-on)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb4d}.btn-primary:active{background:var(--accent-active);transform:translateY(0)}.btn-outline{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-outline:hover{background:var(--accent-soft);transform:translateY(-1px)}.btn-ghost{background:var(--surface);color:var(--fg);border-color:var(--border);box-shadow:var(--elev-ring)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-card);overflow:hidden;transition:transform var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard)}.card:hover{transform:translateY(-4px);box-shadow:var(--elev-raised)}.js-reveal .reveal{opacity:0;transform:translateY(24px);transition:opacity var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard)}.js-reveal .reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js-reveal .reveal,.js-reveal .reveal.is-visible{opacity:1;transform:none;transition:none}}.field{display:grid;gap:var(--space-2)}.field label{color:var(--fg-2);font-size:var(--text-sm);font-weight:700}.field input,.field textarea,.field select{width:100%;min-height:46px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font:inherit;font-size:var(--text-base);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.divider{width:48px;height:3px;background:var(--accent);border-radius:var(--radius-pill);margin-block:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em}.spec-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--border)}.spec-table{width:100%;min-width:560px;border-collapse:collapse;font-size:var(--text-sm)}.spec-table th{background:var(--surface-warm);color:var(--fg-2);font-weight:700;text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap}.spec-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-soft);color:var(--fg)}.spec-table tr:last-child td{border-bottom:none}.spec-table tr:hover td{background:var(--surface-warm)}
