:root{--bg:#f6f5f0;--paper:#fffefa;--ink:#28382f;--muted:#888b80;--line:#e3e4da;--accent:#537158;--serif:"Songti SC","STSong","SimSun",serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 "Microsoft YaHei UI","PingFang SC",sans-serif}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}.tiny{font:9px/1.6 ui-monospace,Consolas,monospace;letter-spacing:1px}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 4vw}.wordmark{font-size:20px;font-weight:700;display:flex;align-items:center;gap:17px;letter-spacing:2px}.mark{font:italic bold 39px/1 Georgia;letter-spacing:-7px;position:relative;display:inline-block;width:43px}.mark i{position:absolute;width:5px;height:5px;border-radius:50%;background:#9b6e41;right:0;bottom:4px}.edition{font:9px ui-monospace;letter-spacing:1px;color:var(--muted);padding-left:18px;border-left:1px solid var(--line)}.top-right{display:flex;gap:22px;align-items:center}.local{color:var(--muted);font-size:10px}.icon{background:transparent;font-size:28px;padding:0 8px;line-height:1.3}.btn,.outline{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:12px 20px;border-radius:5px;background:var(--ink);color:white;transition:background .2s}.btn:hover{background:#46644c}.btn.small{font-size:12px;padding:9px 16px}.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.text-btn{padding:5px 0;background:transparent;color:var(--accent);font-size:12px}.text-btn:hover{text-decoration:underline}.layout{max-width:1510px;margin:auto;display:grid;grid-template-columns:200px minmax(0,760px) 210px;gap:42px;padding:42px 4vw 0}.sidebar{position:sticky;top:25px;height:max-content}.profile-mark{width:64px;height:64px;border-radius:50%;background:#dfe7d9;color:#526d50;font:30px/64px var(--serif);text-align:center;position:relative;margin-bottom:25px}.profile-mark small{position:absolute;width:86px;bottom:-9px;left:-11px;font:8px/19px sans-serif;letter-spacing:2px;background:var(--paper);border:1px solid var(--line);border-radius:2px}.sidebar h2{font:25px/1.55 var(--serif);letter-spacing:2px}.desc{font-size:11px;color:var(--muted);margin:14px 0 31px;line-height:1.9}nav{display:grid;gap:5px}nav a{padding:10px 13px;display:flex;gap:16px;font-size:14px;border-radius:5px;color:#6f8266}nav a span{font-size:12px;color:var(--ink)}nav a.active{background:#e5eadf;font-weight:700}nav a:hover{background:#e9eee4}nav small{margin-left:auto;font:8px/20px ui-monospace;color:#8c9985}.sidebar-bottom{margin:30px 0 0;padding-top:22px;border-top:1px solid var(--line)}.sidebar-bottom .tiny{font-size:7px;color:#9c9d91;letter-spacing:.4px}.sidebar-bottom p{font:13px/1.9 var(--serif);margin:12px 0 14px;color:#7a7f71}main{min-width:0}.hero{position:relative;overflow:hidden;min-height:292px;padding:30px;background:#e7eadf;border:1px solid #dce0d3;border-radius:8px}.hero-top,.hero-line{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px}.hero-top .tiny{font-size:8px;letter-spacing:.6px;color:#697461}.hero h1{position:relative;z-index:1;font:43px/1.4 var(--serif);letter-spacing:2px;margin-top:35px}.hero h1 span{color:#6e8065}.hero>p{position:relative;z-index:1;font-size:12px;color:#72806a;margin-top:11px}.hero-line{border-top:1px solid #ccd3c2;margin-top:35px;padding-top:17px;font-size:10px;color:#7c8774}.hero-line a{color:#51664b}.orbit{position:absolute;right:-38px;top:51px;width:245px;height:245px;opacity:.37;transform:rotate(-25deg)}.orbit i{position:absolute;inset:0;border:1px solid #8fa180;border-radius:50%;transform:scaleX(.55)}.orbit i:nth-child(2){transform:rotate(60deg) scaleX(.55)}.orbit i:nth-child(3){transform:rotate(120deg) scaleX(.55)}.orbit b{position:absolute;font:90px/1 Georgia;top:75px;left:80px;color:#738966}.feed-heading{display:flex;align-items:center;justify-content:space-between;margin:35px 0 21px;gap:12px}.feed-heading>div{display:flex;gap:14px;align-items:center}.feed-heading h2{font:21px var(--serif)}.feed-heading span{color:var(--muted);font-size:10px}.filters{display:flex;gap:8px;margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid var(--line)}.filters button{background:transparent;color:#89907f;padding:5px 14px;font-size:11px;border-radius:20px}.filters button.selected{background:#e7ebdf;color:var(--ink)}.filters>span{margin-left:auto;font-size:10px;color:#a0a396;align-self:center}.post{background:var(--paper);border:1px solid var(--line);border-radius:8px;margin-bottom:18px;padding:26px 28px;transition:border-color .2s}.post:hover{border-color:#c8d0bc}.post-top{display:flex;align-items:center;gap:10px;font-size:11px}.avatar{width:30px;height:30px;background:#edf0e6;border:1px solid #e2e6d9;display:grid;place-items:center;font:15px var(--serif);border-radius:50%}.post-top strong{font-size:12px}.post-top time{color:#a0a394;font-size:10px;margin-left:3px}.post-tag{margin-left:auto;padding:2px 8px;background:#f1f2eb;border-radius:3px;color:#7c8771;font-size:9px}.post h3{font:23px/1.55 var(--serif);margin:22px 0 13px;letter-spacing:.4px}.post p{font-size:13px;line-height:2;color:#646d60;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.post .pullquote{font:20px/1.7 var(--serif);color:var(--ink);margin:20px 0;border-left:2px solid #98ac88;padding-left:18px}.post-foot{border-top:1px solid #eceee5;margin-top:22px;padding-top:13px;display:flex;align-items:center;gap:20px}.post-foot button{background:transparent;color:#87917e;font-size:11px;padding:3px 0}.post-foot button:hover{color:var(--ink)}.post-foot .export-btn{margin-left:auto;color:#526e49}.sample{font:9px ui-monospace;color:#aaa99b}.evidence{padding:10px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:66px 1fr;gap:10px}.evidence b{font-size:10px;color:#8c987c;padding-top:5px}.evidence p{margin:0}.empty{padding:60px 20px;color:var(--muted);text-align:center}footer{display:flex;justify-content:space-between;color:#9a9d90;font:10px var(--serif);padding:25px 0 45px}footer span+span{font:8px ui-monospace;letter-spacing:.4px}.rightbar{padding-top:5px}.rightbar>.tiny{color:#718063}.now-intro{font:20px/1.65 var(--serif);margin:22px 0 25px}.now-item{display:flex;gap:15px;padding:17px 0;border-top:1px solid var(--line)}.now-item b{font:12px Georgia;color:#9ba68c}.now-item strong{font-size:11px;font-weight:500}.now-item p{font-size:10px;color:#929787;line-height:1.9;margin-top:6px}.promo{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.promo>.tiny{font-size:8px;color:#9b9f91}.mini-post{background:#e4e8db;padding:20px 20px 16px;transform:rotate(-3deg);margin:25px 15px 25px 0;border:1px solid #d3dbc7;box-shadow:5px 5px 0 #eceee5}.mini-post i{display:block;background:#849473;width:19px;height:3px;margin-bottom:18px}.mini-post>span{font:21px/1.6 var(--serif);color:#4e6245}.mini-post small{display:block;font-size:8px;margin-top:22px;color:#819274}.promo h3{font:15px var(--serif);margin:16px 0 10px}.promo p{font-size:10px;color:#8f9684;line-height:2;margin-bottom:10px}.disclaimer{font-size:9px;color:#a2a696;border-top:1px solid var(--line);padding-top:22px;margin-top:25px;line-height:2}.search-box{display:flex;align-items:center;gap:12px;margin:0 0 20px}.search-box[hidden]{display:none}.search-box label{font-size:11px;white-space:nowrap}.search-box input{flex:1}input,textarea,select{min-width:0;width:100%;background:#fffefa;border:1px solid #dfe3d7;border-radius:5px;padding:10px 12px}textarea{resize:vertical}dialog{border:1px solid var(--line);border-radius:12px;padding:0;color:var(--ink);background:var(--bg);max-height:92dvh;box-shadow:0 30px 100px #17201a33}dialog::backdrop{background:#16231b99;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid var(--line);gap:20px}.dialog-head h2{font:24px var(--serif);margin-top:5px}.reader{width:min(760px,94vw)}#readerBody{padding:25px 45px 45px}#readerBody h1{font:34px/1.5 var(--serif);margin-bottom:24px}#readerBody p{font:17px/2 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}.reader-actions{display:flex;gap:14px;flex-wrap:wrap}.composer{width:min(600px,94vw)}#composeForm{padding:25px}label{display:block;font-size:11px;color:#6e7d65;margin-bottom:15px}label input,label textarea,label select{display:block;margin-top:7px;font-size:13px}.help{font-size:10px;line-height:1.9;color:#8e9686;margin:8px 0 16px}#saveError{font-size:12px;color:#a65543}.studio{width:min(1180px,96vw)}.studio-body{display:grid;grid-template-columns:335px 1fr;min-height:600px}.controls{padding:23px 26px;border-right:1px solid var(--line);overflow:auto;max-height:calc(92dvh - 94px)}.pair{display:flex;gap:14px}.pair label{flex:1}fieldset{padding:0;border:0;margin:15px 0}legend{font-size:11px;margin-bottom:10px;color:#6e7d65}.swatches{display:flex;gap:7px}.swatch{flex:1;font-size:9px;border:1px solid var(--line);padding:7px 3px;border-radius:5px;background:transparent}.swatch.selected{border-color:#779368;background:#e9eee0}.swatch i{display:block;margin:0 auto 5px;width:21px;height:21px;background:#f1ede2;border:1px solid #d8d4c8;border-radius:50%}.swatch[data-theme=sage] i{background:#d4dfc9}.swatch[data-theme=night] i{background:#27382f}.file-label{border:1px dashed #bdc8b2;text-align:center;padding:10px;border-radius:4px}.file-label input{margin-top:6px;font-size:9px}.downloads{display:grid;gap:9px;margin-top:22px}.downloads button{font-size:11px}.preview{padding:20px 34px;background:#e9eae2;display:flex;align-items:center;flex-direction:column;min-width:0}.preview-toolbar{display:flex;justify-content:space-between;width:100%;font-size:9px;color:#87917c;margin-bottom:20px}canvas{display:block;max-width:100%;width:auto;height:min(61dvh,650px);object-fit:contain;box-shadow:0 10px 30px #2633221a;border-radius:2px}.pager{display:flex;align-items:center;gap:25px;margin-top:20px;font:11px ui-monospace;color:#65765a}.pager button{padding:5px 14px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#28382f;color:white;border-radius:6px;padding:12px 22px;z-index:200;font-size:12px;transition:.2s;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.layout{gap:55px}.hero{min-height:320px}.hero h1{font-size:49px}}@media(max-width:1190px){.layout{grid-template-columns:185px minmax(0,1fr);gap:35px;max-width:1000px}.rightbar{display:none}.edition{display:none}}@media(max-width:700px){.topbar{height:66px;padding:0 18px}.wordmark{font-size:16px;gap:12px}.mark{font-size:31px;width:34px}.local{display:none}.top-right{gap:10px}.btn.small{font-size:10px;padding:8px 11px}.layout{display:block;padding:0 16px}.sidebar{position:static;padding:0;margin:0}.profile-mark,.sidebar h2,.desc,.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;gap:0;white-space:nowrap;padding:12px 0 16px}nav a{padding:8px 12px;font-size:0;gap:0;flex-shrink:0}nav a span{font-size:11px}nav small{display:none}.hero{min-height:260px;padding:22px}.hero h1{font-size:36px;margin-top:35px}.hero-top .tiny{font-size:6px}.hero>p{font-size:10px}.hero-line{font-size:8px;gap:5px;margin-top:30px}.orbit{right:-85px;top:55px}.feed-heading{margin:27px 0 17px}.feed-heading>div{display:block}.feed-heading h2{font-size:20px}.feed-heading span{font-size:9px}.feed-heading .text-btn{font-size:10px}.filters{gap:2px}.filters button{padding:5px 12px;font-size:10px}.filters>span{font-size:8px}.post{padding:20px;margin-bottom:14px}.post h3{font-size:21px}.post p{font-size:12px}.post-top{gap:7px}.post-top strong{font-size:11px}.post-top time{font-size:9px}.post-foot{gap:14px}.post-foot button{font-size:10px}.sample{font-size:8px}.studio-body{display:flex;flex-direction:column-reverse}.controls{border:0;max-height:none;overflow:visible;padding:20px}.preview{padding:18px}.studio .dialog-head{padding:13px 18px}.dialog-head h2{font-size:21px}.preview canvas{height:auto;width:min(100%,340px)}.studio{max-height:94dvh}.preview-toolbar{font-size:8px}.reader #readerBody{padding:20px 25px 35px}#readerBody h1{font-size:27px}footer{font-size:9px}footer span+span{font-size:6px}.search-box{gap:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}