:root{--bg:#fff;--text:#222;--muted:#777;--line:#e8e8e8;--max:720px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.78}
a{color:#222;text-decoration:none;border-bottom:1px solid #bbb}
a:hover{border-bottom-color:#222}
.site-header{max-width:var(--max);margin:0 auto;padding:42px 24px 28px}
.brand{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:20px;letter-spacing:.08em;text-transform:uppercase;border:0}
.tagline{font-family:Arial,Helvetica,sans-serif;color:var(--muted);font-size:13px;margin-top:8px}
.nav{display:flex;gap:20px;margin-top:24px;font-family:Arial,Helvetica,sans-serif;font-size:13px}
.nav a,.footer a,.read,.back{border:0;color:#555}.nav a:hover,.footer a:hover,.read:hover,.back:hover{color:#000}
main{max-width:var(--max);margin:0 auto;padding:20px 24px 80px}
.intro{padding:36px 0 44px;border-bottom:1px solid var(--line);margin-bottom:44px}
.intro h1{font-size:38px;line-height:1.2;margin:0 0 14px;font-weight:400}
.intro p{margin:0;color:#666}
.post-list{display:flex;flex-direction:column;gap:44px}
.post-card h2{font-size:27px;line-height:1.25;margin:0 0 7px;font-weight:400}
.meta{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:var(--muted);margin-bottom:12px}
.excerpt{margin:0;color:#444}
.read{display:inline-block;margin-top:10px;font-family:Arial,Helvetica,sans-serif;font-size:12px}
.article-header{padding:35px 0 30px;border-bottom:1px solid var(--line);margin-bottom:38px}
.article-header h1{font-size:43px;line-height:1.16;font-weight:400;margin:0 0 12px}
.article{font-size:19px}
.article p{margin:0 0 1.35em}.article h2{font-size:28px;line-height:1.3;font-weight:400;margin:2em 0 .65em}
.article h3{font-size:23px;font-weight:400;margin:1.8em 0 .55em}
.article blockquote{margin:2em 0;padding-left:22px;border-left:3px solid #ddd;color:#555}
.article ul,.article ol{padding-left:1.5em;margin-bottom:1.35em}
.article img{max-width:100%;height:auto}
.article-footer{border-top:1px solid var(--line);margin-top:55px;padding-top:25px;color:#666;font-size:15px}
.archive-year{margin:42px 0 12px;font-family:Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.archive-list{list-style:none;padding:0;margin:0}.archive-list li{display:flex;gap:18px;padding:12px 0;border-bottom:1px solid #f0f0f0}
.archive-date{font-family:Arial,Helvetica,sans-serif;color:#888;font-size:12px;min-width:92px}
.search-box{display:flex;gap:8px;margin:28px 0 38px}
.search-box input{flex:1;padding:12px 13px;border:1px solid #ccc;font:16px Arial,sans-serif}
.search-box button,.admin button{padding:12px 17px;border:1px solid #222;background:#222;color:#fff;font:13px Arial,sans-serif;cursor:pointer}
.search-result{margin-bottom:34px}.search-result h2{font-size:24px;font-weight:400;margin:0 0 4px}
.footer{max-width:var(--max);margin:0 auto;padding:25px 24px 45px;border-top:1px solid var(--line);font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#888}
.admin-wrap{max-width:900px;margin:0 auto;padding:30px 24px 70px;font-family:Arial,Helvetica,sans-serif}
.admin-wrap h1,.admin-wrap h2{font-weight:500}.admin-nav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:30px}
.admin-card{border:1px solid #ddd;padding:22px;margin:16px 0;background:#fff}
.admin input,.admin textarea,.admin select{width:100%;padding:11px;border:1px solid #ccc;font:15px Arial,sans-serif}
.admin textarea{min-height:420px;line-height:1.55}
.admin label{display:block;font-size:13px;color:#555;margin:15px 0 6px}
.admin .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.admin .actions{display:flex;gap:10px;align-items:center;margin-top:18px}.admin .danger{background:#fff;color:#900;border-color:#900}
.admin table{width:100%;border-collapse:collapse}.admin th,.admin td{text-align:left;padding:10px;border-bottom:1px solid #eee;font-size:14px}
.notice{padding:12px 14px;background:#f7f7f7;border-left:3px solid #999;margin:15px 0}
.error{padding:12px 14px;background:#fff3f3;border-left:3px solid #900;margin:15px 0;color:#700}
@media(max-width:600px){body{font-size:17px}.site-header{padding-top:28px}main{padding-bottom:55px}.intro h1{font-size:31px}.post-card h2{font-size:24px}.article-header h1{font-size:34px}.article{font-size:18px}.nav{gap:15px}.archive-list li{display:block}.archive-date{display:block;margin-bottom:3px}.admin .row{grid-template-columns:1fr}}