:root{--canvas:#fdf8f0;--surface:#f6ecda;--ink:#8a4b16;--ink-soft:#a05a1c;--ink-mute:#96601f;--warm-900:#40372e;--warm-700:#5e5347;--warm-500:#7a6e5e;--warm-300:#dcc9a8;--rule:#e7dac2;--track-1:#1f7a70;--track-2:#6d4aa8;--track-3:#b4436c;--track-4:#46762c;--track-5:#2b6cb0;--shadow:0 1px 2px #7a542212, 0 10px 28px #7a542214;--glow:radial-gradient(120% 46% at 50% -8%, #ffcd7a52 0%, #ffd69624 42%, #ffd69600 72%);--font-body:"Noto Serif TC","Songti TC","Source Han Serif TC",Georgia,serif;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color-scheme:light}:root[data-theme=dark]{--canvas:#211c17;--surface:#2c251d;--ink:#f0b562;--ink-soft:#e7a94f;--ink-mute:#dda75a;--warm-900:#f0e6d6;--warm-700:#c9bba4;--warm-500:#a89a84;--warm-300:#6d6250;--rule:#3d352c;--track-1:#4fd1c5;--track-2:#b794f4;--track-3:#f687b3;--track-4:#9ae6b4;--track-5:#90cdf4;--shadow:0 1px 2px #00000073, 0 10px 28px #00000052;--glow:radial-gradient(120% 46% at 50% -8%, #ffb05429 0%, #ffb05412 42%, #ffb05400 72%);color-scheme:dark}:root[data-theme=light]{--canvas:#fdf8f0;--surface:#f6ecda;--ink:#8a4b16;--ink-soft:#a05a1c;--ink-mute:#96601f;--warm-900:#40372e;--warm-700:#5e5347;--warm-500:#7a6e5e;--warm-300:#dcc9a8;--rule:#e7dac2;--track-1:#1f7a70;--track-2:#6d4aa8;--track-3:#b4436c;--track-4:#46762c;--track-5:#2b6cb0;--shadow:0 1px 2px #7a542212, 0 10px 28px #7a542214;--glow:radial-gradient(120% 46% at 50% -8%, #ffcd7a52 0%, #ffd69624 42%, #ffd69600 72%);color-scheme:light}*{box-sizing:border-box}body{background-color:var(--canvas);background-image:var(--glow);color:var(--warm-900);font-family:var(--font-body);letter-spacing:.01em;-webkit-font-smoothing:antialiased;background-repeat:no-repeat;background-size:100% 34rem;margin:0;font-size:1.0625rem;line-height:1.85}.wrap{max-width:60rem;margin:0 auto;padding:0 1.5rem}@media (width<=46rem){.wrap{padding:0 1.35rem}}a{color:var(--ink);text-underline-offset:.25em}img{max-width:100%;height:auto}.head{padding-top:2rem}.head__inner{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.brand{font-family:var(--font-ui);letter-spacing:.06em;color:var(--ink);margin:0;font-size:1.4rem;font-weight:800}.brand a{color:inherit;text-decoration:none}.nav{font-family:var(--font-ui);gap:1.2rem;font-size:.875rem;display:flex}.nav a{color:var(--warm-700);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.hero--noimg{grid-template-columns:1fr}.hero--noimg>div{max-width:44rem}.hero--noimg .hero__lines .big{font-size:3rem}@media (width<=52rem){.hero--noimg .hero__lines .big{font-size:2.1rem}}.hero{grid-template-columns:1fr 15rem;align-items:center;gap:3rem;padding-top:3.5rem;padding-bottom:3rem;display:grid}.hero__lines{margin:0;font-size:1.45rem;line-height:1.7}.hero__lines span{display:block}.hero__lines .big{color:var(--ink);letter-spacing:.02em;margin-bottom:.9rem;font-size:2.6rem;font-weight:700;line-height:1.25}.hero__punch{color:var(--ink);font-weight:700}.hero__now{font-family:var(--font-ui);color:var(--warm-700);border-left:3px solid var(--ink);margin:1.8rem 0 0;padding-left:.85rem;font-size:.9375rem}.portrait{position:relative}.portrait__frame{aspect-ratio:4/5;box-shadow:var(--shadow);background:var(--surface);border:2px dashed var(--warm-300);border-radius:14px;justify-content:center;align-items:center;display:flex;overflow:hidden}.portrait__hint{font-family:var(--font-ui);color:var(--warm-500);text-align:center;padding:1rem;font-size:.8125rem;line-height:1.7}.portrait svg{opacity:.5;width:3.2rem;height:3.2rem;margin:0 auto .5rem;display:block}@media (width<=52rem){.hero{grid-template-columns:1fr;gap:1.6rem;padding-top:2.2rem;padding-bottom:2rem}.portrait{order:-1;max-width:9rem}.hero__lines .big{font-size:2.1rem}.hero__lines{font-size:1.2rem}}.sec-head{border-bottom:2px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:1rem;margin:0 0 1.5rem;padding-bottom:.6rem;display:flex}.sec-head h2{color:var(--ink);letter-spacing:.02em;margin:0;font-size:1.5rem}.sec-head p{font-family:var(--font-ui);color:var(--warm-500);margin:0;font-size:.875rem}.works{padding-top:1rem;padding-bottom:3.5rem}.grid{grid-template-columns:repeat(2,1fr);gap:1.1rem;display:grid}@media (width<=46rem){.grid{grid-template-columns:1fr}}.card{background:var(--surface);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;padding:1.4rem 1.5rem 1.5rem;transition:transform .18s;display:flex;position:relative;overflow:hidden}.card:hover{transform:translateY(-2px)}.card:before{content:"";background:var(--accent);width:5px;position:absolute;top:0;bottom:0;left:0}.card__top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.15rem;display:flex}.card__title{color:var(--warm-900);margin:0;font-size:1.2rem;font-weight:700}.card__kind{font-family:var(--font-ui);color:var(--warm-700);margin:0 0 .6rem;font-size:.75rem}.card__desc{color:var(--warm-700);flex:1;margin:0;font-size:.9375rem;line-height:1.75}.card__more{font-family:var(--font-ui);margin:.9rem 0 0;padding-top:.2rem;font-size:.8125rem}.card__more a{color:var(--ink);font-weight:600;text-decoration:none}.card__more a:hover{text-decoration:underline}.chip{font-family:var(--font-ui);letter-spacing:.04em;white-space:nowrap;color:var(--warm-900);background:var(--canvas);border:1px solid var(--rule);border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .6rem;font-size:.6875rem;font-weight:700;display:inline-flex}.chip:before{content:"";background:var(--accent);border-radius:50%;width:.42rem;height:.42rem}.back{font-family:var(--font-ui);margin:2rem 0 0;font-size:.8125rem}.back a{color:var(--warm-700);text-decoration:none}.back a:hover{color:var(--ink)}.work-head{border-bottom:2px solid var(--rule);padding-top:.75rem;padding-bottom:2rem}.work-head__top{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.work-head h1{color:var(--ink);letter-spacing:.02em;margin:0;font-size:2.2rem;line-height:1.3}.work-head__kind{font-family:var(--font-ui);color:var(--warm-700);margin:.5rem 0 0;font-size:.9375rem}.work-head__rule{background:var(--accent);border-radius:3px;width:3.5rem;height:5px;margin:1.1rem 0 0}.work-body{grid-template-columns:1fr 15rem;align-items:start;gap:3rem;padding-top:2.2rem;padding-bottom:3rem;display:grid}@media (width<=52rem){.work-body{grid-template-columns:1fr;gap:2rem}}.work-body h2{color:var(--ink);border-left:4px solid var(--ink);border-radius:2px;margin:2.2rem 0 .5rem;padding-left:.8rem;font-size:1.2rem}.work-body h2:first-child{margin-top:0}.work-body p{margin:.8rem 0}.blank{color:var(--warm-700);font-family:var(--font-ui);background:var(--surface);border-left:3px dashed var(--warm-300);border-radius:0 6px 6px 0;padding:.7rem 1rem;font-size:.9375rem}.facts{background:var(--surface);box-shadow:var(--shadow);font-family:var(--font-ui);border-radius:12px;padding:1.2rem 1.3rem;font-size:.875rem;position:sticky;top:1.5rem}.facts dl{gap:.85rem;margin:0;display:grid}.facts dt{letter-spacing:.14em;color:var(--ink);font-size:.6875rem;font-weight:700}.facts dd{color:var(--warm-700);word-break:break-word;margin:.15rem 0 0;line-height:1.7}@media (width<=52rem){.facts{position:static}}.work-nav{border-top:1px solid var(--rule);font-family:var(--font-ui);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.4rem;padding-bottom:1rem;font-size:.875rem;display:flex}.work-nav a{text-decoration:none}.work-nav a:hover{text-decoration:underline}.contact{background:var(--warm-900);color:var(--canvas);padding:3rem 0}:root[data-theme=dark] .contact{background:var(--surface);color:var(--warm-900)}.contact h2{color:inherit;margin:0 0 .4rem;font-size:1.5rem}.contact__lede{font-family:var(--font-ui);opacity:.8;margin:0 0 1.6rem;font-size:.9375rem}.contact__rows{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=46rem){.contact__rows{grid-template-columns:1fr}}.crow{text-align:left;width:100%;font:inherit;cursor:pointer;color:inherit;background:#ffffff12;border:0;border-radius:10px;align-items:center;gap:.9rem;padding:.9rem 1.1rem;text-decoration:none;display:flex}:root[data-theme=dark] .crow{background:#0000002e}.crow:hover{background:#ffffff21}:root[data-theme=dark] .crow:hover{background:#00000047}.crow svg{opacity:.85;flex:none;width:1.3rem;height:1.3rem}.crow b{font-family:var(--font-ui);letter-spacing:.12em;opacity:.75;font-size:.75rem;font-weight:600;display:block}.crow span{font-family:var(--font-ui);word-break:break-all;font-size:.9375rem}.foot{font-family:var(--font-ui);color:var(--warm-500);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;padding-top:2rem;padding-bottom:3rem;font-size:.8125rem;display:flex}.foot a{color:var(--warm-700)}.theme-toggle{font:inherit;font-family:var(--font-ui);border:1px solid var(--rule);background:var(--surface);color:var(--warm-700);cursor:pointer;border-radius:999px;padding:.2rem .75rem;font-size:.8125rem}.theme-toggle:hover{color:var(--ink);border-color:var(--warm-500)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{background:var(--surface);z-index:10;border-radius:3px;padding:.5rem .75rem;top:1rem;left:1rem}.facts dd a{font-weight:600}