:root {
	  --tropical-green: #2d7a3e;
	  --tropical-green-dark: #1e5a2b;
	  --tropical-green-light: #3a9a4e;
	  --warm-yellow: #f0b429;
	  --deep-ink: #1a3a2a;
	  --text-primary: #333;
	  --text-secondary: #666;
	  --border-color: #e8e8e8;
	  --card-bg: #fff;
	}
	* {margin:0;padding:0;box-sizing:border-box}
	body {
	  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
	  color: var(--text-primary);
	  background: #f5f6f8;
	  overflow-x: hidden;
	}

	/* 导航栏 */
	.navbar-main {
	  background: var(--tropical-green);
	  padding:0;
	  box-shadow: 0 2px 10px rgba(0,0,0,.1);
	  z-index:1030;
	}
	.navbar-main .navbar-brand {
	  color:#fff;
	  font-weight:700;
	  font-size:1.15rem;
	  padding:12px 0;
	  display:flex;
	  align-items:center;
	  gap:10px;
	}
	.navbar-main .navbar-brand:hover {color:#fff}
	.navbar-main .brand-logo {
	  width:42px;height:42px;
	  background:#fff;
	  border-radius:50%;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  flex-shrink:0;
	}
	.navbar-main .brand-logo i {
	  color: var(--tropical-green);
	  font-size:1.4rem;
	}
	.navbar-main .nav-link {
	  color: rgba(255,255,255,.92) !important;
	  font-size:.9rem;
	  font-weight:500;
	  padding:18px 14px !important;
	  transition:.25s ease;
	  white-space:nowrap;
	}
	.navbar-main .nav-link:hover,
	.navbar-main .nav-link.active {
	  color:#fff !important;
	  background:rgba(255,255,255,.12);
	}
	.navbar-main .navbar-toggler {
	  border-color:rgba(255,255,255,.4);
	  padding:6px 10px;
	}
	.navbar-main .navbar-toggler:focus {box-shadow:none}
	.navbar-main .navbar-toggler-icon {
	  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}

	/* 搜索栏 */
	.search-collapse {
	  background: var(--tropical-green-dark);
	  border-top: 1px solid rgba(255,255,255,.1);
	  padding-bottom: 0;
	}
	.search-form {
	  max-width:620px;
	  margin:0 auto;
	}
	.search-form.d-flex {
	  flex-wrap:nowrap !important;
	  align-items:center;
	  gap:10px;
	}
	.search-input {
	  border:none;
	  border-radius:6px;
	  padding:10px 16px;
	  font-size:.95rem;
	  min-width:0;
	  flex:1;
	}
	.search-btn {
	  background: var(--tropical-green);
	  border:none;
	  padding:10px 24px;
	  font-weight:500;
	  flex-shrink:0;
	}
	.search-btn:hover {background: var(--tropical-green-light)}

	/* 轮播 */
	.hero-carousel .carousel-item {height:520px}
	.slide-bg {
	  position:absolute;
	  inset:0;
	  background-size:cover;
	  background-position:center;
	}
	.slide-overlay {inset:0;position:absolute;background: transparent;}
	.carousel-caption-custom {
	  position:absolute;
	  top:50%;left:50%;
	  transform:translate(-50%,-50%);
	  text-align:center;
	  color:#fff;
	  width:90%;
	  max-width:900px;
	  z-index:2;
	}
	.carousel-caption-custom h2 {
	  font-size:2.6rem;
	  font-weight:700;
	  margin-bottom:16px;
	  text-shadow:0 2px 8px rgba(0,0,0,.4);
	  letter-spacing:2px;
	}
	.carousel-caption-custom p {
	  font-size:1.25rem;
	  text-shadow:0 1px 4px rgba(0,0,0,.4);
	  opacity:.95;
	}
	.hero-carousel .carousel-indicators {
	  justify-content:flex-end;
	  padding-right:30px;
	  margin-bottom:20px;
	}
	.hero-carousel .carousel-indicators button {
	  width:12px;height:12px;
	  border-radius:50%;
	  border:2px solid rgba(255,255,255,.7);
	  background:transparent;
	  margin:0 5px;
	}
	.hero-carousel .carousel-indicators button.active {
	  background:#fff;border-color:#fff;
	}

	/* 内容卡片通用 */
	.content-section {padding:50px 0}
	.content-card {
	  background:var(--card-bg);
	  border-radius:10px;
	  box-shadow:0 2px 12px rgba(0,0,0,.06);
	  padding:24px;
	  height:100%;
	  transition:box-shadow .3s ease;
	}
	.content-card:hover {box-shadow:0 4px 20px rgba(0,0,0,.1)}
	.card-header-bar {
	  display:flex;
	  justify-content:space-between;
	  align-items:center;
	  margin-bottom:18px;
	  padding-bottom:14px;
	  border-bottom:2px solid var(--border-color);
	}
	.card-title {
	  font-size:1.1rem;
	  font-weight:700;
	  color:var(--tropical-green);
	  display:flex;
	  align-items:center;
	  gap:8px;
	  margin:0;
	}
	.card-title::before {
	  content:"";
	  display:inline-block;
	  width:5px;height:20px;
	  background:var(--tropical-green);
	  border-radius:3px;
	}
	.more-link {
	  font-size:.85rem;
	  color:var(--text-secondary);
	  text-decoration:none;
	  transition:.25s ease;
	  white-space:nowrap;
	}
	.more-link:hover {color:var(--tropical-green)}

	/* Bootstrap Tabs 核心固定高度防抖动 */
	.nav-tabs {
	  border-bottom:1px solid var(--border-color);
	  margin-bottom:16px;
	}
	.nav-tabs .nav-link {
	  padding:6px 16px;
	  border:1px solid var(--border-color);
	  background:#f8f8f8;
	  color:var(--text-primary);
	  font-size:.9rem;
	  margin-right:6px;
	  border-radius:4px;
	}
	.nav-tabs .nav-link.active {
	  background:var(--tropical-green);
	  color:#fff;
	  border-color:var(--tropical-green);
	}
	.nav-tabs .nav-link:hover:not(.active) {background:#eee}
	.tab-content {
	  height:360px;
	  display:flex;
	  flex-direction:column;
	  justify-content:space-between;
	  gap:12px;
	}
	.tab-list-wrap {
	  flex:1;
	  max-height:320px;
	  overflow:hidden;
	}
	.tab-footer {text-align:right;flex-shrink:0}
	.tab-more-btn {
	  display:inline-block;
	  padding:4px 14px;
	  font-size:.84rem;
	  color:var(--tropical-green);
	  border:1px solid var(--tropical-green);
	  border-radius:4px;
	  text-decoration:none;
	  transition:.2s;
	}
	.tab-more-btn:hover {
	  background:var(--tropical-green);
	  color:#fff;
	}

	/* 新闻列表 */
	.news-list {list-style:none;padding:0;margin:0}
	.news-list li {
	  display:flex;
	  align-items:flex-start;
	  gap:10px;
	  padding:10px 0;
	  border-bottom:1px solid #f0f0f0;
	}
	.news-list li:last-child {border-bottom:none}
	.dot {
	  width:8px;height:8px;
	  min-width:8px;
	  background:var(--warm-yellow);
	  border-radius:50%;
	  margin-top:8px;
	}
	.news-content {flex:1;min-width:0}
	.news-content a {
	  color:var(--text-primary);
	  text-decoration:none;
	  font-size:.92rem;
	  line-height:1.6;
	  display:block;
	  overflow:hidden;
	  text-overflow:ellipsis;
	  white-space:nowrap;
	  transition:.25s ease;
	}
	.news-content a:hover {color:var(--tropical-green)}
	.news-date {
	  font-size:.8rem;
	  color:#999;
	  white-space:nowrap;
	  margin-left:8px;
	}

	/* 置顶推荐 */
	.top-recommend-item {
	  background:linear-gradient(135deg,#f0f8f2,#e6f3e9);
	  border-left:4px solid var(--warm-yellow);
	  border-radius:6px;
	  padding:14px 16px;
	  margin-bottom:14px;
	  min-height:88px;
	  display:flex;
	  flex-direction:column;
	  justify-content:space-between;
	}
	.top-recommend-label {
	  display:inline-block;
	  background:var(--warm-yellow);
	  color:#333;
	  font-size:.72rem;
	  font-weight:600;
	  padding:2px 8px;
	  border-radius:3px;
	  margin-right:8px;
	  align-self:flex-start;
	}
	.top-recommend-item a {
	  color:var(--deep-ink);
	  font-weight:600;
	  text-decoration:none;
	  font-size:.94rem;
	  line-height:1.7;
	  display:block;
	  margin:4px 0 6px;
	  white-space:nowrap;
	  overflow:hidden;
	  text-overflow:ellipsis;
	}
	.top-recommend-item a:hover {color:var(--tropical-green)}
	.top-recommend-date {font-size:.78rem;color:#777}
    /* ===== 置顶图文卡片 ===== */
    .news-list .news-item-top {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      padding: 10px;
      margin-bottom: 10px;
      background: #f8f9fb;
      border-radius: 8px;
      border: 1px solid #eef0f3;
      list-style: none;
      transition: box-shadow .2s ease, transform .2s ease;
    }
    
    .news-list .news-item-top:hover {
      box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
      transform: translateY(-1px);
    }
    
    /* 缩略图 */
    .news-item-top .top-thumb {
      flex: 0 0 90px;
      width: 90px;
      height: 57px;
      overflow: hidden;
      border-radius: 6px;
      display: block;
    }
    
    .news-item-top .top-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform .3s ease;
    }
    
    .news-item-top:hover .top-thumb img {
      transform: scale(1.05);
    }
    
    /* 右侧文字区 */
    .news-item-top .top-body {
      flex: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 57px;
      overflow: hidden;
    }
    
    /* 标题：两行截断 */
    .news-item-top .top-title {
      font-size: 14px;
      font-weight: 600;
      line-height: 1.4;
      color: #222;
      text-decoration: none;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      transition: color .2s;
    }
    
    .news-item-top .top-title:hover {
      color: #0d6efd;
    }
    /* 摘要：两行截断 */
    .news-item-top .top-excerpt {
      font-size: 11px;
      line-height: 1.3;
      color: #888;
      margin: 2px 0 0;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }   
    /* 日期 */
    .news-item-top .top-date {
      font-size: 11px;
      color: #999;
      flex-shrink: 0;
      margin-top: 2px;
    }
    
    /* ===== 移动端适配 ===== */
    @media (max-width: 576px) {
      .news-list .news-item-top {
        padding: 10px;
        gap: 10px;
      }
      .news-item-top .top-thumb {
        flex: 0 0 100px;
        width: 100px;
        height: 70px;
      }
      .news-item-top .top-body {
        height: 70px;
      }
      .news-item-top .top-title {
        font-size: 14px;
      }
    }
	/* 页脚 */
	.site-footer {
	  background:var(--deep-ink);
	  color:rgba(255,255,255,.85);
	  padding:50px 0 30px;
	}
	.footer-column {margin-bottom:30px}
	.footer-title {
	  font-size:1.05rem;
	  font-weight:600;
	  color:#fff;
	  margin-bottom:18px;
	  padding-bottom:10px;
	  border-bottom:1px solid rgba(255,255,255,.15);
	}
	.footer-text {
	  font-size:.88rem;
	  line-height:1.9;
	  color:rgba(255,255,255,.75);
	}
	.footer-text strong {
	  color:#fff;
	  font-size:1.05rem;
	}
	.footer-contact-item {
	  display:flex;
	  align-items:center;
	  gap:10px;
	  margin-bottom:12px;
	  font-size:.88rem;
	  color:rgba(255,255,255,.75);
	}
	.footer-contact-item i {
	  color:var(--tropical-green-light);
	  margin-top:4px;
	  font-size:1rem;
	}
	.friend-links-select {
	  width:100%;
	  padding:10px 14px;
	  border-radius:6px;
	  border:1px solid rgba(255,255,255,.2);
	  background:rgba(255,255,255,.08);
	  color:rgba(255,255,255,.85);
	  font-size:.9rem;
	  cursor:pointer;
	  outline:none;
	  appearance:none;
	  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,0.6%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	  background-repeat:no-repeat;
	  background-position:right 12px center;
	  background-size:14px;
	  padding-right:36px;
	}
	.friend-links-select:focus {border-color:var(--tropical-green-light)}
	.friend-links-select option {
	  background:var(--deep-ink);
	  color:#fff;
	}
	.qr-card {
	  background:#fff;
	  border-radius:12px;
	  padding:20px;
	  text-align:center;
	  box-shadow:0 4px 16px rgba(0,0,0,.15);
	  max-width:180px;
	}
	.qr-placeholder {
	  width:120px;height:120px;
	  background:#f5f5f5;
	  border-radius:8px;
	  margin:0 auto 12px;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  border:1px dashed #ddd;
	}
	.qr-placeholder i {font-size:3rem;color:#ccc}
	.qr-text {font-size:.82rem;color:var(--text-secondary);margin:0}
	.copyright-bar {
	  border-top:1px solid rgba(255,255,255,.1);
	  margin-top:30px;
	  padding-top:20px;
	  text-align:center;
	  font-size:.82rem;
	  color:rgba(255,255,255,.5);
	}

	/* 响应式媒体查询 */
	@media (max-width:991px) {
	  .hero-carousel .carousel-item {height:400px}
	  .carousel-caption-custom h2 {font-size:1.8rem}
	  .carousel-caption-custom p {font-size:1rem}
	  .navbar-main .navbar-collapse {
		background:var(--tropical-green-dark);
		padding:10px 15px;
		border-radius:0 0 8px 8px;
	  }
	  .navbar-main .nav-link {
		padding:12px 14px !important;
		border-bottom:1px solid rgba(255,255,255,.08);
	  }
	  .navbar-main .nav-link:last-child {border-bottom:none}
	}
	@media (max-width:767px) {
	  .hero-carousel .carousel-item {height:320px}
	  .carousel-caption-custom h2 {font-size:1.4rem;letter-spacing:1px}
	  .carousel-caption-custom p {font-size:.9rem}
	  .content-section {padding:30px 0}
	  .content-card {padding:18px;margin-bottom:20px}
	  .card-title {font-size:1rem}
	  .news-content a {font-size:.88rem}
	  .site-footer {padding:35px 0 20px}
	  .qr-card {margin:0 auto}
	  .tab-content {height: auto;display: block;}
	  .tab-list-wrap {flex: none; max-height:none; overflow: visible;}
	  .tab-footer {margin-top: 12px;}
	  .tab-more-btn {padding:3px 10px;font-size:.8rem}
	  .top-recommend-item {min-height:78px}
	  .nav-tabs .nav-link {padding:4px 10px;font-size:.85rem}
	}
	@media (max-width:575px) {
	  .navbar-main .navbar-brand {font-size:.95rem}
	  .brand-logo {width:36px;height:36px}
	  .hero-carousel .carousel-item {height:280px}
	  .carousel-caption-custom h2 {font-size:1.2rem}
	  .carousel-caption-custom p {font-size:.82rem}

	  .top-recommend-item {min-height:70px}
	}
	.qr-img {
	  width: 130px;
	  height: 130px;
	  object-fit: cover;
	  border-radius: 8px;
	  margin: 0 auto 12px;
	  display: block;
	}
	.brand-logo {
	  width: 42px;
	  height: 42px;
	  background: #fff;
	  border-radius: 50%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-shrink: 0;
	  overflow: hidden;
	}

	.logo-img {
	  width: 85%;
	  height: 85%;
	  object-fit: contain;
	  display: block;
	}

/* ============================================================
   【新增】主导航下拉菜单
   （体系简介 / 体系构架 / 实用技术 / 合作交流 / 资源链接）
   在现有 .navbar-main 绿色主题基础上扩展
   ============================================================ */
.navbar-main .dropdown-menu {
  background: #fff;
  border: none;
  border-top: 3px solid var(--warm-yellow);
  border-radius: 0 0 8px 8px;
  box-shadow: 0 10px 24px rgba(0,0,0,.16);
  padding: 8px 0;
  min-width: 180px;
  margin-top: 0;
}
.navbar-main .dropdown-item {
  font-size: .9rem;
  color: var(--text-primary);
  padding: 10px 20px;
  transition: .2s ease;
  position: relative;
}
.navbar-main .dropdown-item:hover,
.navbar-main .dropdown-item:focus {
  background: #f0f8f2;
  color: var(--tropical-green);
}
/* 下拉项悬停时左侧黄色指示条 */
.navbar-main .dropdown-item:hover::before,
.navbar-main .dropdown-item:focus::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 14px;
  background: var(--warm-yellow);
  border-radius: 2px;
}
.navbar-main .dropdown-toggle::after {
  vertical-align: .18em;
}

/* 桌面端（≥992px）：悬停展开下拉菜单，带淡入上移动效 */
@media (min-width: 992px) {
  .navbar-main .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s;
  }
  .navbar-main .nav-item.dropdown:hover > .dropdown-menu,
  .navbar-main .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

/* 【调整】992–1199px 区间导航紧凑化，避免 7 个一级栏目换行 */
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-main .nav-link {
    padding: 18px 9px !important;
    font-size: .85rem;
  }
  .navbar-main .navbar-brand { font-size: 1rem; }
}

/* 移动端（≤991px）：下拉菜单融入折叠面板深绿背景 */
@media (max-width: 991px) {
  .navbar-main .dropdown-menu {
    background: rgba(255,255,255,.06);
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0 0 6px 14px;
  }
  .navbar-main .dropdown-item {
    color: rgba(255,255,255,.85);
    font-size: .88rem;
    padding: 10px 16px;
  }
  .navbar-main .dropdown-item:hover,
  .navbar-main .dropdown-item:focus {
    background: rgba(255,255,255,.10);
    color: #fff;
  }
  /* 移动端不显示黄色指示条 */
  .navbar-main .dropdown-item:hover::before,
  .navbar-main .dropdown-item:focus::before { display: none; }
}

/* ============================================================
   【新增】搜索栏：作物搜索 / 内容搜索 双模式切换
   使用 Bootstrap 原生 Tabs 结构，与 .search-collapse 深绿风格保持一致
   ============================================================ */
.search-type-switch {
  max-width: 620px;
  margin: 0 auto 12px;
  display: flex;
  gap: 8px;
  border: none;
}
/* 覆盖 Bootstrap .nav-link 默认样式，匹配原有胶囊按钮风格 */
.search-type-switch .nav-link {
  border: 1px solid rgba(255,255,255,.35);
  background: transparent;
  color: rgba(255,255,255,.85);
  font-size: .85rem;
  padding: 5px 18px;
  border-radius: 20px;
  cursor: pointer;
  transition: .25s ease;
  margin-right: 0;
}
.search-type-switch .nav-link:hover {
  border-color: #fff;
  color: #fff;
}
/* 覆盖 Bootstrap .nav-link.active 默认样式 */
.search-type-switch .nav-link.active {
  background: var(--warm-yellow) !important;
  border-color: var(--warm-yellow) !important;
  color: #333 !important;
  font-weight: 600;
}
/* 热门作物快捷标签（仅作物搜索模式显示） */
.search-hot-tags {
  max-width: 620px;
  margin: 10px auto 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  font-size: .8rem;
  color: rgba(255,255,255,.7);
}
.search-hot-tags a {
  color: rgba(255,255,255,.88);
  text-decoration: none;
  padding-bottom: 1px;
  border-bottom: 1px dashed rgba(255,255,255,.4);
  transition: .2s ease;
}
.search-hot-tags a:hover {
  color: var(--warm-yellow);
  border-bottom-color: var(--warm-yellow);
}
/* 搜索结果提示（演示） */
.search-result-tip {
  max-width: 620px;
  margin: 10px auto 0;
  font-size: .85rem;
  color: #ffe9a8;
  line-height: 1.6;
}
@media (max-width: 575px) {
  .search-type-switch .nav-link { padding: 4px 14px; font-size: .8rem; }
}
#searchTypeTabContent {
  height: auto;
}
/* 头部导航 */
/* ========================================
   Split Dropdown - 一级菜单可点击 + hover展开
   ======================================== */
.dropdown-split {
    position: relative;
}

/* --- PC端（≥992px）：保持原有绝对定位方案 --- */
@media (min-width: 992px) {
    .dropdown-split > .nav-link {
        padding-right: 2.2rem !important;
    }
    .dropdown-toggle-split {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 3rem;
        background: none;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255,255,255,.92);
        opacity: 0.65;
        transition: opacity 0.2s ease;
        z-index: 2;
    }
    .dropdown-toggle-split:hover,
    .dropdown-toggle-split:focus {
        opacity: 1;
        outline: none;
    }
    /* PC端 hover 展开子菜单 */
    .dropdown-split:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

/* --- 移动端（≤991px）：Flex 布局修复箭头换行 + 子菜单位置修复 --- */
@media (max-width: 991px) {
    .navbar-collapse .navbar-nav .dropdown-split {
        display: flex;
        align-items: center;
        width: 100%;
        /* 允许子菜单换行到下一行，而不是挤在同一行 */
        flex-wrap: wrap;
    }

    .navbar-collapse .navbar-nav .dropdown-split > .nav-link {
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 14px !important;
    }

    .navbar-collapse .navbar-nav .dropdown-toggle-split {
        position: static;
        flex-shrink: 0;
        width: auto;
        min-height: 44px;
        min-width: 44px;
        padding: 0.5rem;
        background: none;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255,255,255,.92);
        opacity: 0.75;
        z-index: auto;
        align-self: flex-start !important;
    }
    
    .navbar-collapse .navbar-nav .dropdown-toggle-split:hover,
    .navbar-collapse .navbar-nav .dropdown-toggle-split:focus {
        opacity: 1;
        outline: none;
    }

    /* 给子菜单加 margin-top 负值补偿 + 明确 order */
    .navbar-collapse .navbar-nav .dropdown-split > .dropdown-menu {
        position: static !important;
        float: none;
        width: 100%;
        background: rgba(255,255,255,.06);
        border: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0 0 6px 14px;
        margin: 0;
        flex-basis: 100%;
        order: 3;
        margin-top: -1px;
    }
}

