@charset "UTF-8";
/* ==========================================================================
   Jingcity 网址导航专区样式 (site.css)
   适用页面: /site/ 及子目录 (仅配合 BS5.3 + base-v5 设计体系加载)
   视觉约定:
     1. 主体内容区(除头尾)的 card 使用方角, 与旧版导航页视觉一致
     2. 主体区(main) 采用主站绿色主题
     3. 侧栏区(sidebar) 采用紫色主题, 与主体区形成区分
   ========================================================================== */

/* ---- 1. 方角覆盖: site 目录页面卡片 / 面包屑不使用圆角 ---- */
.site-page .card {
  border-radius: 0 !important;
}

.site-page .breadcrumb {
  border-radius: 0 !important;
}

/* ---- 2. 主体区 (main): 绿色主题 (卡片头浅绿底 + 绿色标题/图标) ---- */
.site-page .main .card-header {
  background-color: #dcfce7 !important;  /* 原 var(--theme-green-light)=#f0fdf4, 加深一档 */
  border-bottom: 1px solid rgba(34, 136, 85, 0.15) !important;
}

.site-page .main .card-header h2,
.site-page .main .card-header h2 a {
  color: var(--theme-green) !important;
}

.site-page .main .card-header .more a {
  color: var(--theme-green-hover);
}

/* ---- 3. 侧栏区 (sidebar): 紫色主题 (卡片头浅紫底 + 紫色标题/图标) ---- */
.site-page .sidebar .card-header {
  background-color: #ede9fe !important;  /* 原 #f5f3ff, 加深一档 */
  border-bottom: 1px solid rgba(139, 92, 246, 0.15) !important;
}

.site-page .sidebar .card-header h2,
.site-page .sidebar .card-header h2 a {
  color: var(--theme-purple) !important;
}

