:root{--paper:#e6e5e0;--fg:#1d1d1b;--muted:#5f5e58;--line:#d6d4cc;--font-body:"Inter", "Noto Sans TC", -apple-system, "Helvetica Neue", Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0)}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid currentColor;outline-offset:3px}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 24px 0}.name{font-size:15px;font-weight:600;letter-spacing:.01em}.nav{display:flex;gap:32px;font-size:14px;font-weight:500}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:32px}.nav a:hover{opacity:.6}.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}.label{display:flex;align-items:baseline;gap:10px;margin:0;padding-inline:56px;font-size:11px;font-weight:500;letter-spacing:.24em;color:var(--muted)}.label .sep{opacity:.5;letter-spacing:0}@media (max-width:1000px){.label{padding-inline:32px}}@media (max-width:760px){.top{padding-inline:16px}.nav,.nav ul{gap:20px}.label{padding-inline:20px}}.footer-a{padding-block:120px 0}.footer-a .label{margin-bottom:64px;padding-top:80px}.fa-form{display:grid;max-width:720px;padding-inline:56px}.fa-field{display:grid;gap:14px;padding-block:26px 0;border-bottom:1px solid #bdbbb4}.fa-field label,.fa-file-label{font-size:13px;letter-spacing:.08em;color:var(--fg)}.fa-field label sup{font-size:9px;color:var(--muted);margin-left:4px;vertical-align:6px}.fa-field input,.fa-field textarea{width:100%;border:0;background:0 0;color:var(--fg);font:400 15px/1.7 var(--font-body);padding:0 0 12px;outline:0;border-radius:0}.fa-field textarea{min-height:180px;resize:vertical}.fa-field:focus-within{border-bottom-color:var(--fg)}.fa-field.invalid{border-bottom-color:#a1463c}.fa-err{font-size:11px;color:#a1463c;letter-spacing:.04em;min-height:0;margin:-6px 0 10px}.fa-err:empty{display:none}.fa-file{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:baseline;gap:12px;padding-block:26px;border-bottom:1px solid #bdbbb4}.fa-file input{position:absolute;width:1px;height:1px;opacity:0}.fa-upload{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;cursor:pointer;letter-spacing:.04em;overflow-wrap:anywhere}.fa-file input:focus-visible+.fa-upload{outline:1px solid var(--fg);outline-offset:4px}.fa-bot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0}.fa-count{margin:-4px 0 10px;font-size:10px;color:var(--muted);text-align:right;letter-spacing:.06em;font-variant-numeric:tabular-nums}.fa-send:disabled{opacity:.55;cursor:default}.fa-status.ok{color:var(--fg)}.fa-status.bad{color:#a1463c}.fa-notes{list-style:none;margin:48px 0 0;padding:0;display:grid;gap:8px;font-size:12px;color:var(--muted);letter-spacing:.04em}.fa-notes li::before{content:"*";margin-right:8px}.fa-send{justify-self:start;margin-top:56px;width:260px;max-width:100%;height:56px;border:0;border-radius:3px;background:#4a4a48;color:#f4f3ef;font:400 14px/1 var(--font-body);letter-spacing:.12em;cursor:pointer;transition:background .4s ease}.fa-send:hover{background:#2d2d2b}.fa-send:focus-visible{outline:1px solid var(--fg);outline-offset:4px}.fa-status{margin:20px 0 0;font-size:12px;color:var(--muted);letter-spacing:.04em}.fa-status:empty{display:none}.fa-bottom-unused{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:120px;padding:28px 56px calc(28px + env(safe-area-inset-bottom,0));font-size:11px;letter-spacing:.12em;color:var(--muted)}.fa-bottom-unused a:hover{color:var(--fg)}@media (max-width:1000px){.fa-form{padding-inline:32px}.fa-bottom-unused{padding-inline:32px}}@media (max-width:760px){.footer-a .label{padding-top:56px;margin-bottom:32px}.fa-form,.fa-bottom-unused{padding-inline:20px}.fa-file{grid-template-columns:1fr}.fa-send{width:100%}.fa-bottom-unused{margin-top:80px}}@media (max-width:760px){.footer-a{padding-block:72px 0}}.site-footer{--ft-bg:#b3bec1;--ft-fg:#1f2e36;--ft-muted:#4b5b63;--ft-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;background:linear-gradient(180deg,var(--paper, #e6e5e0)0,color-mix(in srgb,var(--paper, #e6e5e0) 55%,var(--ft-bg)) 90px,var(--ft-bg) 260px,var(--ft-bg) 100%);background-color:var(--ft-bg);color:var(--ft-fg);font-family:"Inter","Noto Sans TC",-apple-system,"Helvetica Neue",Arial,sans-serif}.ft-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px 64px;padding:180px 56px 0}.ft-name{margin:0;font-size:clamp(40px,5.2vw,76px);font-weight:600;letter-spacing:-.035em;line-height:.95}.ft-name a:hover{opacity:.75}.ft-cols{display:grid;grid-template-columns:repeat(2,minmax(150px,auto));gap:32px 96px}.ft-col h3{margin:0 0 22px;font:400 11px/1 var(--ft-mono);letter-spacing:.2em;color:var(--ft-muted)}.ft-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.ft-col a{font-size:19px;letter-spacing:-.005em;display:inline-flex;align-items:center;gap:6px;transition:opacity .3s ease}.ft-col a:hover{opacity:.55}.ft-col a .ext{font-size:.8em;transform:translateY(-1px)}.ft-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:88px 56px 34px;font:400 11px/1.4 var(--ft-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ft-muted)}.ft-meta a:hover{color:var(--ft-fg)}.ft-meta .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:12px;vertical-align:1px}.ft-photo{margin:0;overflow:hidden;aspect-ratio:2576/825;max-width:100%;background:#6f8691}.ft-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:60%center}.ft-photo{position:relative}.ft-photo::before{content:"";position:absolute;inset:0 0 auto 0;height:38%;z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--ft-bg) 0%,color-mix(in srgb,var(--ft-bg) 70%,transparent) 30%,color-mix(in srgb,var(--ft-bg) 25%,transparent) 70%,transparent 100%)}.site-footer{position:relative}.ft-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;background:0 0;padding:0 56px calc(24px + env(safe-area-inset-bottom,0));color:#a6c1cd;text-shadow:none}.ft-meta a:hover{color:#d6e4ea}.ft-photo{margin-top:88px}.site-footer a:focus-visible{outline:1px solid var(--ft-fg);outline-offset:4px}@media (max-width:1000px){.ft-top{grid-template-columns:1fr;padding-inline:32px}.ft-meta{padding-left:32px;padding-right:32px}}@media (max-width:760px){.ft-top{padding:120px 20px 0;gap:40px}.ft-cols{grid-template-columns:1fr 1fr;gap:28px 24px}.ft-col a{font-size:17px}.ft-meta{padding:0 20px calc(18px + env(safe-area-inset-bottom,0));flex-direction:column;align-items:flex-start;gap:6px}.ft-photo{margin-top:56px}.ft-photo{aspect-ratio:4/3}}.footer-a{display:grid;grid-template-columns:minmax(0,832px) minmax(0,1fr);align-items:start}.footer-a>.label{grid-column:1;grid-row:1}.footer-a>.fa-form{grid-column:1;grid-row:2}.fa-photo{grid-column:2;grid-row:1/span 2;justify-self:center;position:sticky;top:48px;margin:80px 32px 120px;width:min(calc(100% - 64px),400px)}.fa-photo img{display:block;width:100%;height:auto;max-height:calc(100vh - 120px);object-fit:contain;object-position:center top}@media (max-width:1000px){.footer-a{grid-template-columns:minmax(0,1fr) minmax(0,300px)}.fa-photo{margin:56px 16px 96px;width:min(calc(100% - 32px),300px)}}@media (max-width:760px){.footer-a{display:block}.fa-photo{position:static;width:auto;margin:0 20px 72px}.fa-photo img{max-height:none;width:100%}}@media (max-width:760px){.site-footer{display:flex;flex-direction:column}.ft-top{order:0}.ft-meta{order:1;position:static;padding:48px 20px 0;color:var(--ft-muted)}.ft-meta a:hover{color:var(--ft-fg)}.ft-photo{order:2;margin-top:28px}}.top,.nav,.nav ul{align-items:baseline}@media (min-width:761px){.top .name{font-size:18px}.top .nav{font-size:16px}}img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#fa-form{padding-bottom:120px}.ft-name{font-size:16px;font-weight:600;letter-spacing:.01em;line-height:1.2}.ft-col h3{font-size:16px;margin-bottom:14px}.ft-col a{font-size:16px}.ft-col ul{gap:8px}.ft-cols{gap:24px 72px}@media (max-width:760px){.ft-name,.ft-col h3,.ft-col a{font-size:14px}}.ft-cols{grid-template-columns:repeat(2,max-content);gap:24px 48px;justify-content:end}@media (max-width:1000px){.ft-cols{justify-content:start}}@media (max-width:760px){.ft-cols{grid-template-columns:repeat(2,max-content);gap:24px 40px}}