:root{color-scheme:dark;--bg:#0d0b14;--surface:#15121e;--text:#f4f0e9;--muted:#bdb5cc;--gold:#f3bd69;--line:#39323f}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}a:hover{color:var(--gold)}.site{max-width:1200px;margin:auto;padding:0 56px}.skip{position:absolute;top:-100px;left:16px;background:var(--text);color:var(--bg);padding:12px;z-index:2}.skip:focus{top:16px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:120px;border-bottom:1px solid var(--line)}.wordmark{font-size:17px;letter-spacing:2px;line-height:1.3;padding:12px 0}.wordmark span{display:block;font-size:10px;letter-spacing:4px;color:var(--muted);margin-top:6px}nav a,.text-link{display:inline-flex;gap:20px;align-items:center;min-height:48px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);margin:0 0 32px}.hero{padding:90px 0 60px}.hero h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(52px,7.8vw,100px);font-weight:400;letter-spacing:-3px;line-height:1.2;margin:0 0 44px}.gold{color:var(--gold)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.hero-bottom p{color:var(--muted);margin:0;font-size:17px}.text-link{border-bottom:1px solid var(--gold);padding:8px 0}.project{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface);margin:20px 0 64px;scroll-margin-top:24px}.project-copy{padding:48px}.project h2{font-family:Georgia,serif;font-size:58px;font-weight:400;line-height:1.2;margin:0 0 24px}.project .eyebrow{margin-bottom:24px}.project-copy>p:not(.eyebrow){color:var(--muted)}.project-copy .lead{color:var(--text)!important;font-size:20px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tags span{border:1px solid var(--line);border-radius:100px;padding:5px 12px;font-size:12px;color:var(--muted)}.tags .status{color:var(--gold);border-color:#876b43}.release-note{font-size:13px;margin-top:24px}.editorial{background:radial-gradient(ellipse at 90% 20%,#553327 0,transparent 65%),#211921;padding:48px;display:flex;flex-direction:column;justify-content:space-between;min-height:440px;border-left:1px solid var(--line)}.chapter{font-size:10px;letter-spacing:2px;color:var(--gold)}.editorial p{font-family:Georgia,serif;font-size:clamp(36px,4.2vw,58px);line-height:1.15;margin:36px 0}.editorial em{color:var(--gold);font-weight:400}.notice{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;margin:0 0 64px}.notice h2{font-size:22px;font-weight:400;margin:0}.notice p{color:var(--muted);margin:0;font-size:14px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
@media(max-width:760px){.site{padding:0 24px}header{min-height:100px}.hero{padding:60px 0 36px}.hero h1{letter-spacing:-2px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:20px}.hero-bottom p{font-size:16px}.project{grid-template-columns:1fr;margin-bottom:40px}.project-copy{padding:32px}.editorial{min-height:280px;padding:32px;border-left:0;border-top:1px solid var(--line)}.editorial p{font-size:42px}.notice{grid-template-columns:1fr;gap:16px;margin-bottom:40px}footer{flex-direction:column;gap:8px}.wordmark{font-size:13px;letter-spacing:1.5px}nav a{font-size:13px;gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}