* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft Yahei", sans-serif; color: #333; line-height: 1.6; }
a { text-decoration: none; color: #1677ff; }

/* 前台通用 */
.site-header { background: #fff; padding: 20px 0; border-bottom: 1px solid #f0f0f0; }
.header-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.header-inner h1 a { color: #1677ff; font-size: 24px; }
.site-main { max-width: 1200px; margin: 30px auto; padding: 0 20px; }
.site-footer { background: #f5f5f5; padding: 20px 0; margin-top: 50px; text-align: center; color: #999; }

/* 文章列表 */
.article-list { display: grid; gap: 20px; }
.article-item { display: flex; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.article-cover { flex: 0 0 200px; margin-right: 20px; }
.article-cover img { width: 100%; height: 150px; object-fit: cover; border-radius: 4px; }
.article-content { flex: 1; }
.article-title { font-size: 20px; margin-bottom: 10px; }
.article-title a { color: #333; }
.article-title a:hover { color: #1677ff; }
.article-meta { color: #999; font-size: 14px; margin-bottom: 10px; }
.article-meta span { margin-right: 15px; }
.article-desc { color: #666; margin-bottom: 10px; }
.read-more { font-size: 14px; color: #1677ff; }
.empty-tip { text-align: center; padding: 50px; color: #999; }

/* 分页 */
.pagination { margin-top: 30px; text-align: center; }
.pagination a { display: inline-block; padding: 8px 15px; margin: 0 5px; border: 1px solid #e8e8e8; border-radius: 4px; color: #666; }
.pagination a.active { background: #1677ff; color: #fff; border-color: #1677ff; }