:root{--paper:#eeeae0;--ink:#253b33;--muted:#61695e;--accent:#a3432f;--line:#b8bdaf;--serif:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;--sans:"PingFang SC","Microsoft YaHei",Arial,sans-serif;--page:min(1100px,88vw)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;min-height:44px}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:active,.begin:active{transform:translateY(2px)}::selection{background:#d8bda4;color:#253b33}.skip{position:fixed;left:15px;top:-120px;z-index:30;background:var(--ink);color:var(--paper);padding:18px}.skip:focus{top:15px}.masthead{width:var(--page);height:104px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:30px var(--serif);display:flex;gap:6px;align-items:start}.brand i{font:24px Georgia;color:var(--accent);transform:translateY(-8px)}.masthead-tools{display:flex;align-items:center;gap:32px;font-size:13px}.masthead-tools>span{color:var(--muted)}#language{padding:8px 12px;border:1px solid var(--line);font-size:13px;transition:background .2s,color .2s}#language:hover{background:var(--ink);color:var(--paper)}.opening{width:var(--page);margin:auto;padding:48px 0 0}.opening-label{font-size:14px;margin:0 0 24px;color:var(--muted)}h1{font-family:var(--serif);font-weight:400;font-size:clamp(76px,10.6vw,146px);line-height:1.2;letter-spacing:-.035em;margin:0 0 28px;max-width:100%;padding:0 0 10px}h1>span{display:block}.question-end{margin-left:19%;display:flex;align-items:baseline;gap:12px}h1 em{font:italic 1.15em/1 Georgia,serif;color:var(--accent);display:inline-block;padding-right:12px;transform:rotate(8deg);transform-origin:center}.opening-bottom{display:flex;align-items:end;gap:6%;justify-content:space-between;margin-left:19%}.opening-bottom p{font-size:16px;line-height:1.85;max-width:540px;margin:0;text-wrap:pretty}.begin{min-width:170px;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--ink);font-size:15px}.begin>span:last-child{font-size:24px;transition:transform .25s}.begin:hover>span:last-child{transform:translateY(5px)}.opening-nav{display:flex;justify-content:space-between;gap:24px;margin-top:68px;padding:24px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.opening-nav a{display:flex;align-items:center;gap:16px;font-size:14px;padding:5px 0}.opening-nav a:hover{color:var(--accent)}.opening-nav a span:first-child{font:italic 18px Georgia;color:var(--accent)}.reading-experiment{width:var(--page);margin:94px auto 110px}.section-kicker{font-size:13px;display:flex;justify-content:space-between;color:var(--muted);margin-bottom:28px}.section-kicker>span:first-child{color:var(--accent)}h2{font:400 clamp(32px,3.8vw,50px)/1.4 var(--serif);letter-spacing:-.02em;margin:0;text-wrap:balance}.reading-experiment h2{margin-bottom:42px}.sentence-stage{position:relative;padding:35px 44px 38px;background:#e2e4d8;border-left:2px solid var(--ink);min-height:330px}.anchor-sentence{font:clamp(28px,3.4vw,45px)/1.65 var(--serif);margin:0 0 22px;display:flex;flex-wrap:wrap;gap:0;align-items:baseline}.word-focus{position:relative;padding:0 3px;color:var(--ink);transition:color .3s}.word-focus:after{content:"";position:absolute;bottom:6px;left:0;right:0;border-bottom:2px solid var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.sentence-stage[data-stage="2"] .word-focus{color:var(--accent)}.sentence-stage[data-stage="2"] .word-focus:after{transform:scaleX(1)}.context-slip{max-width:620px;padding:20px 24px;margin:8px 0 28px 12%;background:#f6f2e9;box-shadow:3px 4px 0 #aeb6a144;transform-origin:left top}.slip-label{font-size:13px;color:var(--accent)}.context-slip p{font-size:16px;line-height:1.8;margin:9px 0 0}.understanding{display:grid;grid-template-columns:54px 1fr;gap:20px;padding-top:16px}.reading-counter{font:13px/2 Georgia;color:var(--muted)}.understanding h3{font:400 clamp(23px,2.6vw,32px)/1.5 var(--serif);margin:0 0 10px}.understanding p{font-size:16px;line-height:1.8;max-width:700px;margin:0;color:#4e5c4e}.reading-controls{display:flex;position:relative;gap:0;margin-top:18px;border-bottom:1px solid var(--line)}.stage-button{position:relative;padding:16px 22px;display:flex;gap:12px;font-size:15px;flex:1;align-items:center;justify-content:center;color:var(--muted);border-bottom:2px solid transparent;transition:background .2s,color .2s}.stage-button>span:first-child{font:italic 14px Georgia}.stage-button.selected{color:var(--ink);border-bottom-color:var(--accent);background:#e4dfd1}.stage-button:hover{background:#e4dfd1}.reading-footnote{font-size:15px;line-height:1.85;color:var(--muted);max-width:710px;margin:26px 0 0 74px}.no-script-note{font-size:16px;line-height:1.8}.portrait{border-top:1px solid var(--line)}.essay{width:var(--page);margin:auto;display:grid;grid-template-columns:36% 64%;padding:90px 0 100px}.essay-heading{padding-right:32px}.chapter-number{display:block;font:italic 26px Georgia;color:var(--accent);margin-bottom:25px}.essay-text p{font-size:17px;line-height:1.9;margin:0 0 24px;text-wrap:pretty}.margin-disclosure{border-top:1px solid var(--line);margin-top:34px}.margin-disclosure summary{font-size:15px;line-height:1.6;padding:19px 0;display:flex;align-items:center;gap:20px;justify-content:space-between;cursor:pointer;list-style:none}.margin-disclosure summary::-webkit-details-marker{display:none}.disclosure-sign{font-size:24px;color:var(--accent);line-height:1;transition:transform .25s}.margin-disclosure[open] .disclosure-sign{transform:rotate(45deg)}.disclosure-content p{font-size:16px;line-height:1.85;margin:0 0 20px;color:var(--muted);padding-right:22px}.beauty-essay{padding:68px max(6vw,calc((100vw - 1100px)/2)) 70px;background:var(--ink);color:var(--paper)}.beauty-heading{display:flex;gap:30px;align-items:center}.beauty-heading .chapter-number{color:#d0b28c;margin:0;font-size:24px}.beauty-heading h2{font:18px var(--sans);letter-spacing:0}.beauty-statement{font:400 clamp(40px,6vw,76px)/1.45 var(--serif);margin:47px 0 42px;letter-spacing:-.025em}.beauty-statement em{font-style:normal;color:#dac09c;white-space:nowrap}.beauty-body{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-left:19%}.beauty-body p{font-size:17px;line-height:1.9;margin:0;color:#e2e4d7;text-wrap:pretty}.beauty-essay .margin-disclosure{margin:35px 0 0 19%;border-color:#6e7b6b}.beauty-essay .disclosure-sign{color:#dac09c}.beauty-essay .disclosure-content p{color:#d5ddce;max-width:760px}.life-path{display:flex;align-items:start;justify-content:space-between;gap:16px;padding-top:20px;margin-top:38px;border-top:1px solid var(--line)}.life-path>div{font:22px var(--serif);line-height:1.6}.life-path small{display:block;font:13px/1.8 var(--sans);color:var(--muted);margin-top:8px}.path-arrow{font-size:20px;color:var(--accent);padding-top:3px}.closing{width:var(--page);margin:0 auto 75px;padding:55px 0 25px 36%;border-top:1px solid var(--line)}.closing>p{font-size:16px;line-height:1.8;margin:0 0 23px}.closing h2{font-size:clamp(42px,5vw,65px);line-height:1.45;margin-bottom:35px}.closing a{font-size:14px;color:var(--accent);padding:12px 0;display:inline-block}footer{width:var(--page);margin:auto;border-top:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0 32px;font-size:13px}footer button{font-size:13px;padding:0;text-align:right}footer button:hover{text-decoration:underline}dialog{border:0;background:var(--paper);color:var(--ink);max-width:690px;width:calc(100% - 32px);max-height:88vh;padding:48px;box-shadow:0 30px 90px #0004}dialog::backdrop{background:#192a22c9;backdrop-filter:blur(3px)}.close{position:absolute;right:16px;top:12px;width:44px;font-size:28px}dialog h2{font-size:28px;margin:10px 0 25px}dialog p{font-size:16px;line-height:1.85;margin:0 0 20px}.references{margin-top:26px}.references a{display:block;border-top:1px solid var(--line);padding:18px 0;font:19px Georgia}.references span{display:block;font:13px/1.6 var(--sans);color:var(--muted);margin-top:8px}.references a:hover{color:var(--accent)}[hidden]{display:none!important}html[lang=en] h1{font-family:Georgia;font-size:clamp(70px,9vw,126px);letter-spacing:-.06em;line-height:1.12}html[lang=en] .question-end{margin-left:19%}html[lang=en] .anchor-sentence{column-gap:.22em}html[lang=en] .essay-heading h2{font-size:40px}html[lang=en] .opening-label{font-size:15px}html[lang=en] .beauty-statement{font-family:Georgia;letter-spacing:-.045em}.opening-label,.opening h1,.opening-bottom{animation:ink-in .65s cubic-bezier(.22,.75,.25,1) both}.opening h1{animation-delay:.06s}.opening-bottom{animation-delay:.13s}@keyframes ink-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){:root{--page:min(1200px,88vw)}.beauty-essay{padding-left:max(6vw,calc((100vw - 1200px)/2));padding-right:max(6vw,calc((100vw - 1200px)/2))}}
@media(max-width:950px){.opening-bottom{margin-left:12%;align-items:start;flex-direction:column;gap:24px}.question-end{margin-left:12%}.opening-nav{margin-top:42px;gap:18px}.opening-nav a{font-size:13px;gap:10px}.essay{grid-template-columns:34% 66%}.essay-heading h2{font-size:34px}.essay-text p{font-size:16px}.beauty-body{padding-left:10%;gap:6%}.beauty-essay .margin-disclosure{margin-left:10%}.life-path>div{font-size:18px}.life-path{gap:10px}.closing{padding-left:34%}html[lang=en] .question-end{margin-left:12%}html[lang=en] .essay-heading h2{font-size:31px}}
@media(max-width:640px){:root{--page:88vw}.masthead{height:84px}.brand{font-size:26px}.masthead-tools{gap:15px}.masthead-tools>span{font-size:12px;max-width:102px;line-height:1.5}#language{min-width:44px;padding:8px;font-size:13px}.opening{padding-top:30px}.opening-label{font-size:13px;line-height:1.7;margin-bottom:23px}h1{font-size:clamp(64px,17vw,103px);line-height:1.3;margin-bottom:23px;letter-spacing:-.035em}.question-end{margin-left:10%;gap:7px}h1 em{padding:0}.opening-bottom{margin-left:0;gap:23px}.opening-bottom p{font-size:16px;line-height:1.85}.begin{font-size:15px;min-width:185px}.opening-nav{display:grid;grid-template-columns:1fr;gap:0;margin-top:34px;padding:14px 0}.opening-nav a{font-size:14px;gap:18px;padding:12px 0}.opening-nav a span:first-child{font-size:17px}.reading-experiment{margin-top:55px;margin-bottom:60px}.section-kicker{font-size:12px;gap:20px;line-height:1.6;margin-bottom:22px}.section-kicker>span:last-child{text-align:right}h2{font-size:32px;line-height:1.45}.reading-experiment h2{margin-bottom:27px}.sentence-stage{padding:26px 18px;min-height:345px}.anchor-sentence{font-size:clamp(22px,6.4vw,37px);line-height:1.7;margin-bottom:15px}.context-slip{padding:17px;margin:8px 0 23px 0}.context-slip p{font-size:15px}.understanding{grid-template-columns:1fr;gap:10px;padding-top:8px}.understanding h3{font-size:25px;line-height:1.5}.understanding p{font-size:16px;line-height:1.85}.reading-counter{font-size:13px}.reading-controls{margin-top:13px}.stage-button{padding:15px 4px;font-size:14px;gap:6px;flex-wrap:wrap;justify-content:center}.stage-button>span:first-child{font-size:13px}.reading-footnote{font-size:14px;line-height:1.85;margin:23px 0 0}.essay{display:block;padding:50px 0 55px}.essay-heading{padding-right:0;display:grid;grid-template-columns:40px 1fr;gap:15px;margin-bottom:27px}.essay-heading h2{font-size:32px}.chapter-number{font-size:23px;padding-top:7px;margin:0}.essay-text p{font-size:16px;line-height:1.85;margin-bottom:22px}.margin-disclosure{margin-top:25px}.margin-disclosure summary{font-size:15px;padding:17px 0;gap:14px}.disclosure-content p{font-size:16px;padding:0}.beauty-essay{padding:42px 6vw 45px}.beauty-heading{gap:24px}.beauty-heading .chapter-number{font-size:22px}.beauty-heading h2{font-size:17px}.beauty-statement{font-size:clamp(34px,8.8vw,52px);line-height:1.5;margin:30px 0}.beauty-body{display:block;padding:0}.beauty-body p{font-size:16px;line-height:1.85;margin-bottom:21px}.beauty-essay .margin-disclosure{margin:27px 0 0}.life-path{gap:7px;margin-top:30px;padding-top:22px}.life-path>div{font-size:18px}.life-path small{font-size:12px}.path-arrow{font-size:16px;padding-top:6px}.closing{padding:35px 0 0;margin-bottom:40px}.closing>p{font-size:15px}.closing h2{font-size:44px;margin-bottom:20px}footer{font-size:12px;gap:20px;padding:18px 0 24px}footer button{font-size:12px;max-width:150px}dialog{padding:42px 24px 30px}dialog h2{font-size:25px}dialog p{font-size:16px}html[lang=en] h1{font-size:clamp(52px,12.8vw,78px);line-height:1.16;letter-spacing:-.055em}html[lang=en] .question-end{margin-left:10%}html[lang=en] .essay-heading h2{font-size:31px}html[lang=en] .stage-button{font-size:13px;flex-direction:column;gap:7px}html[lang=en] .life-path>div{font-size:17px}html[lang=en] .life-path small{font-size:12px}html[lang=en] .anchor-sentence{font-size:27px}html[lang=en] .masthead-tools>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}