/* style.css 参考共青团中央官网风格：红白基调，庄重简洁 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: '微软雅黑', 'PingFang SC', 'Helvetica Neue', Roboto, Arial, sans-serif; background: #f4f4f4; color: #333; line-height: 1.5; }
.container { width: 90%; max-width: 1280px; margin: 0 auto; }
/* 头部banner */
.top-banner { background: #b10e0e; color: #fff; padding: 30px 0; text-align: center; background-image: linear-gradient(135deg, #b10e0e 0%, #e02a2a 100%); }
.top-banner h1 { font-size: 2.2rem; letter-spacing: 2px; margin-bottom: 8px; }
.top-banner p { font-size: 1rem; opacity: 0.9; }
/* 导航栏 */
.main-nav { background: #fff; box-shadow: 0 4px 8px rgba(0,0,0,0.05); border-bottom: 1px solid #eee; }
.nav-list { display: flex; list-style: none; justify-content: center; flex-wrap: wrap; }
.nav-list li a { display: block; padding: 16px 24px; font-weight: 600; color: #333; text-decoration: none; transition: 0.2s; border-bottom: 3px solid transparent; }
.nav-list li.active a, .nav-list li a:hover { color: #b10e0e; border-bottom-color: #b10e0e; }
/* 主体内容 */
.main-content { margin: 30px auto; }
.content-wrap { display: flex; gap: 30px; flex-wrap: wrap; }
.news-list { flex: 3; min-width: 260px; background: #fff; padding: 20px 25px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.02); }
.sidebar { flex: 1; min-width: 220px; }
.section-title { font-size: 1.8rem; border-left: 5px solid #b10e0e; padding-left: 15px; margin-bottom: 25px; color: #b10e0e; }
.article-list { list-style: none; }
.article-list li { border-bottom: 1px solid #eee; padding: 18px 0; }
.article-list li h3 { font-size: 1.25rem; margin-bottom: 10px; }
.article-list li h3 a { color: #222; text-decoration: none; transition: 0.2s; }
.article-list li h3 a:hover { color: #b10e0e; }
.meta { font-size: 0.85rem; color: #777; margin-bottom: 10px; display: flex; gap: 20px; }
.summary { color: #555; line-height: 1.6; }
.pagination { margin-top: 25px; text-align: center; }
.pagination a { display: inline-block; margin: 0 5px; padding: 6px 12px; background: #f1f1f1; color: #333; text-decoration: none; border-radius: 4px; }
.pagination a.current, .pagination a:hover { background: #b10e0e; color: #fff; }
.side-card { background: #fff; border-radius: 8px; margin-bottom: 25px; padding: 18px; box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
.side-card h3 { border-left: 3px solid #b10e0e; padding-left: 12px; margin-bottom: 15px; font-size: 1.2rem; }
.side-card ul { list-style: none; }
.side-card li { margin-bottom: 10px; }
.side-card a { color: #b10e0e; text-decoration: none; }
footer { background: #222; color: #aaa; text-align: center; padding: 20px 0; margin-top: 40px; font-size: 0.9rem; }
/* 详情页面 */
.detail-header { background: #b10e0e; padding: 20px 0; color: white; }
.detail-container { background: white; padding: 30px; border-radius: 8px; margin-top: 30px; margin-bottom: 30px; }
.detail-container h2 { font-size: 1.8rem; margin-bottom: 15px; color: #b10e0e; }
.meta-info { border-bottom: 1px solid #ddd; padding-bottom: 12px; margin-bottom: 25px; color: #666; }
.content-body { font-size: 1.05rem; line-height: 1.8; margin: 25px 0; }
.back-link { margin-top: 30px; }
/* 登录页面样式 */
.login-body { background: #f0f2f5; display: flex; justify-content: center; align-items: center; min-height: 100vh; }
.login-container { background: #fff; padding: 35px 30px; border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); width: 360px; text-align: center; }
.login-container h2 { margin-bottom: 25px; color: #b10e0e; }
.login-container input { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ccc; border-radius: 4px; }
.login-container button { background: #b10e0e; color: white; border: none; padding: 10px; width: 100%; border-radius: 4px; cursor: pointer; font-size: 1rem; }
.error { color: #d9534f; margin-bottom: 15px; }
@media (max-width: 768px) {
    .nav-list li a { padding: 12px 16px; font-size: 0.9rem; }
    .content-wrap { flex-direction: column; }
}