/* Original editorial design for Guanyan. No imported fonts, images or dependencies. */
:root{--paper:#f3f0e7;--ink:#292a25;--muted:#74776b;--line:#cbcbbf;--red:#a33c2f;--pale:#e9e7dc;--serif:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif;--reading:"FangSong","STFangsong",var(--serif);--sans:system-ui,-apple-system,"Segoe UI",sans-serif;--ease:cubic-bezier(.22,.68,0,1.05)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.26' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}
::selection{background:#a33c2f26}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{background:none;border:0}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}svg.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.frame{max-width:1480px;margin:auto;padding:0 6.3vw}.skip{position:absolute;left:24px;top:-60px;z-index:30;padding:12px;background:var(--ink);color:var(--paper)}.skip:focus{top:12px}.masthead{min-height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);gap:24px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{font-family:var(--serif);font-size:30px;letter-spacing:.13em;font-weight:400}.brand-kicker{font-size:9px;letter-spacing:.18em;line-height:1.9;color:var(--muted);border-left:1px solid var(--line);padding-left:16px}.nav{display:flex;gap:30px;font-size:12px;letter-spacing:.1em}.nav a{position:relative;padding:12px 0}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav a:hover:after{transform:scaleX(1)}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}.red{color:var(--red)}
.hero{display:grid;grid-template-columns:36% 64%;padding:55px 0 48px;position:relative;min-height:690px}.cover{position:relative;display:flex;flex-direction:column;padding-right:54px;border-right:1px solid var(--line)}.cover-top{display:flex;justify-content:space-between;gap:8px}.cover-glyphs{position:relative;flex:1;min-height:395px;margin-top:28px;user-select:none}.cover-glyphs span{position:absolute;font-family:var(--serif);font-weight:400;font-size:clamp(150px,16.5vw,238px);line-height:1;letter-spacing:-.06em}.cover-glyphs .guan{left:-.02em;top:0}.cover-glyphs .yan{right:-.015em;top:160px;color:var(--red)}.cover-glyphs:after{content:"";position:absolute;top:128px;left:0;right:4px;height:1px;background:var(--line);transform:rotate(-22deg);transform-origin:left;opacity:.6}.vertical-caption{position:absolute;right:0;top:10px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.35em;color:var(--muted)}.cover-note{position:relative;font-family:var(--reading);font-size:17px;line-height:1.95;margin:18px 0 0}.cover-note small{display:block;margin-top:14px;font-family:var(--sans);font-size:9px;letter-spacing:.13em;color:var(--muted)}.reading{padding-left:clamp(28px,5.4vw,78px);display:flex;flex-direction:column;position:relative;min-width:0}.reading-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.reading-label{display:flex;align-items:center;gap:12px;line-height:1.8}.reading-label:before{content:"";width:28px;height:2px;background:var(--red)}.date-lockup{text-align:right}.date-large{font-family:var(--serif);font-size:34px;letter-spacing:-.04em;line-height:1}.date-large .date-divider{font-size:18px;color:var(--line);padding:0 9px}.date-caption{font-size:9px;letter-spacing:.12em;margin-top:11px;color:var(--muted)}.quote-sheet{margin:auto 0;padding:40px 0 36px;min-width:0}.quote-mark{font-family:var(--serif);font-size:52px;color:var(--red);line-height:.7;margin-bottom:20px;opacity:.85}blockquote{margin:0;font-family:var(--serif);font-size:clamp(30px,3.8vw,54px);line-height:1.65;letter-spacing:.065em;font-weight:400;overflow-wrap:anywhere;text-wrap:balance}blockquote.long{font-size:clamp(25px,3vw,43px);line-height:1.7}blockquote .phrase{display:block}blockquote .punctuation{color:var(--muted);font-size:.66em}.source{display:flex;align-items:flex-start;gap:22px;margin-top:35px}.seal{border:1px solid var(--red);color:var(--red);font-family:var(--serif);font-size:17px;line-height:1.35;padding:4px 7px;letter-spacing:.04em;flex-shrink:0;transform:rotate(-3deg)}.source-book{font-family:var(--reading);font-size:18px;letter-spacing:.055em;line-height:1.7}.source-author{color:var(--muted);font-size:11px;line-height:1.8;margin-top:5px}.source-details{margin-top:11px;color:var(--muted);font-size:11px;line-height:1.9;max-width:510px}.source-details summary{cursor:pointer;list-style:none;display:inline-block;border-bottom:1px solid var(--line)}.source-details summary::-webkit-details-marker{display:none}.source-details p{margin:10px 0 7px}.source-details a{display:inline-flex;align-items:center;gap:6px;color:var(--red)}.reading-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:18px}.day-control{display:flex;align-items:center;gap:20px}.day-control button,.copy-button{min-height:44px;padding:7px 0;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.06em}.home-button{min-height:44px;font-size:10px;color:var(--red);border-bottom:1px solid transparent;padding:8px 0}.home-button:hover{border-color:var(--red)}.copy-button{color:var(--muted)}.quote-sheet.turn{animation:page-in .5s var(--ease)}@keyframes page-in{from{opacity:.2;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.chapter-divider{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--ink);padding:25px 0}.section-heading{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:.1em;margin:0}.section-heading sup{font-family:var(--sans);font-size:9px;color:var(--red);position:relative;top:-6px;letter-spacing:.06em;margin-left:9px}.section-note{color:var(--muted);font-size:10px;letter-spacing:.05em;line-height:1.8}.archive-layout{display:grid;grid-template-columns:36% 64%;padding:14px 0 46px}.archive-aside{padding:30px 50px 0 0;font-family:var(--reading);font-size:19px;line-height:1.9}.archive-aside .small{font-family:var(--sans);font-size:10px;color:var(--muted);margin-top:17px;line-height:1.9;max-width:220px}.archive-list{list-style:none;padding:0;margin:0}.archive-item{border-bottom:1px solid var(--line)}.archive-link{display:grid;grid-template-columns:65px 1fr 18px;width:100%;gap:18px;text-align:left;padding:21px 0;align-items:center}.archive-date{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.archive-text{font-family:var(--reading);font-size:18px;line-height:1.75;transition:color .2s}.archive-book{display:block;font-family:var(--sans);font-size:9px;color:var(--muted);letter-spacing:.04em;margin-top:5px}.archive-link svg{color:var(--muted);transition:transform .25s}.archive-link:hover .archive-text{color:var(--red)}.archive-link:hover svg{transform:translate(2px,-2px)}.load-more{margin-top:22px;font-size:10px;letter-spacing:.1em;padding:8px 0;border-bottom:1px solid var(--ink)}.books{padding-bottom:46px}.book-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0;border-bottom:1px solid var(--line)}.book-button{position:relative;min-height:174px;padding:24px 12px 22px;text-align:left;border-left:1px solid var(--line);transition:background .25s}.book-button:first-child{border-left:0}.book-number{font-size:9px;letter-spacing:.1em;color:var(--muted)}.book-title{display:block;margin:25px 0 15px;font-family:var(--serif);font-size:24px;letter-spacing:.08em}.book-count{font-size:9px;color:var(--muted)}.book-button:hover{background:var(--pale)}.book-button:after{content:"";height:2px;background:var(--red);position:absolute;left:12px;right:12px;bottom:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}.book-button:hover:after{transform:scaleX(1)}.about{display:grid;grid-template-columns:36% 64%;border-top:1px solid var(--ink);padding:35px 0 55px}.about-title{font-family:var(--serif);font-size:28px;letter-spacing:.08em;font-weight:400;margin:0}.about-text{font-family:var(--reading);font-size:17px;line-height:2.05;max-width:650px;margin:0}.about-bottom{display:flex;flex-wrap:wrap;gap:20px;margin-top:23px;font-family:var(--sans);font-size:9px;color:var(--muted);line-height:1.8}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0 35px;font-size:9px;letter-spacing:.1em;color:var(--muted)}.footer-wordmark{font-family:var(--serif);font-size:21px;letter-spacing:.15em;color:var(--ink)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:var(--paper);padding:12px 22px;z-index:40;font-size:12px;transition:opacity .25s,transform .25s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}
.library{padding:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);width:min(850px,calc(100% - 32px));max-height:85dvh}.library::backdrop{background:#272a2580;backdrop-filter:blur(3px)}.library-head{padding:24px 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;position:sticky;top:0;background:var(--paper);z-index:1}.library-title{font-family:var(--serif);font-size:26px;font-weight:400;margin:0}.close-dialog{min-width:44px;min-height:44px;padding:8px;display:flex;align-items:center}.library-body{padding:22px 30px 30px}.library-search{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;border-radius:0;padding:12px 0;font-size:14px;color:var(--ink)}.library-count{font-size:10px;color:var(--muted);margin:18px 0}.library-list{list-style:none;padding:0;margin:0}.library-entry{padding:23px 0;border-bottom:1px solid var(--line)}.library-entry blockquote{font-family:var(--reading);font-size:23px;line-height:1.9;letter-spacing:.02em}.library-entry .entry-source{font-size:11px;color:var(--muted);margin:10px 0 5px;line-height:1.8}.library-entry a{color:var(--red);font-size:11px}.empty-state{padding:35px 0;color:var(--muted);font-family:var(--reading);font-size:18px}.no-js{padding:18px;background:var(--pale);line-height:1.8}
@media(min-width:1480px){.frame{padding:0 93px}}@media(max-width:1000px){.frame{padding:0 5vw}.hero{grid-template-columns:31% 69%;min-height:650px}.cover{padding-right:25px}.cover-glyphs span{font-size:19vw}.cover-glyphs{min-height:350px}.cover-glyphs .yan{top:140px}.cover-glyphs:after{top:105px}.reading{padding-left:35px}.vertical-caption{right:-8px}.cover-top .edition{display:none}.cover-note{font-size:15px}.day-control{gap:13px}.book-title{font-size:20px}.archive-layout,.about{grid-template-columns:31% 69%}.archive-aside{padding-right:25px}.book-button{padding-left:9px;padding-right:9px}.book-button:after{left:9px;right:9px}}
@media(max-width:680px){.frame{padding:0 23px}.masthead{min-height:82px;gap:12px}.brand{gap:10px}.brand-mark{font-size:26px}.brand-kicker{font-size:8px;padding-left:10px}.nav{gap:18px;font-size:11px}.nav .about-nav{display:none}.hero{display:block;padding:30px 0 32px;min-height:0}.cover{border-right:0;padding:0;border-bottom:1px solid var(--line);min-height:135px;display:block}.cover-top{position:absolute;right:0;top:9px}.cover-top .eyebrow{writing-mode:vertical-rl;font-size:9px;letter-spacing:.18em}.cover-glyphs{height:112px;min-height:0;margin:0;width:200px}.cover-glyphs span{font-size:91px}.cover-glyphs .guan{top:-5px;left:0}.cover-glyphs .yan{top:17px;left:99px;right:auto}.cover-glyphs:after{top:56px;width:167px;right:auto;transform:rotate(-13deg)}.vertical-caption{display:none}.cover-note{position:absolute;top:13px;right:30px;font-size:12px;line-height:1.9;margin:0;writing-mode:vertical-rl}.cover-note small{display:none}.reading{padding:28px 0 0}.reading-top{gap:12px}.date-large{font-size:30px}.date-caption{font-size:8px;letter-spacing:.05em}.reading-label{font-size:9px;gap:8px}.reading-label:before{width:19px}.quote-sheet{padding:42px 0 32px;min-height:270px}.quote-mark{font-size:43px;margin-bottom:15px}blockquote{font-size:clamp(28px,7.6vw,39px);line-height:1.8;letter-spacing:.04em}blockquote.long{font-size:clamp(24px,6.5vw,32px);line-height:1.8}.source{margin-top:27px;gap:15px}.source-book{font-size:16px}.source-author{font-size:10px}.seal{font-size:15px}.reading-bottom{gap:10px;padding-top:13px}.day-control{gap:14px}.day-control button,.copy-button{font-size:10px;gap:5px}.copy-button .copy-label{display:none}.home-button{font-size:10px}.chapter-divider{padding:22px 0;align-items:flex-start;gap:10px}.section-heading{font-size:24px}.section-note{font-size:9px;max-width:165px;text-align:right}.archive-layout{display:block;padding:0 0 32px}.archive-aside{padding:0 0 16px;display:flex;justify-content:space-between;gap:20px;font-size:16px;align-items:flex-start}.archive-aside .small{font-size:9px;margin:0;max-width:160px;text-align:right}.archive-link{grid-template-columns:42px 1fr 16px;gap:14px;padding:19px 0}.archive-text{font-size:16px}.archive-date{font-size:10px}.book-grid{grid-template-columns:repeat(4,1fr)}.book-button{min-height:138px;padding:16px 9px;border-bottom:1px solid var(--line)}.book-button:nth-child(5){border-left:0}.book-title{font-size:20px;margin:20px 0 12px}.book-count{font-size:8px}.books{padding-bottom:32px}.about{display:block;padding:27px 0 34px}.about-title{font-size:24px;margin-bottom:20px}.about-text{font-size:16px;line-height:2}.about-bottom{gap:10px 20px;font-size:9px}.footer{padding:22px 0 28px;gap:10px;flex-wrap:wrap;font-size:8px}.footer-wordmark{font-size:18px}.library-head{padding:20px}.library-body{padding:18px 20px 24px}.library-entry blockquote{font-size:21px}}
@media(max-width:370px){.frame{padding:0 17px}.brand-kicker{display:none}.cover-note{right:25px;font-size:11px}.cover-glyphs{width:170px}.cover-glyphs span{font-size:80px}.cover-glyphs .yan{left:86px}.nav{gap:15px}.day-control{gap:10px}.day-control button{gap:4px}.book-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body:before,.nav,.reading-bottom,.archive-layout,.books,.about,.footer,.cover,.chapter-divider,.toast,dialog{display:none!important}.frame{padding:20px}.hero{display:block;padding:30px 0}.reading{padding:0}.masthead{min-height:65px}.quote-sheet{padding:30px 0}blockquote{font-size:28pt}.source-details{display:block}}