/* ---- 4. 通用网址链接网格 ---- */
.site-link-grid {
  display: grid;
  gap: 0.35rem 1.25rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.site-link-grid li {
  font-size: 0.9rem;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-link-grid a {
  color: var(--slate-700);
  transition: var(--transition);
}

.site-link-grid a:hover {
  color: var(--theme-green);
  text-decoration: underline !important;
}

.site-link-grid-2 { grid-template-columns: repeat(2, 1fr); }
.site-link-grid-3 { grid-template-columns: repeat(3, 1fr); }
.site-link-grid-4 { grid-template-columns: repeat(4, 1fr); }
.site-link-grid-6 { grid-template-columns: repeat(6, 1fr); }
.site-link-grid-8 { grid-template-columns: repeat(8, 1fr); }
.site-link-grid-center li { text-align: center; }

@media (max-width: 991.98px) {
  .site-link-grid-4 { grid-template-columns: repeat(3, 1fr); }
  .site-link-grid-6 { grid-template-columns: repeat(3, 1fr); }
  .site-link-grid-8 { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 575.98px) {
  .site-link-grid-3,
  .site-link-grid-4,
  .site-link-grid-6,
  .site-link-grid-8 { grid-template-columns: repeat(2, 1fr); }
}

/* ---- 5. 分类导航块 (原 dl/dt/dd 结构, 如「北京网站导航」) ----
   B2 方案: 链接整行文本流 + 容器级省略, 前面链接正常显示, 行尾溢出省略为 … */
.site-nav-block {
  display: flex;
  align-items: center;
  padding: 0.6rem 0.85rem;
  font-size: 0.9rem;
}

.site-nav-block:nth-child(even) {
  background-color: var(--slate-50);
}

.site-nav-cat {
  flex-shrink: 0;
  width: 3rem;            /* 原 4.5rem, 缩小分类与链接间空白 */
  font-weight: 700;
  letter-spacing: 1px;
  padding-top: 1px;
  white-space: nowrap;
}

.site-nav-cat a {
  color: var(--theme-green);
}

.site-nav-cat a:hover {
  color: var(--theme-green-hover);
  text-decoration: underline !important;
}

.site-nav-links {
  flex: 1;
  min-width: 0;
  white-space: nowrap;     /* 整行文本流不换行 */
  overflow: hidden;        /* 超宽隐藏 */
  text-overflow: ellipsis; /* 行尾省略为 … */
}

.site-nav-links a {
  padding: 0 0.35rem;   /* 原 0.55rem, 收紧链接间隙 */
  color: var(--slate-700);
  line-height: 1.9;
  white-space: nowrap;
}

.site-nav-links a:first-child {
  padding-left: 0.2rem;    /* 分类与首个链接间距进一步收紧 */
}

.site-nav-links a:hover {
  color: var(--theme-green);
  text-decoration: underline !important;
}

.site-nav-more {
  flex-shrink: 0;         /* 更多图标始终完整显示, 不参与压缩 */
  margin-left: auto;      /* 居右 */
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1;
  color: var(--slate-500) !important;
}

.site-nav-more:hover {
  color: var(--theme-green) !important;
}

/* ---- 6. 分类目录 (banjia 侧栏) 带箭头图标 ---- */
.site-dir-nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem 0.75rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.site-dir-nav li a {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.22rem 0.4rem;
  font-size: 0.875rem;
  color: var(--slate-700);
  border-radius: 4px;
  transition: var(--transition);
}

.site-dir-nav li a::before {
  content: "\F285"; /* bi-chevron-right */
  font-family: "bootstrap-icons";
  font-size: 0.7rem;
  color: var(--theme-purple);
  line-height: 1;
}

.site-dir-nav li a:hover {
  color: var(--theme-purple);
  background-color: #f5f3ff;
  text-decoration: underline !important;
}

.site-dir-nav li.active a {
  color: var(--theme-purple);
  font-weight: 700;
  background-color: #f5f3ff;
}

/* ---- 7. 广告位容器 ---- */
.site-ad {
  padding: 0.75rem 0;
  text-align: center;
}

/* ---- 8. 更紧凑的卡片头: 标题字号调小, 头部高度相应变矮 ----
   注意: 本站标题为 <h2 class="card-header">, h2 即 card-header 本身,
   字号须直接作用于 .card-header 元素, 而非后代选择器 .card-header h2 */
.site-page .card-header {
  padding: 0.5rem 1rem !important;
  font-size: 0.95rem !important;
  border-radius: 0 !important;   /* 卡片为直角, 头部顶角同步取消圆角 */
}

/* ---- 9. 侧栏商家机构分类 (新数据 /qiye/) ---- */
/* 分类标题行: 紫色加粗类别名 + 右侧「更多」 */
.site-sidebar-cat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.5rem 0 0.25rem;      /* 与链接网格之间留白 */
  padding: 0.2rem 0.6rem;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--theme-purple);
  background-color: rgba(139, 92, 246, 0.07);  /* 浅紫底, 呼应 site-link-group */
  border-left: 3px solid var(--theme-purple);   /* 左侧紫色条 */
}

.site-sidebar-cat:first-child {
  margin-top: 0;
}

.site-sidebar-cat a {
  color: var(--theme-purple);
}

.site-sidebar-cat a:hover {
  color: var(--theme-purple);
  text-decoration: underline !important;
}

.site-sidebar-cat .site-cat-more {
  margin-left: auto;
  font-size: 0.85rem;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  color: var(--slate-500) !important;
}

.site-sidebar-cat .site-cat-more:hover {
  color: var(--theme-purple) !important;
}

/* 分类下方的子分类链接网格间距 */
.site-sidebar-cat + .site-link-grid {
  padding: 0.15rem 0.5rem 0.55rem;
}

/* 侧栏链接字号稍小 (适配窄列) + 悬停紫色 */
.site-page .sidebar .site-link-grid li {
  font-size: 0.85rem;
}

.site-page .sidebar .site-link-grid a:hover {
  color: var(--theme-purple);
}

/* ---- 10. 内容卡内分组小标题 (site.sql 内容字段中的 h6.site-link-group) ---- */
.site-link-group {
  margin: 0.5rem 0 0.2rem;
  padding: 0.15rem 0.6rem;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--theme-green);
  background-color: rgba(16, 185, 129, 0.06);
  border-left: 3px solid var(--theme-green);
}

.card-body > .site-link-group:first-child {
  margin-top: 0;
}

.card-body > .site-link-group + ul.site-link-grid {
  padding-bottom: 0.35rem;
}