@charset "UTF-8";
:root{--navy:#0b2034;--deep:#071827;--blue:#163b5b;--paper:#f2efe8;--ink:#203447;--muted:#697785;--gold:#aa9672;--line:#d8d9d4;--reading-size:21px;color-scheme:light;--serif:"Songti TC","Noto Serif TC","PMingLiU",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font:14px var(--sans);color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #7194b8;outline-offset:6px}img{display:block;max-width:100%}button{color:inherit}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:15px;background:white}.skip-link:focus{top:20px}.preview-bar{height:34px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#040d17;color:#a9b6c4;font-size:10px;letter-spacing:.09em}.preview-bar>span{display:flex;align-items:center;gap:9px}.preview-bar i{height:3px;width:3px;border-radius:50%;background:#8399b2}.preview-bar nav{display:flex;gap:24px}.preview-bar a:hover{color:white}.site-header{height:95px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#e9edf1;border-bottom:1px solid #e1e9f014;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand img{width:45px;height:45px;border-radius:5px;opacity:.9}.brand strong{font:20px var(--serif);letter-spacing:.2em}.brand small{display:block;font:8px var(--sans);letter-spacing:.19em;margin-top:7px;color:#a7b8c8}.site-header nav{display:flex;align-items:center;gap:36px;font-size:12px;letter-spacing:.15em}.site-header nav>a{padding:10px 0}.site-header .nav-letter{border:1px solid #cbd9e13d;padding:12px 17px;color:#d4dddf}.nav-letter span{margin-left:18px}.site-header a:hover{color:#adc9e5}.menu-toggle{display:none}.home-hero{background:var(--navy);color:#e8eaf0;position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:6%;padding:73px 9% 0;overflow:hidden}.home-hero:before{content:"";position:absolute;width:700px;height:700px;background:radial-gradient(circle,#4475a319,transparent 70%);top:0;left:19%;pointer-events:none}.hero-copy{position:relative;padding:15px 0 46px}.eyebrow{font:9px var(--sans);font-weight:500;letter-spacing:.22em;margin:0 0 20px;color:var(--gold)}.hero-copy .eyebrow{color:#a7b7c9;font-size:8px;letter-spacing:.2em;margin-bottom:30px;display:flex;align-items:center;gap:13px}.tiny-star{font-size:19px;color:#abbdd1}.hero-copy h1{font:clamp(38px,4.05vw,64px)/1.6 var(--serif);letter-spacing:.10em;margin:0;font-weight:400}.hero-copy h1 em{display:block;font:inherit;color:#b1c5d9;margin-left:1.1em;white-space:nowrap}.hero-description{font:13px/2.2 var(--sans);letter-spacing:.07em;color:#a3b3c3;margin:27px 0 30px}.hero-actions{display:flex;gap:28px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:16px 21px;font-size:12px;letter-spacing:.1em;transition:background .2s,color .2s}.button.light{background:#e8e9e1;color:#173047}.button.light:hover{background:#fff}.button span{font-size:16px}.text-link{font-size:11px;letter-spacing:.07em;display:inline-flex;gap:22px;align-items:center;padding:8px 0}.text-link:hover span{transform:translate(2px,-2px)}.text-link span{font-size:18px;transition:transform .2s}.hero-art{position:relative;max-width:440px;margin-left:auto;width:100%;padding-top:6px}.garden-window{position:relative;aspect-ratio:1.02;overflow:hidden;border-radius:44% 44% 1px 1px;border:1px solid #859cb443;background:#0e2138}.garden-window>img{width:100%;height:100%;object-fit:cover;object-position:26% center;opacity:.92}.garden-window:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07182799,transparent 40%,#07182733)}.window-line{position:absolute;inset:13px;border:1px solid #d9e1ec32;border-radius:44% 44% 1px 1px;z-index:1}.vertical-caption{position:absolute;right:31px;bottom:32px;writing-mode:vertical-rl;font:12px var(--serif);letter-spacing:.3em;z-index:2;color:#e1e8ec}.art-caption{display:flex;justify-content:space-between;align-items:center;margin-top:19px;font-size:8px;letter-spacing:.12em;color:#869aaf}.art-caption a{font-size:9px;letter-spacing:.04em}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;border-top:1px solid #afc0ce2b;justify-content:space-between;padding:24px 0 25px;color:#94a7b9;font-size:9px;letter-spacing:.15em}.hero-bottom p{font:12px var(--serif);letter-spacing:.16em;margin:0}.hero-bottom>a{font-size:22px}.section-wrap{padding-left:9%;padding-right:9%}.latest{padding-top:85px;padding-bottom:86px;background:var(--paper);scroll-margin-top:30px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px;gap:25px}.section-top .eyebrow{margin-bottom:12px}.section-top h2{font:32px/1.5 var(--serif);letter-spacing:.1em;margin:0}.section-top h2>span{font:11px var(--sans);letter-spacing:.08em;margin-left:25px;color:#7a858b}.latest-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7%}.feature-picture{display:block;position:relative;overflow:hidden;aspect-ratio:1.7}.feature-picture img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.feature-picture:hover img{transform:scale(1.025)}.feature-picture>span{position:absolute;bottom:15px;left:17px;font-size:8px;letter-spacing:.14em;color:white;text-shadow:0 1px 4px #000;background:#112b3a9c;padding:7px 9px}.feature-copy{padding:21px 0 0}.work-meta{display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:.07em;color:#7f8b8e}.work-meta>span{color:#88765b}.feature-copy h3{font:34px/1.3 var(--serif);margin:14px 0 11px;letter-spacing:.09em}.feature-copy>p{font:14px/1.9 var(--serif);color:#687681;margin:0 0 13px}.work-list{border-top:1px solid var(--line)}.work-row{display:flex;gap:22px;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line)}.work-row>div{flex:1}.work-row h3{font:22px/1.7 var(--serif);letter-spacing:.04em;margin:10px 0 10px}.work-row p{font:12px/1.9 var(--sans);color:#71808a;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-picture{width:100px;flex-shrink:0;height:127px;margin-top:7px;overflow:hidden}.row-picture img{width:100%;height:100%;object-fit:cover}.all-essays{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em;padding:23px 0;color:#6f7d88}.all-essays span{font-size:18px}.path-section{background:#e7e8e4;padding-top:66px;padding-bottom:64px;border-top:1px solid #dadfdc}.path-section .section-top h2{font-size:26px}.paths{display:grid;grid-template-columns:repeat(3,1fr)}.paths>a{position:relative;padding:23px 29px 0 0;border-top:1px solid #b7c2c7}.paths>a+a{padding-left:32px;border-left:1px solid #c9d0d1}.path-number{font-size:8px;letter-spacing:.17em;color:#7d8e9b}.paths h3{font:39px var(--serif);letter-spacing:.22em;margin:23px 0 18px}.paths p{font:16px/1.9 var(--serif);letter-spacing:.03em;margin:0 0 13px}.path-description{display:block;font-size:10px;line-height:1.9;color:#75838d}.paths b{display:block;font-size:10px;font-weight:400;letter-spacing:.07em;margin-top:28px}.paths a:hover h3{color:#426e94}.notes-section{padding-top:88px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.notes-image{aspect-ratio:1.1;position:relative;padding:0 18px 18px 0}.notes-image:after{content:"";position:absolute;inset:18px 0 0 18px;border:1px solid #b4bec2;z-index:-0;pointer-events:none}.notes-image img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.notes-copy h2{font:32px/1.7 var(--serif);letter-spacing:.07em;margin:0 0 25px}.notes-copy>p:not(.eyebrow){font:14px/2.1 var(--sans);color:#6c7c87;max-width:330px;margin:0 0 24px}.notes-signature{display:block;color:#97a0a4;font:italic 15px Georgia,serif;margin-top:45px}.about-section{padding-top:62px;padding-bottom:67px;background:#112b42;text-align:center;color:#d9e4eb}.about-section h2{font:30px/1.8 var(--serif);letter-spacing:.1em;margin:0 0 22px}.about-section>p:not(.eyebrow){max-width:570px;font-size:12px;line-height:2.2;color:#9bb0c2;margin:0 auto 22px}.letter{padding:62px 9%;display:flex;align-items:center;gap:35px;background:#e7e8e3}.letter-symbol{font-size:35px;color:#8c9eab;line-height:1;padding:0 15px 0 0}.letter .eyebrow{margin-bottom:12px}.letter h2{font:28px/1.5 var(--serif);letter-spacing:.08em;margin:0 0 13px}.letter p:not(.eyebrow){font-size:11px;line-height:2;color:#75818a;max-width:510px;margin:0}.letter .button{margin-left:auto;flex-shrink:0}.button.outline{border:1px solid #9caab2;color:#26465f}.button.outline:hover{background:#17334b;color:#e8edf1}.site-footer{background:var(--deep);color:#9bafc1;padding:43px 5% 22px}.footer-main{display:flex;align-items:center;gap:30px}.line-mark{width:37px;height:44px;border:1px solid #8193a35e;display:inline-grid;place-items:center;font:23px var(--serif);color:#bdcfdd}.footer-main .brand strong{font-size:17px;color:#d8e2ea}.footer-main .brand small{font-size:7px}.footer-main>p{font:italic 14px Georgia,serif;margin-left:20px;color:#6e879d}.footer-main nav{display:flex;gap:19px;margin-left:auto;font-size:9px}.footer-bottom{border-top:1px solid #91a8bc24;margin-top:30px;padding-top:19px;font-size:8px;display:flex;gap:28px;color:#678096;letter-spacing:.05em}.footer-bottom>a:last-child{margin-left:auto}
/* The reading space has its own quiet palette; the article HTML is unmodified. */
.reader .site-header{height:86px}.article-top{padding:38px 9% 0;max-width:1330px;margin:auto}.article-breadcrumb{display:flex;gap:13px;font-size:10px;color:#7e8a93;letter-spacing:.08em;margin-bottom:52px}.article-top>.eyebrow{text-align:center;margin-bottom:16px}.article-top h1{text-align:center;font:clamp(32px,4.8vw,64px)/1.5 var(--serif);font-weight:400;letter-spacing:.11em;margin:0 auto 19px;max-width:900px;text-wrap:balance}.article-excerpt{text-align:center;font:15px/2 var(--serif);color:#71808b;margin:0 auto 21px;max-width:650px}.article-meta{display:flex;justify-content:center;align-items:center;gap:13px;font-size:10px;color:#8d969b;letter-spacing:.08em}.article-meta i{width:3px;height:3px;background:#a5aaa7;border-radius:50%}.article-cover{margin:38px auto 0;max-width:1040px;aspect-ratio:3.25;overflow:hidden}.article-cover img{height:100%;width:100%;object-fit:cover;object-position:center 52%}.reading-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:200px minmax(0,660px);gap:75px;padding:64px 25px 80px;justify-content:center}.reading-sidebar{align-self:start;position:sticky;top:36px;padding-top:4px;color:#8a969c}.reading-sidebar .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:14px}.reading-sidebar>p:not(.eyebrow){font:14px var(--serif);letter-spacing:.03em;color:#657b8d}.reading-tools{margin:29px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.reading-tools>div{display:flex;align-items:center;gap:10px}.reading-tools>div>span{font-size:10px;margin-right:auto}.reading-tools button{border:0;background:transparent;min-width:36px;min-height:38px;color:#5d7488;font-size:13px}.reading-tools button:hover{background:#9badba15}.reading-tools #reading-theme{font-size:10px;width:100%;text-align:left;letter-spacing:.08em;padding:8px 0 0}.reading-tools #reading-theme span{font-size:16px;margin-right:7px}.reading-sidebar>a{font-size:10px;letter-spacing:.06em}.article-body{font:var(--reading-size)/2.2 var(--serif);letter-spacing:.04em;color:#2b3c4a;overflow-wrap:anywhere}.article-body p{margin:0 0 1.6em}.article-body br{content:"";display:block;margin-top:.65em}.article-end{text-align:center;padding:34px 0 46px;color:#95a3ad}.article-end>span{font-size:25px}.article-end p{font:italic 13px Georgia,serif;color:#8d9aa3;margin-top:20px}.author-note{display:flex;gap:18px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.author-note .line-mark{color:#4a657b;border-color:#aab6c0}.author-note strong{font:15px var(--serif);letter-spacing:.1em}.author-note p{font-size:10px;line-height:1.9;color:#7d8a93;margin:8px 0 0}.next-reading{margin-top:34px}.next-reading>.eyebrow{font-size:8px;color:#8d9aa4}.next-reading>a{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:20px;font:25px/1.7 var(--serif)}.next-reading small{display:block;font:9px var(--sans);color:#9a8768;margin-bottom:10px;letter-spacing:.1em}.next-reading b{font:26px var(--sans);color:#7d93a5}.reading-progress{height:2px;position:fixed;top:0;left:0;right:0;background:transparent;z-index:60}.reading-progress span{display:block;height:100%;width:0;background:#96b3cd}.reader.night{--paper:#0e2233;--ink:#c5d1dc;--muted:#8a9eb0;--line:#304555;color-scheme:dark}.night .article-body{color:#bdcbd7}.night .article-excerpt{color:#91a5b8}.night .reading-sidebar>p:not(.eyebrow),.night .reading-tools button{color:#9cafc1}.night .letter{background:#132c40}.night .letter p:not(.eyebrow){color:#90a5b6}.night .letter .button{color:#d1dee7;border-color:#50697e}.night .author-note .line-mark{color:#aac0d2;border-color:#4f687c}
@media(min-width:1500px){.home-hero,.section-wrap,.letter{padding-left:max(9%,calc((100vw - 1200px)/2));padding-right:max(9%,calc((100vw - 1200px)/2))}.hero-art{max-width:470px}}
@media(max-width:1050px){.home-hero{padding:55px 6% 0;gap:5%}.hero-copy h1{font-size:44px}.hero-copy h1 em{margin-left:.45em}.section-wrap{padding-left:6%;padding-right:6%}.hero-art{padding-top:35px}.section-top h2>span{display:none}.latest-layout{gap:5%}.row-picture{width:80px;height:104px}.work-row h3{font-size:19px}.letter{padding-left:6%;padding-right:6%}.letter-symbol{display:none}.footer-main>p{display:none}.reading-layout{grid-template-columns:150px minmax(0,620px);gap:35px}.site-header nav{gap:23px}.paths p{font-size:14px}.path-description{font-size:9px}}
@media(max-width:700px){html{scroll-padding-top:30px}.preview-bar{padding:0 20px;height:32px;font-size:9px}.preview-bar>span{font-size:0;gap:0}.preview-bar>span:before{content:"設計預覽";font-size:9px}.preview-bar i{display:none}.preview-bar nav{gap:16px;font-size:9px}.preview-bar nav a:last-child{display:none}.site-header,.reader .site-header{height:78px;padding:0 22px}.brand{gap:9px}.brand img{height:36px;width:36px}.brand strong{font-size:17px}.brand small{font-size:6px;margin-top:6px}.menu-toggle{display:flex;align-items:center;gap:11px;background:none;border:0;color:#becbd6;font-size:10px;letter-spacing:.1em;padding:13px 0 13px 13px}.menu-toggle i{display:block;width:19px;height:10px;border-top:1px solid #acbdca;border-bottom:1px solid #acbdca}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 24px 25px;flex-direction:column;gap:5px;align-items:stretch;background:#0d2439;border-bottom:1px solid #3c5265;box-shadow:0 15px 20px #07182730}.site-header nav.open{display:flex}.site-header nav>a{padding:13px 0;font-size:13px}.site-header nav .nav-letter{margin-top:7px;text-align:center}.home-hero{display:block;padding:39px 25px 0}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:7px;letter-spacing:.13em;margin-bottom:21px;gap:9px}.hero-copy h1{font-size:clamp(32px,9vw,43px);line-height:1.65;letter-spacing:.08em}.hero-copy h1 em{margin-left:.65em}.hero-description{font-size:11px;line-height:2.1;margin:22px 0 24px;letter-spacing:.02em}.hero-actions{gap:23px}.button{font-size:11px;padding:13px 18px;gap:28px}.hero-actions .text-link{font-size:10px;gap:12px}.hero-art{max-width:none;padding-top:34px;margin:0;width:100%}.garden-window{aspect-ratio:1.7;border-radius:48% 48% 0 0}.garden-window>img{object-position:center 60%;width:100%;height:100%}.window-line{border-radius:48% 48% 0 0;inset:9px}.vertical-caption{font-size:10px;right:22px;bottom:22px}.art-caption{margin-top:13px;font-size:6px}.art-caption a{font-size:8px}.hero-bottom{margin-top:25px;padding:19px 0;font-size:8px}.hero-bottom p{display:none}.hero-bottom>a{font-size:18px}.section-wrap{padding-left:24px;padding-right:24px}.latest{padding-top:49px;padding-bottom:45px}.section-top{margin-bottom:24px;gap:12px}.eyebrow{font-size:8px;letter-spacing:.14em}.section-top .eyebrow{margin-bottom:10px}.section-top h2{font-size:27px}.section-top>.text-link{font-size:9px;gap:10px}.latest-layout{display:block}.feature-picture{aspect-ratio:1.55}.feature-copy{padding:18px 0 25px}.work-meta{font-size:8px}.feature-copy h3{font-size:30px;margin:13px 0 10px}.feature-copy>p{font-size:13px}.work-row{padding:22px 0;gap:18px}.work-row h3{font-size:19px;line-height:1.6;margin:10px 0}.work-row p{font-size:11px}.row-picture{width:83px;height:112px}.all-essays{padding-bottom:0}.path-section{padding-top:40px;padding-bottom:36px}.path-section .section-top h2{font-size:22px;line-height:1.8;max-width:280px}.paths{display:block}.paths>a{display:block;padding:22px 0!important;border-left:0!important}.path-number{font-size:7px}.paths h3{font-size:31px;margin:12px 0 12px}.paths p{font-size:15px;line-height:1.8;margin:0}.paths p br{display:none}.path-description{font-size:10px;margin-top:9px}.paths b{margin-top:17px;font-size:10px}.notes-section{padding-top:50px;padding-bottom:50px;display:block}.notes-image{aspect-ratio:1.25;padding:0 12px 12px 0}.notes-image:after{inset:12px 0 0 12px}.notes-copy{margin-top:32px}.notes-copy h2{font-size:28px;margin-bottom:18px}.notes-copy>p:not(.eyebrow){font-size:12px;max-width:none;margin-bottom:17px}.notes-signature{margin-top:22px;font-size:13px}.about-section{padding-top:43px;padding-bottom:44px}.about-section h2{font-size:23px;line-height:1.9;letter-spacing:.04em}.about-section>p:not(.eyebrow){font-size:11px;line-height:2.2}.letter{padding:42px 24px;display:block}.letter h2{font-size:25px}.letter p:not(.eyebrow){font-size:11px;line-height:2}.letter .button{margin-top:23px}.site-footer{padding:32px 24px 24px}.footer-main{display:block}.footer-main nav{margin-top:27px;gap:18px;font-size:8px;flex-wrap:wrap}.footer-main .brand strong{font-size:16px}.footer-bottom{margin-top:25px;font-size:7px;gap:18px;flex-wrap:wrap}.footer-bottom>a:last-child{margin-left:auto}.article-top{padding:26px 24px 0}.article-breadcrumb{font-size:9px;margin-bottom:35px}.article-top>.eyebrow{font-size:8px}.article-top h1{font-size:38px;letter-spacing:.07em;line-height:1.6;margin-bottom:15px}.article-excerpt{font-size:13px;line-height:2;margin-bottom:18px}.article-meta{font-size:9px;gap:10px}.article-cover{aspect-ratio:1.65;margin-top:28px}.reading-layout{display:flex;flex-direction:column;padding:26px 24px 44px;gap:29px}.reading-sidebar{position:static;width:100%;padding:0;display:flex;align-items:center;justify-content:space-between}.reading-sidebar>p,.reading-sidebar>a{display:none!important}.reading-tools{margin:0;padding:8px 0;display:flex;justify-content:space-between;width:100%;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reading-tools>div{gap:8px}.reading-tools>div>span{margin-right:8px;font-size:10px}.reading-tools #reading-theme{width:auto;padding:0 0 0 12px;font-size:10px;min-height:40px;border-left:1px solid var(--line)}.reading-tools button{min-width:40px;min-height:40px}.article-body{font-size:calc(var(--reading-size) - 2px);line-height:2.15;letter-spacing:.025em}.article-end{padding:20px 0 34px}.author-note{padding:20px 0;gap:13px}.author-note p{font-size:9px}.next-reading{margin-top:28px}.next-reading>a{font-size:23px}.reader .letter{padding-top:36px;padding-bottom:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}