/* --- 箭头图标 & 旋转动画（PC/移动端共用） --- */
.navbar-main .dropdown-toggle-split .caret {
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 5px solid rgba(255, 255, 255, 0.92) !important;
    border-right: 5px solid transparent !important;
    border-bottom: 0 !important;
    border-left: 5px solid transparent !important;
    vertical-align: middle !important;
    margin-left: 2px;
    transition: transform 0.2s ease;
}

.navbar-main .dropdown-split.show .dropdown-toggle-split .caret {
    transform: rotate(180deg);
}

/* 分类列表页 */
    .page-banner {
      background: linear-gradient(135deg, #1a5c3a 0%, #2d8f5e 100%);
      padding: 50px 0;
      color: #fff;
      position: relative;
      overflow: hidden;
    }
    .page-banner::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background-image: url('assets/img/hero-field.png');
      background-size: cover;
      background-position: center;
      opacity: 0.15;
    }
    .page-banner-content { position: relative; z-index: 1; }
    .page-banner h1 { font-size: 2rem; font-weight: 700; margin-bottom: 10px; }
    .page-banner p { opacity: 0.9; margin-bottom: 0; }

    .breadcrumb-nav {
      background: #f8f9fa;
      border-bottom: 1px solid #e9ecef;
      padding: 12px 0;
    }
    .breadcrumb { margin-bottom: 0; font-size: 0.9rem; }
    .breadcrumb a { color: #1a5c3a; text-decoration: none; }
    .breadcrumb a:hover { text-decoration: underline; }

    .tech-list-section { padding: 40px 0 60px; }

    /* ===== 桌面端侧边栏 ===== */
    .tech-sidebar-card {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
      border: 1px solid #eee;
      overflow: hidden;
      margin-bottom: 20px;
    }
    .tech-sidebar-header {
      background: linear-gradient(135deg, #1a5c3a, #2d8f5e);
      color: #fff;
      padding: 14px 20px;
      font-size: 1rem;
      font-weight: 600;
    }
    .tech-sidebar-body { padding: 0; }

    /* 一级分类 */
    .tech-category-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .tech-category-list > li {
      border-bottom: 1px solid #f0f0f0;
    }
    .tech-category-list > li:last-child {
      border-bottom: none;
    }
    .tech-category-list a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px 20px;
      color: #333;
      text-decoration: none;
      transition: all 0.2s;
    }
    .tech-category-list a:hover,
    .tech-category-list a.active {
      background: #f0f9f4;
      color: #1a5c3a;
    }
    .tech-category-list a.active {
      font-weight: 600;
      border-left: 3px solid #1a5c3a;
      padding-left: 17px;
    }
    .tech-category-list .badge-count {
      background: #e8f5e9;
      color: #1a5c3a;
      font-size: 0.75rem;
      padding: 2px 8px;
      border-radius: 10px;
      white-space: nowrap;
    }

    /* 带子菜单的一级项 */
    .tech-category-list a.has-submenu {
      cursor: pointer;
      user-select: none;
    }
    .tech-category-list a.has-submenu .submenu-arrow {
      font-size: 0.8rem;
      color: #999;
      transition: transform 0.3s ease;
      margin-left: 6px;
    }
    .tech-category-list a.has-submenu[aria-expanded="true"] .submenu-arrow {
      transform: rotate(180deg);
      color: #1a5c3a;
    }
    .tech-category-list a.has-submenu:hover .submenu-arrow {
      color: #1a5c3a;
    }

    /* 子菜单 */
    .tech-subcategory-list {
      list-style: none;
      margin: 0;
      padding: 0;
      background: #fafcfa;
    }
    .tech-subcategory-list li {
      border-bottom: 1px solid #eef5f0;
    }
    .tech-subcategory-list li:last-child {
      border-bottom: none;
    }
    .tech-subcategory-list a {
      padding: 10px 20px 10px 36px;
      font-size: 0.9rem;
      color: #555;
    }
    .tech-subcategory-list a:hover,
    .tech-subcategory-list a.active {
      background: #e8f5ec;
      color: #1a5c3a;
      padding-left: 36px;
      border-left: none;
    }
    .tech-subcategory-list a.active {
      font-weight: 600;
    }
    .tech-subcategory-list a::before {
      content: '';
      display: inline-block;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #bbb;
      margin-right: 8px;
      flex-shrink: 0;
    }
    .tech-subcategory-list a:hover::before,
    .tech-subcategory-list a.active::before {
      background: #1a5c3a;
    }

    /* ===== 文章卡片 ===== */
    .tech-article-card {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
      border: 1px solid #eee;
      overflow: hidden;
      margin-bottom: 20px;
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .tech-article-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    }
    .tech-article-body { padding: 22px 24px; }
    .tech-article-tag {
      display: inline-block;
      background: #e8f5e9;
      color: #1a5c3a;
      font-size: 0.78rem;
      padding: 3px 10px;
      border-radius: 4px;
      margin-bottom: 10px;
    }
    .tech-article-title {
      font-size: 1.15rem;
      font-weight: 600;
      color: #222;
      margin-bottom: 10px;
      line-height: 1.5;
    }
    .tech-article-title a { color: inherit; text-decoration: none; }
    .tech-article-title a:hover { color: #1a5c3a; }
    .tech-article-desc {
      color: #666;
      font-size: 0.92rem;
      line-height: 1.7;
      margin-bottom: 14px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .tech-article-meta {
      display: flex;
      align-items: center;
      gap: 16px;
      font-size: 0.85rem;
      color: #999;
      flex-wrap: wrap;
    }
    .tech-article-meta i { margin-right: 4px; color: #1a5c3a; }

    /* ===== 分页 ===== */
    .pagination-wrap {
      display: flex;
      justify-content: center;
      margin-top: 30px;
    }
    .pagination .page-link {
      color: #1a5c3a;
      border-color: #dee2e6;
      padding: 8px 16px;
    }
    .pagination .page-link:hover {
      background: #f0f9f4;
      border-color: #1a5c3a;
      color: #1a5c3a;
    }
    .pagination .page-item.active .page-link {
      background: #1a5c3a;
      border-color: #1a5c3a;
      color: #fff;
    }
    .pagination .page-item.disabled .page-link { color: #adb5bd; }

    .list-header-bar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
      padding-bottom: 12px;
      border-bottom: 2px solid #1a5c3a;
    }
    .list-header-bar h3 {
      font-size: 1.2rem;
      font-weight: 700;
      color: #1a5c3a;
      margin: 0;
    }
    .list-header-bar .result-count {
      font-size: 0.9rem;
      color: #666;
    }
    .list-header-bar .result-count strong { color: #1a5c3a; }

    /* ===== 移动端分类导航（手风琴） ===== */
    .mobile-filter-bar {
      display: none;
      margin-bottom: 16px;
    }
    .mobile-filter-btn {
      width: 100%;
      background: #fff;
      border: 1px solid #1a5c3a;
      color: #1a5c3a;
      padding: 10px 16px;
      border-radius: 8px;
      font-size: 0.95rem;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: all 0.2s;
    }
    .mobile-filter-btn:hover,
    .mobile-filter-btn[aria-expanded="true"] {
      background: #1a5c3a;
      color: #fff;
    }
    .mobile-filter-btn i { transition: transform 0.3s; }
    .mobile-filter-btn[aria-expanded="true"] i { transform: rotate(180deg); }

    .mobile-filter-panel {
      background: #fff;
      border: 1px solid #eee;
      border-radius: 0 0 8px 8px;
      border-top: none;
      padding: 0;
      overflow: hidden;
    }
    .mobile-filter-panel .tech-category-list a {
      padding: 14px 16px;
      font-size: 0.95rem;
    }
    .mobile-filter-panel .tech-category-list a.active {
      padding-left: 13px;
    }
    .mobile-filter-panel .tech-subcategory-list a {
      padding: 12px 16px 12px 32px;
      font-size: 0.9rem;
    }
    .mobile-filter-panel .tech-subcategory-list a:hover,
    .mobile-filter-panel .tech-subcategory-list a.active {
      padding-left: 32px;
    }

    /* ===== 移动端横向快捷标签 ===== */
    .mobile-quick-tags {
      display: none;
      gap: 8px;
      overflow-x: auto;
      padding-bottom: 4px;
      margin-bottom: 16px;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    .mobile-quick-tags::-webkit-scrollbar { display: none; }
    .mobile-quick-tag {
      white-space: nowrap;
      padding: 6px 14px;
      border-radius: 20px;
      border: 1px solid #ddd;
      background: #fff;
      color: #555;
      font-size: 0.85rem;
      text-decoration: none;
      transition: all 0.2s;
    }
    .mobile-quick-tag:hover,
    .mobile-quick-tag.active {
      background: #1a5c3a;
      color: #fff;
      border-color: #1a5c3a;
    }

    /* ===== 响应式切换 ===== */
    @media (max-width: 767.98px) {
      .desktop-sidebar { display: none !important; }
      .mobile-filter-bar { display: block; }
      .mobile-quick-tags { display: flex; }
      .page-banner { padding: 30px 0; }
      .page-banner h1 { font-size: 1.5rem; }
      .tech-article-title { font-size: 1.05rem; }
      .tech-article-body { padding: 16px 18px; }
      .tech-article-meta { gap: 10px; font-size: 0.8rem; }
      .list-header-bar { margin-bottom: 14px; }
      .list-header-bar h3 { font-size: 1.05rem; }
    }

/* ==========================================================
   Purepress list_page() 通用分页样式模板
   使用方式：<div class="pagination-wrap"></div>
   ========================================================== */
/* ── 外层容器 ─────────────────────────────────── */
.pagination-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;  /* ← 保持 flex-start，确保按钮不被拉伸 */
    gap: 6px 12px;
}

/* ── 按钮组内层容器：按钮永不换行，空间不足时整体缩小 ── */
.pagination-wrap .pagination-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    flex-shrink: 1;
    min-width: 0;
}

/* ── 基础按钮 ─────────────────────────────────── */
.pagination-wrap .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    font-size: 0.9rem;
    color: #1a5c3a;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
    line-height: 1;
    box-sizing: border-box;
    vertical-align: middle;
    flex-shrink: 1;
}

.pagination-wrap a.page-numbers:hover {
    background: #f0f9f4;
    border-color: #1a5c3a;
    color: #1a5c3a;
}

/* ── 当前页 ───────────────────────────────────── */
.pagination-wrap .page-numbers.current {
    background: #1a5c3a;
    border-color: #1a5c3a;
    color: #fff;
    font-weight: 600;
    cursor: default;
    flex-shrink: 0;
}

/* ── 箭头 & 禁用态 ────────────────────────────── */
.pagination-wrap .prev.page-numbers,
.pagination-wrap .next.page-numbers,
.pagination-wrap .first.page-numbers,
.pagination-wrap .last.page-numbers {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1 !important;
}

.pagination-wrap .page-numbers.disabled {
    color: #adb5bd;
    pointer-events: none;
    background: #f8f9fa;
    border-color: #dee2e6;
}

/* ── 省略号 ───────────────────────────────────── */
.pagination-wrap .page-numbers.dots {
    border: none;
    background: transparent;
    min-width: auto;
    padding: 0 4px;
    color: #999;
    letter-spacing: 2px;
    flex-shrink: 1;
}

/* ── 统计文本 ─────────────────────────────────── */
.pagination-wrap .page-stats {
    font-size: 0.85rem;
    color: #666;
    line-height: 38px;
    min-width: 0;
    word-break: break-word;
    flex-shrink: 1;
}

/* ── 平板及以下 (≤767px) ──────────────────────── */
@media (max-width: 767.98px) {
    .pagination-wrap .page-numbers {
        min-width: 32px;
        height: 36px;
        padding: 0 6px;
        font-size: 0.82rem;
    }

    .pagination-wrap .page-stats {
        line-height: 1.4;
        font-size: 0.8rem;
        width: 100%;
        flex-basis: 100%;
        text-align: center; 
    }
}

/* ── 小屏手机 (≤480px) ────────────────────────── */
@media (max-width: 480px) {
    .pagination-wrap .page-numbers {
        min-width: 28px;
        height: 36px;
        font-size: 0.8rem;
        border-radius: 4px;
        padding: 0 4px;
    }

    .pagination-wrap .page-numbers.dots {
        min-width: auto;
        padding: 0 2px;
    }
}

/*带缩略图的列表页新闻卡片*/
.news-article-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  border: 1px solid #eee;
  overflow: hidden;
  margin-bottom: 20px;
  transition: transform 0.2s, box-shadow 0.2s;
}
.news-article-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.news-article-inner {
  display: flex;
  flex-direction: row;
}
.news-article-thumb {
  width: 240px;
  min-height: 160px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  padding: 20px 24px;       /* ← 新增：上右下左各12px留白 */
box-sizing: border-box;             /* ← 新增：padding不撑大容器宽度 */
}
.news-article-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
  border-radius: 8px;                 /* ← 新增：图片圆角，视觉更整齐 */
  display: block;                     /* ← 新增：消除img底部3px间隙 */
}
.news-article-card:hover .news-article-thumb img {
  transform: scale(1.06);
}
.news-article-body {
  flex: 1;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news-article-tag {
  display: inline-block;
  background: #e8f5e9;
  color: #1a5c3a;
  font-size: 0.78rem;
  padding: 3px 10px;
  border-radius: 4px;
  margin-bottom: 8px;
}
.news-article-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 10px;
  line-height: 1.5;
}
.news-article-title a {
  color: inherit;
  text-decoration: none;
}
.news-article-title a:hover {
  color: #1a5c3a;
}
.news-article-desc {
  color: #666;
  font-size: 0.92rem;
  line-height: 1.7;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-article-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 0.85rem;
  color: #999;
}
.news-article-meta i {
  margin-right: 4px;
  color: #1a5c3a;
}

/* 新闻卡片移动端适配 */
@media (max-width: 767.98px) {
  .news-article-inner {
    flex-direction: column;
  }
  .news-article-thumb {
    width: 100%;
    height: 180px;
    min-height: auto;
  }
}

/* ===================== 科学家岗位列表样式===================== */
/* 科学家卡片容器 */
.scientist-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  border: 1px solid #eee;
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
  height: 100%;
}
.scientist-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

