:root{--paper:#f2efe7;--paper-light:#f7f5ef;--ink:#20201e;--ink-soft:#555550;--mist:#737d82;--line:#cbc6ba;--accent:#8b4036;--serif:"Noto Serif TC", "Source Han Serif TC", "Songti TC", "PMingLiU", serif;--sans:Inter, "Noto Sans TC", system-ui, sans-serif;--container:min(1240px, calc(100vw - 96px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background-color:var(--paper);font-family:var(--serif);text-rendering:optimizelegibility;background-image:radial-gradient(circle at 18% 30%,#ffffff59 0 1px,#0000 1.5px),radial-gradient(circle at 80% 68%,#20201e09 0 1px,#0000 1.5px);background-size:34px 38px,46px 51px;margin:0;font-size:17px;line-height:1.85}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip-link{z-index:100;background:var(--ink);color:var(--paper-light);padding:8px 14px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{background:#f7f5eff7;border-bottom:1px solid #cbc6bab3;height:82px}.header-inner{width:var(--container);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.brand,.footer-brand{letter-spacing:.17em;align-items:center;gap:10px;font-size:2rem;line-height:1;display:inline-flex}.seal{width:17px;height:24px;color:var(--paper-light);background:var(--accent);font-family:var(--serif);letter-spacing:0;place-items:center;font-size:9px;display:inline-grid}.desktop-nav{letter-spacing:.16em;gap:clamp(28px,4vw,58px);font-size:.9rem;display:flex}.desktop-nav a{border-bottom:1px solid #0000;padding:10px 2px}.desktop-nav a:hover{border-color:var(--accent);color:var(--accent)}.mobile-menu{display:none}.hero{background:#8a969c;height:min(63vw,660px);min-height:560px;position:relative;overflow:hidden}.hero>picture,.hero>picture img,.hero>img{width:100%;height:100%}.hero>picture img,.hero>img{object-fit:cover;object-position:center 56%}.hero-copy{color:#171817;text-shadow:0 1px 10px #f2efe759;position:absolute;top:50%;left:max(48px,50vw - 596px);transform:translateY(-50%)}.hero-copy h1{letter-spacing:.22em;margin:0 0 6px;font-size:clamp(3.2rem,5.6vw,5.8rem);font-weight:500;line-height:1.25}.hero-copy p{letter-spacing:.2em;margin:0;font-size:clamp(.95rem,1.3vw,1.2rem)}.hero-note{color:#20201ebf;letter-spacing:.1em;border-left:1px solid #20201e8c;margin:0;padding-left:22px;font-size:.82rem;line-height:2;position:absolute;top:15%;right:max(48px,50vw - 596px)}.page-section,.page-shell{width:var(--container);margin-inline:auto}.page-section{padding-block:72px}.page-section+.page-section{padding-top:20px}.section-heading{align-items:center;gap:22px;margin-bottom:30px;display:flex}.section-heading h2{letter-spacing:.14em;white-space:nowrap;margin:0;font-size:1.7rem;font-weight:500}.section-heading>span{background:var(--line);flex:1;height:1px}.section-heading>a{letter-spacing:.12em;white-space:nowrap;align-items:center;gap:12px;font-size:.8rem;display:flex}.section-heading>a:hover,.text-link:hover{color:var(--accent)}.featured-work{grid-template-columns:260px minmax(320px,1fr) minmax(250px,.9fr);align-items:center;gap:clamp(38px,6vw,90px);display:grid}.work-cover{aspect-ratio:2/3;background:var(--mist);margin:0;position:relative;overflow:hidden;box-shadow:0 14px 24px #20201e2b}.work-cover picture,.work-cover img{width:100%;height:100%}.work-cover img{object-fit:cover}.work-cover:after{content:"";pointer-events:none;background:linear-gradient(#070f124d,#070f120a 42%,#070f128c);position:absolute;inset:0}.work-cover figcaption{z-index:1;color:#f7f5ef;text-shadow:0 1px 6px #0000008c;position:absolute;inset:28px 20px 22px}.cover-title{writing-mode:vertical-rl;letter-spacing:.18em;font-size:clamp(1.45rem,2vw,2rem);line-height:1.35;position:absolute;top:0;left:0}.cover-author{letter-spacing:.15em;font-size:.75rem;position:absolute;bottom:0;right:0}.featured-copy .overline,.work-copy .overline,.work-row .overline{color:var(--ink-soft);font-family:var(--sans);letter-spacing:.16em;margin:0 0 8px;font-size:.74rem}.featured-copy h3,.work-row h2{letter-spacing:.08em;margin:0 0 8px;font-size:clamp(2rem,3.1vw,3rem);font-weight:500;line-height:1.45}.author{letter-spacing:.12em;margin-top:0}.latest{color:var(--accent);margin:28px 0 18px}.button{background:var(--ink);min-width:190px;color:var(--paper-light);letter-spacing:.14em;justify-content:center;align-items:center;gap:22px;padding:12px 24px;font-size:.9rem;display:inline-flex}.button:hover{background:var(--accent)}.featured-work blockquote{border-left:1px solid var(--line);color:var(--ink-soft);letter-spacing:.1em;margin:0;padding:30px 0 30px 42px;font-size:1rem;line-height:2.25}.record-grid{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.record-card{border-right:1px solid var(--line);min-height:230px;padding:28px}.record-card:last-child{border-right:0}.record-card>p:first-child{font-family:var(--sans);letter-spacing:.12em;margin:0;font-size:.76rem}.record-card h3{margin:8px 0;font-weight:500}.record-card dl,.archive-list dl{color:var(--ink-soft);font-family:var(--sans);gap:18px;margin:0;font-size:.72rem;display:flex}.record-card dl div,.archive-list dl div{gap:6px;display:flex}.record-card dt:after,.archive-list dt:after{content:"："}.record-card dd{margin:0}.record-card time{float:right;color:#8a8983;font-size:.75rem}.empty-ledger{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:180px;color:var(--ink-soft);grid-template-columns:160px 1fr;align-items:center;display:grid}.empty-ledger span{letter-spacing:.15em;font-size:1.2rem}.empty-ledger p{border-left:1px solid var(--line);padding:28px 42px}.news-list{grid-template-columns:repeat(3,1fr);display:grid}.news-list article{border-right:1px solid var(--line);padding:8px 34px 20px}.news-list article:first-child{padding-left:14px}.news-list article:last-child{border-right:0}.news-list time{color:#85837c;font-family:var(--sans);font-size:.72rem}.news-list h3{font-weight:500}.site-footer{border-top:1px solid var(--line);margin-top:78px}.footer-inner{width:var(--container);grid-template-columns:200px 1fr auto;align-items:center;gap:48px;min-height:185px;margin:0 auto;display:grid;position:relative}.footer-inner p{border-left:1px solid var(--line);color:var(--ink-soft);padding-left:34px;font-size:.82rem;line-height:2}.footer-inner nav{gap:28px;font-size:.75rem;display:flex}.footer-inner small{color:#87857f;font-family:var(--sans);font-size:.68rem;position:absolute;bottom:18px;left:0}.page-shell{min-height:64vh;padding-block:62px 90px}.works-list{border-top:1px solid var(--line)}.work-row{border-bottom:1px solid var(--line);grid-template-columns:220px 1fr;gap:clamp(34px,6vw,80px);padding-block:48px;display:grid}.work-row>div{align-self:center;max-width:670px}.text-link{border-bottom:1px solid var(--accent);letter-spacing:.12em;margin-top:18px;padding-bottom:3px;font-size:.86rem;display:inline-block}.work-banner{background:var(--mist);filter:saturate(.8);height:215px;overflow:hidden}.work-banner picture,.work-banner picture img,.work-banner>img{width:100%;height:100%}.work-banner picture img,.work-banner>img{object-fit:cover;object-position:center 54%}.work-detail{padding-top:24px}.breadcrumbs{color:var(--ink-soft);letter-spacing:.08em;flex-wrap:wrap;gap:8px;margin-bottom:28px;font-size:.72rem;display:flex}.breadcrumbs a:hover{color:var(--accent)}.work-intro-grid{grid-template-columns:260px minmax(300px,1fr) 360px;align-items:start;gap:clamp(35px,5vw,70px);display:grid}.work-copy h1{letter-spacing:.05em;margin:4px 0 6px;font-size:clamp(2.3rem,3.3vw,3rem);font-weight:500;line-height:1.4}.tags{gap:8px;margin:24px 0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);color:var(--ink-soft);padding:2px 11px;font-size:.72rem}.work-meta{border-left:1px solid var(--line);padding-left:34px}.work-meta h2{border-bottom:1px solid var(--line);letter-spacing:.12em;margin-top:0;padding-bottom:12px;font-size:1.45rem;font-weight:500}.work-meta dl{margin:0}.work-meta dl div{grid-template-columns:90px 1fr;padding:7px 0;display:grid}.work-meta dt{color:var(--ink-soft)}.work-meta dd{margin:0}.chapter-section{margin-top:60px}.chapter-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.chapter-list li{border-bottom:1px solid var(--line)}.chapter-list a{grid-template-columns:120px 1fr auto;align-items:center;gap:22px;padding:13px 18px;display:grid}.chapter-list a:hover{color:var(--accent)}.chapter-list strong{font-weight:500}.chapter-list time{color:#85837c;font-family:var(--sans);font-size:.72rem}.chapter-list .current{border-left:2px solid var(--accent);color:var(--accent);background:#8b403612}.reader-body .site-footer{margin-top:0}.reader{width:min(760px,100vw - 48px);margin:0 auto;padding:35px 0 80px}.reader-header{text-align:center;margin:48px 0 70px}.reader-header p{letter-spacing:.2em;margin:0}.reader-header h1{letter-spacing:.18em;margin:8px 0 14px;font-size:clamp(2.7rem,5vw,4.5rem);font-weight:500}.reader-header time{color:#85837c;font-family:var(--sans);letter-spacing:.1em;font-size:.72rem}.reader-header:after{content:"";background:var(--accent);width:34px;height:1px;margin:26px auto 0;display:block}.prose{letter-spacing:.045em;font-size:1.05rem;line-height:2.25}.prose p{margin:0 0 1.8em}.chapter-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;align-items:center;margin-top:80px;padding-top:24px;font-size:.85rem;display:grid}.chapter-nav>:nth-child(2){text-align:center;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}.chapter-nav>:last-child{text-align:right}.chapter-nav i{color:#aaa69e;font-style:normal}.archive-header{border-bottom:1px solid var(--line);align-items:baseline;gap:34px;padding-bottom:26px;display:flex}.archive-header h1{letter-spacing:.14em;margin:0;font-size:clamp(2.5rem,5vw,4.6rem);font-weight:500}.archive-header p{color:var(--ink-soft)}.archive-list article{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr auto;gap:32px;padding-block:26px;display:grid}.archive-list article>picture,.archive-list article>picture img{object-fit:cover;width:180px;height:120px}.archive-list h2{margin:0;font-weight:500}.archive-list p{margin:4px 0}.archive-list time{color:#85837c;font-family:var(--sans);font-size:.72rem}.empty-page{text-align:center;min-height:350px;color:var(--ink-soft);place-content:center;display:grid}.empty-page span{letter-spacing:.16em;font-size:1.35rem}.empty-page:before{content:"";background:var(--line);width:1px;height:55px;margin:0 auto 25px}.news-timeline article{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;gap:42px;padding:32px 0;display:grid}.news-timeline time{color:#85837c;font-family:var(--sans);font-size:.75rem}.news-timeline h2{margin-top:0;font-weight:500}.record-detail{width:min(760px,100vw - 48px)}.record-detail header{margin-block:45px 65px}.record-detail header>p{color:var(--accent);font-family:var(--sans);letter-spacing:.14em;font-size:.75rem}.record-detail h1{font-size:3.3rem;font-weight:500}.record-detail dl{color:var(--ink-soft);gap:28px;font-size:.78rem;display:flex}.record-detail dl div{gap:7px;display:flex}.record-detail dd{margin:0}.about-page section{grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;display:grid}.about-page h1{letter-spacing:.18em;margin:0;font-size:clamp(3.5rem,7vw,7rem);font-weight:500}.about-page section>div>p:first-of-type{letter-spacing:.1em;font-size:1.15rem}.about-page section>div>p:last-of-type{color:var(--ink-soft)}.about-page section>div>span{background:var(--accent);width:50px;height:1px;margin-top:38px;display:block}.about-page picture,.about-page img{object-fit:cover;object-position:70% center;filter:saturate(.72);width:100%;height:470px}.not-found-body .site-footer{display:none}.not-found{height:calc(100vh - 82px);min-height:560px;position:relative;overflow:hidden}.not-found picture,.not-found picture img,.not-found>img{width:100%;height:100%}.not-found img{object-fit:cover;opacity:.72;filter:saturate(.65)}.not-found>div{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.not-found h1{letter-spacing:.15em;font-size:clamp(1.7rem,4vw,3.5rem);font-weight:500}.not-found a{border-bottom:1px solid var(--accent);justify-self:center;padding-bottom:3px}@media (width<=980px){:root{--container:min(100% - 48px, 900px)}.featured-work{grid-template-columns:220px 1fr}.featured-work blockquote{grid-column:1/-1}.work-intro-grid{grid-template-columns:220px 1fr}.work-meta{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;padding:28px 0 0}.work-meta dl{grid-template-columns:1fr 1fr;column-gap:34px;display:grid}.footer-inner{grid-template-columns:150px 1fr}.footer-inner nav{grid-column:1/-1;padding-bottom:38px}}@media (width<=720px){:root{--container:calc(100vw - 36px)}body{font-size:15px}.site-header{height:62px}.brand,.footer-brand{font-size:1.55rem}.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;gap:5px;width:34px;padding:8px;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{background:var(--ink);width:18px;height:1px;display:block}.mobile-menu[open] nav{z-index:20;background:var(--paper-light);border:1px solid var(--line);width:180px;padding:12px 22px;position:absolute;top:38px;right:0;box-shadow:0 12px 30px #20201e1f}.mobile-menu nav a{border-bottom:1px solid var(--line);letter-spacing:.12em;padding:10px 0;display:block}.mobile-menu nav a:last-child{border-bottom:0}.hero{height:500px;min-height:0}.hero>picture img,.hero>img{object-position:70% center}.hero-copy{top:39%;left:28px}.hero-copy h1{font-size:3.2rem}.hero-copy p{max-width:255px;font-size:.82rem;line-height:1.9}.hero-note{display:none}.page-section{padding-block:48px}.page-section+.page-section{padding-top:8px}.section-heading{gap:13px;margin-bottom:24px}.section-heading h2{font-size:1.35rem}.section-heading>a{font-size:.7rem}.featured-work{grid-template-columns:126px 1fr;align-items:start;gap:22px}.featured-copy h3{font-size:1.45rem;line-height:1.55}.featured-copy p:not(.author):not(.latest):not(.overline){display:none}.featured-copy .latest{margin:12px 0;font-size:.8rem}.featured-copy .button{min-width:0;padding:9px 14px;font-size:.72rem}.featured-work blockquote{padding:20px 0 20px 26px;font-size:.85rem}.work-cover figcaption{inset:16px 10px 12px}.cover-title{font-size:1.15rem}.cover-author{font-size:.6rem}.record-grid{grid-template-columns:1fr}.record-card{border-right:0;border-bottom:1px solid var(--line)}.record-card:last-child{border-bottom:0}.empty-ledger{grid-template-columns:90px 1fr;min-height:130px}.empty-ledger p{padding:18px 20px}.news-list{grid-template-columns:1fr}.news-list article{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.footer-inner{flex-wrap:wrap;gap:24px;min-height:230px;padding:34px 0;display:flex}.footer-inner p{width:calc(100% - 120px);margin:0}.footer-inner nav{gap:20px;width:100%;padding:0 0 22px}.footer-inner small{bottom:10px}.page-shell{padding-block:40px 65px}.work-row{grid-template-columns:115px 1fr;align-items:start;gap:22px;padding-block:32px}.work-row h2{font-size:1.4rem}.work-row>div>p:not(.overline):not(.author):not(.latest){display:none}.work-banner{height:150px}.work-intro-grid{grid-template-columns:125px 1fr;gap:22px}.work-copy h1{font-size:1.55rem}.work-copy>p:not(.overline):not(.author){margin-block:10px;font-size:.84rem}.work-copy .tags{flex-wrap:wrap;margin-block:12px}.work-copy .button{min-width:0;padding:9px 13px;font-size:.72rem}.work-meta{grid-column:1/-1}.work-meta dl{grid-template-columns:1fr}.chapter-section{margin-top:40px}.chapter-list a{grid-template-columns:88px 1fr;gap:9px;padding-inline:7px}.chapter-list time{grid-column:2}.reader{width:calc(100vw - 40px);padding-top:25px}.reader-header{margin:38px 0 55px}.reader-header h1{font-size:2.8rem}.prose{font-size:1rem;line-height:2.15}.chapter-nav{font-size:.75rem}.archive-header{display:block}.archive-header h1{font-size:2.7rem}.archive-list article{grid-template-columns:120px 1fr;gap:18px}.archive-list article>picture,.archive-list article>picture img{width:120px;height:96px}.archive-list article>time{grid-column:2}.news-timeline article{grid-template-columns:1fr;gap:8px}.about-page section{grid-template-columns:1fr;gap:36px}.about-page section>div{order:2}.about-page picture,.about-page img{height:280px}.not-found{height:calc(100vh - 62px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}