/* public/assets/css/style.css */
:root{--accent:#2b7cff;--bg:#f6f7fb;--card:#fff}
*{box-sizing:border-box}
body{font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);margin:0;color:#222}
.site-header{background:var(--accent);color:#fff;padding:18px 16px; text-align:center}
.container{max-width:960px;margin:18px auto;padding:0 16px}
.card{background:var(--card);border-radius:10px;padding:14px;margin-bottom:14px;box-shadow:0 6px 18px rgba(18,38,63,0.06);transition:transform .18s}
.card:hover{transform:translateY(-4px)}
.post{display:flex;flex-direction:row;gap:16px}
.thumb{width:220px;height:140px;background-size:cover;background-position:center;border-radius:8px;position:relative;flex-shrink:0;overflow:hidden}
.thumb-meta{position:absolute;right:6px;top:6px;background:rgba(0,0,0,0.6);color:#fff;padding:6px 8px;border-radius:6px;font-size:12px;text-align:right}
.post-body{flex:1}
.online-nickname{font-weight:600}
.status_message{font-size:11px;color:#666}
.comment{background:#fafafa;border-radius:8px;padding:8px;margin-bottom:8px}
.error{color:#b00;padding:8px;background:#fff0f0;border-radius:6px}
.admin-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff}
@media(max-width:720px){
  .post{flex-direction:column}
  .thumb{width:100%;height:180px}
}
.admin-login{display:flex;align-items:center;justify-content:center;height:80vh}
.admin-login .card{width:100%;max-width:420px}
input,textarea,select{padding:8px;border:1px solid #ddd;border-radius:6px;margin:6px 0;width:100%}
button{background:var(--accent);color:#fff;border:0;padding:10px 14px;border-radius:8px;cursor:pointer}