body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', 'Microsoft Yahei', sans-serif; line-height: 1.6; }
.container { max-width: 860px; margin: 0 auto; padding: 24px; }
.header { margin-bottom: 18px; }
.home { text-decoration: none; color: inherit; }
.meta { display: flex; gap: 12px; align-items: baseline; margin-top: 6px; margin-bottom: 16px; color: #666; }
.meta-date { color: #666; }
.source-link { color: #06c; text-decoration: none; }
.source-link:hover { text-decoration: underline; }
.paid-note { margin: 18px 0 0; padding: 10px 12px; border-left: 3px solid #ddd; background: #fafafa; color: #666; font-size: 0.95em; }
.paid-note a { color: #06c; text-decoration: none; }
.paid-note a:hover { text-decoration: underline; }
.index { list-style: none; padding-left: 0; }
.index li { display: flex; gap: 12px; align-items: baseline; padding: 6px 0; }
.index a { text-decoration: none; }
.tag { font-size: 0.75em; padding: 1px 6px; border-radius: 999px; border: 1px solid #ddd; color: #666; white-space: nowrap; }
.tag-paid { background: #f5f5f5; }
.date { color: #888; font-size: 0.9em; }
.post img { max-width: 100%; height: auto; }
.footer { margin-top: 48px; color: #888; font-size: 0.9em; }