:root{--paper:#f4efe5;--ink:#25241f;--muted:#777269;--line:#d9d1c2;--green:#214e45;--sage:#dbe3d7;--card:#fbf8f1;--accent:#b96943}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;background-image:radial-gradient(#d8d0c0 0.7px,transparent .7px);background-size:14px 14px}.topbar{min-height:108px;padding:24px clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,239,229,.92)}.brand{color:var(--green);text-decoration:none;font-family:STKaiti,KaiTi,serif;font-size:27px;font-weight:700}.brand span{display:block;margin-top:5px;color:var(--muted);font:12px "Microsoft YaHei",sans-serif;letter-spacing:2px;font-weight:400}.stats{display:flex;gap:38px}.stats div{text-align:right;min-width:62px}.stats strong{display:block;color:var(--green);font:700 24px Georgia,serif}.stats span{font-size:11px;color:var(--muted);letter-spacing:1px}main{display:grid;grid-template-columns:minmax(440px,1.08fr) minmax(380px,.92fr);min-height:calc(100vh - 109px)}.panel{padding:48px clamp(28px,5vw,72px)}.editor{border-right:1px solid var(--line);background:rgba(251,248,241,.55)}.archive{background:rgba(230,229,213,.35)}.section-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px}.eyebrow{margin:0 0 8px;color:var(--accent);font:700 10px Georgia,serif;letter-spacing:2.4px}h1,h2{margin:0;color:var(--green);font:700 31px STKaiti,KaiTi,serif}h2{font-size:28px}.text-btn{padding:4px 0;border:0;border-bottom:1px solid var(--muted);background:none;color:var(--muted);cursor:pointer;font:12px inherit}.field{display:block;margin-bottom:20px}.field>span{display:block;margin-bottom:9px;color:#4b4943;font-size:12px;font-weight:700;letter-spacing:.7px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:2px;background:rgba(255,253,248,.75);color:var(--ink);font:14px inherit;outline:none;transition:.2s}input,select{height:45px;padding:0 13px}textarea{padding:13px;resize:vertical;line-height:1.8}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(33,78,69,.08)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.field small{display:block;margin-top:4px;text-align:right;color:#999;font-size:10px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:21px}.form-actions p{margin:0;color:var(--muted);font-size:11px}.primary{min-width:164px;height:48px;padding:0 17px;border:0;background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font:700 13px inherit;letter-spacing:1px;box-shadow:4px 4px 0 #b8c5b6;transition:.15s}.primary:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 #b8c5b6}.filters{padding-bottom:22px;border-bottom:1px solid var(--line)}.search{position:relative;display:block}.search span{position:absolute;left:14px;top:7px;color:var(--green);font-size:24px}.search input{padding-left:43px;background:var(--card)}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.filter-row select{height:39px;font-size:12px}.result-meta{display:flex;justify-content:space-between;align-items:center;margin:17px 0;color:var(--muted);font-size:11px}.essay-list{display:flex;flex-direction:column;gap:12px;max-height:610px;overflow:auto;padding-right:4px}.essay-card{position:relative;padding:19px 20px;background:var(--card);border:1px solid var(--line);box-shadow:0 2px 8px rgba(49,45,35,.04);cursor:pointer}.essay-card:hover{border-color:#a7ac9b}.essay-card h3{margin:0 0 12px;padding-right:56px;color:var(--green);font:700 19px STKaiti,KaiTi,serif}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{padding:3px 8px;background:var(--sage);color:var(--green);font-size:10px}.badge.type{background:#eee1d6;color:#7a482f}.card-meta{display:flex;gap:14px;margin-top:13px;color:var(--muted);font-size:10px}.card-draft{margin:13px 0 0;color:#5f5c55;font-size:12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-actions{position:absolute;right:14px;top:13px;display:flex}.icon-btn{border:0;background:none;color:#8e897f;cursor:pointer;padding:5px;font-size:12px}.icon-btn:hover{color:var(--accent)}.empty{text-align:center;padding:74px 10px;color:var(--muted)}.empty div{color:#aeb8aa;font:42px STKaiti,KaiTi,serif}.empty h3{margin:14px 0 7px;color:var(--green);font:700 18px STKaiti,KaiTi,serif}.empty p{font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:11px 18px;background:var(--green);color:white;font-size:12px;box-shadow:0 5px 20px #7778;z-index:5}@media(max-width:900px){main{grid-template-columns:1fr}.editor{border-right:0;border-bottom:1px solid var(--line)}.essay-list{max-height:none}}@media(max-width:580px){.topbar{align-items:flex-start}.stats{gap:13px}.stats div{min-width:auto}.stats strong{font-size:18px}.stats span{font-size:9px}.panel{padding:34px 20px}.grid-2,.grid-3{grid-template-columns:1fr}.form-actions{align-items:flex-end;flex-direction:column}.primary{width:100%}}