:root{--bg:#F4F7FA;--text:#1F2937;--muted:#6B7280;--accent:#0ea5a4;--card:#ffffff;--border:#e5e7eb;}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);margin:0;padding:0;line-height:1.6;}
.wrap{max-width:760px;margin:0 auto;padding:20px}
.site-header{padding:18px 0}
.logo{margin:0;text-align:center;font-size:28px;letter-spacing:.3px}
.logo a{color:var(--text);text-decoration:none}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.h2{margin:10px 0 18px 0;font-size:22px}
.h3{margin:22px 0 10px 0;font-size:18px}
.list .item{padding:10px 0;border-bottom:1px solid var(--border)}
.article .meta{margin-top:-10px;color:var(--muted)}
.content p{margin:0 0 14px}
.authorbox{margin-top:22px;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:12px}
.muted{color:var(--muted)}
.related{padding-left:18px}
.site-footer{margin-top:34px;padding:18px 0;border-top:1px solid var(--border);text-align:center;color:var(--muted)}
.about-hero{text-align:center;margin:18px 0}
.about-hero img{max-width:520px;width:100%;height:auto;border-radius:18px;border:1px solid var(--border);background:#fff}
.form{display:grid;gap:10px;max-width:420px}
.form-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
input{padding:10px;border:1px solid var(--border);border-radius:10px;font-size:16px}
label{font-size:14px;color:var(--muted)}
button{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card);cursor:pointer}
button:hover{border-color:var(--accent)}
.table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}
.table tr:last-child td{border-bottom:none}
.error{color:#b91c1c}
.success{color:#065f46}
.card{padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:12px}