@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600&display=swap');
:root{--paper:#f4f2ec;--ink:#26353c;--muted:#6f8288;--blue:#426a81;--gold:#b89c64;--line:#c9d3d1;--serif:'Noto Serif TC','Songti TC','PMingLiU',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#a8bec039 1px,transparent 1px),linear-gradient(90deg,#a8bec039 1px,transparent 1px);background-size:28px 28px}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.site-header{position:relative;z-index:2;height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,70px);background:#f4f2ecee}.brand{font:600 14px Georgia,serif;letter-spacing:.3em}.site-header nav{display:flex;gap:30px;font-size:12px;letter-spacing:.12em}.site-header a:hover,.back-shelf:hover{color:var(--blue)}.eyebrow{font:11px Georgia,serif;letter-spacing:.3em;color:var(--blue)}
.library{width:min(1300px,calc(100% - 44px));margin:auto}.library-hero{position:relative;min-height:430px;padding:115px 0 70px;border-bottom:1px solid var(--line);overflow:hidden}.library-hero:before{content:"";position:absolute;right:9%;top:10%;width:280px;height:280px;border:1px solid #8da8ab7b;border-radius:50%;box-shadow:0 0 0 52px #a7bbbd22,0 0 0 110px #a7bbbd17}.library h1{position:relative;font-size:clamp(58px,8vw,114px);font-weight:400;letter-spacing:.14em;margin:22px 0}.library-hero p{position:relative;max-width:500px;font-size:14px;line-height:2.2;letter-spacing:.11em}.library-count{position:relative;display:block;font:11px Georgia,serif;letter-spacing:.26em;color:var(--muted);margin-top:28px}.story-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:55px 0 90px}.story-card{position:relative;min-height:310px;display:flex;flex-direction:column;align-items:start;padding:28px;border:1px solid var(--line);background:#e7edef;transition:transform .25s,box-shadow .25s,border-color .25s}.story-card:nth-child(4n+2){background:#f9f6ed}.story-card:nth-child(4n+3){background:#e9e3d5}.story-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #2846561c;border-color:#7c9ba4}.story-number{font:11px Georgia,serif;letter-spacing:.22em;color:var(--blue)}.story-card h2{font-size:clamp(22px,2.2vw,33px);line-height:1.6;letter-spacing:.09em;font-weight:400;margin:26px 0 14px}.story-card p{font-size:12px;line-height:2;color:#556b70;margin:0 0 30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.card-foot{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #abbcbd;padding-top:14px;margin-top:auto;font:11px Georgia,serif;letter-spacing:.12em;color:#5c7278}.card-foot b{font:12px var(--serif);color:var(--blue);white-space:nowrap}.back-shelf{display:inline-block;margin:0 0 100px;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:12px;letter-spacing:.15em}
.reading-progress{position:fixed;left:0;top:0;z-index:10;width:0;height:3px;background:var(--gold)}.reader{width:min(760px,calc(100% - 44px));margin:auto}.reader-intro{text-align:center;padding:105px 0 60px;border-bottom:1px solid var(--line)}.reader h1{font-size:clamp(40px,6vw,68px);font-weight:400;line-height:1.4;letter-spacing:.12em;margin:22px 0}.reader-meta{display:flex;justify-content:center;gap:24px;color:var(--muted);font-size:11px;letter-spacing:.18em}.reader-meta span+span:before{content:'✧';margin-right:24px;color:var(--gold)}.story-text{padding:70px 0 110px}.story-text p{font-size:clamp(16px,1.5vw,19px);line-height:2.25;letter-spacing:.045em;margin:0 0 1.75em;overflow-wrap:anywhere}.reader-end{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:12px;letter-spacing:.15em}.reader-end a{color:var(--blue)}.reader-neighbors{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:45px 0 55px}.reader-neighbors a,.reader-neighbors .end-label{display:block;border:1px solid var(--line);padding:22px;font-size:12px;letter-spacing:.12em;background:#e8edef}.reader-neighbors a:hover{border-color:var(--blue)}.reader-neighbors a span{display:block;margin-top:14px;font-size:16px;letter-spacing:.08em}.reader-neighbors .end-label{color:var(--muted)}footer{border-top:1px solid var(--line);padding:28px;text-align:center;font:10px Georgia,serif;letter-spacing:.25em;color:var(--muted)}
@media(max-width:900px){.story-list{grid-template-columns:1fr 1fr}}@media(max-width:620px){.site-header{height:60px}.site-header nav{gap:15px;font-size:10px}.library-hero{min-height:310px;padding:85px 0 55px}.library-hero:before{right:-120px}.story-list{grid-template-columns:1fr;padding:35px 0 70px}.story-card{min-height:250px}.reader-intro{padding:70px 0 40px}.story-text{padding:50px 0 70px}.reader-neighbors{grid-template-columns:1fr}.reader-end{display:block}.reader-end a{display:block;margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-card{transition:none}}