.reading-header{max-width:1028px;padding:24px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e8ed}.reading-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.reading-header nav a{text-decoration:none;color:#424245}.reading-header nav a:hover{text-decoration:none}.reading-main{max-width:760px;margin:80px auto 100px;padding:0 24px;min-height:55vh}.page-title{font-size:48px;line-height:1.2;letter-spacing:-.03em}.page-description{font-size:18px;color:#6e6e73;line-height:1.7;margin:20px 0 56px}.article-row{border-top:1px solid #d2d2d7;padding:32px 0}.article-row h2{font-size:25px;line-height:1.5;margin:12px 0;font-weight:600}.article-row h2 a{text-decoration:none}.article-row h2 a:hover{text-decoration:none}.article-row p{font-size:17px;color:#6e6e73;line-height:1.7}.article-row time,time{font-size:14px;color:#6e6e73}.read-link,.back-link{color:var(--accent);font-size:15px;text-decoration:none}.read-link:hover,.back-link:hover{text-decoration:none}.article-title{font-size:40px;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere;margin:32px 0 20px}.article-summary{color:#6e6e73;font-size:19px;line-height:1.8;margin:32px 0}.prose{font-size:18px;line-height:1.9;overflow-wrap:anywhere}.prose p{margin:0 0 1.3em}.prose h2{font-size:28px;line-height:1.5;font-weight:600;margin:1.7em 0 .7em}.prose h3{font-size:22px;line-height:1.6;font-weight:600;margin:1.4em 0 .6em}.prose a{color:var(--accent)}.prose blockquote{border-left:3px solid #d2d2d7;margin:24px 0;padding:4px 0 4px 24px;color:#6e6e73}.prose ul,.prose ol{padding-left:28px}.prose img{max-width:100%;height:auto;display:block;border-radius:8px}.prose figure{margin:32px 0}.prose figcaption{font-size:13px;color:#6e6e73;text-align:center;margin-top:8px}.prose code{font-size:.9em;background:#f5f5f7;padding:2px 5px;border-radius:4px}.reading-footer{max-width:980px;margin:0 auto;padding:24px;font-size:14px}.reading-footer a{color:var(--accent)}.empty{color:#6e6e73;padding:32px 0}.text-button{border:0;background:none;color:var(--accent);padding:8px 0;font-size:14px}.text-button:hover{text-decoration:none}.small-button{border:1px solid #d2d2d7;border-radius:8px;background:white;padding:9px 14px;font-size:14px;min-height:38px}.small-button:hover{background:#f5f5f7}.publish-button{background:var(--accent-fill);border-color:var(--accent-fill);color:white}.publish-button:hover{background:var(--accent-fill)}.login-panel{width:min(380px,calc(100% - 48px));margin:112px auto}.login-panel h1{font-size:32px;margin-bottom:40px}.login-panel form{display:grid;gap:16px}label{font-size:14px}input,textarea{border:1px solid #b6b6bd;border-radius:8px;background:white;color:#1d1d1f;padding:12px;font-size:16px;max-width:100%}.workspace{max-width:1200px;margin:40px auto;display:grid;grid-template-columns:248px 1fr;min-height:70vh}.article-sidebar{padding:0 24px;border-right:1px solid #e8e8ed}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-top h2{font-size:20px;font-weight:600}.export-link{display:inline-block;font-size:13px;color:var(--accent);margin:8px 0 24px}.post-item{display:block;text-align:left;width:100%;border:0;background:none;border-radius:8px;padding:14px 12px;margin-bottom:4px;line-height:1.5;overflow-wrap:anywhere}.post-item:hover{background:#f5f5f7}.post-item[aria-current=true]{background:var(--accent-soft)}.post-item strong{display:block;font-size:15px;font-weight:500}.post-item span{display:block;font-size:12px;color:#6e6e73;margin-top:6px}.editor-area{padding:0 48px;min-width:0}.editor-area #welcome h1{font-size:28px;margin-top:40px}.editor-area #welcome p{color:#6e6e73;font-size:16px;line-height:1.8}.editor-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 0 24px;flex-wrap:wrap}.editor-actions>div{display:flex;gap:8px;flex-wrap:wrap}#post-status{font-size:13px;color:#6e6e73}.title-input{display:block;width:100%;border:0;border-radius:0;font-size:32px;font-weight:600;line-height:1.5;padding:12px 0;margin:0 0 24px;letter-spacing:-.025em}.summary-label{display:block;color:#6e6e73;margin-bottom:8px}#post-summary{width:100%;resize:vertical;line-height:1.6}.toolbar{display:flex;flex-wrap:wrap;gap:4px;border:1px solid #d2d2d7;border-radius:8px;padding:8px;margin:28px 0 0;background:#f5f5f7}.toolbar button,.toolbar select{background:none;border:0;border-radius:4px;padding:8px;font-size:13px;min-height:34px}.toolbar button:hover{background:#e8e8ed}.body-editor{min-height:420px;padding:28px 4px;border-bottom:1px solid #e8e8ed}.body-editor:empty:before{content:'开始写作';color:#86868b;pointer-events:none}.body-editor:focus{outline:none;box-shadow:inset 2px 0 0 var(--accent);padding-left:16px}.editor-note{color:#6e6e73;font-size:12px;line-height:1.7}.editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;font-size:14px}.editor-bottom a{color:var(--accent)}.danger{color:#b52c26}#message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:14px 22px;color:#fff;background:#333336;border-radius:12px;z-index:20;font-size:14px;line-height:1.5;box-shadow:0 4px 20px #0002}.preview-dialog{width:min(850px,calc(100% - 32px));max-height:90svh;padding:32px 48px}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:#6e6e73}.preview-dialog article{padding:8px 0 28px}.insert-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}#insert-form{display:grid;gap:12px;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:800px){.workspace{grid-template-columns:1fr;margin-top:20px}.article-sidebar{border:0;border-bottom:1px solid #e8e8ed;padding:0 24px 20px}.post-item{display:inline-block;width:220px;vertical-align:top}#post-list{white-space:nowrap;overflow-x:auto}.post-item strong,.post-item span{white-space:normal}.editor-area{padding:24px}.editor-actions{align-items:flex-start}.title-input{font-size:28px}.preview-dialog{padding:24px}.reading-main{margin-top:56px}.article-title{font-size:32px}.page-title{font-size:36px}.prose{font-size:17px}.reading-header nav{gap:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(prefers-color-scheme:dark){
 .reading-header,.article-sidebar,.article-row,.body-editor{border-color:#38383c}
 .reading-header nav a{color:#d2d2d7}
 .page-description,.article-row p,.article-row time,time,.article-summary,.empty,.editor-area #welcome p,#post-status,.summary-label,.editor-note,.preview-header{color:#a1a1a6}
 input,textarea{background:#1c1c1e;color:#f5f5f7;border-color:#636366}
 .title-input{background:transparent;border:0}
 .small-button{background:#1c1c1e;color:#f5f5f7;border-color:#636366}
 .small-button:hover,.toolbar button:hover,.post-item:hover{background:#2c2c2e}
 .publish-button,.publish-button:hover{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}
 .text-button,.export-link,.editor-bottom a{color:var(--accent)}
 .post-item{color:#f5f5f7}.post-item[aria-current=true]{background:var(--accent-soft)}.post-item span{color:#a1a1a6}
 .toolbar{background:#1c1c1e;border-color:#38383c}.toolbar select{color:#f5f5f7}
 .prose blockquote{color:#a1a1a6;border-color:#636366}.prose code{background:#2c2c2e}
 .prose figcaption{color:#a1a1a6}.danger{color:#ff6961}
}
@media(prefers-color-scheme:dark){.prose a,.read-link,.back-link{color:var(--accent)}}