:root{--ink:#1d2522;--ink-soft:#55605b;--paper:#f4f0e6;--paper-deep:#e9e1d1;--cream:#fffdf7;--orange:#e85d2a;--sage:#798b7b;--line:#1d25222e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif}a{color:inherit;text-decoration:none}::selection{background:var(--orange);color:var(--cream)}.skip-link{z-index:100;background:var(--ink);color:var(--cream);padding:.8rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);min-height:98px;margin:0 auto;display:flex}.brand{align-items:center;gap:.85rem;display:inline-flex}.brand-mark{background:var(--ink);width:42px;height:42px;color:var(--paper);border-radius:50%;place-items:center;font-family:Songti SC,STSong,serif;font-size:1.25rem;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.14em;font-family:Songti SC,STSong,serif;font-size:1rem}.brand small{color:var(--ink-soft);letter-spacing:.18em;margin-top:.18rem;font-size:.52rem}nav{letter-spacing:.08em;gap:clamp(1.5rem,4vw,3.5rem);font-size:.86rem;display:flex}nav a{padding:.5rem 0;position:relative}nav a:after{content:"";background:var(--orange);height:1px;transition:right .22s;position:absolute;bottom:0;left:0;right:100%}nav a:hover:after,nav a:focus-visible:after{right:0}main,footer{width:min(1180px,100% - 48px);margin:0 auto}.hero{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:center;gap:clamp(4rem,10vw,9rem);min-height:670px;padding:7.5rem 0 6rem;display:grid}.eyebrow{color:var(--orange);letter-spacing:.24em;text-transform:uppercase;margin:0 0 1.5rem;font-size:.72rem;font-weight:700}.hero h1,.featured h2,.section-heading h2,.notes-copy h2,.about-copy h2{letter-spacing:-.04em;margin:0;font-family:Songti SC,STSong,SimSun,serif;font-weight:500}.hero h1{font-size:clamp(3.4rem,6.7vw,6.4rem);line-height:1.13}.hero h1 span{color:var(--orange);font-style:italic}.hero-intro{max-width:620px;color:var(--ink-soft);margin:2.5rem 0 0;font-size:1.05rem;line-height:2}.hero-actions{align-items:center;gap:2rem;margin-top:2.75rem;display:flex}.primary-link{background:var(--ink);color:var(--cream);align-items:center;gap:1.75rem;padding:1rem 1.25rem;font-size:.84rem;transition:transform .18s,background .18s;display:inline-flex}.primary-link:hover{background:var(--orange);transform:translateY(-2px)}.text-link{border-bottom:1px solid var(--ink);padding-bottom:.3rem;font-size:.84rem}.hero-note{border-left:1px solid var(--line);padding:6.5rem 0 0 2.5rem;position:relative}.note-orbit{border:1px solid var(--line);border-radius:50%;width:150px;height:150px;position:absolute;top:0;right:0}.note-orbit:before,.note-orbit:after{content:"";border:1px solid var(--line);border-radius:50%;position:absolute;inset:26px}.note-orbit:after{background:var(--orange);border:0;inset:52px}.note-orbit span{z-index:1;font-family:Songti SC,serif;font-size:2.75rem;font-style:italic;position:absolute;top:22px;left:-8px}.note-orbit i{background:var(--line);width:202px;height:1px;position:absolute;top:50%;left:-26px;transform:rotate(-28deg)}.note-label,.note-meta{color:var(--ink-soft);letter-spacing:.18em;font-size:.7rem}.hero-note blockquote{margin:1.25rem 0 2rem;font-family:Songti SC,STSong,serif;font-size:1.28rem;line-height:1.9}.featured{border-top:1px solid var(--ink);margin-bottom:9rem;padding:1.5rem 0 0}.featured-kicker{color:var(--ink-soft);letter-spacing:.14em;justify-content:space-between;margin-bottom:1.5rem;font-size:.7rem;display:flex}.featured-grid{grid-template-columns:1.1fr .9fr;min-height:470px;display:grid}.featured-art{background:var(--sage);min-height:440px;position:relative;overflow:hidden}.art-sun{aspect-ratio:1;background:var(--orange);opacity:.92;border-radius:50%;width:58%;position:absolute;top:-22%;left:11%}.art-line{aspect-ratio:1;border:1px solid #fffdf7a6;border-radius:48% 52% 56% 44%;width:72%;position:absolute;right:-12%}.art-line-one{bottom:-42%;transform:rotate(18deg)}.art-line-two{bottom:-25%;transform:rotate(52deg)}.art-caption{color:var(--cream);letter-spacing:.22em;font-size:.66rem;position:absolute;bottom:1.8rem;left:2rem}.featured-grid article{background:var(--cream);flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(3rem,7vw,6rem);display:flex}.article-meta{color:var(--orange);letter-spacing:.12em;margin:0 0 1.15rem;font-size:.7rem}.featured h2{font-size:clamp(2.25rem,4vw,3.7rem);line-height:1.25}.featured article>p:not(.article-meta){color:var(--ink-soft);margin:1.75rem 0 2rem;line-height:1.9}.article-link{border-bottom:1px solid var(--ink);padding-bottom:.35rem;font-size:.82rem}.article-link span{margin-left:1rem}.articles-section{margin-bottom:9rem}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.section-heading h2,.notes-copy h2,.about-copy h2{font-size:clamp(2.4rem,4.7vw,4.5rem);line-height:1.18}.section-heading>p{max-width:300px;color:var(--ink-soft);margin:0 0 .5rem;font-size:.9rem}.article-list{border-top:1px solid var(--ink)}.article-row{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr 56px;align-items:center;gap:2rem;padding:2.25rem 0;transition:padding .18s;display:grid}.article-row:hover{padding-left:.75rem}.article-number{color:var(--ink-soft);font-family:Songti SC,serif;font-size:1.5rem;font-style:italic}.article-body h3{margin:0 0 .7rem;font-family:Songti SC,STSong,serif;font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:500}.article-body>p:last-child{color:var(--ink-soft);margin:0;font-size:.88rem}.article-row>a{border:1px solid var(--line);border-radius:50%;justify-self:end;place-items:center;width:46px;height:46px;transition:background .18s,color .18s,transform .18s;display:grid}.article-row>a:hover{background:var(--orange);color:var(--cream);transform:rotate(45deg)}.notes-section{background:var(--ink);color:var(--cream);grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,7rem);margin-bottom:9rem;padding:clamp(3rem,7vw,6rem);display:grid}.notes-copy h2{color:var(--cream)}.note-cards article{border-top:1px solid #fffdf733;grid-template-columns:72px 1fr;gap:1.5rem;padding:1.75rem 0;display:grid}.note-cards article:last-child{border-bottom:1px solid #fffdf733}.note-cards time{color:var(--orange);letter-spacing:.08em;font-size:.75rem}.note-cards p{margin:0;font-family:Songti SC,STSong,serif;font-size:1.15rem;line-height:1.8}.about-section{grid-template-columns:.7fr 1.3fr;align-items:center;gap:clamp(4rem,10vw,10rem);margin-bottom:9rem;display:grid}.about-portrait{background:var(--paper-deep);min-height:480px;position:relative;overflow:hidden}.about-portrait:before{content:"";background:var(--sage);border-radius:50% 50% 8% 8%;width:74%;height:80%;position:absolute;bottom:-10%;left:50%;transform:translate(-50%)}.about-portrait:after{content:"";aspect-ratio:1;background:var(--orange);border-radius:48% 52% 45% 55%;width:42%;position:absolute;top:15%;left:50%;transform:translate(-50%)}.about-portrait span{z-index:1;letter-spacing:.18em;font-family:Songti SC,serif;font-size:.8rem;position:absolute;top:1.25rem;left:1.5rem}.about-portrait i{z-index:1;border:1px solid #1d252240;position:absolute;inset:1rem}.about-copy>p:not(.eyebrow){max-width:650px;color:var(--ink-soft);margin:1.75rem 0 0;line-height:2}.about-copy .text-link{margin-top:2rem;display:inline-block}footer{border-top:1px solid var(--ink);justify-content:space-between;align-items:end;gap:2rem;padding:2.5rem 0 3rem;display:flex}footer strong{font-family:Songti SC,serif;font-size:1.2rem}footer p{color:var(--ink-soft);letter-spacing:.08em;margin:.45rem 0 0;font-size:.72rem}a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.article-header{margin-bottom:0}.post-main{max-width:900px;padding:clamp(4.5rem,10vw,8rem) 0 7rem}.post-hero{border-bottom:1px solid var(--ink);padding-bottom:3rem}.post-back{color:var(--ink-soft);margin-bottom:4rem;font-size:.82rem;display:inline-block}.post-hero h1{letter-spacing:-.045em;max-width:850px;margin:0;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(2.8rem,7vw,5.6rem);font-weight:500;line-height:1.2}.post-summary{max-width:680px;color:var(--ink-soft);margin:2rem 0 0;font-size:1.08rem;line-height:1.9}.post-content{max-width:720px;margin:4rem auto 0;font-family:Songti SC,STSong,SimSun,serif;font-size:1.12rem;line-height:2.05}.post-content h2{letter-spacing:-.02em;margin:3.5rem 0 1.25rem;font-size:1.8rem;font-weight:600}.post-content p{margin:0 0 1.65rem}.post-content blockquote{border-left:3px solid var(--orange);color:var(--ink-soft);margin:2.5rem 0;padding:.5rem 0 .5rem 1.5rem}.post-content a{color:var(--orange);text-underline-offset:.2em;text-decoration:underline}.next-post{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:2rem;margin-top:6rem;padding-top:2rem;display:flex}.next-post p{color:var(--ink-soft);letter-spacing:.15em;margin:0;font-size:.72rem}.next-post a{text-align:right;max-width:560px;font-family:Songti SC,STSong,serif;font-size:clamp(1.4rem,3vw,2.3rem)}@media (max-width:850px){.hero,.featured-grid,.notes-section,.about-section{grid-template-columns:1fr}.hero{padding-top:5rem}.hero-note{border-left:0;border-top:1px solid var(--line);min-height:280px;padding:5rem 0 0}.featured-grid article{padding:3.5rem 2rem}.about-portrait{min-height:400px}}@media (max-width:580px){.site-header,main,footer{width:min(100% - 30px,1180px)}.site-header{min-height:82px}.brand small{display:none}nav{gap:1rem;font-size:.78rem}.hero{min-height:auto;padding:4.5rem 0 5rem}.hero h1{font-size:clamp(2.85rem,13vw,4rem)}.hero-actions,.section-heading,footer{flex-direction:column;align-items:flex-start}.featured,.articles-section,.notes-section,.about-section{margin-bottom:6rem}.featured-art{min-height:330px}.article-row{grid-template-columns:42px 1fr;gap:1rem}.article-row>a{display:none}.article-body>p:last-child{line-height:1.7}.notes-section{padding:3rem 1.5rem}.note-cards article{grid-template-columns:55px 1fr;gap:.75rem}.post-main{padding-top:3.5rem}.post-back{margin-bottom:3rem}.post-content{font-size:1.05rem}.next-post{flex-direction:column;align-items:flex-start}.next-post a{text-align:left}}
