:root{--silk:#eee5d2;--paper:#f6f0e3;--ink:#292d27;--muted:#6c695e;--vermilion:#9e382c;--gold:#a5874c;--line:#bdb09666;--nav-height:78px;color-scheme:light;font-family:Arial,"PingFang TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--silk);line-height:1.85}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.35em}button{font:inherit;color:inherit;cursor:pointer}button[hidden],[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--vermilion);outline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:"Noto Serif TC","PMingLiU","MingLiU",Georgia,serif;font-weight:400;line-height:1.35}img{display:block;width:100%;height:auto}button{background:none;border:0}.eyebrow{font-size:.68rem;letter-spacing:.22em;color:var(--vermilion);margin-bottom:1.5rem}.skip-link{position:fixed;z-index:100;left:1rem;top:0;transform:translateY(-150%);background:var(--ink);color:var(--paper);padding:.65rem 1rem}.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.35rem 5vw;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:.85rem;align-items:center;text-decoration:none;font-family:"PMingLiU",serif;font-size:1.28rem;letter-spacing:.2em}.wordmark-seal{display:grid;place-items:center;width:2.15rem;height:2.5rem;border:1px solid var(--vermilion);color:var(--vermilion);font-size:1.6rem;line-height:1;letter-spacing:0}.wordmark small{display:block;font:normal .48rem/1.4 Arial,sans-serif;letter-spacing:.14em;margin-top:.45rem}.site-header nav{display:flex;align-items:center;gap:2rem;font-size:.72rem}.site-header nav a{text-decoration:none}.motion-toggle{font-size:.67rem;border:1px solid var(--line);padding:.35rem .6rem;white-space:nowrap}
.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;max-width:1500px;margin:0 auto;padding:4.5rem 8vw 5.5rem;min-height:calc(100svh - 93px)}.hero-copy{max-width:33rem}.hero h1{font-size:clamp(3.3rem,6.9vw,7.4rem);line-height:1.25;letter-spacing:-.015em}.hero h1 span{font-size:.78em;letter-spacing:.03em;white-space:nowrap}.hero-intro{font-family:"PMingLiU",serif;font-size:1.14rem;letter-spacing:.09em;line-height:1.85;margin-top:2rem}.hero-description{margin-top:1.3rem;font-size:.8rem;color:var(--muted);line-height:1.9}.hero-actions{display:flex;align-items:center;gap:1.7rem;margin-top:2.6rem}.primary-link{display:flex;align-items:center;justify-content:space-between;gap:2.3rem;padding:.7rem 0;border-bottom:1px solid var(--vermilion);text-decoration:none;color:var(--vermilion);font-size:.82rem}.primary-link span{font-size:1.4rem}.quiet-button,.image-fallback{font-size:.75rem;padding:.5rem 0;text-decoration:none;border-bottom:1px solid var(--line)}.skip-story{display:block;font-size:.66rem;width:fit-content;margin-top:1.2rem;color:var(--muted);text-decoration:none}.edition-note{font-size:.57rem;letter-spacing:.1em;line-height:1.8;color:var(--muted);margin-top:3rem}.hero-art{position:relative;width:100%;max-width:430px;margin:auto}.portrait-mat{padding:clamp(12px,1.5vw,23px);background:var(--paper);border:1px solid #c6b899;box-shadow:6px 13px 24px #57432416}.portrait-mat img{aspect-ratio:2/3;object-fit:cover}.hero-art figcaption{display:flex;justify-content:space-between;gap:1rem;font-size:.54rem;color:var(--muted);margin-top:1rem}.vertical-note{position:absolute;right:-2.9rem;top:5rem;writing-mode:vertical-rl;font-family:"PMingLiU",serif;font-size:.8rem;letter-spacing:.5em;color:var(--gold)}.hero-bottom-mark{position:absolute;left:3vw;bottom:3rem;font-size:.6rem;writing-mode:vertical-rl;letter-spacing:.18em;color:var(--gold)}
.process{position:relative;background:#e8ddc7;border-top:1px solid var(--line);isolation:isolate}.process-nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:78px;padding:1rem 5vw;background:#f1e8d7f7;border-bottom:1px solid #b1a38870;position:relative;z-index:20}.process-title{font-family:"PMingLiU",serif;letter-spacing:.1em;font-size:.82rem;text-decoration:none;white-space:nowrap}.process-nav ol{display:flex;gap:clamp(.8rem,2.4vw,2.5rem);padding:0;margin:0;list-style:none}.process-nav ol a{font-size:.77rem;display:flex;gap:.5rem;align-items:center;text-decoration:none;color:var(--muted);white-space:nowrap}.process-nav ol a>span{font-family:"PMingLiU",serif;font-size:.63rem;color:var(--gold);padding-right:.1rem}.process-nav ol a[aria-current="step"]{color:var(--vermilion)}.process-nav ol a[aria-current="step"]>span{color:var(--vermilion)}.process-tools{display:flex;gap:1.2rem;align-items:center;font-size:.68rem;white-space:nowrap}.process-tools>a{text-decoration:none}.process-tools .motion-toggle{border:0;padding:0;border-bottom:1px solid var(--line)}
.process-beat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center;padding:4.5rem 8vw;max-width:1500px;margin:auto;scroll-margin-top:var(--nav-height);position:relative}.static-study{width:100%;max-width:400px;margin:auto;position:relative}.static-study img,.silk-sheet{aspect-ratio:2/3;object-fit:cover;background:var(--silk);border:1px solid #b9a88780}.static-study figcaption{font-size:.65rem;color:var(--muted);margin-top:.8rem}.silk-sheet{display:grid;place-items:center;background:repeating-linear-gradient(0deg,#e9dfc8 0,#e9dfc8 3px,#e4dac32e 4px)}.silk-sheet span{font-family:"PMingLiU",serif;font-size:4rem;color:#b1a08066}.beat-copy{max-width:31rem}.beat-copy h3{font-size:clamp(2.1rem,3.3vw,3.8rem);letter-spacing:.01em}.beat-copy>p{font-size:.91rem;max-width:27rem;color:#514f46;margin-top:1.7rem;line-height:2.1}.beat-copy .beat-aside{font-size:.64rem;color:var(--muted);margin-top:2rem;padding-left:1rem;border-left:1px solid var(--gold)}.beat-end-actions{display:flex;align-items:center;gap:1.8rem;margin-top:2rem;font-size:.74rem}.beat-end-actions>a{text-decoration:none;border-bottom:1px solid var(--line)}
.seal-options{display:flex;gap:1rem;margin-top:1.4rem}.seal-options button{font-family:"DFKai-SB","KaiTi","PMingLiU",serif;font-size:1.8rem;display:grid;place-items:center;width:3.3rem;height:3.5rem;border:1px solid #aa635b80;color:var(--vermilion);line-height:1}.seal-options button[aria-pressed="true"]{background:var(--vermilion);color:var(--paper);outline:1px solid var(--paper);outline-offset:-5px}.beat-copy .seal-status{font-size:.66rem;margin-top:1rem;color:var(--vermilion)}.static-seal{position:absolute;left:9%;top:26%;display:grid;place-items:center;width:11.2%;aspect-ratio:1;font-size:clamp(20px,3vw,62px);line-height:1;font-family:"DFKai-SB","KaiTi",serif;border:2px solid var(--vermilion);color:var(--vermilion);transform:rotate(-5deg);outline:1px solid var(--vermilion);outline-offset:-6px}
body[data-motion="on"] .process{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
body[data-motion="on"] .process-nav{grid-area:1/1;align-self:start;position:sticky;top:0}
body[data-motion="on"] .process-stage{grid-area:2/1;align-self:start;position:sticky;top:var(--nav-height);height:calc(100svh - var(--nav-height));margin-bottom:0;z-index:1;overflow:hidden;background:radial-gradient(ellipse at 75% 48%,#f2eadb 0%,#e8ddc7 65%)}
body[data-motion="on"] .process-beats{grid-area:2/1;min-width:0;position:relative;z-index:2;pointer-events:none}
.canvas-shell{position:absolute;right:8vw;top:4%;height:88%;aspect-ratio:2/3;max-width:48vw;background:#e9dfc8;border:1px solid #ad9a79;box-shadow:5px 10px 22px #4e3d221f}.canvas-shell svg{display:block;width:100%;height:100%;overflow:visible}.canvas-shell figcaption{position:absolute;top:calc(100% + .55rem);left:0;right:0;display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.07em;color:#79715e}.studio-ruler{position:absolute;right:calc(8vw - 3rem);top:14%;height:63%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#a39478;font-family:"PMingLiU",serif;font-size:.7rem}.studio-ruler i{height:19%;width:1px;background:#b5a58560}.painting-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#b0a38935}.painting-progress span{display:block;width:0;height:100%;background:var(--vermilion)}.mobile-stage-caption{display:none}
body[data-motion="on"] .process-beat{display:flex;align-items:center;justify-content:flex-start;min-height:112svh;padding:10vh 8vw 14vh;z-index:2;pointer-events:none}
body[data-motion="on"] .process-beat .beat-copy{width:35vw;max-width:440px;padding:1.5rem 1rem 1.5rem 0;pointer-events:auto}
body[data-motion="on"] .process-beat .static-study{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.afterword{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:6rem 8vw 7rem;background:var(--paper);border-top:1px solid var(--line)}.afterword h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.5}.about-copy{max-width:35rem}.about-copy>p{font-size:.81rem;color:var(--muted);margin-bottom:1.5rem;line-height:2}.about-copy details{padding:1.1rem 0;border-top:1px solid var(--line);font-size:.77rem}.about-copy details p{font-size:.76rem;color:var(--muted);margin-top:.8rem}.about-copy summary{cursor:pointer}footer{padding:2.2rem 5vw;display:flex;justify-content:space-between;align-items:center;gap:2rem;font-size:.66rem;border-top:1px solid var(--line)}footer .footer-title{font-family:"PMingLiU",serif;font-size:1.2rem;letter-spacing:.15em;text-decoration:none}footer p{color:var(--muted)}footer>a:last-child{text-decoration:none}
dialog{border:1px solid #9a8c72;padding:0;background:var(--paper);color:var(--ink);max-width:min(92vw,900px);max-height:92svh;width:760px;box-shadow:0 20px 80px #111a1699}dialog::backdrop{background:#22241dba;backdrop-filter:blur(3px)}dialog header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f6f0e3f7;border-bottom:1px solid var(--line)}dialog h2{font-size:1.1rem}dialog header button{font-size:.78rem;padding:.3rem .6rem;border:1px solid var(--line)}.dialog-portrait{position:relative;margin:1.5rem auto;max-width:90%;width:580px}.dialog-portrait img{width:100%;height:auto}dialog>p{font-size:.66rem;text-align:center;color:var(--muted);padding:0 1rem 1.5rem}
@media(max-width:1050px){.process-title{display:none}.process-nav{gap:1rem}.hero{gap:6%;padding:4rem 7vw}.hero-art{max-width:370px}.hero h1{font-size:6.8vw}.hero-intro{font-size:1rem}.hero-description{font-size:.74rem}.vertical-note{right:-2.4rem}.canvas-shell{right:6vw;max-width:48vw}.studio-ruler{right:2vw}body[data-motion="on"] .process-beat{padding-left:6vw}body[data-motion="on"] .process-beat .beat-copy{width:37vw}.beat-copy h3{font-size:3.4vw}.beat-copy>p{font-size:.83rem}}
@media(max-width:650px){:root{--nav-height:95px}.site-header{padding:1.1rem 1.3rem;gap:1rem}.wordmark{font-size:1.1rem;gap:.55rem}.wordmark small{font-size:.37rem;letter-spacing:.05em}.wordmark-seal{width:1.7rem;height:2.1rem;font-size:1.4rem}.site-header nav{gap:.7rem;font-size:.62rem}.site-header nav>a{display:none}.hero{display:flex;flex-direction:column;gap:2.5rem;padding:3rem 1.8rem 3.5rem;align-items:stretch}.hero h1{font-size:3.7rem}.hero .eyebrow{font-size:.61rem;margin-bottom:1rem}.hero-copy{max-width:none}.hero-intro{font-size:1.02rem;margin-top:1.5rem}.hero-description{font-size:.77rem}.hero-actions{margin-top:1.8rem}.hero-art{max-width:340px;width:92%;margin:0 auto}.portrait-mat{padding:14px}.hero-art figcaption{font-size:.49rem}.vertical-note{right:-1.9rem;top:3rem;font-size:.63rem;letter-spacing:.4em}.edition-note{margin-top:2rem;font-size:.53rem}.hero-bottom-mark{display:none}.process-nav{flex-wrap:wrap;gap:.7rem;padding:.85rem 1.15rem;min-height:92px}.process-nav ol{justify-content:space-between;width:100%;gap:.6rem}.process-nav ol a{font-size:.71rem;gap:.3rem}.process-tools{margin-left:auto;font-size:.62rem;gap:1.2rem}.process-tools .motion-toggle{font-size:.61rem}.process-beat{display:flex;flex-direction:column;gap:2rem;padding:2.8rem 1.8rem;align-items:stretch}.static-study{max-width:300px}.beat-copy h3{font-size:2.1rem}.beat-copy>p{font-size:.84rem;margin-top:1.1rem}.beat-copy .beat-aside{margin-top:1.1rem}.beat-copy{max-width:none}.afterword{display:block;padding:3.5rem 1.8rem}.afterword h2{font-size:2rem;margin-bottom:2rem}.about-copy>p{font-size:.8rem}footer{flex-wrap:wrap;gap:1rem;padding:1.7rem 1.4rem}footer .footer-title{width:100%}footer p,footer>a:last-child{font-size:.61rem}.canvas-shell{right:auto;left:50%;transform:translateX(-50%);height:51svh;max-height:65%;top:13px;max-width:84vw}.canvas-shell figcaption{font-size:.51rem;top:calc(100% + .3rem)}.studio-ruler{display:none}.mobile-stage-caption{display:block;position:absolute;left:1.5rem;right:1.5rem;top:calc(51svh + 2.5rem);z-index:5}.mobile-stage-caption .eyebrow{font-size:.54rem;letter-spacing:.14em;margin-bottom:.45rem}.mobile-stage-caption .stage-heading{font-size:1.55rem;line-height:1.45}.mobile-stage-caption p{font-size:.75rem;color:#514f46;line-height:1.85;max-width:36rem;margin-top:.65rem}.mobile-seals{margin-top:.9rem;gap:.8rem}.mobile-seals button{width:2.65rem;height:2.8rem;font-size:1.4rem}body[data-motion="on"] .process-beat{min-height:112svh;padding:0;pointer-events:none}body[data-motion="on"] .process-beat .beat-copy{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}.dialog-portrait{max-width:92%}dialog header{padding:.8rem 1rem}dialog h2{font-size:.95rem}.static-seal{font-size:1.6rem}}
@media(max-width:650px) and (max-height:740px){.canvas-shell{height:45svh}.mobile-stage-caption{top:calc(45svh + 2rem)}.mobile-stage-caption .stage-heading{font-size:1.35rem}.mobile-stage-caption p{font-size:.7rem}.mobile-stage-caption .eyebrow{margin-bottom:.3rem}.mobile-seals{margin-top:.6rem}.mobile-seals button{width:2.4rem;height:2.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#ending-text{white-space:pre-line}
.mobile-stage-caption .stage-heading{font-family:"Noto Serif TC","PMingLiU","MingLiU",Georgia,serif;font-weight:400}
@media(max-width:1050px){.process-title{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
.mobile-end-actions{display:flex;align-items:center;gap:1.7rem;margin-top:.7rem;font-size:.65rem}.mobile-end-actions .quiet-button,.mobile-end-actions .image-fallback{font-size:inherit;padding:.2rem 0}.mobile-end-actions>a:last-child{text-decoration:none}.static-note{font-size:.73rem;color:var(--muted);margin-top:1rem}
.studio-section{position:relative;margin:5rem 5vw 4rem}.studio-section figure{position:relative}.studio-section img{width:100%;height:clamp(370px,44vw,650px);object-fit:cover;object-position:center 55%}.studio-section figcaption{position:absolute;bottom:1rem;right:1.2rem;color:var(--paper);background:#342c22a6;padding:.2rem .5rem;font-size:.56rem;letter-spacing:.08em}.studio-caption{position:absolute;left:6%;top:24%;max-width:37%;color:#38352d}.studio-caption h2{font-size:clamp(2rem,3.3vw,3.7rem);line-height:1.45}.studio-caption p{font-size:.8rem;line-height:2;margin-top:1.6rem}.studio-caption .eyebrow{margin-bottom:1.1rem}@media(max-width:650px){.studio-section{margin:2.8rem 1.3rem}.studio-section img{height:auto;object-fit:contain}.studio-section figcaption{bottom:.6rem;right:.6rem;font-size:.47rem}.studio-caption{position:static;max-width:none;padding:1.8rem .5rem .3rem}.studio-caption h2{font-size:2rem}.studio-caption p{font-size:.8rem;margin-top:1rem}.studio-caption .eyebrow{font-size:.6rem;margin-bottom:.8rem}}