body { font-family: 'Microsoft YaHei', sans-serif; background: #f5f5f5; margin: 0; color: #333; }
.container { width: 1200px; margin: 0 auto; display: flex; gap: 20px; padding: 20px 0; }
.site-header { background: #fff; border-bottom: 1px solid #ddd; padding: 15px 0; }
.site-header .container { display: flex; justify-content: space-between; align-items: center; }
.site-header h1 a { text-decoration: none; color: #d32f2f; }
nav ul { list-style: none; display: flex; gap: 20px; }
nav a { text-decoration: none; color: #666; }
.main-content { flex: 3; background: #fff; padding: 20px; border-radius: 4px; }
.sidebar { flex: 1; }
.post-item { border-bottom: 1px solid #eee; padding: 15px 0; }
.post-item h2 a { text-decoration: none; color: #333; }
.post-meta { color: #999; font-size: 12px; margin: 5px 0; }
.post-excerpt { color: #666; line-height: 1.6; }
.widget { background: #fff; padding: 15px; margin-bottom: 20px; border-radius: 4px; }
.widget h3 { margin-top: 0; border-left: 4px solid #d32f2f; padding-left: 10px; }
.widget ul { list-style: none; padding: 0; }
.widget li { padding: 8px 0; border-bottom: 1px dashed #eee; }
.widget a { text-decoration: none; color: #555; }
.site-footer { text-align: center; padding: 20px; color: #999; }
.post-detail h1 { font-size: 24px; margin-bottom: 10px; }
.post-content { line-height: 1.8; font-size: 16px; margin-top: 20px; }