:root{color-scheme:dark;--bg:#0c1016;--panel:#131922;--panel2:#171f2a;--text:#e6edf5;--muted:#93a1b4;--line:#2a3443;--accent:#72dfbc;--danger:#ffa5a5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:10px 18px;cursor:pointer;white-space:nowrap}button:hover,.button:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);border-color:var(--accent);color:#10271f;font-weight:650}.primary:hover{background:#9aecd2;color:#10271f}.text-button{border:0;background:none;padding:5px 0;font-size:14px}.danger{color:var(--danger)}.topbar{max-width:1240px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:21px;display:flex;align-items:center;gap:10px}.brand>strong{font-weight:700}.brand span{margin-left:7px;font-weight:500}.brand i{color:var(--accent);font-style:normal}.brand:first-letter{color:var(--accent)}nav{display:flex;align-items:center;gap:24px}.topbar nav{font-size:14px;color:var(--muted)}nav form{margin:0}.shell{max-width:1168px;margin:0 auto;padding:54px 28px 80px;min-height:calc(100vh - 185px)}h1,h2,h3,p{margin-top:0}h1{font-size:38px;line-height:1.3;letter-spacing:-1px;margin:14px 0}h2{font-size:20px}h3{font-size:19px}.accent{color:var(--accent)}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:650;color:var(--accent)}.muted{color:var(--muted)}.small{font-size:12px}.notice{padding:14px 18px;border:1px solid var(--line);background:var(--panel2);border-radius:9px;margin-bottom:22px}.notice.success{border-color:#285b49;color:#9ce5c9}.notice.error{border-color:#653b45;background:#261a21;color:#ffc0c0}.notice a{text-decoration:underline}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{margin-bottom:0}.auth-shell{max-width:530px;padding-top:64px}.auth-card{padding:32px;border:1px solid var(--line);background:var(--panel);border-radius:16px}.auth-card h1{font-size:32px}.auth-card label{margin-top:21px}.auth-card .small{margin:8px 0 0}.auth-card .full{margin-top:28px;width:100%;justify-content:space-between}label{display:block;font-weight:550;font-size:14px;margin-bottom:8px}input:not([type=hidden]),textarea{display:block;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#0e141d;color:var(--text);outline:none}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #72dfbc14}textarea{resize:vertical}::placeholder{color:#65758a}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.stats>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px 26px}.stats span{color:var(--muted);font-size:13px}.stats strong{display:block;font-size:32px;line-height:1.5;font-weight:600}.tabs{border-bottom:1px solid var(--line);gap:26px;margin-bottom:8px}.tabs a{padding:14px 0;border-bottom:2px solid transparent;color:var(--muted)}.tabs .selected{color:var(--accent);border-color:var(--accent)}.post-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 4px;border-bottom:1px solid var(--line)}.post-info{min-width:0;flex:1}.post-info h2{margin:10px 0 5px;overflow-wrap:anywhere}.post-info p{margin:0;overflow-wrap:anywhere}.post-meta{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted)}.badge{padding:3px 9px;border-radius:5px;font-size:12px;background:var(--panel2);white-space:nowrap}.badge.published{background:#173a30;color:#8ce8c2}.badge.draft{background:#353022;color:#ebd394}.badge.trash{background:#30242a;color:#c6a7b1}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.actions form{margin:0}.small-button{padding:7px 12px;font-size:13px}.empty-state{text-align:center;padding:64px 20px}.empty-glyph{font-size:38px;color:var(--accent)}.empty-state h2{margin:12px 0}.pagination{justify-content:space-between;margin-top:24px}.back-link{font-size:13px;color:var(--muted);display:inline-block;margin-bottom:24px}.editor-details{background:var(--panel);padding:26px;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.editor-details label:not(:first-child){margin-top:20px}.title-input{font-size:22px!important;font-weight:600}.editor-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.editor-pane{border-right:1px solid var(--line);min-width:0}.pane-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);height:56px;padding:12px 20px;font-size:13px}.pane-heading label{margin:0}.editor-pane #body{border:0;border-radius:0;min-height:460px;font:14px/1.9 ui-monospace,Consolas,monospace;padding:20px;background:var(--panel);box-shadow:none}.preview-pane{min-width:0}.preview-pane #preview-message{padding:14px 20px 0}.preview-pane .prose{padding:20px;max-height:580px;overflow:auto}.markdown-help{border-top:1px solid var(--line);padding:14px 20px;color:var(--muted);font-size:12px}.markdown-help summary{cursor:pointer}.markdown-help p{margin:12px 0 0}.save-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 12px;padding:16px 0}.reading-shell{max-width:840px}.article-heading{padding-bottom:34px;border-bottom:1px solid var(--line);margin-bottom:38px}.article-heading h1{font-size:42px;margin:20px 0;overflow-wrap:anywhere}.article-summary{font-size:18px;color:var(--muted);line-height:1.9}.prose{font-size:16px;line-height:1.95;overflow-wrap:anywhere}.prose h1,.prose h2,.prose h3,.prose h4{line-height:1.5;margin:1.5em 0 .6em}.prose h1{font-size:30px}.prose h2{font-size:25px}.prose h3{font-size:21px}.prose p,.prose ul,.prose ol{margin-bottom:1.25em}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.prose img{max-width:100%;height:auto;border-radius:8px}.prose blockquote{margin:24px 0;padding:6px 22px;border-left:3px solid var(--accent);color:var(--muted);background:var(--panel)}.prose blockquote p:last-child{margin-bottom:0}.prose pre{overflow:auto;background:#080d13;padding:20px;border:1px solid var(--line);border-radius:8px;font-size:13px}.prose code{font-family:ui-monospace,Consolas,monospace;background:#222c38;border-radius:3px;padding:2px 5px;font-size:.9em}.prose pre code{padding:0;background:none}.prose table{display:block;overflow:auto;border-collapse:collapse;max-width:100%}.prose td,.prose th{padding:8px 14px;border:1px solid var(--line)}.prose hr{border:0;border-top:1px solid var(--line);margin:34px 0}.article-end{margin-top:60px;padding-top:30px;border-top:1px solid var(--line);color:var(--accent);text-align:center;font-size:24px}.article-end p{font-size:13px;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:20px;max-width:1168px;margin:auto;padding:26px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media(max-width:760px){.topbar{padding:20px}.brand{font-size:17px;gap:4px}.topbar nav{gap:12px;font-size:12px}.brand span{margin-left:4px}.shell{padding:32px 18px 50px}h1{font-size:30px}.auth-shell{padding-top:36px}.auth-card{padding:24px}.stats{gap:8px}.stats>div{padding:16px}.stats strong{font-size:27px}.page-heading{align-items:flex-start}.page-heading .button{padding:9px 12px}.post-row{display:block}.post-row .actions{margin-top:18px}.tabs{gap:20px;font-size:13px}.editor-grid{grid-template-columns:1fr}.editor-pane{border-right:0;border-bottom:1px solid var(--line)}.editor-pane #body{min-height:340px}.editor-details{padding:18px}.save-bar{display:block}.save-bar .actions{margin-top:12px;gap:9px}.save-bar .actions .button,.save-bar .actions button{padding:9px 12px;font-size:13px}.article-heading h1{font-size:32px}.foot{padding:24px 18px}.post-meta{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-width:760px){.topbar{flex-wrap:wrap}.brand{white-space:nowrap;flex-shrink:0}.topbar nav{width:100%;justify-content:flex-end}}
/* Article alignment and reading rhythm */
body:has(.reading-shell) .topbar,body:has(.reading-shell) .foot{width:calc(100% - 64px);max-width:1168px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;box-sizing:border-box}
body:has(.reading-shell) .reading-shell{max-width:840px;padding:36px 28px 48px;min-height:calc(100vh - 185px)}
.reading-shell .back-link{margin-bottom:18px}
.reading-shell .article-heading{padding-bottom:24px;margin-bottom:26px}
.reading-shell .article-heading h1{margin:14px 0 12px;line-height:1.3}
.reading-shell .article-summary{margin:0 0 16px;line-height:1.7}
.reading-shell .article-body>:first-child{margin-top:0}
.reading-shell .article-body>:last-child{margin-bottom:0}
.reading-shell .article-end{margin-top:36px;padding-top:22px;font-size:20px}
.reading-shell .article-end p{margin:6px 0 0}
@media(max-width:760px){body:has(.reading-shell) .topbar,body:has(.reading-shell) .foot{width:calc(100% - 36px)}body:has(.reading-shell) .reading-shell{padding:28px 18px 36px}.reading-shell .article-heading{padding-bottom:20px;margin-bottom:22px}.reading-shell .article-end{margin-top:28px;padding-top:18px}}