:root{color-scheme:light;--bg:#f5f5f2;--surface:#e9e9e4;--ink:#111210;--muted:#76766f;--line:rgba(17,18,16,.14);--glass:rgba(245,245,242,.78);--ease:cubic-bezier(.22,1,.36,1)}
:root[data-theme=dark]{color-scheme:dark;--bg:#111210;--surface:#1c1d1a;--ink:#f1f1eb;--muted:#9a9a91;--line:rgba(241,241,235,.15);--glass:rgba(17,18,16,.8)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;transition:.4s}a{color:inherit;text-decoration:none}button,select,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.wrap{width:min(calc(100% - 80px),1160px);margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.skip{position:fixed;z-index:200;top:12px;left:12px;padding:8px 12px;background:var(--ink);color:var(--bg);transform:translateY(-160%)}.skip:focus{transform:none}
.header{position:fixed;z-index:100;inset:0 0 auto;height:76px;padding:0 max(32px,calc((100% - 1320px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid transparent;transition:.3s}.header.scrolled{background:var(--glass);border-color:var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:baseline;gap:12px;font-size:14px;letter-spacing:-.02em}.brand small{color:var(--muted);font-size:9px;letter-spacing:.16em}.header nav{display:flex;gap:34px}.header nav a{position:relative;padding:9px 0;color:var(--muted);font-size:12px}.header nav a:after{content:"";position:absolute;inset:auto 0 3px;height:1px;background:var(--ink);transform:scaleX(0);transition:.3s}.header nav a:hover,.header nav a[aria-current=page]{color:var(--ink)}.header nav a:hover:after,.header nav a[aria-current=page]:after{transform:scaleX(1)}.theme{position:relative;justify-self:end;width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .25s ease,transform .3s var(--ease)}.theme:hover{background:var(--surface);transform:rotate(8deg)}.mode-icon{position:absolute;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:opacity .3s ease,transform .45s var(--ease)}.moon-icon{opacity:0;transform:rotate(-35deg) scale(.65)}[data-theme=dark] .sun-icon{opacity:0;transform:rotate(35deg) scale(.65)}[data-theme=dark] .moon-icon{opacity:1;transform:rotate(0) scale(1)}
.view{opacity:1;transform:translateY(0);transition:opacity .32s ease,transform .42s var(--ease)}.view[hidden]{display:none}.view.view-enter{opacity:0;transform:translateY(10px)}.view.view-enter.view-enter-active{opacity:1;transform:translateY(0)}.hero{min-height:92vh;padding:156px 0 55px;display:flex;flex-direction:column;justify-content:center}.overline{margin:0 0 24px;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.2em;text-transform:uppercase}.hero [data-welcome]{font-size:12px;letter-spacing:.18em}.hero-title{margin:0;max-width:1060px;font-family:"Noto Serif SC Variable","Songti SC",STSong,serif;font-size:clamp(92px,14vw,184px);font-weight:400;letter-spacing:-.09em;line-height:.87}.hero-title span{display:block}.hero-title span+span{margin-left:24%}.hero-foot{width:76%;margin:64px 0 0 auto;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.hero-foot p{margin:0;color:var(--muted);white-space:nowrap}
.cover-rule{width:100%;height:1px;margin:0 0 12px;background:var(--line)}.type-cover{position:relative;height:clamp(420px,52vw,610px);overflow:hidden;isolation:isolate}.type-cover i{font-style:normal}.decon-title{position:absolute;inset:0;z-index:2;margin:0}.main-char{position:absolute;width:1em;height:1em;color:var(--ink);font-family:"Noto Serif SC Variable","Songti SC",STSong,"Noto Serif CJK SC",serif;font-size:clamp(105px,15vw,202px);font-weight:800;line-height:1;filter:contrast(1.08)}.main-char i{position:absolute;inset:0}.main-char .char-top{clip-path:inset(0 0 49% 0)}.main-char .char-bottom{clip-path:inset(47% 0 0 0)}.char-hu{top:27%;left:7%;transform:rotate(-3deg)}.char-hu .char-top{transform:translate(-.13em,-.05em)}.char-hu .char-bottom{transform:translate(.08em,.03em)}.char-si{top:48%;left:35%;transform:rotate(1.5deg)}.char-si .char-top{transform:translate(.08em,-.07em)}.char-si .char-bottom{transform:translate(-.1em,.06em)}.char-luan{top:17%;left:59%;transform:rotate(-2deg)}.char-luan .char-top{transform:translate(-.07em,-.06em)}.char-luan .char-bottom{transform:translate(.13em,.04em)}.char-xiang{top:45%;left:78%;transform:rotate(3deg)}.char-xiang .char-top{transform:translate(.1em,-.04em)}.char-xiang .char-bottom{transform:translate(-.08em,.08em)}
.statement{padding:170px 0 190px;font:500 clamp(32px,4.5vw,62px)/1.35 "Noto Serif SC Variable","Songti SC",STSong,serif;letter-spacing:-.04em}.statement{padding-left:24%}.latest{padding:100px 0 170px;border-top:1px solid var(--line)}.section-title{margin:0 0 70px;font:400 clamp(40px,5vw,68px)/1.2 "Noto Serif SC Variable","Songti SC",STSong,serif;letter-spacing:-.05em}.rows{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:.8fr 2fr 1.2fr auto;gap:32px;align-items:baseline;padding:34px 0;border-bottom:1px solid var(--line);transition:.35s}.row:hover{padding-inline:20px;background:var(--surface)}.row time,.row span{color:var(--muted);font-size:11px}.row h3{margin:0;font:400 24px/1.4 "Noto Serif SC Variable","Songti SC",STSong,serif}.more{margin-top:50px;text-align:right;font-size:13px}
.page-head{padding:190px 0 100px}.page-title{margin:0;font:400 clamp(70px,10vw,132px)/1 "Noto Serif SC Variable","Songti SC",STSong,serif;letter-spacing:-.075em}.intro{width:min(460px,100%);margin:50px 0 0 auto;color:var(--muted);font-size:14px}.toolbar{padding:18px 0;border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.toolbar-actions,.editor-actions,.post-actions{display:flex;align-items:center;gap:10px}.text-button,.primary-button,.icon-button{border:0;background:transparent;color:var(--ink);cursor:pointer}.text-button{padding:8px 2px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.05em}.text-button:hover{border-color:var(--ink)}.primary-button{padding:10px 17px;border:1px solid var(--ink);border-radius:99px;background:var(--ink);color:var(--bg);font-size:11px;letter-spacing:.05em}.primary-button:hover{opacity:.72}.import-button{display:inline-block;cursor:pointer}.journal{padding:12px 0 160px}.card{display:grid;grid-template-columns:.75fr 2.2fr 1.35fr auto;gap:34px;align-items:start;padding:46px 0;border-bottom:1px solid var(--line);opacity:0;animation:rise .65s var(--ease) forwards;animation-delay:var(--delay)}.card:hover h2{opacity:.55}.card .meta,.card .tag,.card .index{color:var(--muted);font-size:11px}.card h2{margin:-6px 0 0;font:400 clamp(25px,3vw,38px)/1.35 "Noto Serif SC Variable","Songti SC",STSong,serif;letter-spacing:-.035em;transition:.2s}.card p{margin:0;color:var(--muted);font:14px/1.85 "Noto Serif SC Variable","Songti SC",STSong,serif}.card .index{justify-self:end}.journal-item{position:relative}.journal-item .card{padding-right:110px}.entry-actions{position:absolute;right:0;bottom:34px;display:flex;gap:12px}.entry-actions button{padding:3px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.entry-actions button:hover{color:var(--ink);border-color:var(--ink)}.empty-state{padding:72px 0;border-block:1px solid var(--line);color:var(--muted);font:18px/1.8 "Noto Serif SC Variable","Songti SC",STSong,serif}.empty-state p{margin:0 0 22px}.empty-state a{color:var(--ink);font:12px -apple-system,BlinkMacSystemFont,sans-serif}.editor{padding:68px 0;border-bottom:1px solid var(--line)}.editor[hidden]{display:none}.editor form{width:min(760px,100%);margin:auto}.editor-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:54px}.editor-heading .overline{margin-bottom:12px}.editor-heading h2{margin:0;font:400 clamp(38px,5vw,62px)/1.2 "Noto Serif SC Variable","Songti SC",STSong,serif}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:24px;line-height:1}.field{display:block;margin-bottom:34px}.field>span,.image-picker>span{display:block;margin-bottom:10px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.field input,.field textarea{width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink)}.field input{font:400 30px/1.4 "Noto Serif SC Variable","Songti SC",STSong,serif}.field textarea{min-height:280px;resize:vertical;font:17px/1.9 "Noto Serif SC Variable","Songti SC",STSong,serif}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.55}.image-picker{display:block;padding:22px 0;border-block:1px solid var(--line);cursor:pointer}.image-picker input{display:block;margin-top:12px;max-width:100%;font-size:12px}.image-picker small{display:block;margin-top:10px;color:var(--muted);font-size:11px}.image-previews{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.image-preview{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface)}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview button{position:absolute;top:7px;right:7px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;cursor:pointer}.editor-actions{margin-top:36px}.editor-status{min-height:1.6em;margin:14px 0 0;color:var(--muted);font-size:12px}.post-actions{margin-top:34px}.post-image{width:min(880px,100%);margin:0 auto 34px}.post-image img{display:block;width:100%;max-height:78vh;object-fit:contain}.post-image figcaption{margin-top:8px;color:var(--muted);font-size:10px;text-align:right}
.about{padding:60px 0 180px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12%}.about-lead{font:clamp(28px,3.2vw,44px)/1.45 "Noto Serif SC Variable","Songti SC",STSong,serif;letter-spacing:-.035em}.about-lead p{margin:0 0 12px}.about-copy{color:var(--muted);font:16px/2 "Noto Serif SC Variable","Songti SC",STSong,serif}.about-copy>p{margin:0 0 28px}.about dl{margin:70px 0 0;font-family:-apple-system,sans-serif}.about dl div{padding:16px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between}.about dt,.about dd{margin:0;font-size:11px}.about dt{text-transform:uppercase;letter-spacing:.08em}.about dd{color:var(--ink)}.closing{padding-bottom:190px;font:clamp(44px,7vw,92px)/1.3 "Noto Serif SC Variable","Songti SC",STSong,serif;letter-spacing:-.055em;text-align:center}
.post-head{padding:180px 0 84px}.back{display:inline-block;margin-bottom:80px;color:var(--muted);font-size:12px}.kicker{display:flex;gap:16px;align-items:center;margin:0 0 28px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.pill{padding:3px 8px;border:1px solid var(--line);border-radius:99px;color:var(--ink)}.post-title{max-width:930px;margin:0;font:400 clamp(48px,8vw,108px)/1.12 "Noto Serif SC Variable","Songti SC",STSong,serif;letter-spacing:-.07em}.deck{width:min(560px,100%);margin:48px 0 0 auto;color:var(--muted);font:17px/1.9 "Noto Serif SC Variable","Songti SC",STSong,serif}.post-wrap{padding:100px 0 150px;border-top:1px solid var(--line)}.post-body{width:min(680px,100%);margin:auto;font:clamp(17px,1.6vw,20px)/2.05 "Noto Serif SC Variable","Songti SC",STSong,serif}.post-body p{margin:0 0 1.7em}.post-body p:first-child:first-letter{float:left;margin:.09em .12em 0 0;font-size:4.5em;line-height:.78}.post-end{width:min(680px,100%);margin:80px auto 0;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
.footer{padding:74px 0 30px;border-top:1px solid var(--line)}.footer-grid{display:flex;justify-content:space-between;align-items:end}.footer p{margin:5px 0;color:var(--muted);font-size:10px;letter-spacing:.05em}.footer-grid>div:last-child{text-align:right}.notice{margin-top:50px!important;padding-top:18px;border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.delay{transition-delay:.1s}.delay2{transition-delay:.2s}.reveal.show{opacity:1;transform:none}@keyframes rise{to{opacity:1}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:66px;padding:0 16px;grid-template-columns:1fr auto}.brand small{display:none}.header nav{position:fixed;z-index:90;inset:auto 16px 16px;justify-content:space-around;gap:0;padding:8px;border:1px solid var(--line);border-radius:99px;background:var(--glass);backdrop-filter:blur(18px)}.header nav a{padding:8px 18px}.hero{min-height:88vh;padding-top:120px}.hero-title{font-size:clamp(68px,25vw,116px);line-height:.94}.hero-title span+span{margin-left:8%}.hero-foot{width:92%;margin-top:46px;align-items:flex-end;font-size:12px}.hero-foot p{width:auto}.statement{padding:110px 0 130px;font-size:35px;line-height:1.48}.latest{padding:72px 0 110px}.section-title{margin-bottom:48px}.row{grid-template-columns:1fr auto;gap:9px 16px;padding:28px 0}.row time,.row h3,.row span{grid-column:1}.row h3{font-size:24px}.row i{grid-column:2;grid-row:1/4;align-self:center}.page-head{padding:140px 0 72px}.page-title{font-size:74px}.intro{margin-top:36px}.journal{padding-bottom:110px}.card{grid-template-columns:1fr auto;gap:10px 16px;padding:34px 0}.card .meta,.card h2,.card p{grid-column:1}.card h2{margin:2px 0 5px;font-size:28px}.card .index{grid-column:2;grid-row:1}.card .tag{display:none}.about{padding:44px 0 120px;grid-template-columns:1fr;gap:65px}.about-lead{font-size:32px}.closing{padding-bottom:130px;font-size:47px}.post-head{padding:125px 0 65px}.back{margin-bottom:65px}.post-title{font-size:52px}.deck{margin-top:35px}.post-wrap{padding:72px 0 105px}.footer{padding-bottom:100px}}
@media(max-width:760px){.toolbar{align-items:flex-start;gap:18px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px 10px}.primary-button{padding:9px 14px}.editor{padding:50px 0}.editor-heading{margin-bottom:38px}.field input{font-size:25px}.image-previews{grid-template-columns:repeat(2,1fr)}.journal-item .card{padding-right:0;padding-bottom:70px}.entry-actions{left:0;right:auto;bottom:28px}.empty-state{padding:52px 0}.post-actions{flex-wrap:wrap}.post-image{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal,.card{opacity:1;transform:none}}
.field input:focus,.field textarea:focus,.field input:focus-visible,.field textarea:focus-visible{outline:0;box-shadow:none}
.brand{font-size:17px}.brand small{font-size:11px}.header nav a{font-size:14px}
@media(max-width:760px){.header.scrolled{backdrop-filter:none}.brand{flex-direction:column;align-items:flex-start;gap:1px;line-height:1}.brand small{display:block;margin-top:3px;font-size:9px}}
@media(min-width:761px){.hero-foot{width:84%}.statement{padding-left:16%}}
.closing.closing-copy{color:var(--muted);font:16px/2 "Noto Serif SC Variable","Songti SC",STSong,serif;letter-spacing:normal}
@media(max-width:760px){
  .char-luan{left:56%}
  .char-xiang{left:auto;right:4%}
  .statement{padding-left:0}
  .hero-foot{width:100%;gap:8px 16px;flex-wrap:wrap}
  .hero-foot a{margin-left:auto}
}
@media(max-width:360px){
  .main-char{font-size:92px}
  .char-si{left:24%}
  .char-xiang{right:2%}
}
.char-luan .char-top{clip-path:inset(0 0 54% 0)}
.char-luan .char-bottom{clip-path:inset(50% 0 0 0)}
.char-xiang .char-top{clip-path:inset(0 0 51% 0)}
.char-xiang .char-bottom{clip-path:inset(56% 0 0 0)}
@media(max-width:760px){.char-xiang .char-bottom{clip-path:polygon(20% 56%,100% 56%,100% 100%,0 100%,0 68%,20% 68%)}}
.char-hu .char-bottom{clip-path:inset(53% 0 0 0)}
.char-hu .char-top{clip-path:inset(0 0 55% 0)}
.decon-title{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,max-content);align-content:center;justify-items:center;row-gap:clamp(25px,4vw,48px);width:min(100%,780px);margin-inline:auto}
.main-char{position:relative;top:auto;left:auto;right:auto}
.char-hu{translate:-.22em -.16em}
.char-si{translate:.12em -.16em}
.char-luan{translate:.45em -.04em}
.char-xiang{translate:.28em -.04em}