* { box-sizing: border-box; }
body { font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; margin: 0; background: #0d0d1a; color: #e0e0f0; }
.container { max-width: 720px; margin: 0 auto; padding: 24px 16px 60px; }
.site-title { font-size: 32px; margin-bottom: 4px; }
.site-tagline { color: #8888b0; margin-top: 0; margin-bottom: 32px; }
.feed { display: flex; flex-direction: column; gap: 20px; }
.card { display: flex; gap: 14px; text-decoration: none; color: inherit; background: #17172a; border-radius: 12px; padding: 12px; transition: background 0.15s; }
.card:hover { background: #20203a; }
.card-cover { width: 100px; height: 133px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
.card-body h2 { font-size: 17px; margin: 0 0 4px; line-height: 1.4; }
.card-subtitle { color: #a0a0d0; font-size: 13px; margin: 0 0 6px; }
.card-excerpt { color: #b0b0c8; font-size: 13px; margin: 0 0 6px; line-height: 1.5; }
.card-date { color: #6868a0; font-size: 12px; }
.back-link { color: #80c8d8; text-decoration: none; display: inline-block; margin-bottom: 16px; }
.detail-cover { width: 100%; max-width: 400px; display: block; margin: 0 auto 24px; border-radius: 12px; }
h1 { font-size: 24px; line-height: 1.4; }
.subtitle { color: #a0a0d0; font-size: 16px; }
.badge { display: inline-block; background: #1e1e40; color: #80c8d8; padding: 4px 12px; border-radius: 14px; font-size: 13px; }
.post-section { margin-top: 28px; }
.post-section h2 { font-size: 18px; color: #80c8d8; border-left: 3px solid #80c8d8; padding-left: 10px; }
.post-section p { line-height: 1.7; color: #d0d0e8; }
.figure-gallery { display: flex; flex-direction: column; gap: 16px; margin-top: 12px; }
.figure-gallery img { width: 100%; border-radius: 8px; border: 1px solid #2a2a45; }
.post-footer { margin-top: 40px; color: #6868a0; font-size: 13px; text-align: center; }