:root{--ink:#13233a;--muted:#64748b;--line:#dbe4ee;--blue:#1856a6;--blue-deep:#0c2f63;--cyan:#159ab5;--paper:#f4f7fa;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Noto Sans SC",system-ui,sans-serif;line-height:1.7}a{color:inherit}.hidden{display:none!important}.blog-wrap,.admin-wrap{width:min(100% - 32px,900px);margin:0 auto;padding:24px 0 70px}.blog-head,.admin-head{display:flex;justify-content:space-between;align-items:center;padding:8px 0 50px;font-size:14px;font-weight:700}.blog-head a:first-child,.admin-head a{color:var(--blue);text-decoration:none}.admin-link{padding:8px 14px;border:1px solid var(--line);border-radius:7px;color:var(--blue);text-decoration:none}.eyebrow{margin:0 0 8px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.18em}.blog-wrap h1,.admin-wrap h1{margin:0;font-size:44px;letter-spacing:-.06em}.blog-lead{max-width:580px;margin:12px 0 42px;color:var(--muted)}.blog-list{display:grid;gap:12px}.post-card{display:block;padding:23px 25px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;transition:.2s}.post-card:hover{border-color:#9cbfe6;transform:translateY(-2px);box-shadow:0 10px 22px #0c2f6310}.post-meta{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.06em}.post-card h2{margin:7px 0 5px;font-size:21px}.post-card p{margin:0;color:var(--muted);font-size:14px}.empty,.loading{color:var(--muted)}.article-view{max-width:760px;margin:auto}.article-view h1{font-size:42px;line-height:1.2}.article-meta{color:var(--muted);font-size:13px}.article-back{color:var(--blue);font-size:13px;text-decoration:none}.markdown-body{font-size:16px;color:#334155}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:1.7em 0 .55em;line-height:1.3;color:var(--ink)}.markdown-body h1{font-size:2em}.markdown-body h2{font-size:1.5em;border-bottom:1px solid var(--line);padding-bottom:8px}.markdown-body h3{font-size:1.2em}.markdown-body p{margin:1em 0}.markdown-body ul,.markdown-body ol{padding-left:1.5em}.markdown-body li+li{margin-top:.3em}.markdown-body code{padding:.12em .38em;border-radius:4px;background:#e9eff5;font-family:ui-monospace,monospace;font-size:.88em}.markdown-body pre{overflow:auto;padding:17px;border-radius:9px;background:#111827;color:#e5edf8;line-height:1.65}.markdown-body pre code{padding:0;background:transparent;color:inherit}.markdown-body blockquote{margin:1em 0;padding:7px 17px;border-left:3px solid var(--cyan);background:#edf8fb;color:#526579}.markdown-body a{color:var(--blue);text-decoration:underline}.markdown-body table{width:100%;border-collapse:collapse;margin:1em 0}.markdown-body th,.markdown-body td{border:1px solid var(--line);padding:8px 11px;text-align:left}.markdown-body th{background:#eef5fb}.markdown-body img{max-width:100%;border-radius:8px}.panel{border:1px solid var(--line);border-radius:12px;background:#fff}.login-panel{max-width:460px;margin:40px auto;padding:34px}.login-panel h1{font-size:32px}.login-panel>p:not(.eyebrow){color:var(--muted);font-size:14px}.login-panel form{display:grid;gap:11px;margin-top:25px}.login-panel input,.fields input,.fields textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:12px 13px;background:#fbfdff;color:var(--ink);font:inherit;outline:0}.login-panel input:focus,.fields input:focus,.fields textarea:focus{border-color:#75a9dc;box-shadow:0 0 0 3px #75a9dc22}.login-panel button,#save-post{border:0;border-radius:7px;padding:12px 16px;background:var(--blue);color:#fff;font:700 14px inherit;cursor:pointer}.error{min-height:22px;color:#c0392b!important;font-size:13px}.admin-head{padding-bottom:35px}.admin-head span{font-size:20px}.text-button,.ghost{border:1px solid var(--line);border-radius:7px;padding:7px 12px;background:#fff;color:var(--blue);font:700 13px inherit;cursor:pointer}.editor-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.editor-toolbar h1{font-size:31px}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields{padding:17px;display:grid;grid-template-rows:auto auto 1fr;gap:11px}.title-input{font-size:20px!important;font-weight:700}.fields textarea{min-height:440px;resize:vertical;font:14px/1.7 ui-monospace,monospace}.preview{padding:22px;min-height:500px}.preview-label,.manage-head span{color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.manage{margin-top:38px}.manage-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.manage h2{font-size:21px;margin:0}.manage-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid var(--line);background:#fff}.manage-item:first-child{border-radius:8px 8px 0 0}.manage-item:last-child{border-radius:0 0 8px 8px}.manage-item+.manage-item{border-top:0}.manage-item strong{font-size:14px}.manage-item small{display:block;color:var(--muted);font-size:11px}.manage-actions{display:flex;gap:6px}.manage-actions button{border:0;background:transparent;color:var(--blue);font:700 12px inherit;cursor:pointer}.manage-actions .danger{color:#c0392b}@media(max-width:700px){.blog-wrap,.admin-wrap{width:min(100% - 24px,900px);padding-top:15px}.blog-head,.admin-head{padding-bottom:35px}.blog-wrap h1,.admin-wrap h1{font-size:36px}.editor-toolbar{align-items:start;flex-direction:column}.toolbar-actions{width:100%}.toolbar-actions>*{flex:1}.editor-grid{grid-template-columns:1fr}.fields textarea{min-height:330px}.preview{min-height:300px}.article-view h1{font-size:32px}}
.preview-title{margin:18px 0 7px!important;font-size:30px!important}.preview-excerpt{margin:0 0 26px!important;padding-bottom:18px;border-bottom:1px solid var(--line);color:var(--muted)}
.editor-hint{margin:0;color:var(--muted);font-size:12px}.fields.is-uploading textarea{border-color:#75a9dc;background:#f4f9ff}
.article-video{display:block;width:100%;max-height:70vh;margin:1.4em 0;border-radius:8px;background:#0f172a}.video-embed{position:relative;width:100%;margin:1.4em 0;padding-top:56.25%;overflow:hidden;border-radius:8px;background:#0f172a}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}