:root{--bg: #f7f7f8;--panel: #ffffff;--panel-soft: #fafafa;--panel-alt: #fcfcfd;--line: #e5e7eb;--line-strong: #d0d5dd;--text: #1f2937;--muted: #6b7280;--subtle: #9ca3af;--accent: #ffa116;--accent-deep: #ff8f00;--green: #12b76a;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 30px rgba(16, 24, 40, .06)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:SF Pro Text,Segoe UI,PingFang SC,sans-serif;background:linear-gradient(180deg,#fbfbfc,#f4f5f7);color:var(--text)}button,input,textarea,select{font:inherit}.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(480px,100%);background:linear-gradient(180deg,#fff,#fcfcfd);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.login-card h1{margin:0 0 10px;font-size:30px;line-height:1.1}.login-card p{margin:0 0 18px;color:var(--muted);line-height:1.6}button{border:1px solid transparent;background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;transition:.18s ease}button:hover:not(:disabled){background:var(--accent-deep)}button:disabled{opacity:.65;cursor:not-allowed}.error{color:#d92d20}.dashboard{height:100vh;padding:18px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.dashboard-header{background:#ffffffeb;border:1px solid var(--line);border-radius:18px;padding:12px 18px;display:flex;justify-content:space-between;gap:16px;align-items:center;box-shadow:0 1px 2px #1018280a}.brand-block{min-width:0}.brand-block h2{margin:2px 0 0;font-size:22px;line-height:1.15}.eyebrow,.panel-kicker{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);font-weight:700}.wallet-line{color:var(--muted);font-size:12px;white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}input,textarea,select{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:10px;padding:10px 12px;transition:border-color .18s ease,box-shadow .18s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#f7b955;box-shadow:0 0 0 4px #ffa1161f}main{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;min-height:0;flex:1;overflow:hidden}.blog-list,.editor-form,.preview{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 3px #1018280a}.blog-list{overflow:hidden;display:flex;flex-direction:column;min-height:0;height:100%}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 12px;border-bottom:1px solid var(--line)}.panel-head h3{margin:4px 0 0;font-size:18px}.count-badge{min-width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff7e8;color:var(--accent-deep);border:1px solid #ffd69b;font-weight:700}.blog-list ul{list-style:none;margin:0;padding:12px;overflow:auto;flex:1;min-height:0}.blog-list li+li{margin-top:8px}.blog-list li button{width:100%;background:var(--panel-alt);color:var(--text);border:1px solid transparent;border-radius:14px;text-align:left;padding:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.blog-list li button:hover:not(:disabled){background:#fffaf2;border-color:#fde3b0}.blog-list li button.active{background:#fff7e8;border-color:#f7c46b;box-shadow:inset 3px 0 0 var(--accent)}.blog-item-main{display:flex;flex-direction:column;gap:6px;min-width:0}.blog-item-main strong{font-size:14px;line-height:1.45}.blog-item-main em{color:var(--muted);font-style:normal;font-size:12px;overflow:hidden;text-overflow:ellipsis}.status-pill{border-radius:999px;padding:4px 10px;font-size:12px;line-height:1;font-weight:700;border:1px solid var(--line);color:var(--muted);background:#f8fafc;white-space:nowrap}.status-pill.published{color:#067647;background:#ecfdf3;border-color:#abefc6}.status-pill.draft{color:#b54708;background:#fffaeb;border-color:#fedf89}.editor-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px;min-height:0}.editor-form,.preview{display:flex;flex-direction:column;min-height:0}.editor-form{padding-bottom:14px;overflow:auto}.editor-form>.row,.editor-form>input,.editor-form>select,.editor-form>textarea,.editor-form>button,.editor-form>.tip{margin-left:16px;margin-right:16px}.row{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:14px}.meta-row{grid-template-columns:1.35fr .65fr}.editor-form>input,.editor-form>select,.editor-form>.upload-panel,.editor-form>textarea,.editor-form>button,.editor-form>.tip{margin-top:12px;width:calc(100% - 32px)}.upload-panel{border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);padding:12px;box-sizing:border-box;margin-left:16px}.upload-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.upload-head>div{display:flex;flex-direction:column;gap:4px}.upload-head strong{font-size:14px}.upload-head span{color:var(--muted);font-size:12px}.upload-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;white-space:nowrap}.upload-button.disabled{opacity:.65;cursor:not-allowed}.upload-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.upload-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid var(--line)}.upload-item-main{display:flex;align-items:center;gap:12px;min-width:0}.upload-thumb{width:42px;height:42px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#fff;flex-shrink:0}.upload-list li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}.upload-list li button{padding:8px 12px}.upload-actions{display:flex;align-items:center;gap:8px}.ghost-button{background:#fff;color:var(--muted);border-color:var(--line)}.ghost-button:hover:not(:disabled){background:#f8fafc;color:var(--text)}.editor-textarea{min-height:520px;resize:vertical;background:linear-gradient(180deg,#fff,#fcfcfd);font-family:SFMono-Regular,JetBrains Mono,Menlo,monospace;font-size:13px;line-height:1.7}.preview{overflow:hidden}.preview-body{padding:18px 20px 26px;overflow:auto}.blog-content{line-height:1.8;color:#344054}.blog-content h1,.blog-content h2,.blog-content h3{color:#101828;line-height:1.3;margin-top:1.3em}.blog-content h1{font-size:30px}.blog-content h2{font-size:24px}.blog-content p,.blog-content ul,.blog-content ol,.blog-content pre,.blog-content blockquote{margin:0 0 16px}.blog-content code{background:#f2f4f7;border-radius:6px;padding:2px 6px;font-size:.92em}.blog-content pre{background:#111827;color:#f9fafb;padding:16px;border-radius:12px;overflow:auto}.blog-content pre code{background:transparent;padding:0;color:inherit}.blog-content blockquote{border-left:3px solid #f7c46b;margin-left:0;padding-left:14px;color:#667085}.blog-content img{display:block;max-width:100%;height:auto;border-radius:12px}.tip{font-size:13px;font-weight:600;border-radius:10px;padding:10px 12px;border:1px solid transparent}.tip-success{color:#067647;background:#ecfdf3;border-color:#abefc6}.tip-error{color:#b42318;background:#fef3f2;border-color:#fecdca}.tip-info{color:var(--green);background:#f0fdf4;border-color:#bbf7d0}.success-button{background:#12b76a}.success-button:hover:not(:disabled){background:#0e9f5f}.tip+button{margin-top:8px}.tip{font-size:13px;font-weight:600}@media (max-width: 1100px){main{grid-template-columns:1fr}.blog-list{min-height:320px}}@media (max-width: 820px){.dashboard{padding:12px}.dashboard-header{padding:16px;flex-wrap:wrap;align-items:flex-start}.editor-wrap,.row{grid-template-columns:1fr}.upload-head,.upload-list li{grid-template-columns:1fr;display:grid}.upload-actions{justify-content:flex-start}.actions{width:100%;justify-content:space-between;flex-wrap:wrap}.wallet-line{max-width:100%}.editor-textarea{min-height:340px}}