:root{color-scheme:light;--paper:#f8f7f3;--ink:#283a33;--muted:#717871;--line:#dedfd6;--accent:#ae5138;--panel:#eeeee6;--art:#e7eadf;--leaf:#8c9c70;--card:#fcfbf8;--code:#eeeee8}
:root[data-theme=dark]{color-scheme:dark;--paper:#181c1b;--ink:#e4e8df;--muted:#a2aaa2;--line:#373e37;--accent:#e7a186;--panel:#222923;--art:#29342b;--leaf:#a2b283;--card:#1e2420;--code:#252e27}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--paper)}.site-shell{max-width:1240px;margin:auto;padding:0 64px}.site-header{height:118px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,"Songti SC",SimSun,serif;font-size:24px;font-weight:bold;letter-spacing:2px}.brand small{display:block;font:9px/2.5 "Segoe UI",sans-serif;letter-spacing:2px;color:var(--muted)}.brand-icon{width:39px;color:var(--accent)}svg{display:block;width:100%}.header-actions,nav{display:flex;align-items:center;gap:36px}nav{font-size:14px}nav a{position:relative;padding:10px 0;color:var(--muted)}nav a:hover,nav a[aria-current]{color:var(--ink)}nav a[aria-current]:after{content:"";position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;bottom:0;left:calc(50% - 2px)}.theme-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:22px;display:grid;place-items:center}.theme-toggle[hidden]{display:none}.sun{display:none}[data-theme=dark] .sun{display:inline}[data-theme=dark] .moon{display:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:73px 0 78px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted);display:flex;gap:16px;align-items:center;line-height:1.8}.dot{width:6px;height:6px;border-radius:100%;background:var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1,.page-heading h1{font-family:Georgia,"Songti SC",SimSun,serif;font-size:64px;line-height:1.4;font-weight:500;letter-spacing:2px;margin:25px 0 20px}.accent{color:var(--accent)}.hero-description{font-size:14px;line-height:2.2;color:var(--muted)}.primary-link{display:inline-flex;align-items:center;gap:35px;margin-top:17px;padding:14px 0;border-bottom:1px solid var(--ink);font-size:13px}.primary-link span{font-size:20px}.hero-art{position:relative;height:350px;overflow:hidden;background:var(--art);border-radius:140px 140px 6px 6px}.art-grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:36px 36px}.circle{position:absolute;border:1px solid var(--leaf);border-radius:50%;opacity:.45}.circle-one{width:235px;height:235px;left:calc(50% - 117px);top:35px}.circle-two{width:280px;height:280px;left:calc(50% - 140px);top:12px}.large-leaf{position:absolute;width:210px;top:50px;left:calc(50% - 105px);transform:rotate(-19deg);color:var(--leaf);filter:drop-shadow(14px 20px 0 #00000008)}.art-label{position:absolute;left:25px;bottom:45px;font-size:9px;line-height:1.8;letter-spacing:2px}.vertical-note{position:absolute;right:24px;top:130px;writing-mode:vertical-rl;font-family:SimSun,serif;letter-spacing:5px;font-size:12px}.edition{position:absolute;bottom:18px;left:25px;font-size:8px;letter-spacing:2px;color:var(--muted)}.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0}.section-heading h2{font-family:Georgia,"Songti SC",SimSun,serif;font-size:21px;font-weight:500;margin:0}.section-heading small{font:9px "Segoe UI",sans-serif;letter-spacing:1.5px;color:var(--muted);margin-left:12px}.section-heading>a{font-size:11px;color:var(--muted)}.post-card{display:grid;grid-template-columns:200px 1fr;gap:26px;padding:0 0 27px;border-bottom:1px solid var(--line)}.post-art{position:relative;min-height:205px;background:var(--panel);border-radius:4px;overflow:hidden}.art-leaf{position:absolute;width:100px;color:var(--leaf);right:-15px;top:6px;transform:rotate(20deg)}.art-orbit{position:absolute;width:155px;height:155px;border:1px solid var(--line);border-radius:50%;right:-40px;top:-33px}.art-caption{position:absolute;left:22px;bottom:51px;font-size:8px;letter-spacing:2px;color:var(--muted)}.art-caption b{display:block;font:italic 25px Georgia,serif;letter-spacing:-1px;color:var(--ink);margin-top:10px}.art-number{position:absolute;bottom:21px;left:22px;font-size:8px;letter-spacing:2px;color:var(--muted)}.post-summary{padding:13px 0}.post-summary .eyebrow{justify-content:space-between;font-size:9px;letter-spacing:1px}.post-summary h3{font:27px Georgia,serif;margin:15px 0}.post-summary h3 span{float:right;font:22px "Segoe UI",sans-serif;color:var(--muted)}.post-summary p{font-size:12px;color:var(--muted);line-height:2}.read-link{font-size:11px;display:flex;gap:24px;margin-top:19px}.post-card:hover h3,.profile-link:hover,.archive-entry:hover h3{color:var(--accent)}.end-note{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;color:var(--muted);padding:28px 0}.end-note span{width:20px;height:1px;background:var(--line)}.profile{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:25px;height:fit-content}.avatar{position:relative;width:54px;height:54px;background:var(--paper);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:italic 30px Georgia,serif;margin-bottom:19px}.avatar span{position:absolute;right:-5px;bottom:-3px;font-size:24px;color:var(--accent)}.profile .eyebrow{font-size:7px;letter-spacing:1px}.profile h2{font:24px Georgia,"Songti SC",SimSun,serif;margin:12px 0}.profile>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:2}.profile-link{font-size:11px;display:flex;justify-content:space-between;margin:20px 0}.profile-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted)}.profile-bottom b{font-size:14px;color:var(--ink);margin:0 3px}.site-footer{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding:28px 0 32px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.site-footer a{color:var(--ink)}.site-footer a span{color:var(--muted);margin-left:13px}.footer-leaf{color:var(--accent);margin-left:10px}.page-heading{padding:75px 0 55px}.page-heading h1{font-size:54px;margin-bottom:22px}.page-heading>p:last-child{color:var(--muted);font-size:14px;line-height:2}.archive-list{min-height:280px}.archive-year{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0 20px}.archive-year h2{font:32px Georgia,serif;margin:0}.archive-year>span{font-size:11px;color:var(--muted)}.archive-entry{display:flex;align-items:center;gap:40px;padding:28px 0;border-bottom:1px solid var(--line)}.archive-entry time,.archive-entry>span{font-size:12px;color:var(--muted)}.archive-entry h3{font:24px Georgia,serif;margin:0;flex:1}.about-body{display:grid;grid-template-columns:140px minmax(0,580px);gap:50px;padding:40px 0 60px;border-top:1px solid var(--line)}.about-mark{font-size:110px;line-height:1;color:var(--leaf)}.about-body h2{font:28px "Songti SC",SimSun,serif}.about-body p{font-size:15px;line-height:2.2;color:var(--muted)}.article-wrap{max-width:760px;margin:55px auto}.back-link{font-size:12px;color:var(--muted)}.article-heading{padding:40px 0 30px;border-bottom:1px solid var(--line);margin-bottom:40px}.article-heading h1{font:56px/1.2 Georgia,serif;margin:24px 0}.article-heading>p:last-child{color:var(--muted);font-size:13px}.article-body{font-size:16px;line-height:1.9;overflow-wrap:anywhere}.article-body h2{font:32px/1.4 Georgia,serif;margin:45px 0 24px}.article-body h3{font-size:21px;margin:30px 0 15px}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.article-body figure{margin:20px 0;background:var(--code);border:1px solid var(--line);border-radius:5px;overflow:auto;padding:16px}.article-body table{border-spacing:0;min-width:100%}.article-body pre{margin:0;font-size:13px;line-height:1.7;font-family:Consolas,monospace}.article-body .gutter{color:var(--muted);width:36px;user-select:none}.article-body .code{padding-left:10px}.article-end{text-align:center;border-top:1px solid var(--line);margin-top:50px;padding-top:35px;font-size:12px;color:var(--muted)}.article-end>span{font-size:30px;color:var(--accent)}.article-end p{margin:15px}.skip{position:fixed;left:20px;top:-80px;background:var(--ink);color:var(--paper);padding:12px;z-index:100}.skip:focus{top:10px}
@media(min-width:1500px){.site-shell{max-width:1320px}.hero{padding-top:85px;padding-bottom:90px}.hero-art{height:370px}}
@media(max-width:1000px){.site-shell{padding:0 32px}.hero{gap:25px}.hero h1{font-size:52px}.hero-art{height:320px}.journal-layout{gap:28px;grid-template-columns:minmax(0,1fr) 240px}.post-card{grid-template-columns:150px 1fr;gap:20px}.section-heading small{display:none}}
@media(max-width:760px){.site-shell{padding:0 24px}.site-header{height:96px}.brand{font-size:22px}.brand-icon{width:30px}.brand small{font-size:7px;letter-spacing:1px}.header-actions{gap:18px}nav{gap:20px;font-size:12px}.hero{padding:44px 0;grid-template-columns:1fr}.hero h1{font-size:52px;margin-top:20px}.hero-description{font-size:13px}.hero-art{height:245px;border-radius:100px 100px 4px 4px;margin-top:10px}.large-leaf{width:175px;left:calc(50% - 87px);top:23px}.circle-one{top:-4px}.circle-two{top:-27px}.vertical-note{top:55px}.art-label{bottom:43px}.journal-layout{grid-template-columns:1fr}.profile{display:none}.post-card{grid-template-columns:155px 1fr}.post-art{min-height:210px}.post-summary h3{font-size:25px}.site-footer{flex-direction:column;margin-top:20px;line-height:1.8}.page-heading{padding:48px 0 30px}.page-heading h1{font-size:42px}.about-body{grid-template-columns:1fr;gap:25px;padding-top:30px}.about-mark{font-size:65px}.article-heading h1{font-size:43px}.article-body{font-size:15px}.archive-entry{gap:20px}.archive-entry>span{display:none}}
@media(max-width:400px){.site-shell{padding:0 18px}.brand-icon{display:none}.header-actions{gap:14px}nav{gap:16px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.post-card{grid-template-columns:115px 1fr;gap:16px}.art-caption{left:13px}.art-caption b{font-size:21px}.art-number{left:13px;font-size:7px}.post-summary h3{font-size:23px}.post-summary .eyebrow{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.site-footer,.back-link,.article-end{display:none}.site-shell{padding:0}.article-wrap{max-width:none;margin:0}}

/* Four-link navigation */
@media(max-width:520px){.site-header{height:auto;min-height:108px;flex-wrap:wrap;padding:20px 0 16px;gap:12px}.header-actions{width:100%;justify-content:space-between}.header-actions nav{gap:24px}.brand-icon{display:block}}