:root{--bg:#f6f8fb;--card:#fff;--muted:#6b7280;--accent:#0ea5a4}
*{box-sizing:border-box}body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial;margin:0;background:var(--bg);color:#0f172a}
.wrap{max-width:1100px;margin:28px auto;padding:0 18px}
.site-header{padding:18px 0}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:700}.logo span{color:var(--accent)}
.hero{display:flex;gap:24px;align-items:center;padding:36px 0}
.card{background:var(--card);padding:18px;border-radius:12px;border:1px solid #eef2f7;box-shadow:0 6px 18px rgba(15,23,42,0.04)}
.btn{background:var(--accent);color:#fff;padding:8px 12px;border-radius:8px;border:0;cursor:pointer}
.btn.ghost{background:transparent;border:1px solid #e6edf3;color:var(--accent)}
.admin{display:flex;gap:18px;padding:28px 0}
.admin-left{width:360px}.admin-right{flex:1}
input,textarea{width:100%;padding:8px;border:1px solid #e6edf3;border-radius:8px;margin-top:8px}
.muted{color:var(--muted);margin-top:8px}
.post-item{padding:10px;border-radius:8px;border:1px solid #eef2f7;margin-bottom:8px;background:#fff;display:flex;justify-content:space-between;align-items:center}