:root{--paper:#faf9f6;--paper-deep:#f2eee5;--ink:#24211d;--logo:#3d3b37;--quiet:#837d72;--line:#d8d1c5;--rain:#647783;--danger:#855c54;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, SimSun, serif;--sans:"PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--reading-progress:0}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:var(--paper);min-height:100vh;font-family:var(--serif);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid var(--rain);outline-offset:5px}.gate-shell{place-items:center;min-height:100svh;padding:40px 24px;transition:opacity .22s;display:grid}.gate-leaving{opacity:0}.gate-content{text-align:center;width:min(100%,460px)}.entrance-mark{width:clamp(124px,20vw,150px);color:var(--logo);margin:0 auto 34px}.entrance-mark svg{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:auto;display:block}.gate-content h1{font-family:var(--sans);letter-spacing:.08em;margin:0 0 55px;font-size:13px;font-weight:400}.gate-form{text-align:left;width:min(100%,300px);margin:0 auto}.gate-form label{color:var(--quiet);font-family:var(--sans);margin-bottom:10px;font-size:12px;display:block}.gate-form input{border:1px solid var(--line);width:100%;height:48px;font-family:var(--sans);background:0 0;border-radius:0;padding:0 14px;font-size:14px}.gate-form input::placeholder{color:#aaa398}.gate-form button,.quiet-button,.comment-form button{min-height:44px;font-family:var(--sans);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:5px;background:0 0;border:0;padding:0;font-size:13px;display:block}.gate-form button{margin:17px auto 0}.gate-message{min-height:22px;color:var(--quiet);font-family:var(--sans);text-align:center;margin:7px 0 0;font-size:12px}.gate-hint{color:var(--quiet);font-family:var(--sans);margin:25px 0 0;font-size:11px}.gate-error input{animation:.18s ease-in-out gate-shake}@keyframes gate-shake{0%,to{transform:translate(0)}30%{transform:translate(-4px)}70%{transform:translate(4px)}}.site-shell{width:min(100% - 48px,940px);margin:0 auto;padding:104px 0 70px}.masthead{padding-bottom:78px}.masthead h1{letter-spacing:.08em;margin:0;font-size:clamp(42px,6vw,62px);font-weight:400}.masthead p{color:var(--quiet);font-family:var(--sans);letter-spacing:.08em;margin:14px 0 0;font-size:11px}.chapter-index{border-top:1px solid var(--line)}.chapter-row{border-bottom:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);align-items:baseline;gap:28px;min-height:82px;padding:25px 0;display:grid}.chapter-number{color:var(--quiet);font-family:var(--sans);letter-spacing:.1em;white-space:nowrap;font-size:11px}.chapter-title{font-size:clamp(19px,2.3vw,24px);line-height:1.5;transition:transform .18s}.chapter-row:hover .chapter-title{transform:translate(4px)}.empty-state{color:var(--quiet);font-family:var(--sans);margin:0;padding:40px 0;font-size:13px}.catalog-exit{margin-top:76px}.catalog-exit .quiet-button{color:var(--quiet)}.reader-shell{width:min(100% - 48px,760px);margin:0 auto;padding:36px 0 100px}.reader-top{color:var(--quiet);font-family:var(--sans);justify-content:space-between;align-items:center;gap:24px;font-size:11px;display:flex}.reader-top a{align-items:center;min-height:44px;display:inline-flex}.article-header{text-align:center;padding:92px 0 72px}.article-header h1{letter-spacing:.03em;max-width:680px;margin:21px auto 24px;font-size:clamp(30px,5vw,40px);font-weight:400;line-height:1.45}.article-preface{max-width:580px;color:var(--quiet);font-family:var(--sans);margin:0 auto 18px;font-size:12px;line-height:1.8}.article-header time{color:var(--quiet);font-family:var(--sans);letter-spacing:.08em;font-size:11px}.prose{letter-spacing:.025em;max-width:660px;margin:0 auto;font-size:18px;line-height:2.05}.prose p{text-align:justify;text-justify:inter-ideograph;margin:0 0 1.55em}.prose h2,.prose h3{margin:2.4em 0 1em;font-weight:500}.prose blockquote{border-left:1px solid var(--line);color:var(--quiet);margin:2em 0;padding-left:22px}.reading-progress-top{z-index:20;width:calc(var(--reading-progress) * 100%);background:var(--rain);pointer-events:none;height:1px;position:fixed;top:0;left:0}.reading-progress-spine{z-index:10;background:var(--line);pointer-events:none;width:1px;position:fixed;top:0;bottom:0;left:max(22px,50vw - 430px)}.reading-progress-spine:after{content:"";height:calc(var(--reading-progress) * 100%);background:var(--rain);position:absolute;inset:0 0 auto}.comments-section{border-top:1px solid var(--line);max-width:660px;margin:88px auto 0;padding-top:44px}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.section-heading h2{margin:0;font-size:27px;font-weight:400}.section-heading span{color:var(--quiet);font-family:var(--sans);font-size:11px}.comment-form label{color:var(--quiet);font-family:var(--sans);margin-bottom:14px;font-size:12px;line-height:1.7;display:block}.comment-form textarea{border:1px solid var(--line);resize:vertical;width:100%;min-height:132px;font-family:var(--sans);background:0 0;border-radius:0;padding:14px;font-size:14px;line-height:1.8}.comment-form-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.comment-form-footer span{color:var(--quiet);font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:10px}.comment-form button{margin-left:auto}.form-message,.notice{color:var(--quiet);font-family:var(--sans);margin:15px 0;font-size:12px}.comment-list{margin-top:38px}.comment{border-top:1px solid var(--line);padding:24px 0}.comment header{color:var(--quiet);font-family:var(--sans);justify-content:space-between;gap:20px;font-size:11px;display:flex}.comment strong{color:var(--ink);font-weight:400}.comment p{font-family:var(--sans);white-space:pre-wrap;margin:13px 0 0;font-size:14px;line-height:1.8}.empty-comment{border-top:1px solid var(--line);color:var(--quiet);font-family:var(--sans);margin:0;padding:27px 0;font-size:12px}.admin-login{min-height:100svh;font-family:var(--sans);place-items:center;padding:30px 24px;display:grid}.admin-login>section{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);width:min(100%,420px);padding:42px 0}.admin-login h1{font-family:var(--serif);margin:0 0 10px;font-size:38px;font-weight:400}.admin-login p{color:var(--quiet);font-size:12px}.admin-login form{margin:32px 0 22px}.admin-login label,.editor-form label{color:var(--ink);font-family:var(--sans);font-size:12px;display:block}.admin-login input,.editor-form input,.editor-form textarea,.editor-form select{border:1px solid var(--line);background:0 0;border-radius:0;width:100%;margin-top:9px;padding:12px}.admin-login .button{margin-top:18px}.admin-login>section>a{color:var(--quiet);font-size:12px}.admin-shell{width:min(100% - 48px,1080px);font-family:var(--sans);margin:0 auto;padding:64px 0}.admin-header,.page-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:25px;display:flex}.admin-header h1,.page-heading h1{font-family:var(--serif);margin:0;font-size:clamp(36px,5vw,50px);font-weight:400}.admin-kicker{color:var(--quiet);margin:0 0 8px;font-size:11px}.quiet-button{color:var(--quiet)}.admin-nav{border-bottom:1px solid var(--line);color:var(--quiet);white-space:nowrap;gap:28px;padding:17px 0;font-size:12px;display:flex;overflow-x:auto}.admin-nav a:hover{color:var(--ink)}.button,.row-actions a,.row-actions button,.text-button{border:1px solid var(--line);min-height:38px;color:var(--ink);font-family:var(--sans);background:0 0;border-radius:0;justify-content:center;align-items:center;padding:8px 12px;font-size:11px;text-decoration:none;display:inline-flex}.dashboard-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:42px 0;display:grid}.dashboard-grid a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px}.dashboard-grid strong{font-family:var(--serif);font-size:44px;font-weight:400;display:block}.dashboard-grid span{color:var(--quiet);font-size:11px}.admin-callout{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:28px 0;display:flex}.admin-callout h2{font-family:var(--serif);margin:0 0 7px;font-weight:400}.admin-callout p{color:var(--quiet);margin:0;font-size:12px}.admin-list{margin-top:30px}.admin-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:30px;padding:25px 0;display:grid}.article-summary h2{font-family:var(--serif);margin:8px 0;font-size:22px;font-weight:400}.article-summary p{color:var(--quiet);margin:0;font-size:11px}.status{border:1px solid var(--line);padding:2px 6px;display:inline-block}.status.published,.comment-status.visible{color:#50675e}.status.draft,.comment-status.hidden{color:var(--quiet)}.row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.row-actions form{display:flex}.row-actions button:disabled{cursor:default;opacity:.3}.row-actions .danger,.danger{color:var(--danger)}.narrow-admin{max-width:820px}.editor-form{padding:32px 0}.editor-form label{margin-bottom:23px}.editor-form textarea{font-family:var(--serif);resize:vertical;font-size:16px;line-height:1.8}.form-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.field-hint{float:right;color:var(--quiet);font-size:10px}.form-actions{align-items:center;gap:18px;display:flex}.text-link{color:var(--quiet);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:5px}.comments-filter{align-items:center;gap:12px;margin-top:28px;display:flex}.comments-filter label{color:var(--quiet);font-size:11px}.comments-filter select{border:1px solid var(--line);background:0 0;min-height:38px;padding:6px 10px}.moderation-list{margin-top:20px}.moderation-comment{border-bottom:1px solid var(--line);padding:24px 0}.moderation-comment header{color:var(--quiet);justify-content:space-between;gap:24px;font-size:11px;display:flex}.moderation-comment header div{gap:16px;display:flex}.moderation-comment strong{color:var(--ink);font-weight:400}.moderation-comment p{font-family:var(--serif);white-space:pre-wrap;line-height:1.8}.moderation-actions{justify-content:flex-end;gap:8px;display:flex}.simple-page{width:min(720px,100% - 48px);margin:18vh auto}.simple-page h1{margin:15px 0 36px;font-size:36px;font-weight:400}@media (max-width:760px){.site-shell{width:calc(100% - 48px);padding-top:68px}.masthead{padding-bottom:52px}.chapter-row{grid-template-columns:82px minmax(0,1fr);gap:14px;min-height:74px;padding:21px 0}.reader-shell{width:calc(100% - 48px);padding-top:24px}.reader-top span{text-align:right}.article-header{padding:70px 0 54px}.article-header h1{font-size:30px}.prose{letter-spacing:.015em;font-size:17px;line-height:2}.prose p{text-align:left}.reading-progress-spine{display:none}.comments-section{margin-top:72px}.admin-shell{width:calc(100% - 48px);padding-top:36px}.dashboard-grid,.admin-row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.form-grid{grid-template-columns:1fr;gap:0}.moderation-comment header,.moderation-comment header div{display:block}.moderation-comment header span,.moderation-comment header time{margin-top:5px;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}