:root{--ink: #171614;--surface: #201e1b;--surface2: #26241f;--paper: #ede7da;--stone: #8b857a;--ochre: #c8912f;--hair: rgba(237, 231, 218, .13);--serif: "Noto Serif TC", "Songti TC", "Source Han Serif TC", "PMingLiU", "MingLiU", serif;--sans: "Noto Sans TC", "PingFang TC", "Source Han Sans TC", "Microsoft JhengHei", "Microsoft JhengHei UI", sans-serif;--mono: "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--gutter: clamp(20px, 5vw, 104px);--aside: clamp(180px, 20vw, 340px);--col-gap: clamp(32px, 5vw, 112px)}*{box-sizing:border-box}[hidden]{display:none!important}html{overflow-x:clip;background:var(--ink);color-scheme:dark;-webkit-text-size-adjust:100%;scrollbar-gutter:stable;scrollbar-color:#3d3a34 var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:400;font-size:16px;line-height:1.9}::selection{background:var(--ochre);color:var(--ink)}:focus-visible{outline:2px solid var(--ochre);outline-offset:3px;border-radius:2px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p,ul,ol{margin:0}.shell{padding:0 var(--gutter);min-height:100vh;display:flex;flex-direction:column}@media(min-width:1024px){.l-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--col-gap);align-items:end}.l-head>.eyebrow,.l-head>.page-title{grid-column:1}.l-head>:not(.eyebrow):not(.page-title){grid-column:2}.l-head>.page-title{font-size:clamp(40px,4.2vw,72px);line-height:1.25}.l-sec{display:grid;grid-template-columns:var(--aside) minmax(0,1fr);column-gap:var(--col-gap)}.l-sec>*{grid-column:2;min-width:0}.l-sec>:is(a,button,.cta,.cta--ghost){justify-self:start}.l-sec>.eyebrow,.l-sec>.sec-label,.l-sec>.l-aside{grid-column:1;grid-row:1 / span 40;align-self:start;position:sticky;top:40px;margin:0;padding-top:4px}}main{flex:1}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:26px 0 22px;border-bottom:1px solid var(--hair)}.top-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;font-size:16px;letter-spacing:.18em}.top-brand svg{flex:none;transition:transform .3s}.top-brand:hover svg{transform:translate(2px)}.top-nav{display:flex;gap:clamp(16px,4vw,28px);font-size:13.5px}.top-nav a{color:var(--stone);letter-spacing:.1em;transition:color .2s}.top-nav a:hover,.top-nav a[aria-current=page]{color:var(--paper)}.k{font-family:var(--mono);font-size:12px;color:var(--stone);letter-spacing:.14em}.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.32em;color:var(--ochre);text-transform:uppercase;margin:0 0 14px}.page-title{font-family:var(--serif);font-weight:900;font-size:clamp(28px,5.6vw,40px);line-height:1.35;letter-spacing:.06em;text-wrap:balance}.lede{color:var(--stone);font-size:15.5px;max-width:32em;margin-top:16px}.sec{margin-top:clamp(56px,10vh,88px)}.rows{border-bottom:1px solid var(--hair)}.row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 2px;border-top:1px solid var(--hair)}.row-main{min-width:0;flex:1}.row-ic{flex:none;display:flex;color:var(--stone);transition:color .2s}a.row:hover .row-ic{color:var(--paper)}.row-label{display:block;font-weight:500;font-size:15.5px;line-height:1.6}.row-sub{display:block;font-family:var(--mono);font-size:11px;color:var(--stone);letter-spacing:.14em;margin-top:3px}.row .arr{font-family:var(--mono);font-size:14px;color:var(--stone);flex:none;transition:transform .2s,color .2s}a.row:hover .arr{color:var(--ochre);transform:translate(2px,-2px)}.card{display:block;background:var(--surface);border:1px solid var(--hair);border-radius:4px;transition:border-color .2s,background .2s}a.card:hover{border-color:#ede7da47;background:var(--surface2)}.cta{display:inline-block;background:var(--ochre);color:var(--ink);font-family:var(--serif);font-weight:700;font-size:17px;letter-spacing:.22em;padding:15px 42px 15px 46px;border-radius:2px;transition:filter .2s,transform .2s}.cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.cta--ghost{display:inline-block;border:1px solid var(--hair);color:var(--stone);font-family:var(--mono);font-size:12.5px;letter-spacing:.18em;padding:13px 26px;border-radius:2px}a.cta--ghost:hover{color:var(--paper);border-color:#ede7da47}.endcard{margin-top:clamp(96px,16vh,160px);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.endcard svg{margin-bottom:6px}.endcard-name{font-family:var(--serif);font-weight:700;font-size:19px;letter-spacing:.3em;padding-left:.3em}.endcard-handle{font-size:11px;letter-spacing:.4em;padding-left:.4em}.endcard+.foot{margin-top:clamp(48px,9vh,72px)}.foot{margin-top:clamp(72px,14vh,120px);border-top:1px solid var(--hair);padding:36px 0 44px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px 24px}.foot .k{font-size:11px;letter-spacing:.3em}.foot a:hover{color:var(--paper)}.prose{font-size:16px;line-height:2.05}.prose>*+*{margin-top:1.5em}.prose h2{font-family:var(--serif);font-weight:700;font-size:22px;letter-spacing:.06em;line-height:1.5;margin-top:2.6em}.prose h3{font-family:var(--serif);font-weight:700;font-size:17.5px;letter-spacing:.05em;margin-top:2.2em}.prose a{color:var(--ochre);border-bottom:1px solid rgba(200,145,47,.35)}.prose strong{font-weight:700;color:var(--paper)}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.4em}.prose blockquote{margin-left:0;margin-right:0;padding:2px 0 2px 20px;border-left:2px solid var(--hair);color:var(--stone)}.prose img{border-radius:4px;margin:2em auto}.prose hr{border:none;border-top:1px solid var(--hair);margin:3em 0}.prose code{font-family:var(--mono);font-size:.88em;background:var(--surface);border:1px solid var(--hair);border-radius:3px;padding:1px 6px}.prose pre{background:var(--surface);border:1px solid var(--hair);border-radius:4px;padding:18px 20px;overflow-x:auto}.prose pre code{background:none;border:none;padding:0}.prose table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.8;display:block;overflow-x:auto}.prose th{font-weight:500;text-align:left;color:var(--stone);font-family:var(--mono);font-size:12px;letter-spacing:.1em}.prose th,.prose td{border-bottom:1px solid var(--hair);padding:9px 18px 9px 2px;white-space:nowrap}.prose td:last-child,.prose th:last-child{padding-right:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
