:root{--ink:#354a42;--muted:#64716a;--paper:#fcf8f0;--orange:#a95c3f;--green:#476357}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.85 'Noto Sans TC','Microsoft JhengHei',sans-serif}a{color:inherit;text-underline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 4vw;background:#fcf8f0f2;border-bottom:1px solid #ddd8ce;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.brand{font-family:serif;font-size:25px;font-weight:bold;text-decoration:none;line-height:1.3}.brand span{display:block;font:12px/1.8 sans-serif;letter-spacing:2px}nav{display:flex;gap:26px;font-size:14px}nav a{text-decoration:none}.issue{font-size:12px;letter-spacing:2px;color:var(--muted)}main{max-width:1280px;margin:auto}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:'Noto Serif TC','PMingLiU',serif;line-height:1.4;font-weight:500}h1{font-size:clamp(45px,5.3vw,78px);letter-spacing:1px}h1 em{font-style:normal;color:var(--orange)}h2{font-size:clamp(29px,3.4vw,46px);margin:12px 0 24px}h3{font-size:21px;line-height:1.6;margin-bottom:12px}p{margin-bottom:18px}img{display:block;width:100%;height:auto}figcaption{font-size:13px;color:var(--muted);margin-top:12px}.eyebrow{font-size:13px;letter-spacing:2px;color:var(--orange);margin-bottom:20px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding:72px 48px 50px}.hero figure img{aspect-ratio:1/1.08;object-fit:cover;border-radius:48% 48% 3px 3px}.lead{font-size:21px;margin-top:25px}.button{display:inline-block;border:0;border-radius:4px;padding:13px 25px;background:var(--green);color:white;font:inherit;font-size:16px;text-decoration:none;cursor:pointer}.button:hover{background:#304b3e}.hero .button{margin-top:12px}.opening{padding:28px 48px;border-top:1px solid #dcd8cd;border-bottom:1px solid #dcd8cd;display:flex;align-items:center;gap:40px}.opening span{font-size:13px;color:var(--orange)}.opening p{margin:0;font-size:16px}.section{padding:85px 48px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split figure img{aspect-ratio:1;object-fit:cover;border-radius:3px}.split h2{font-size:34px}blockquote{margin:30px 0 0;padding:18px 0 18px 24px;border-left:2px solid #bc8a65;font-family:serif;font-size:24px;line-height:1.7}blockquote small{font:15px sans-serif;color:var(--muted)}.sos{margin:0 48px;background:#eaf0e9;padding:45px;border-radius:6px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps b{font-size:32px;font-family:serif;color:#839780}.steps h3{font-size:19px;margin-top:12px}.steps p{font-size:16px}.help{border-top:1px solid #c5d2c3;margin-top:16px;padding-top:25px}.help span{display:block;font-size:14px}.help>a{display:block;text-decoration:none}.help strong{font-size:35px;margin-right:12px}.help p{margin-bottom:0;font-size:14px}.friend>p{max-width:750px}.table-wrap{overflow:auto;margin-top:30px}table{width:100%;border-collapse:collapse;font-size:17px}th,td{text-align:left;padding:18px 24px;border-bottom:1px solid #d9d7cf}th{background:#e9e5dc;color:var(--green)}td:first-child{color:#827872}td:nth-child(2){background:#f4efe3}.intro{max-width:750px}.small{font-size:13px;color:var(--muted)}.books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:34px}.book{border:1px solid #e2dace;background:#fffdf8;border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.cover{display:flex;flex-direction:column;justify-content:space-between;min-height:300px;padding:24px 30px;background:var(--cover);color:#fffaf0;text-decoration:none;border:18px solid #f0ebe0;box-shadow:inset 6px 0 #ffffff26}.cover-top{font-size:11px;letter-spacing:2px}.cover strong{font-family:serif;font-size:29px;line-height:1.5;font-weight:500;margin:20px 0}.cover-bottom{font-size:10px;letter-spacing:2px}.book-body{padding:24px;display:flex;flex-direction:column;flex:1}.tag{font-size:12px;color:var(--orange)}.book h3{margin:9px 0;font-size:21px}.book h3 a{text-decoration:none}.book p{font-size:16px}.catalog{font-size:14px;color:var(--green);margin-top:auto}.reading-note{text-align:center;background:#efe8dc;padding:38px;margin-top:40px}.reading-note h3{font-family:serif;font-size:25px}.art{background:#eee9dc}.art-layout{display:grid;grid-template-columns:.75fr 1fr;gap:50px;align-items:center}.art-layout img{border-radius:4px}.art-layout p{font-size:16px}.pumpkin{margin-top:40px;max-width:800px}.pumpkin img{max-height:450px;object-fit:cover}.extension{border-top:1px solid #d3c7b2;margin-top:35px;padding-top:25px;max-width:750px}.extension span{color:var(--orange);font-size:13px}.day{display:flex;gap:65px;align-items:center;background:#476357;color:#fffaf0;padding:65px 48px}.date{font:80px/1.2 serif}.day .eyebrow{color:#ebc2a6}.day h2{font-size:34px}.day p{font-size:16px}.wall-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:35px}fieldset{padding:0;border:0;margin:0 0 25px}legend{font-size:16px;margin-bottom:15px}.moods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mood{border:1px solid #dcd6ca;background:#fffdf8;padding:15px 8px;font:inherit;font-size:14px;cursor:pointer;border-radius:5px}.mood span{display:block;width:28px;height:28px;border-radius:50%;background:var(--dot);margin:0 auto 8px}.mood[aria-pressed=true]{outline:2px solid var(--green);background:#eaf0e9}label{display:block;font-size:16px;margin-bottom:10px}textarea{width:100%;border:1px solid #cec9bf;border-radius:4px;background:#fffdf8;padding:14px;font:inherit;font-size:16px;resize:vertical}.dots{min-height:230px;display:flex;flex-wrap:wrap;gap:15px;align-content:flex-start;background:#f1ece2;border-radius:5px;padding:25px}.entry{max-width:100%;display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #dcd4c5;width:100%;padding:0 0 12px;overflow-wrap:anywhere}.entry i{display:block;flex:0 0 25px;height:25px;border-radius:50%;margin-top:5px}.entry p{font-size:15px;margin:0}.entry small{display:block;font-size:12px;color:var(--muted)}.empty{font:20px/1.7 serif;color:#7c8177}.text-button{border:0;background:none;text-decoration:underline;color:var(--green);font:inherit;font-size:14px;cursor:pointer}#status{font-size:14px;margin-top:12px}footer{text-align:center;border-top:1px solid #dbd5c8;padding:55px 48px}footer h2{font-size:29px}footer details{text-align:left;max-width:800px;margin:30px auto;font-size:14px}summary{cursor:pointer;color:var(--green);margin-bottom:15px}:focus-visible{outline:3px solid #a95c3f;outline-offset:4px}@media(max-width:900px){header{flex-wrap:wrap;gap:14px}.issue{display:none}nav{gap:18px}.hero{padding:45px 28px;gap:25px}.section{padding:60px 28px}.split{gap:30px}.split h2{font-size:28px}.sos{margin:0 28px;padding:30px}.books{gap:15px}.cover{padding:18px;border-width:12px;min-height:260px}.cover strong{font-size:23px}.book-body{padding:18px}.day{gap:30px;padding:45px 28px}.wall-grid{gap:25px}.opening{padding:22px 28px}}@media(max-width:650px){body{font-size:16px}header{position:relative;padding:18px 22px}nav{width:100%;justify-content:space-between;gap:8px;font-size:13px}.brand{font-size:24px}.hero,.split,.art-layout,.wall-grid{grid-template-columns:1fr}.hero{padding:40px 22px}.hero-copy{order:0}.hero figure{max-width:440px}.hero figure img{aspect-ratio:1.2;border-radius:80px 80px 3px 3px}.opening{display:block;padding:20px 22px}.opening p{font-size:14px}.section{padding:55px 22px}.split{gap:30px}.split figure{order:1}.sos{margin:0 16px;padding:27px 22px}.steps{grid-template-columns:1fr;gap:12px}.steps b{font-size:24px}.steps article{border-bottom:1px solid #cbd6c8;padding-bottom:8px}.books{grid-template-columns:1fr;gap:24px}.cover{min-height:320px;border-width:22px;padding:25px 32px}.cover strong{font-size:32px}.book-body{padding:24px}.art-layout{gap:30px}.day{display:block;padding:45px 22px}.date{font-size:65px;display:block;margin-bottom:20px}.day h2{font-size:30px}td,th{padding:14px;font-size:15px;min-width:160px}.reading-note{padding:28px 20px}footer{padding:40px 22px}.moods{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Book images keep the existing card layout and cover area. */
.cover{height:300px;min-height:300px;background:#f0ebe0;padding:0;align-items:center;justify-content:center;box-shadow:none}.cover img{width:100%;height:100%;object-fit:contain}.art-layout figure img{object-fit:contain}@media(max-width:900px){.cover{height:260px;min-height:260px;padding:0}}@media(max-width:650px){.cover{height:320px;min-height:320px;padding:0}}

.translation-bar{background:#eee9dc;border-bottom:1px solid #ddd8ce;padding:10px 4vw;font-size:13px;color:var(--ink)}.translation-bar form{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:auto;max-width:1400px}.translation-label{margin-right:auto;color:var(--muted);letter-spacing:1px}.translation-bar select,.translation-bar button{font:inherit;border:1px solid #b9c3b8;border-radius:8px;padding:7px 12px;background:var(--paper);color:var(--ink)}.translation-bar button{background:var(--green);color:white;cursor:pointer}.translation-bar small{font-size:11px;color:var(--muted)}.translation-bar select:focus-visible,.translation-bar button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}@media(max-width:600px){.translation-bar form{justify-content:flex-start;gap:8px}.translation-label{width:100%}.translation-bar small{width:100%}.translation-bar label{font-size:12px}}