/* ====== 基础样式（main.css） ====== */
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;}
a {text-decoration:none;color:inherit;}
ul,ol {list-style:none;}
img {max-width:100%;height:auto;}
/* 容器 */.container {max-width:1200px;margin:0 auto;padding:0 15px;}
/* 面包屑导航 */.breadcrumb {padding-top:20px;}
.breadcrumb-nav {display:flex;align-items:center;gap:8px;font-size:14px;}
.breadcrumb-nav {color:#666;/* 面包屑统一灰色 */}
.breadcrumb-nav a {color:#666;/* 链接也为灰色 */}
.breadcrumb-nav a:hover {color:#666;/* 悬停保持灰色 */    text-decoration:underline;}
.separator {color:#999;}
.current {color:#666;}
/* 面包屑：当前位置图标 */.breadcrumb-nav .current::before {content:'';display:inline-block;width:14px;height:14px;margin-right:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 1 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") no-repeat center/contain;/* 位置图标 */    vertical-align:-2px;}
/* 主要内容区域 */.main-content {padding:20px 0;}
.content-wrapper {display:grid;grid-template-columns:1fr 300px;gap:20px;}
.main-column {background-color:white;border-radius:8px;overflow:hidden;}
/* 侧边栏 */.sidebar {display:flex;flex-direction:column;gap:20px;}
.sidebar-widget {background-color:white;border-radius:8px;padding:20px;}
.sidebar-widget h3 {font-size:18px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #207d35;color:#2c3e50;}
/* 热门文章列表 */.hot-articles-list li {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;}
.hot-articles-list li:last-child {border-bottom:none;margin-bottom:0;padding-bottom:0;}
.hot-articles-list a {display:flex;gap:12px;}
.article-thumb {width:100px;/* 放大缩略图 */    aspect-ratio:605 / 375;/* 右侧列表按 605:375 比例 */    height:auto;border-radius:4px;overflow:hidden;flex-shrink:0;}
.article-thumb img {width:100%;height:100%;object-fit:cover;}
.article-info h4 {font-size:14px;line-height:1.4;margin-bottom:5px;color:#333;display:-webkit-box;/* 多行省略基础 */    -webkit-line-clamp:2;/* 限制2行 */    -webkit-box-orient:vertical;overflow:hidden;max-height:2.8em;/* 1.4 * 2 行 */}
.article-info h4:hover {color:#207d35;}
.article-info {display:flex;/* 侧栏信息容器：上下布局 */    flex-direction:column;min-width:0;min-height:62px;/* 与 100px * 375/605 的缩略图高度对齐 */}
.article-meta {font-size:12px;color:#999;display:flex;gap:10px;}
.article-info .article-meta {margin-top:auto;/* 将时间/浏览量推到底部 */    align-items:center;}
/* 侧栏：时间与浏览量小图标 */.article-info .article-meta .date::before {content:'';display:inline-block;width:14px;height:14px;margin-right:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") no-repeat center/contain;vertical-align:-2px;}
.article-info .article-meta .views::before {content:'';display:inline-block;width:14px;height:14px;margin-right:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center/contain;vertical-align:-2px;}
/* 推荐文章 */.recommended-articles {display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.recommended-item {border-radius:6px;overflow:hidden;background-color:#f8f9fa;}
.recommended-item a {display:block;}
.rec-thumb {aspect-ratio:605 / 375;/* 推荐文章缩略图 605:375 */    height:auto;overflow:hidden;}
.rec-thumb img {width:100%;height:100%;object-fit:cover;}
.rec-content {padding:10px;}
.rec-content h4 {font-size:13px;line-height:1.3;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.6em;/* 1.3 * 2 行 */}
.rec-content h4:hover {color:#207d35;}
/* 标签云 */.tag-cloud {display:flex;flex-wrap:wrap;gap:8px;}
.tag-item {background-color:#f0f0f0;color:#666;padding:4px 8px;border-radius:12px;font-size:12px;transition:all 0.3s;}
.tag-item:hover {background-color:#207d35;color:white;}
/* 分类导航 */.category-nav li {margin-bottom:8px;}
.category-nav a {color:#666;font-size:14px;padding:5px 0;display:block;transition:color 0.3s;}
.category-nav a:hover {color:#207d35;}
/* 底部 */.main-footer {background-color:#333;color:white;padding:40px 0 40px;}
.footer-content {display:flex;justify-content:center;/* 居中 */    align-items:center;gap:20px;text-align:center;}
.footer-links h4 {font-size:20px;font-weight:normal;margin-bottom:15px;color:#207d35;border-bottom:2px solid #207d35;display:inline-block;padding-bottom:4px;}
.footer-links {text-align:left;/* 改为居左 */    margin-top:30px;}
.footer-links ul {display:flex;gap:12px;justify-content:flex-start;/* 改为居左 */    flex-wrap:wrap;/* 小屏自动换行 */}
.footer-links a {color:#373737;font-size:14px;margin-right:10px;}
.footer-links a:hover {color:#373737;text-decoration:none;}
.footer-info {text-align:center;font-size:14px;color:#fff;}
.footer-info p {margin:10px;}
/* 全站通用图标（SVG 背景版） */.iconfont {display:inline-block;width:1em;height:1em;line-height:1;vertical-align:-0.1em;}
/* 热门图标：火焰 */.iconfont.icon-hot {width:18px;/* 放大图标 */    height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23ff4d4f'%3E%3Cpath d='M12 2s1 3-1 5-5 3-5 8a6 6 0 0 0 12 0c0-3-2-5-3-6s-1-4-1-7c0 0-1 1-2 3z'/%3E%3C/svg%3E") no-repeat center/contain;}
/* 回到顶部 向上箭头 */.icon-arrow-up {display:inline-block;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center/contain;vertical-align:middle;}
/* ====== 头部与导航（原 header-nav.css 合并） ====== *//* 顶部搜索栏样式 */.top-search-bar {background-color:#ffffff;border-bottom:1px solid #e0e0e0;padding:15px 0;}
.header-content {display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 8px;}
/* Logo样式 */.logo a {display:flex;align-items:center;text-decoration:none;color:inherit;}
.logo-icon {display:inline-block;width:40px;height:40px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:white;font-size:24px;font-weight:bold;text-align:center;line-height:40px;border-radius:8px;margin-right:12px;}
/* 搜索框样式 */.search-box {display:flex;align-items:center;position:relative;}
.search-box form {display:flex;align-items:center;}
.search-input {width:300px;height:40px;padding:0 15px;border:1px solid #d1d5db;border-radius:6px 0 0 6px;font-size:14px;color:#374151;background-color:#f9fafb;outline:none;transition:border-color 0.3s ease;}
.search-input:focus {border-color:#207d35;background-color:#ffffff;}
.search-input::placeholder {color:#9ca3af;}
.search-btn {height:40px;padding:0 20px;background-color:#207d35;color:white;border:none;border-radius:0 6px 6px 0;font-size:14px;font-weight:500;cursor:pointer;transition:background-color 0.3s ease;}
.search-btn:hover {background-color:#055918;}
/* 主导航栏样式 */.main-header {background:linear-gradient(135deg,#207d35 0%,#055918 100%);padding:0;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:relative;}
/* 移动端汉堡按钮 */.mobile-nav-toggle {display:none;width:36px;height:36px;background:#207d35;color:white;border:none;border-radius:6px;cursor:pointer;align-items:center;justify-content:center;transition:background-color 0.3s ease;padding:8px;box-sizing:border-box;flex-direction:column;}
.mobile-nav-toggle:hover {background:#055918;}
.mobile-nav-toggle .bar {display:block;width:18px;height:2px;background:#fff;margin:2px 0;border-radius:1px;}
.main-header::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#207d35 0%,#055918 100%);z-index:1;}
.main-nav {max-width:1200px;margin:0 auto;padding:0;position:relative;z-index:2;}
.main-nav ul {display:flex;list-style:none;margin:0;padding:0;justify-content:flex-start;align-items:left;height:52px;}
.main-nav li {margin:0;position:relative;}
.main-nav a {display:block;padding:12px 20px;margin-right:10px;color:white;text-decoration:none;font-size:18px;transition:all 0.3s ease;border-radius:8px;position:relative;text-transform:uppercase;letter-spacing:0.5px;}
.main-nav a::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.1);border-radius:8px;opacity:0;transition:opacity 0.3s ease;z-index:-1;}
.main-nav a:hover::before {opacity:1;}
.main-nav a:hover {transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.2);color:white;}
.main-nav li.active > a {background:#055918;border-radius:0;color:white;}
.main-nav a.active::after {display:none;}
/* ====== 首页样式（homepage.css） ====== *//* 轮播图/横幅区域 */.hero-section {display:flex;gap:20px;margin-bottom:20px;align-items:flex-start;}
.hero-banner {overflow:hidden;width:800px;height:312px;position:relative;flex-shrink:0;}
/* Banner加载状态 */.banner-loading {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;}
.loading-spinner {width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #207d35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px;}
.banner-loading p {color:#666;font-size:14px;margin:0;}
@keyframes spin {0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}
.banner-slider {position:relative;width:100%;height:100%;}
.banner-slide {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity 0.5s ease-in-out;}
.banner-slide.active {opacity:1;pointer-events:auto;}
/* Banner标题样式 */.banner-title {position:absolute;bottom:15px;left:15px;color:white;font-size:18px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:10;text-shadow:1px 1px 2px rgba(0,0,0,0.8);transition:all 0.3s ease;}
.banner-title:hover {transform:translateY(-2px);text-shadow:2px 2px 4px rgba(0,0,0,0.9);}
.banner-image {width:100%;height:100%;object-fit:cover;}
.banner-dots {position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;}
.dot {width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,0.5);cursor:pointer;transition:background-color 0.3s ease;}
.dot.active {background-color:white;}
.dot:hover {background-color:rgba(255,255,255,0.8);}
.banner-nav {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 5px;z-index:10;opacity:0;transition:opacity 0.3s ease;}
.hero-banner:hover .banner-nav {opacity:1;}
.banner-btn {width:50px;height:50px;border:none;background-color:rgba(0,0,0,0.5);color:white;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;backdrop-filter:blur(10px);}
.banner-btn:hover {background-color:rgba(0,0,0,0.7);transform:scale(1.1);}
.banner-btn:active {transform:scale(0.95);}
.banner-btn svg {width:24px;height:24px;}
.hero-articles {background-color:white;padding:12px 15px;border-radius:8px;flex:1;min-width:0;}
.hero-articles h3 {font-size:18px;margin-bottom:15px;color:#2c3e50;border-bottom:2px solid #207d35;padding-bottom:10px;}
.latest-articles li {margin-bottom:8px;padding-bottom:8px;border-bottom:1px dotted #ccc;}
.latest-articles li:last-child {border-bottom:none;margin-bottom:0;padding-bottom:0;}
.latest-articles a {display:flex;justify-content:space-between;align-items:center;gap:10px;}
.latest-articles .article-title {font-size:15px;line-height:1.5;color:#333;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;}
.latest-articles .article-title:hover {color:#207d35;}
.latest-articles .article-date {font-size:11px;color:#999;flex-shrink:0;white-space:nowrap;}
/* 分类内容区域 */.category-sections {display:flex;flex-direction:column;gap:20px;}
.category-section {background-color:white;border-radius:8px;overflow:hidden;}
.section-header {display:flex;justify-content:space-between;align-items:center;padding:20px 20px 15px;border-bottom:1px solid #f0f0f0;}
.section-header h2 {font-size:20px;color:#2c3e50;margin:0;}
.more-link {color:#207d35;font-size:14px;transition:color 0.3s;}
.more-link:hover {color:#055918;}
.section-content {padding:20px;}
/* 文章卡片 */.article-cards {display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;}
.article-card {border-radius:6px;overflow:hidden;background-color:#f8f9fa;transition:transform 0.3s,box-shadow 0.3s;}
.article-card:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.article-card a {display:block;}
.card-image {width:100%;aspect-ratio:605 / 375;/* 按 605:375 比例缩放 */    height:auto;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.card-image img {width:100%;height:100%;object-fit:cover;}
.card-content {padding:6px 2px;}
.card-content h3 {font-size:15px;font-weight:normal;line-height:24px;color:#333;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.card-content h3:hover {color:#207d35;}
/* 文章列表 */.article-list {display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;padding-top:10px;}
.article-list::before {content:'';position:absolute;top:0;bottom:0;left:50%;width:0;border-left:1px dashed #e5e7eb;/* 中间虚线分隔 */    transform:translateX(-50%);}
.list-column {display:flex;flex-direction:column;}
.list-item {margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #eee;/* 行间虚线 */}
.list-item a {display:flex;align-items:center;gap:6px;color:#666;font-size:13px;padding:4px 0;transition:color 0.3s;}
.list-item a:hover {color:#207d35;}
.bullet {color:#207d35;font-weight:bold;}
/* 文本列表：一行显示3个 */.text_list {display:grid;grid-template-columns:repeat(3,1fr);/* 每行3个 */    column-gap:30px;/* 列间距 */    row-gap:8px;/* 行间距 */    list-style:none;margin:0;padding:0;}
.text_list li {line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/* 超出省略号 */}
.text_list li::before {content:'';display:inline-block;width:4px;height:4px;margin-right:6px;border-radius:50%;background-color:#bbb;/* 灰色小圆点 */    vertical-align:middle;}
.text_list li a {color:#333;font-size:14px;transition:color 0.2s ease;}
.text_list li a:hover {color:#207d35;/* 主题色 */}
/* 热门区域 */.hot-sections {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.hot-section {background-color:white;border-radius:8px;overflow:hidden;}
.hot-articles {padding:20px;}
.hot-item {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;}
.hot-item:last-child {border-bottom:none;margin-bottom:0;padding-bottom:0;}
.hot-item a {display:flex;gap:12px;}
.hot-content {display:flex;/* 让内容形成上下结构 */    flex-direction:column;min-height:90px;/* 与 150x90 缩略图等高 */    flex:1;min-width:0;/* 关键：允许内容在flex下收缩，防止溢出 */}
.hot-thumb {width:150px;/* 热门列表缩略图 150x90 */    height:90px;border-radius:4px;overflow:hidden;flex-shrink:0;}
.hot-thumb img {width:100%;height:100%;object-fit:cover;}
.hot-content h4 {font-size:18px;line-height:26px;height:26px;margin-bottom:5px;color:#333;font-weight:normal;white-space:nowrap;/* 单行显示 */    overflow:hidden;/* 溢出隐藏 */    text-overflow:ellipsis;/* 超出省略号 */}
.hot-content h4:hover {color:#207d35;}
.hot-meta {font-size:12px;color:#999;display:flex;gap:10px;margin-top:auto;/* 将日期/阅读数推到底部 */    align-items:center;justify-content:flex-start;}
/* 热门列表：时间与浏览数小图标 */.hot-meta .date::before {content:'';display:inline-block;width:14px;height:14px;margin-right:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") no-repeat center/contain;vertical-align:-2px;}
.hot-meta .views::before {content:'';display:inline-block;width:14px;height:14px;margin-right:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center/contain;vertical-align:-2px;}
/* 热门列表描述 */.hot-desc {font-size:14px;color:#666;line-height:22px;height:44px;overflow:hidden;}
/* ====== 列表页样式（list.css） ====== *//* 分类头部 */.category-header {padding:30px 20px;text-align:center;background:linear-gradient(135deg,#207d35,#055918);color:white;}
.category-header h1 {font-size:28px;margin-bottom:10px;}
.category-desc {font-size:16px;opacity:0.9;}
/* 文章列表 */.list-articles {padding:0 20px;}
.list-article-item {display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #f0f0f0;}
.list-article-item:last-child {border-bottom:none;}
.list-articles .list-article-thumbnail {width:200px;/* 指定宽度 */    height:124px;/* 固定高度以保持与合并前一致 */    border-radius:6px;overflow:hidden;flex-shrink:0;}
.list-articles .list-article-thumbnail img {width:100%;height:100%;object-fit:cover;display:block;}
.list-article-content {flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.list-article-title {font-size:20px;line-height:1.4;margin-bottom:10px;}
.list-article-title a {color:#2c3e50;transition:color 0.3s;}
.list-article-title a:hover {color:#207d35;}
.list-article-excerpt {font-size:14px;color:#666;line-height:1.6;margin-bottom:15px;flex:1;display:-webkit-box;/* 多行省略基础 */    line-clamp:2;/* 标准属性，增强兼容 */    -webkit-line-clamp:2;/* 限制2行 */    -webkit-box-orient:vertical;/* 垂直排列 */    overflow:hidden;/* 隐藏溢出 */    max-height:3.2em;/* 1.6行高 * 2 行 = 3.2em */}
.list-article-meta {display:flex;gap:20px;font-size:14px;color:#999;}
.list-article-meta i {margin-right:5px;}
/* 列表页：时间与浏览量小图标 */.list-article-meta .publish-date::before {content:'';display:inline-block;width:14px;height:14px;margin-right:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") no-repeat center/contain;vertical-align:-2px;}
.list-article-meta .icon-eye {display:inline-block;width:14px;height:14px;margin-right:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center/contain;vertical-align:-2px;}
/* 分页 */.pagination-wrapper {padding:20px;text-align:center;}
/* 兼容多种分页结构（div/pages/nav/ul等） */.pagination-wrapper .pagination,.pagination-wrapper .pages,.pagination-wrapper nav,.pagination-wrapper ul {display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center;}
.pagination-wrapper a,.pagination-wrapper span,.pagination-wrapper li,.pagination-wrapper li a,.pagination-wrapper li span {display:inline-block;padding:8px 12px;border:1px solid #ddd;color:#666;text-decoration:none;border-radius:4px;transition:all 0.3s;margin-right:5px;}
/* 当前页与激活状态 */.pagination-wrapper span.current,.pagination-wrapper a.active,.pagination-wrapper li.active a,.pagination-wrapper li span.current {background-color:#207d35;color:#fff;border-color:#207d35;}
/* 悬停效果 */.pagination-wrapper a:hover,.pagination-wrapper li a:hover {background-color:#207d35;color:#fff;border-color:#207d35;}
/* 禁用状态 */.pagination-wrapper span.disabled,.pagination-wrapper li.disabled span,.pagination-wrapper li.disabled a {color:#bbb;border-color:#eee;background-color:#f9f9f9;cursor:not-allowed;}
/* 空状态 */.empty-state {text-align:center;padding:60px 20px;color:#999;}
.empty-icon {font-size:48px;margin-bottom:20px;color:#ddd;}
.empty-state h3 {font-size:20px;margin-bottom:10px;color:#666;}
.empty-state p {font-size:14px;line-height:1.6;}
/* ====== 详情页样式（detail.css） ====== */.article-title {margin-bottom:20px;}
/* 文章详情 */.article-detail {padding:30px 30px 0 30px;}
/* 详情页：时间与浏览量小图标 */.article-header .article-meta .publish-date::before {content:'';display:inline-block;width:16px;height:16px;margin-right:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") no-repeat center/contain;vertical-align:-2px;}
.article-header .article-meta .views::before {content:'';display:inline-block;width:16px;height:16px;margin-right:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center/contain;vertical-align:-2px;}
.article-meta span {display:flex;align-items:center;gap:2px;}
.article-content {margin-top:20px;}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6 {color:#2c3e50;}
.article-content p {margin-bottom:16px;}
.article-content img {max-width:100%;height:auto;border-radius:6px;margin:15px auto;/* 上下间距，水平居中 */    display:block;/* 使 auto 外边距生效 */}
.article-content ul,.article-content ol {margin:15px 0;padding-left:30px;}
.article-content li {margin-bottom:8px;}
.article-content blockquote {border-left:4px solid #207d35;padding-left:20px;margin:20px 0;color:#666;font-style:italic;}
.article-content code {background-color:#f8f9fa;padding:2px 6px;border-radius:3px;font-family:'Courier New',monospace;font-size:14px;}
.article-content pre {background-color:#f8f9fa;padding:15px;border-radius:6px;overflow-x:auto;margin:15px 0;}
.article-content pre code {background:none;padding:0;}
/* 文章标签 */.article-tags {margin-bottom:10px;padding:20px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.tag-label {font-weight:bold;color:#666;margin-right:10px;}
.tag-item {background-color:#f0f0f0;color:#666;padding:4px 12px;border-radius:15px;font-size:12px;margin-right:8px;margin-bottom:8px;display:inline-block;transition:all 0.3s;}
.tag-item:hover {background-color:#207d35;color:white;}
/* 文章操作 */.article-actions {display:flex;gap:15px;margin-bottom:30px;padding:20px 0;border-bottom:1px solid #f0f0f0;}
.action-btn {display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #ddd;background-color:white;color:#666;border-radius:25px;cursor:pointer;transition:all 0.3s;font-size:14px;}
.action-btn:hover {background-color:#207d35;color:white;border-color:#207d35;}
.action-btn.liked {background-color:#e74c3c;color:white;border-color:#e74c3c;}
.action-btn.favorited {background-color:#f39c12;color:white;border-color:#f39c12;}
/* 相关文章 */.related-articles {margin-bottom:30px;padding:0 30px;}
.related-articles h3 {font-size:20px;margin-bottom:20px;color:#2c3e50;padding-bottom:10px;border-bottom:2px solid #207d35;}
.related-list,.related-list-grid {display:grid;grid-template-columns:repeat(3,1fr);/* 参考图：三列布局 */    gap:24px 20px;}
.related-item {border-radius:6px;overflow:hidden;background-color:#fff;transition:transform 0.3s,box-shadow 0.3s;}
.related-item:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.related-item a {display:block;}
.related-thumb {width:100%;aspect-ratio:605 / 375;/* 与站内统一缩略图比例一致 */    height:auto;overflow:hidden;}
.related-thumb img {width:100%;height:100%;object-fit:cover;}
.related-content {padding:5px;}
.related-content h4 {font-size:16px;font-weight:normal;line-height:24px;height:48px;/* 两行固定高度 */    color:#333;display:-webkit-box;/* 两行省略 */    line-clamp:2;/* 标准属性 */    -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.related-content h4:hover {color:#207d35;}
.related-meta {font-size:12px;color:#999;display:flex;gap:12px;align-items:center;}
.related-title-list li a {display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed #eee;color:#333;text-decoration:none;/* 去除下划线 */}
.related-title-list li a:hover {text-decoration:none;}
.related-title-list li:last-child a {border-bottom:none;}
.related-title-list .rank {width:20px;height:20px;text-align:center;line-height:20px;border-radius:3px;background:#f0f0f0;color:#666;font-size:12px;}
/* 序号配色：1/2/3 */.related-title-list .rank.num-1 {background:#ff4d4f;color:#fff;}
.related-title-list .rank.num-2 {background:#ffa940;color:#fff;}
.related-title-list .rank.num-3 {background:#52c41a;color:#fff;}
.related-title-list .view-count {color:#999;font-size:12px;}
.related-title-list .view-count .icon-eye {display:inline-block;width:14px;height:14px;margin-right:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center/contain;vertical-align:-2px;}
/* 相关文章时间/浏览图标 */.related-meta .date::before {content:'';display:inline-block;width:14px;height:14px;margin-right:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") no-repeat center/contain;vertical-align:-2px;}
.related-meta .views::before {content:'';display:inline-block;width:14px;height:14px;margin-right:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center/contain;vertical-align:-2px;}
/* 文章导航 */.article-navigation {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;}
.nav-item {border-radius:6px;overflow:hidden;background-color:#f8f9fa;transition:transform 0.3s,box-shadow 0.3s;}
.nav-item:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.nav-item a {display:flex;align-items:center;gap:15px;padding:15px;}
.nav-thumb {width:80px;height:60px;border-radius:4px;overflow:hidden;flex-shrink:0;}
.nav-thumb img {width:100%;height:100%;object-fit:cover;}
.nav-content {flex:1;}
.nav-label {font-size:12px;color:#999;margin-bottom:5px;display:block;}
.nav-content h4 {font-size:14px;line-height:1.4;color:#333;margin:0;}
.nav-content h4:hover {color:#207d35;}
.next-article a {flex-direction:row-reverse;}
/* ====== 响应式设计 ====== *//* 桌面端隐藏card-meta */.card-meta {display:none;}
@media (max-width:1400px) {.article-cards {grid-template-columns:repeat(5,1fr);}
}
@media (max-width:1200px) {.article-cards {grid-template-columns:repeat(4,1fr);}
}
@media (max-width:1024px) {.article-cards {grid-template-columns:repeat(3,1fr);}
.article-list {grid-template-columns:1fr;}
.hot-sections {grid-template-columns:1fr;}
}
@media (max-width:768px) {.content-wrapper {grid-template-columns:1fr;gap:20px;}
.main-nav ul {gap:15px;}
.main-nav a {font-size:14px;}
.search-input {width:150px;}
.recommended-articles {grid-template-columns:1fr;}
.footer-content {flex-direction:column;gap:20px;text-align:center;}
.footer-info {text-align:center;}
/* 移动端隐藏友情链接版块 */    .footer-links {display:none;}
/* 移动端隐藏网站描述信息 */    .footer-info p:first-child {display:none;}
/* 移动端返回顶部按钮样式调整 */    .scroll-top-btn {width:45px !important;height:45px !important;bottom:15px !important;right:15px !important;}
.scroll-top-btn .icon-arrow-up {width:20px !important;height:20px !important;}
/* 头部与导航响应式 */    .header-content {flex-direction:row;justify-content:space-between;align-items:center;gap:0;}
/* 移动端logo样式调整 */    .logo {flex:1;}
.logo h1 {margin:0;}
.logo img {height:52px;width:auto;}
/* 移动端搜索框样式 */    .search-box {flex-shrink:0;display:flex;align-items:center;}
.mobile-nav-toggle {display:flex !important;background:#207d35 !important;}
.mobile-nav-toggle:hover {background:#055918 !important;}
.search-form,.search-input,.search-btn {display:none !important;}
/* 移动端调整搜索框区域布局 */    .top-search-bar {padding:10px 0;}
.main-nav ul {display:none;position:fixed;top:0;left:0;right:0;height:auto;flex-direction:column;gap:0;padding:20px;background:rgba(0,0,0,0.95);border-radius:0;z-index:99999;overflow-y:auto;max-height:80vh;}
/* 导航菜单关闭按钮 */    .main-nav ul::before {content:'×';position:absolute;top:10px;right:20px;font-size:30px;color:white;cursor:pointer;z-index:100000;}
.main-nav li {margin:0;border-bottom:1px solid rgba(255,255,255,0.1);}
.main-nav a {padding:20px 12px;font-size:18px;margin:0;text-transform:none;letter-spacing:0.3px;color:white;display:block;text-align:left;}
.main-nav a:hover {transform:translateY(-1px);color:white;}
.main-nav li.active > a {color:white;}
/* 首页响应式 */    .hero-section {flex-direction:column;margin-bottom:0px;}
/* 移动端隐藏hero-articles区域 */    .hero-articles {display:none;}
/* 移动端隐藏text_list区域 */    .text_list {display:none;}
/* 移动端隐藏hot-sections版块 */    .hot-sections {display:none;}
.article-cards {grid-template-columns:1fr;gap:15px;}
/* 移动端文章卡片样式 - 参考热门问答 */    .article-card {display:flex;background:white;border-radius:0;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;}
.article-card:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.article-card a {display:flex;width:100%;text-decoration:none;}
.card-image {width:120px;height:80px;flex-shrink:0;overflow:hidden;}
.card-image img {width:100%;height:100%;object-fit:cover;}
.card-content {flex:1;padding:12px 15px;display:flex;flex-direction:column;justify-content:space-between;}
.card-content h3 {font-size:16px;line-height:22px;color:#333;margin:0 0 8px 0;font-weight:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.card-content h3:hover {color:#207d35;}
/* 移动端显示card-meta */    .card-meta {font-size:12px;color:#999;display:flex;gap:10px;margin-top:auto;align-items:center;}
.card-meta .publish-date::before {content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23999999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>');width:14px;height:14px;vertical-align:-0.15em;margin-right:4px;display:inline-block;}
.card-meta .views::before {content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23999999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>');width:14px;height:14px;vertical-align:-0.15em;margin-right:4px;display:inline-block;}
.section-header {flex-direction:row;align-items:center;justify-content:space-between;gap:10px;}
.hero-banner {width:100%;height:200px;}
/* 移动端banner标题样式 */    .banner-title {font-size:16px;max-width:180px;bottom:10px;left:10px;text-shadow:1px 1px 2px rgba(0,0,0,0.8);}
/* 移动端隐藏banner导航按钮 */    .banner-nav {display:none;}
/* 列表页响应式 */    .list-articles + .sidebar {display:none;}
/* 移动端：左图右文布局，参考首页移动端卡片 */    .list-article-item {display:flex;background:white;border-radius:0;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;margin-bottom:15px;padding:0;border-bottom:none;}
.list-article-item:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.list-article-item a {display:flex;width:100%;text-decoration:none;gap:12px;}
.list-articles .list-article-thumbnail {width:120px;height:80px;border-radius:0;overflow:hidden;flex-shrink:0;}
.list-articles .list-article-thumbnail img {width:100%;height:100%;object-fit:cover;}
.list-article-content {flex:1;padding:5px 0px;display:flex;flex-direction:column;justify-content:space-between;}
.list-article-title {font-size:16px;line-height:22px;color:#333;margin:0 0 8px 0;font-weight:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.list-article-title:hover {color:#207d35;}
.list-article-excerpt {display:none;}
.list-article-meta {font-size:12px;color:#999;display:flex;gap:10px;margin-top:auto;align-items:center;}
.category-header {padding:20px 15px;}
.category-header h1 {font-size:24px;}
.articles-list {padding:15px;}
/* 详情页响应式 - 确保侧边栏显示 */    .article-detail + .sidebar {display:block !important;/* 强制显示侧边栏 */}
/* 默认隐藏侧边栏下所有模块 */    .sidebar .sidebar-widget {display:none;}
/* 仅显示 推荐文章 模块 */    .sidebar .sidebar-widget.recommended-widget {display:block;}
/* 推荐文章：左图右文横排 */    .recommended-articles .recommended-item a {display:flex;gap:12px;}
.recommended-articles .rec-thumb {width:120px;height:80px;flex-shrink:0;overflow:hidden;border-radius:0;}
.recommended-articles .rec-thumb img {width:100%;height:100%;object-fit:cover;}
.recommended-articles .rec-content {flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:0;}
.recommended-articles .rec-content h4 {font-size:16px;line-height:22px;margin:0 0 8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.recommended-articles .rec-content h4 {line-clamp:2;}
.article-detail {padding:20px;}
.article-title {font-size:24px;}
/* 移动端：发布时间靠左，浏览数靠右 */    .article-meta {flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%;}
.article-meta .views {margin-left:auto;text-align:right;}
.article-actions {flex-direction:column;align-items:stretch;}
.action-btn {justify-content:center;}
.related-list,.related-list-grid {grid-template-columns:1fr;/* 移动端单列 */}
/* 相关文章前三项：左图右文横向布局（与首页移动端一致） */    .related-item a {display:flex;align-items:stretch;gap:12px;}
.related-thumb {width:120px;height:80px;border-radius:0;overflow:hidden;flex-shrink:0;}
.related-thumb img {width:100%;height:100%;object-fit:cover;}
.related-content {flex:1;padding:0;/* 减少内边距，贴近首页移动端样式 */        display:flex;flex-direction:column;justify-content:space-between;}
.related-content h4 {font-size:16px;line-height:22px;height:auto;margin:0 0 8px 0;line-clamp:2;/* 标准属性 */        -webkit-line-clamp:2;/* 两行省略 */}
.related-meta {margin-top:auto;/* 时间/浏览数底部对齐 */        gap:10px;}
.article-navigation {grid-template-columns:1fr;}
.next-article a {flex-direction:row;}
}
/* 展开态 */.main-header.nav-open .main-nav ul {display:flex;}
@media (max-width:480px) {.container {padding:0 10px;}
.header-content {flex-direction:row;justify-content:space-between;align-items:center;gap:10px;}
.main-nav ul {flex-wrap:wrap;justify-content:center;gap:10px;}
.search-box {justify-content:center;}
.search-input {width:120px;}
.logo-icon {width:35px;height:35px;font-size:20px;line-height:35px;}
.search-input {width:200px;}
.main-nav ul {padding:8px 0;}
.main-nav a {padding:10px 15px;font-size:13px;margin:3px 2px;}
.main-nav a.active::after {width:20px;height:2px;}
.article-cards {grid-template-columns:1fr;}
.section-content {padding:15px 15px 0px;}
.hero-articles {padding:15px;}
.hero-banner {width:100%;height:150px;}
/* 小屏幕banner标题样式 */    .banner-title {font-size:14px;max-width:150px;bottom:16px;left:8px;text-shadow:1px 1px 2px rgba(0,0,0,0.8);}
.banner-nav {padding:0 2px;}
.banner-btn {width:40px;height:40px;}
.banner-btn svg {width:20px;height:20px;}
.article-title {font-size:16px;}
.article-excerpt {font-size:14px;}
.article-meta {font-size:12px;}
.article-detail {padding:15px;}
.article-title {font-size:20px;}
.article-content {font-size:16px;line-height:30px;}
.nav-item a {padding:12px;}
.nav-thumb {width:60px;height:45px;}
}