@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";:root{--bg: #fbf7ef;--surface: #ffffff;--surface-warm: #eef7ed;--fg: #1f2a24;--fg-2: #435147;--muted: #788276;--meta: #2f8f46;--border: #dbe3d7;--border-soft: #edf1ea;--accent: #2f8f46;--accent-on: #ffffff;--accent-hover: color-mix(in oklab, var(--accent), black 8%);--accent-active: color-mix(in oklab, var(--accent), black 14%);--success: #16a34a;--warn: #d97706;--danger: #dc2626;--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: 34px;--text-3xl: 48px;--text-4xl: 66px;--leading-body: 1.56;--leading-tight: 1.08;--tracking-display: -.02em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--section-y-desktop: 96px;--section-y-tablet: 68px;--section-y-phone: 48px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--radius-pill: 9999px;--elev-flat: none;--elev-ring: 0 0 0 1px var(--border);--elev-raised: 0 20px 48px rgba(31, 42, 36, .11);--focus-ring: 0 0 0 4px rgba(47, 143, 70, .24);--motion-fast: .16s;--motion-base: .24s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--container-max: 1160px;--container-gutter-desktop: 36px;--container-gutter-tablet: 24px;--container-gutter-phone: 16px;--accent-soft: #eef7ed}*,*: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,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}.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{color:var(--meta);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lead{color:var(--fg-2);font-size:var(--text-lg);line-height:var(--leading-body);max-width:640px}.stack>*+*{margin-block-start:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font:700 var(--text-sm) / 1 var(--font-body);color:inherit;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:var(--elev-raised)}.btn-primary:active{background:var(--accent-active);transform:translateY(0)}.btn-secondary{background:var(--surface);color:var(--fg);border-color:var(--border);box-shadow:var(--elev-ring)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-raised);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--border-soft)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--border-soft)}.metric{padding:var(--space-5);border-right:1px solid var(--border-soft)}.metric:last-child{border-right:0}.metric strong{display:block;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);color:var(--fg)}.metric span{color:var(--muted);font-size:var(--text-sm)}@media(max-width:639px){.metric-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--border-soft)}.metric:last-child{border-bottom:0}}.status{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--meta);font:700 var(--text-xs) / 1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.status:before{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--success);content:"";flex-shrink:0}.tile{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard)}.tile:hover{box-shadow:var(--elev-raised);transform:translateY(-2px)}.mini-card{padding:var(--space-5);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-warm)}.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 input:focus,.field textarea:focus,.field select:focus{outline:none;box-shadow:var(--focus-ring);border-color:var(--accent)}.field textarea{min-height:120px;resize:vertical}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard)}.card:hover{box-shadow:var(--elev-raised);transform:translateY(-3px)}.js-reveal .reveal{opacity:0;transform:translateY(16px);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{opacity:1;transform:none}}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;line-height:1;font-size:inherit}