:root{--ink:#252525;--paper:#fbf8f0;--line:#e7dfd1;--red:#ef4b2b;--blue:#2d68c8;--muted:#81786d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;background-image:radial-gradient(rgba(80,60,30,.045) .7px,transparent .7px);background-size:8px 8px}.shell{max-width:1260px;margin:auto;padding:0 42px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d261d15}.brand{font-size:25px;font-weight:900;color:var(--ink);text-decoration:none}.brand:before{content:'✦';color:var(--red);margin-right:10px}nav{display:flex;gap:32px}nav a{color:var(--ink);text-decoration:none}nav a.active{color:var(--red);font-weight:800}.intro{padding:70px 0 42px}.eyebrow{font-size:11px;letter-spacing:2px;color:#a19a90;margin:0 0 15px}.intro h1{font-size:54px;letter-spacing:-3px;margin:0 0 18px}.intro>p:last-child{color:var(--muted);font-size:18px}main{display:grid;grid-template-columns:1fr 290px;gap:28px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2{font-size:23px}.section-title span{color:var(--muted);font-size:13px}.posts{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.post,.side-card,.editor-panel,.preview-panel{background:#fffdf8cc;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 8px 24px #65451a08}.post:first-child{grid-column:span 2;background:#fff4df}.post h3{font-size:22px;margin:14px 0 11px}.post p{color:var(--muted);line-height:1.8;min-height:48px}.post a,.share-link{color:var(--red);font-weight:800;text-decoration:none}.tag-row{display:flex;gap:8px;align-items:center}.tag{display:inline-block;padding:4px 9px;border-radius:20px;background:#fff0e6;color:var(--red);font-size:12px}.tag-row time{margin-left:auto;color:#aaa;font-size:12px}aside{display:grid;align-content:start;gap:18px}.side-card h3{margin-top:0}.side-card p{line-height:1.8;color:var(--muted)}.button{border:0;border-radius:23px;background:var(--red);color:white;padding:12px 19px;font-weight:800;cursor:pointer}.button.secondary{background:#eaf0fb;color:var(--blue)}.editor-layout{display:grid;grid-template-columns:180px 1fr 330px;gap:20px;padding:42px 0}.editor-side{display:flex;flex-direction:column;gap:9px}.new,.side-link{padding:12px;border-radius:9px;color:var(--ink);text-decoration:none}.new.active{background:#fff0e6;color:var(--red);font-weight:800}.side-link span{display:block;color:#aaa;font-size:11px;margin-top:6px}.editor-panel{min-height:680px}.editor-head{display:flex;justify-content:space-between;align-items:start}.editor-head h1{font-size:28px;margin-top:0}.editor-head>span{font-size:12px;color:#8ba373}.title-input,.summary-input,.editor-panel textarea{width:100%;border:0;background:transparent;font:inherit;outline:0}.title-input{font-size:29px;font-weight:800;margin:28px 0 14px}.summary-input{color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line)}.toolbar{display:flex;gap:7px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.toolbar button{border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:6px}.toolbar span{color:#aaa;font-size:11px;margin-left:auto}.editor-panel textarea{min-height:390px;resize:vertical;line-height:2;font-size:16px;padding-top:18px}.editor-actions{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:18px}.preview-panel{background:#f6efe3}.preview-tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);padding-bottom:13px}.preview-tabs b{color:var(--red)}.preview{background:#fffdf8;padding:20px;margin-top:18px;border-radius:10px}.preview h2{font-size:23px;margin-bottom:10px}.preview p{color:var(--muted);line-height:1.7}.preview #previewContent{line-height:1.9;border-top:1px solid var(--line);padding-top:14px}.publish-settings{display:grid;gap:10px;margin-top:17px}.publish-settings label{font-size:12px;color:var(--muted)}.publish-settings input,.publish-settings select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:7px;background:white}footer{border-top:1px solid #2d261d15;padding:22px 0 30px;color:#aaa;font-size:12px}@media(max-width:900px){.editor-layout{grid-template-columns:1fr}.editor-side{flex-direction:row;flex-wrap:wrap}.editor-side>*{flex:1}.posts{grid-template-columns:1fr}.post:first-child{grid-column:auto}main{grid-template-columns:1fr}}@media(max-width:600px){.shell{padding:0 18px}nav{gap:13px;font-size:13px}.intro h1{font-size:40px}.posts{display:grid}header{height:70px}}