:root{--paper:#fcf9f4;--ink:#2e2925;--muted:#71675f;--page:#a85e43;--page-dark:#6f3b2b;--soft:#f5e8df;--line:#dfd4ca;--pad:clamp(1rem,5vw,4rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.85 system-ui,"Noto Sans TC","Noto Sans JP",sans-serif}img{display:block;max-width:100%}.skip{position:fixed;z-index:99;top:.5rem;left:.5rem;transform:translateY(-150%);padding:.6rem 1rem;background:#fff}.skip:focus{transform:none}.site-head{position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;padding:.65rem var(--pad);color:#fff;background:rgba(91,52,39,.96);backdrop-filter:blur(10px)}.site-head a{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.05em}.site-head select{min-height:42px;padding:.4rem .8rem;border:1px solid #ffffff88;border-radius:9px;background:#fff}.hero{min-height:68vh;display:grid;grid-template-columns:auto minmax(0,780px);align-content:center;justify-content:center;gap:clamp(1.5rem,6vw,5rem);padding:5rem var(--pad);color:#fff;background:linear-gradient(140deg,var(--page-dark),var(--page))}.hero-mark{width:clamp(90px,16vw,180px);aspect-ratio:1;display:grid;place-items:center;border:2px solid #ffffff77;border-radius:34% 66% 58% 42%;font-size:clamp(3rem,9vw,7rem);font-weight:900}.hero #eyebrow{font-weight:900;letter-spacing:.15em}.hero h1{max-width:760px;margin:.3rem 0;font:900 clamp(2.5rem,7vw,5.4rem)/1.12 serif}.hero #subtitle{max-width:660px;font-size:clamp(1rem,2vw,1.3rem)}.chapter-nav{position:sticky;z-index:20;top:62px;padding:.7rem var(--pad);overflow:auto;background:#fff;border-bottom:1px solid var(--line)}.chapter-nav>div{display:flex;gap:.6rem;width:max-content}.chapter-nav a{padding:.5rem .9rem;border:1px solid var(--line);border-radius:99px;color:var(--ink);text-decoration:none;font-weight:800}.chapter-nav a.active{color:#fff;background:var(--page);border-color:var(--page);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--page)}.chapter{--accent:#a85e43;--accent-dark:#6f3b2b;--chapter-soft:#f5e8df;padding:clamp(3rem,8vw,7rem) var(--pad);background:var(--chapter-soft)}.chapter-head,.chapter-body{width:min(920px,100%);margin:auto}.chapter-head{display:grid;grid-template-columns:70px 1fr;gap:0 1.2rem;margin-bottom:clamp(2rem,6vw,4rem)}.chapter-head span{grid-row:1/3;color:var(--accent);font:900 2.4rem/1 serif}.chapter-head h2{margin:0;font:900 clamp(2rem,5vw,3.7rem)/1.2 serif}.chapter-head p{margin:.35rem 0;color:var(--muted)}.chapter-body{display:grid;gap:clamp(2rem,6vw,5rem)}.scroll-block{margin:0}.block-copy{max-width:720px;margin:auto}.block-copy h3,.block-copy h4{margin:0 0 .7rem;color:var(--accent-dark);font-family:serif}.block-copy h3{font-size:clamp(1.8rem,4vw,2.8rem)}.block-copy h4{font-size:clamp(1.4rem,3vw,2rem)}.block-copy p{margin:.7rem 0}.block-lead{padding:clamp(1.4rem,4vw,2.5rem);border-left:6px solid var(--accent);background:#ffffffb8}.block-image-text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,4rem)}.block-image-text .block-copy{margin:0}.media{margin:0}.media img{width:100%;border-radius:18px;box-shadow:0 18px 45px #3b241922}.media figcaption{padding:.65rem .3rem 0;color:var(--muted);font-size:.88rem}.block-image-wide .block-copy{margin-top:1.2rem}.block-quote{padding:clamp(1.5rem,5vw,3rem);color:#fff;background:var(--accent-dark);border-radius:24px}.block-quote p{margin:0;font:700 clamp(1.5rem,4vw,2.5rem)/1.55 serif}.block-quote cite{display:block;margin-top:1rem;opacity:.8}.block-note{padding:1.2rem 1.4rem;border:2px solid var(--accent);border-radius:16px;background:#fff}.block-note h4:before{content:"!";display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;margin-right:.5rem;border-radius:50%;color:#fff;background:var(--accent);font:900 1rem sans-serif}footer{text-align:center;padding:4rem 1rem;color:#fff;background:var(--page-dark)}footer strong{font-size:1.2rem}body[data-theme="陶土微光"]{--page:#a85e43;--page-dark:#6f3b2b}.chapter[data-theme="苔蘚清晨"]{--accent:#718044;--accent-dark:#48552c;--chapter-soft:#f0f4df}.chapter[data-theme="陶土微光"]{--accent:#a85e43;--accent-dark:#6f3b2b;--chapter-soft:#f8e8df}.chapter[data-theme="奶茶午後"]{--accent:#9b7658;--accent-dark:#654b38;--chapter-soft:#f8f0e7}@media(max-width:700px){body{font-size:16px}.hero{min-height:58vh;grid-template-columns:1fr}.hero-mark{width:90px}.chapter-head{grid-template-columns:48px 1fr}.chapter-head span{font-size:1.7rem}.block-image-text{grid-template-columns:1fr}.block-image-text.image-right .block-copy{order:2}.block-image-text.image-right .media{order:1}}
/* 2026082305 reading interaction refinements */
body{--text-scale:1;font-size:calc(17px * var(--text-scale))}
.hero{grid-template-columns:minmax(0,780px)}
.hero-mark{display:none}
.chapter-nav a.active{color:#fff;background:var(--page-dark);border:2px solid #fff;outline:3px solid var(--page-dark);outline-offset:1px;box-shadow:none}
.chapter-head{grid-template-columns:1fr;width:min(920px,100%)}
.chapter-head span{display:none}
.chapter-head h2,.chapter-head p{grid-column:1;width:100%}
@media(max-width:700px){body{font-size:calc(16px * var(--text-scale))}.chapter-head{grid-template-columns:1fr}}
/* 2026082306 chapter and four-step text sizing */
.chapter-head{display:none}
.block-text,.block-text .block-copy{width:100%;max-width:none;margin-left:0;margin-right:0}
.chapter-nav a.active,.chapter-nav a[aria-current="true"]{color:#fff;background:var(--page-dark);border:2px solid #fff;outline:3px solid var(--page-dark);outline-offset:1px;font-weight:900;box-shadow:none}
#text-scale-indicator{position:fixed;font-size:14px!important;line-height:1.2!important;font-weight:800!important;white-space:nowrap;width:auto;min-width:0;max-width:calc(100vw - 2rem);z-index:100;left:50%;bottom:2rem;transform:translate(-50%,20px);padding:.7rem 1rem;border:2px solid #fff;border-radius:999px;color:#fff;background:#1f2926;box-shadow:0 8px 30px #0005;opacity:0;pointer-events:none;transition:.18s}#text-scale-indicator.show{transform:translate(-50%,0);opacity:1}.chapter-nav a.active,.chapter-nav a[aria-current="true"]{color:#fff!important;background:var(--active-accent,var(--page-dark))!important;border:2px solid #fff!important;outline:3px solid var(--active-accent,var(--page-dark))!important;outline-offset:2px;box-shadow:0 4px 14px #0003!important;transform:translateY(-1px)}

.chapter-nav a.active,.chapter-nav a[aria-current="true"]{color:#fff!important;background:var(--page-dark)!important;border:3px solid var(--page)!important;outline:2px solid var(--page-dark)!important;outline-offset:1px!important;box-shadow:none!important}