:root{--red:#b3111f;--red-deep:#8a0c17;--red-ink:#b3111f;--bg:#fff;--surface:#f5f3f3;--line:#e4dfdf;--ink:#1d1a1a;--muted:#6a6262;--on-red:#fff;--focus:#1d5fd1;--font-hand:"Kalam", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", cursive;--font-sans:"Figtree", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;--step--1:.875rem;--step-0:1.0625rem;--step-1:1.33rem;--step-2:1.66rem;--step-3:clamp(1.9rem, 1.4rem + 2vw, 2.6rem);--step-4:clamp(2.4rem, 1.6rem + 3.6vw, 4rem);--gutter:clamp(16px, 4vw, 40px);--max:1160px;--radius-icon:22%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#161414;--surface:#211e1e;--line:#363131;--ink:#f3efef;--muted:#b1a8a8;--red-ink:#ff6b74;--focus:#7fb0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#161414;--surface:#211e1e;--line:#363131;--ink:#f3efef;--muted:#b1a8a8;--red-ink:#ff6b74;--focus:#7fb0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);margin:0;line-height:1.65;overflow-x:hidden}img,svg{max-width:100%;height:auto;display:block}a{color:var(--red-ink);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}h1,h2,h3{text-wrap:balance;margin:0 0 .5em;line-height:1.2}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{text-wrap:pretty;margin:0 0 1em}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.measure{max-width:68ch}.hand{font-family:var(--font-hand);font-weight:700}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--ink);color:var(--bg);z-index:100;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.btn{border:2px solid var(--red);background:var(--red);min-height:44px;color:var(--on-red);font:600 var(--step-0) / 1 var(--font-sans);cursor:pointer;border-radius:999px;align-items:center;gap:.5em;padding:.55em 1.2em;text-decoration:none;display:inline-flex}.btn:hover{background:var(--red-deep);border-color:var(--red-deep)}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.ghost:hover{border-color:var(--ink)}.status{font-size:var(--step--1);white-space:nowrap;border:1.5px solid;border-radius:999px;padding:.1em .65em;font-weight:600;display:inline-block}.status-dev{color:var(--muted)}.status-beta{color:#b26a00}.status-live{color:#1d7a3a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .status-beta{color:#f0a640}:root:not([data-theme=light]) .status-live{color:#5fcf85}}.field{gap:6px;margin-bottom:16px;display:grid}.field label{font-weight:600;font-size:var(--step--1)}input[type=text],input[type=email],input[type=url],input[type=number],input[type=datetime-local],select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:10px;padding:.6em .8em}textarea{resize:vertical;min-height:9em}input:focus,select:focus,textarea:focus{border-color:var(--ink);outline:none}.notice{background:color-mix(in srgb, var(--red) 7%, var(--bg));border:1px solid color-mix(in srgb, var(--red) 25%, var(--bg));border-radius:10px;padding:12px 16px}.prose{max-width:70ch}.prose h2{font-size:var(--step-2);margin-top:1.8em}.prose h3{margin-top:1.5em}.prose img{border-radius:12px;margin:1.5em 0}.prose table{border-collapse:collapse;width:100%;font-size:var(--step--1);margin:1em 0}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px}.prose code{background:var(--surface);border-radius:4px;padding:.1em .35em;font-size:.92em}.prose blockquote{border-left:3px solid var(--red);color:var(--muted);margin:1.5em 0;padding-left:1em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}