/* 教育周报 (education_theme) 
   风格：学术、严谨、人文
   主色调：#004a80 (海军蓝), #d9e6f2 (浅蓝灰), #fff
*/

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Georgia", "Times New Roman", "Microsoft YaHei", serif; font-size: 15px; line-height: 1.8; color: #333; background: #fdfdfd; }
a { color: #333; text-decoration: none; transition: 0.2s; }
a:hover { color: #004a80; text-decoration: underline; }
ul, li { list-style: none; }

.container { max-width: 1100px; margin: 0 auto; padding: 0 15px; }
.row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.col-8 { width: 66.66%; padding: 0 15px; }
.col-4 { width: 33.33%; padding: 0 15px; }
.col-6 { width: 50%; padding: 0 15px; }
.margin-top { margin-top: 30px; }

/* 头部 */
.top-meta { border-bottom: 1px solid #eee; padding: 10px 0; font-size: 13px; color: #666; display: flex; justify-content: space-between; }
.top-meta a { color: #666; margin-left: 15px; }

.header-main { display: flex; justify-content: space-between; align-items: center; padding: 30px 0; }
.logo img { height: 70px; }
.header-ad img { height: 70px; border-radius: 4px; }

.nav-wrap { background: #004a80; padding: 2px 0; }
.nav-wrap .container { display: flex; justify-content: space-between; align-items: center; }
.nav-links { display: flex; }
.nav-links li a { display: block; padding: 12px 20px; color: #fff; font-size: 16px; font-weight: bold; }
.nav-links li.active a, .nav-links li a:hover { background: #003366; text-decoration: none; }

.nav-search { background: rgba(255,255,255,0.1); border-radius: 20px; padding: 5px 15px; }
.nav-search input { background: transparent; border: none; color: #fff; outline: none; width: 150px; }
.nav-search button { background: transparent; border: none; color: #fff; cursor: pointer; font-size: 13px; }

/* 首页内容 */
.news-focus-section { border-bottom: 3px double #ddd; padding-bottom: 30px; }
.news-focus-item h1 { font-size: 32px; line-height: 1.3; margin-bottom: 15px; text-align: center; }
.focus-meta { text-align: center; font-size: 13px; color: #999; margin-bottom: 20px; }
.news-focus-item p { color: #555; font-size: 16px; text-indent: 2em; }
.more { color: #004a80; font-weight: bold; margin-left: 10px; }

.sec-header { border-bottom: 2px solid #004a80; margin-bottom: 15px; padding-bottom: 5px; display: flex; justify-content: space-between; align-items: flex-end; }
.sec-header h3 { font-size: 18px; color: #004a80; }
.sec-header a { font-size: 12px; color: #999; font-weight: normal; }

.news-items li { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px dashed #eee; }
.dot { width: 4px; height: 4px; background: #004a80; border-radius: 50%; margin-right: 15px; }
.news-items a { flex: 1; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.date { color: #999; font-size: 13px; margin-left: 15px; }

.column-box { background: #f9fbfc; padding: 20px; border: 1px solid #eef2f5; border-radius: 4px; }
.col-list li { padding: 8px 0; border-bottom: 1px solid #f0f3f5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }

.sidebar-box { background: #fff; border: 1px solid #eee; padding: 20px; }
.sidebar-list li { padding: 8px 0; border-bottom: 1px dashed #eee; font-size: 14px; }
.rank-list li { display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f5f5f5; font-size: 14px; }
.num { width: 20px; height: 20px; background: #eee; color: #666; text-align: center; line-height: 20px; border-radius: 2px; margin-right: 12px; font-size: 11px; }
.rank-list li:nth-child(-n+3) .num { background: #004a80; color: #fff; }

.paper-preview { text-align: center; }
.paper-img { padding: 15px; background: #f5f5f5; margin-bottom: 15px; }
.btn-sub { display: block; background: #004a80; color: #fff; padding: 10px; border-radius: 4px; font-weight: bold; }
.btn-sub:hover { color: #fff; text-decoration: none; background: #003366; }

/* 底部 */
.footer { background: #f5f5f5; border-top: 1px solid #ddd; margin-top: 60px; padding-top: 50px; }
.footer-content { display: flex; justify-content: space-between; padding-bottom: 40px; }
.f-box h4 { font-size: 18px; color: #004a80; margin-bottom: 20px; }
.f-box p { font-size: 14px; color: #666; margin-bottom: 8px; }
.f-links ul li { margin-bottom: 8px; }
.f-links a { font-size: 14px; color: #666; }

.footer-bar { background: #004a80; color: #fff; padding: 20px 0; text-align: center; font-size: 13px; }
.footer-bar p { margin-bottom: 5px; opacity: 0.8; }

/* 列表与详情页 */
.breadcrumb { font-size: 14px; color: #888; padding: 15px 0; border-bottom: 1px solid #eee; margin-bottom: 25px; }
.news-list-box, .article-box { background: #fff; padding: 30px; border: 1px solid #eee; }

.news-list-item { padding: 25px 0; border-bottom: 1px solid #f0f0f0; }
.news-list-item h4 { font-size: 20px; margin-bottom: 12px; }
.news-list-item .desc { font-size: 15px; color: #666; margin-bottom: 15px; line-height: 1.8; }
.item-meta { font-size: 13px; color: #999; }
.item-meta span { margin-right: 25px; }

.sidebar-list li { padding: 12px 0; border-bottom: 1px dashed #eee; font-size: 14px; }
.sidebar-list li.active a { color: #004a80; font-weight: bold; }

.article-header { text-align: center; padding-bottom: 35px; border-bottom: 2px solid #004a80; margin-bottom: 40px; }
.article-header h1 { font-size: 32px; color: #333; margin-bottom: 20px; line-height: 1.4; }
.article-info-bar { font-size: 14px; color: #999; }
.article-info-bar span { margin: 0 15px; }

.article-body-text { font-size: 17px; line-height: 2; color: #333; text-align: justify; }
.article-body-text p { margin-bottom: 25px; text-indent: 2em; }
.article-body-text img { display: block; margin: 30px auto; max-width: 100%; border: 1px solid #eee; padding: 5px; }

.article-footer-nav { margin-top: 50px; padding-top: 30px; border-top: 1px solid #eee; }
.related-news-list li { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px dashed #f0f0f0; font-size: 15px; }
.related-news-list .time { color: #999; font-size: 13px; }

.pagination { margin-top: 40px; text-align: center; }
.pagination li { display: inline-block; margin: 0 5px; }
.pagination a, .pagination span { display: block; padding: 8px 20px; border: 1px solid #ddd; color: #004a80; }
.pagination .thisclass { background: #004a80; color: #fff; border-color: #004a80; }