* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: -apple-system, 'Malgun Gothic', sans-serif;
    background: #fff;
    color: #212529;
}
header {
    border-bottom: 1px solid #eee;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo { font-weight: 700; font-size: 18px; color: #20c997; text-decoration: none; }
nav a { margin-left: 16px; font-size: 14px; color: #868e96; text-decoration: none; }
main { max-width: 680px; margin: 0 auto; padding: 40px 20px; }

.profile { display: flex; align-items: center; gap: 12px; margin-bottom: 36px; }
.avatar { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, #20c997, #12b886); }
.profile h2 { font-size: 16px; }
.profile p { font-size: 13px; color: #868e96; }

.post {
    display: block;
    padding: 22px 0;
    border-bottom: 1px solid #f1f3f5;
    text-decoration: none;
    color: inherit;
}
.post .tags { font-size: 12px; color: #20c997; margin-bottom: 6px; }
.post h3 { font-size: 18px; margin-bottom: 8px; font-weight: 600; color: #212529; }
.post:hover h3 { color: #20c997; }
.post p.excerpt { font-size: 14px; color: #495057; line-height: 1.6; margin-bottom: 10px; }
.post .meta { font-size: 12px; color: #adb5bd; }

.back-link { font-size: 13px; color: #868e96; text-decoration: none; display: inline-block; margin-bottom: 24px; }
article.detail h1 { font-size: 26px; margin-bottom: 10px; }
article.detail .meta { font-size: 13px; color: #adb5bd; margin-bottom: 32px; }
article.detail h2 { font-size: 19px; margin: 32px 0 12px; }
article.detail p { font-size: 15px; line-height: 1.8; color: #343a40; margin-bottom: 14px; }
article.detail pre {
    background: #282c34;
    color: #abb2bf;
    padding: 16px;
    border-radius: 6px;
    overflow-x: auto;
    font-size: 13px;
    margin: 16px 0;
    line-height: 1.6;
}
article.detail code { font-family: 'Consolas', monospace; }
article.detail p code {
    background: #f1f3f5;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 13px;
    color: #e64980;
}