/* 全站页脚 (2026-09-18 从 editorial-news.css 抽出)。
 *
 * 与 site-header.css 同一个单一真源思路: 同一份规则既由应用包 import, 也由 Node 以
 * /site-footer.css 直出给 SSR 内容页 —— 内容与页脚不可能各写一套、互相漂移。
 * 原文注释已明确写着「全站页脚」「后台之外的每条路由都要用同一套页脚」, 所以内容页
 * 理应复用它, 而不是再做一个简版页脚。
 *
 * ⚠️ 背景铁律不要动: 完全不透明 rgb(58,58,63) · 不引用变量 · 不挂 backdrop-filter ·
 *    不加 box-shadow。任何 alpha < 1 都会让快讯页与舆情页身后的灰度被染出差异。
 *
 * 深色主题无关: 页脚是固定深色块, 明暗下都一样。
 */

/* ===== 全站页脚 (2026-09-18 重做: 单行堆叠 → 分栏) =====
   为什么改: 页面已经是文档级长滚动 (BlockBeats 式), 页脚不必再当「一条被压扁的状态条」——
   原来 11 个链接挤在一横排里, 读不出结构, 每个链接看起来也同样重要 (等于都不重要)。
   现在拆成 品牌区 + 四栏语义分组, 页脚整体加高, 沉在长页面最底。

   背景铁律不变 (动它之前先读 app.css 的历史踩坑):
   完全不透明 rgb(58,58,63) · 不引用变量 · 不挂 backdrop-filter · 不加 box-shadow。
   快讯页身后是随内容滚动的 editorial-main, 舆情页身后只有 body 均匀渐变 ——
   任何 alpha < 1 都会让两边灰度被染出差异。

   同时命中 .app-bottombar 与 .news-editorial-app + .app-bottombar:
   后台之外的每条路由 (含行情页) 都要用同一套页脚, 不能只有编辑版页面生效。 */
.app-bottombar,
.news-editorial-app + .app-bottombar {
  position: static !important;
  inset: auto !important;
  height: auto;
  min-height: 0;
  flex: 0 0 auto;
  display: block;
  padding: 0;
  margin: 0;
  background: rgb(58, 58, 63);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
  z-index: auto;
  color: rgba(255, 255, 255, 0.65);
  /* 以下三行原本住在 app.css 的 .app-bottombar 里 (editorial-news.css 只覆写了定位与高度,
     没覆写字体)。抽到独立文件时必须一起带上 —— 内容页没有 app.css, 少了它们页脚会
     按 UA serif / 16px 渲染, 实测版权行在 390px 下 app 换两行、内容页只有一行。
     字体取 --font-mono 的逐字值 (内容页没有 app.css 定义这个变量)。 */
  font-family: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', monospace;
  font-size: 11px;
  letter-spacing: 0.02em;
  /* app.css 原规则还有 gap:12px (display:flex 时代的产物)。现在 display 是 block、gap 不生效,
     但为了逐属性一致还是带上 —— 否则每次对比都要多解释一条。 */
  gap: 12px;
}

.bottombar-inner {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(0, 2.5fr);
  gap: 28px 40px;
  padding: 34px 30px 26px;
}

.bottombar-brand {
  min-width: 0;
}

.bottombar-wordmark {
  display: inline-block;
  color: #fff;
  font-family: var(--ed-serif);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-decoration: none;
}

.bottombar-tagline {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 13px;
  line-height: 1.5;
}

.bottombar-status {
  max-width: 260px;
  margin: 6px 0 0;
  color: rgba(255, 255, 255, 0.45);
  font-size: 11.5px;
  line-height: 1.6;
}

.bottombar-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.bottombar-column-title {
  margin: 0 0 12px;
  color: #fff;
  font-family: var(--ed-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.bottombar-links {
  display: flex;
  flex-direction: column;
  /* app.css 的 .bottombar-links 是为「横排居右」写的 —— 转到竖排后这两个值会变成
     「列内水平居中 + 内容沉底」, 必须显式归零, 否则整栏链接右对齐 (2026-09-18 实测踩到) */
  align-items: flex-start;
  justify-content: flex-start;
  gap: 9px;
  margin: 0;
  padding: 0;
  white-space: normal;
  list-style: none;
}

.bottombar-link {
  color: rgba(255, 255, 255, 0.65);
  font-size: 12.5px;
  line-height: 1.45;
  text-decoration: none;
}

.bottombar-link:hover {
  color: #fff;
  text-decoration: none;
}

.bottombar-legal {
  padding: 14px 30px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.bottombar-copyright {
  /* display: block 是必需的覆盖 —— app.css 在 max-width:720px 下写了 display:none,
     分栏页脚在小屏反而更需要这行版权与免责说明 */
  display: block;
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 11.5px;
  line-height: 1.6;
  white-space: normal;
  text-align: left;
}

@media (max-width: 1120px) {
  .bottombar-inner {
    gap: 24px 28px;
    padding: 30px 28px 22px;
  }

  .bottombar-columns {
    gap: 18px;
  }

  .bottombar-legal {
    padding: 13px 28px 16px;
  }
}

@media (max-width: 860px) {
  .bottombar-inner {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 28px 18px 20px;
  }

  .bottombar-status {
    max-width: none;
  }

  .bottombar-legal {
    padding: 13px 18px 16px;
  }
}

@media (max-width: 620px) {
  .bottombar-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 16px;
  }
}

/* ===== SSR 内容页基线 (2026-09-18 晚) =====
   内容页没有 app.css, 于是缺 html,body{line-height:1.55} 这条继承 —— 与 site-header.css
   末尾那条 :where(.ssr-shell) 基线是同一个问题。字体与字号由上面的 .app-bottombar 补齐,
   这里只差行高 (应用页从 body 继承 1.55, 内容页按 UA normal 渲染, 实测栏目标题 17px vs 13px)。
   :where() 把特异性压在 (0,1,0), 不干扰各元素自己写死的值。 */
:where(.ssr-shell) .app-bottombar {
  line-height: 1.55;
}