/* 科学家头像容器 */
.scientist-avatar-wrap {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background:#f7f7f7;
}
.scientist-avatar-wrap img {
  width:100%;
  height:100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.scientist-card:hover .scientist-avatar-wrap img {
  transform: scale(1.05);
}

/* 科学家卡片内容区域 */
.scientist-body {
  padding:18px 16px;
}
.scientist-name {
  font-size:1.15rem;
  font-weight:600;
  color:#222;
  margin:0 0 4px;
}
.scientist-post {
  display:inline-block;
  font-size:0.82rem;
  background:#e8f5e9;
  color:#1a5c3a;
  padding:2px 8px;
  border-radius:4px;
  margin-bottom:10px;
}
.scientist-desc {
  font-size:0.88rem;
  color:#666;
  line-height:1.6;
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-bottom:10px;
}
.scientist-body a.card-more {
  font-size:0.88rem;
  color:#1a5c3a;
  text-decoration:none;
}
.scientist-body a.card-more:hover {
  text-decoration:underline;
}
/* ===================== 科学家岗位列表样式 ===================== */

/* 列表独立页+文章详情页 样式 */

    /* ===== 文章详情主体 ===== */
    .article-detail-section { padding: 40px 0 60px; }

    /* ===== 桌面端侧边栏 ===== */
    .article-sidebar-card {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
      border: 1px solid #eee;
      overflow: hidden;
      margin-bottom: 20px;
    }
    .article-sidebar-header {
      background: linear-gradient(135deg, #1a5c3a, #2d8f5e);
      color: #fff;
      padding: 14px 20px;
      font-size: 1rem;
      font-weight: 600;
    }
    .article-sidebar-body { padding: 0; }
    .article-toc-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .article-toc-list li { border-bottom: 1px solid #f0f0f0; }
    .article-toc-list li:last-child { border-bottom: none; }
    .article-toc-list a {
      display: block;
      padding: 10px 20px;
      color: #555;
      text-decoration: none;
      font-size: 0.92rem;
      transition: all 0.2s;
      border-left: 3px solid transparent;
    }
    .article-toc-list a:hover,
    .article-toc-list a.active {
      background: #f0f9f4;
      color: #1a5c3a;
      border-left-color: #1a5c3a;
      padding-left: 24px;
      font-weight: 500;
    }
    .article-toc-list a.level-2 {
      padding-left: 32px;
      font-size: 0.88rem;
      color: #777;
    }
    .article-toc-list a.level-2:hover,
    .article-toc-list a.level-2.active {
      padding-left: 36px;
    }

    .sidebar-link-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .sidebar-link-list li { border-bottom: 1px solid #f0f0f0; }
    .sidebar-link-list li:last-child { border-bottom: none; }
    .sidebar-link-list a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px 20px;
      color: #333;
      text-decoration: none;
      font-size: 0.92rem;
      transition: all 0.2s;
    }
    .sidebar-link-list a:hover {
      background: #f0f9f4;
      color: #1a5c3a;
      padding-left: 24px;
    }
    .sidebar-link-list .badge-count {
      background: #e8f5e9;
      color: #1a5c3a;
      font-size: 0.75rem;
      padding: 2px 8px;
      border-radius: 10px;
      white-space: nowrap;
    }

    /* ===== 文章正文卡片 ===== */
    .article-card {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
      border: 1px solid #eee;
      overflow: hidden;
      margin-bottom: 24px;
    }
    .article-header {
      padding: 32px 36px 24px;
      border-bottom: 1px solid #f0f0f0;
    }
    .article-tags {
      display: flex;
      gap: 8px;
      margin-bottom: 14px;
      flex-wrap: wrap;
    }
    .article-tag {
      display: inline-block;
      background: #e8f5e9;
      color: #1a5c3a;
      font-size: 0.78rem;
      padding: 4px 12px;
      border-radius: 4px;
      text-decoration: none;
      transition: all 0.2s;
    }
    .article-tag:hover {
      background: #1a5c3a;
      color: #fff;
    }
    .article-title {
      font-size: 1.6rem;
      font-weight: 700;
      color: #222;
      line-height: 1.5;
      margin-bottom: 16px;
    }
    .article-meta-bar {
      display: flex;
      align-items: center;
      gap: 20px;
      font-size: 0.88rem;
      color: #888;
      flex-wrap: wrap;
    }
    .article-meta-bar i {
      margin-right: 5px;
      color: #1a5c3a;
    }
    .article-meta-bar .meta-author {
      color: #1a5c3a;
      font-weight: 500;
    }

    .article-content {
      padding: 32px 80px;
      font-size: 1rem;
      line-height: 1.9;
      color: #333;
    }
    .article-content h2 {
      font-size: 1.35rem;
      font-weight: 700;
      color: #1a5c3a;
      margin: 32px 0 16px;
      padding-bottom: 8px;
      border-bottom: 2px solid #e8f5e9;
    }
    .article-content h3 {
      font-size: 1.15rem;
      font-weight: 600;
      color: #333;
      margin: 24px 0 12px;
    }
    /* 文章正文段落：首行缩进两个中文字符 */
    .article-content p {
        margin-bottom: 16px;
        text-align: justify;
        text-indent: 2em;
    }
    
    /* 以下段落不缩进：图片、图片说明、署名、居中对齐、右对齐 */
    .article-content p:has(img),
    .article-content p[style*="text-align: center"],
    .article-content p[style*="text-align: right"] {
        text-indent: 0;
    }
    .article-content ul, .article-content ol {
      margin-bottom: 16px;
      padding-left: 24px;
    }
    .article-content li {
      margin-bottom: 8px;
    }
    .article-content strong {
      color: #1a5c3a;
    }
    .article-content blockquote {
      background: #f8faf9;
      border-left: 4px solid #1a5c3a;
      padding: 16px 20px;
      margin: 20px 0;
      color: #555;
      font-style: italic;
    }
    .article-content .article-img {
      width: 100%;
      border-radius: 8px;
      margin: 20px 0;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }
    .article-content .img-caption {
      text-align: center;
      font-size: 0.85rem;
      color: #888;
      margin-top: -12px;
      margin-bottom: 20px;
    }
    .article-content table {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
      font-size: 0.92rem;
    }
    .article-content th {
      background: #f0f9f4;
      color: #1a5c3a;
      font-weight: 600;
      padding: 12px 14px;
      border: 1px solid #e0ece4;
      text-align: left;
    }
    .article-content td {
      padding: 10px 14px;
      border: 1px solid #eee;
    }
    .article-content tr:nth-child(even) {
      background: #fafcfa;
    }

    .article-footer-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 36px;
      border-top: 1px solid #f0f0f0;
      background: #fafbfa;
      flex-wrap: wrap;
      gap: 12px;
    }
    .article-share {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .article-share-label {
      font-size: 0.88rem;
      color: #666;
      margin-right: 4px;
    }
    .share-btn {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 1px solid #ddd;
      background: #fff;
      color: #666;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: all 0.2s;
      font-size: 0.95rem;
    }
    .share-btn:hover {
      background: #1a5c3a;
      color: #fff;
      border-color: #1a5c3a;
    }
    .article-actions {
      display: flex;
      gap: 10px;
    }
    .action-btn {
      padding: 8px 16px;
      border-radius: 6px;
      border: 1px solid #ddd;
      background: #fff;
      color: #555;
      font-size: 0.88rem;
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: all 0.2s;
      cursor: pointer;
    }
    .action-btn:hover {
      border-color: #1a5c3a;
      color: #1a5c3a;
    }
    .action-btn.active {
      background: #e8f5e9;
      border-color: #1a5c3a;
      color: #1a5c3a;
    }

    /* ===== 上一篇/下一篇导航 ===== */
    .article-nav-card {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
      border: 1px solid #eee;
      overflow: hidden;
      margin-bottom: 24px;
    }
    .article-nav-inner {
      display: flex;
    }
    .article-nav-item {
      flex: 1;
      padding: 20px 28px;
      text-decoration: none;
      color: #333;
      transition: all 0.2s;
      border-right: 1px solid #f0f0f0;
    }
    .article-nav-item:last-child {
      border-right: none;
      text-align: right;
    }
    .article-nav-item:hover {
      background: #f8faf9;
    }
    .article-nav-label {
      font-size: 0.8rem;
      color: #999;
      margin-bottom: 6px;
      display: flex;
      align-items: center;
      gap: 4px;
    }
    .article-nav-item:last-child .article-nav-label {
      justify-content: flex-end;
    }
    .article-nav-title {
      font-size: 0.95rem;
      font-weight: 600;
      color: #333;
      line-height: 1.5;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .article-nav-item:hover .article-nav-title {
      color: #1a5c3a;
    }

    /* ===== 相关文章推荐 ===== */
    .related-card {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
      border: 1px solid #eee;
      overflow: hidden;
      margin-bottom: 24px;
    }
    .related-header {
      padding: 18px 24px;
      border-bottom: 1px solid #f0f0f0;
      font-size: 1.1rem;
      font-weight: 700;
      color: #1a5c3a;
    }
    .related-header i { margin-right: 8px; }
    .related-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .related-list li {
      border-bottom: 1px solid #f5f5f5;
    }
    .related-list li:last-child {
      border-bottom: none;
    }
    .related-list a {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 16px 24px;
      text-decoration: none;
      color: #333;
      transition: all 0.2s;
    }
    .related-list a:hover {
      background: #f8faf9;
    }
    .related-thumb {
      width: 80px;
      height: 60px;
      border-radius: 6px;
      object-fit: cover;
      flex-shrink: 0;
      background: #e8f5e9;
    }
    .related-info {
      flex: 1;
      overflow: hidden;
    }
    .related-title {
      font-size: 0.95rem;
      font-weight: 500;
      line-height: 1.5;
      margin-bottom: 6px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .related-list a:hover .related-title {
      color: #1a5c3a;
    }
    .related-meta {
      font-size: 0.8rem;
      color: #999;
    }

    /* ===== 移动端目录面板 ===== */
    .mobile-toc-bar {
      display: none;
      margin-bottom: 16px;
    }
    .mobile-toc-btn {
      width: 100%;
      background: #fff;
      border: 1px solid #1a5c3a;
      color: #1a5c3a;
      padding: 10px 16px;
      border-radius: 8px;
      font-size: 0.95rem;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: all 0.2s;
    }
    .mobile-toc-btn:hover,
    .mobile-toc-btn[aria-expanded="true"] {
      background: #1a5c3a;
      color: #fff;
    }
    .mobile-toc-btn i { transition: transform 0.3s; }
    .mobile-toc-btn[aria-expanded="true"] i { transform: rotate(180deg); }
    .mobile-toc-panel {
      background: #fff;
      border: 1px solid #eee;
      border-radius: 0 0 8px 8px;
      border-top: none;
      padding: 0;
      overflow: hidden;
    }

    /* ===== 响应式 ===== */
    @media (max-width: 767.98px) {
      .desktop-sidebar { display: none !important; }
      .mobile-toc-bar { display: block; }
      .page-banner { padding: 30px 0; }
      .page-banner h1 { font-size: 1.5rem; }
      .article-header { padding: 24px 20px 18px; }
      .article-title { font-size: 1.25rem; }
      .article-content { padding: 24px 20px; font-size: 0.95rem; }
      .article-content h2 { font-size: 1.15rem; }
      .article-content h3 { font-size: 1.05rem; }
      .article-footer-bar { padding: 16px 20px; }
      .article-nav-item { padding: 16px 18px; }
      .article-nav-title { font-size: 0.85rem; }
      .related-list a { padding: 14px 18px; }
      .related-thumb { width: 64px; height: 48px; }
    }