/* ============================================================
   公开版页面净化 + Catppuccin Latte（light）换肤 + feed 卡片流
   作用域：extra_css_urls 全站注入，但规则限定在 .db-public-feed 下。
   令牌（Catppuccin Latte）：base #eff1f5 / mantle #e6e9ef / crust #dce0e8
   surface1 #bcc0cc / overlay0 #9ca0b0
   text #4c4f69 / subtext1 #5c5f77 / mauve #8839ef / blue #1e66f5
   green #40a02b / yellow #df8e1d / red #d20f39 / teal #179299
   原则：细边框分层，不用填充色块；light 下卡片用白底+浅投影分层。
   ⚠ 本文件历经三次追加（净化→Latte→feed-nav），是唯一权威版本：
   若再次修改请整文件重写，勿用追加了事（append 会丢前文）。
   ============================================================ */

/* ---------- 0. 净化 ---------- */
.db-public-feed form.filters { display: none; }    /* 筛选/排序表单 */
.db-public-feed pre.wrapped-sql { display: none; } /* 表结构 DDL */
.db-public-feed .advanced-export { display: none; }/* 高级导出块 */
.db-public-feed div.ft { display: none; }          /* 页脚推广 */
/* 头部再简约：页头标题条 / 导出链接行 / 建议facet行 全部隐藏（只留 facet 过滤胶囊） */
.db-public-feed .page-header { display: none; }     /* <h1>feed</h1> 标题条 */
.db-public-feed p.export-links { display: none; }   /* "This data as json, CSV" */
.db-public-feed p.suggested-facets { display: none; } /* "Suggested facets: ..." */
.db-public-feed section.content > p:first-of-type { display: none; } /* "Data source: ..." 行 */
.db-public-feed section.content > h3 { display: none; } /* "142 rows" 行数标题 */
.db-public-feed footer.ft .ftr-info { color: #9ca0b0; font-size: .82em; }
.db-public-feed header nav p.crumbs a { display: inline; } /* 保留 home 链接 */

/* ---------- 1. 全局底色与字排 ---------- */
.db-public-feed,
.db-public-feed body {
  background: #eff1f5;
  color: #4c4f69;
}
.db-public-feed body {
  font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC",
    "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
  font-size: 15px;
  line-height: 1.65;
  max-width: 52em;
  margin: 0 auto;
  padding: 1.2em 1.5em;
}

/* ---------- 2. 顶部导航 ---------- */
.db-public-feed body > header > nav {
  border-bottom: 1px solid #bcc0cc;
  padding-bottom: .6em;
  margin-bottom: 1.2em;
  font-size: .92em;
}
.db-public-feed body > header > nav a { color: #1e66f5; text-decoration: none; }
.db-public-feed body > header > nav a:hover { color: #8839ef; text-decoration: underline; }

/* ---------- 3. 标题层级 ---------- */
.db-public-feed .page-header h1 {
  color: #4c4f69;
  font-size: 1.35em;
  border-left: 4px solid #8839ef;
  padding-left: .55em;
  margin-bottom: .3em;
}
.db-public-feed h3 { color: #5c5f77; font-size: .95em; font-weight: 500; }

/* ---------- 4. 表格视图基座（回退/其它表页用）---------- */
.db-public-feed .rows-and-columns { border-collapse: collapse; width: 100%; font-size: .93em; }
.db-public-feed .rows-and-columns th {
  text-align: left; color: #1e66f5; font-weight: 600;
  border-bottom: 2px solid #bcc0cc; padding: .5em .7em; white-space: nowrap;
}
.db-public-feed .rows-and-columns td {
  border-bottom: 1px solid #dce0e8; padding: .55em .7em; vertical-align: top;
}
.db-public-feed .rows-and-columns tbody tr:nth-child(even) { background: #e6e9ef; }
.db-public-feed .rows-and-columns tbody tr:hover { background: #dce0e8; }

/* ---------- 5. 链接分色 ---------- */
.db-public-feed a { color: #1e66f5; }
.db-public-feed a:hover { color: #8839ef; }
.db-public-feed td.col-origin_url a,
.db-public-feed .fc-origin a {
  color: #40a02b; white-space: nowrap;
}
.db-public-feed td.col-origin_url a::before,
.db-public-feed .fc-origin a::before {
  content: "↗ "; color: #9ca0b0;
}

/* ---------- 6. 表格视图长文本列 ---------- */
.db-public-feed td.col-summary { min-width: 24em; color: #5c5f77; }
.db-public-feed td.col-origin_url { width: 9em; overflow-wrap: anywhere; }
.db-public-feed td.col-title { font-weight: 600; min-width: 18em; }

/* ---------- 7. facet：feed 页 = 水平胶囊过滤条（配 _facet_results.html 覆写）---------- */
.db-public-feed .facet-pills {
  display: flex; flex-direction: column; gap: .55em;
  margin: 1.4em 0 1.4em;
  padding: .9em 1em;
  background: #e6e9ef;
  border: 1px solid #dce0e8; border-radius: 10px;
}
.db-public-feed .fp-group {
  display: flex; align-items: center; gap: .45em; flex-wrap: wrap;
  padding: .1em 0;
}
.db-public-feed .fp-name {
  flex: none; font-size: .8em; font-weight: 600; color: #9ca0b0;
  min-width: 6.5em;                      /* 对齐两行胶囊的起点 */
  text-transform: capitalize;
}
.db-public-feed .fp-pill {
  display: inline-flex; align-items: baseline; gap: .45em;
  font-size: .85em; padding: .32em .85em;
  border: 1px solid #bcc0cc; border-radius: 999px;
  color: #1e66f5; background: #ffffff;
  text-decoration: none;
}
.db-public-feed .fp-pill:hover { border-color: #8839ef; color: #8839ef; }
.db-public-feed .fp-count { color: #9ca0b0; font-size: .85em; }
.db-public-feed .fp-pill.fp-selected {
  background: #8839ef; border-color: #8839ef; color: #ffffff;
}
.db-public-feed .fp-pill.fp-selected .fp-count { color: rgba(255,255,255,.75); }
.db-public-feed .fp-cross { color: rgba(255,255,255,.9); text-decoration: none; margin-left: .2em; }
.db-public-feed .fp-cross:hover { color: #ffffff; }
.db-public-feed .fp-more { color: #9ca0b0; }
.db-public-feed .fp-hide { color: #9ca0b0; font-size: .8em; text-decoration: none; }
.db-public-feed .fp-hide:hover { color: #d20f39; }

/* 表格版 facet（其它页面回退）保持原样的 light 微调 */
.db-public-feed .facet-results,
.db-public-feed ul.facet-results {
  border: 1px solid #dce0e8; border-radius: 8px;
  padding: .8em 1em; background: #e6e9ef;
}
.db-public-feed .facet-results a,
.db-public-feed ul.facet-results a { color: #179299; text-decoration: none; }
.db-public-feed .facet-results a:hover { color: #8839ef; }
.db-public-feed .facet-results .facet-count { color: #9ca0b0; font-size: .85em; }

/* ---------- 8. 翻页按钮化（表格视图回退用）---------- */
.db-public-feed p > a[href*="_next"],
.db-public-feed p > a[href*="_previous"] {
  display: inline-block; padding: .45em 1.1em;
  border: 1px solid #bcc0cc; border-radius: 8px; background: #e6e9ef;
  color: #1e66f5; text-decoration: none;
}
.db-public-feed p > a[href*="_next"]:hover,
.db-public-feed p > a[href*="_previous"]:hover { border-color: #8839ef; color: #8839ef; }

/* ---------- 9. 输入框 light 化 ---------- */
.db-public-feed input[type="search"],
.db-public-feed input[type="text"],
.db-public-feed select {
  background: #ffffff; color: #4c4f69;
  border: 1px solid #bcc0cc; border-radius: 6px; padding: .35em .6em;
}
.db-public-feed input[type="search"]:focus { border-color: #8839ef; outline: none; }

/* ============================================================
   10. feed 卡片流（配 _table-public-feed-feed.html 模板）
   ============================================================ */
.db-public-feed .feed-cards { display: flex; flex-direction: column; gap: .9em; }

.db-public-feed .feed-card {
  background: #ffffff;
  border: 1px solid #dce0e8;
  border-radius: 10px;
  padding: .9em 1.1em;
  box-shadow: 0 1px 2px rgba(76, 79, 105, 0.06);
}
.db-public-feed .feed-card:hover { border-color: #bcc0cc; }

/* 头行 */
.db-public-feed .feed-card-head {
  display: flex; align-items: baseline; gap: .6em; margin-bottom: .35em;
}
.db-public-feed .fc-sev {
  flex: none; min-width: 1.7em; text-align: center;
  font-size: .8em; font-weight: 700;
  border: 1px solid #bcc0cc; border-radius: 6px;
  padding: .1em .35em; color: #9ca0b0;
}
.db-public-feed .fc-sev.sev-3 { color: #d20f39; border-color: #d20f39; }
.db-public-feed .fc-sev.sev-2 { color: #df8e1d; border-color: #df8e1d; }
.db-public-feed .fc-sev.sev-1 { color: #179299; border-color: #179299; }
.db-public-feed .fc-sev.sev-0 { color: #9ca0b0; }
.db-public-feed .fc-cat {
  flex: none; font-size: .78em; color: #8839ef;
  border: 1px solid #9ca0b0; border-radius: 999px; padding: .05em .6em;
}
.db-public-feed .fc-title {
  font-weight: 600; font-size: 1.02em; color: #4c4f69;
  overflow-wrap: anywhere;
}

/* 摘要两行限高 */
.db-public-feed .fc-summary {
  margin: .25em 0 .5em;
  color: #5c5f77;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 底行 */
.db-public-feed .feed-card-foot {
  display: flex; align-items: baseline; gap: 1em;
  font-size: .82em; color: #9ca0b0;
  flex-wrap: wrap;
}
.db-public-feed .fc-time { flex: none; }
.db-public-feed .fc-tags { color: #9ca0b0; overflow-wrap: anywhere; }
.db-public-feed .fc-origin { margin-left: auto; }
.db-public-feed .fc-origin a { color: #40a02b; }

/* ============================================================
   11. feed 导航条：完整翻页（首/上一页/页码/下一页）
   配合 _table-public-feed-feed.html 的 .feed-nav 结构与 feed-nav.js
   ============================================================ */
.db-public-feed .feed-nav {
  display: flex; align-items: center; gap: .6em;
  margin: 1.4em 0 .6em; flex-wrap: wrap;
}
.db-public-feed .fn-btn {
  display: inline-block; padding: .45em 1.1em;
  border: 1px solid #bcc0cc; border-radius: 8px; background: #e6e9ef;
  color: #1e66f5; text-decoration: none;
}
.db-public-feed .fn-btn:hover { border-color: #8839ef; color: #8839ef; }
.db-public-feed .fn-btn.fn-disabled {
  pointer-events: none;          /* 不可点 */
  color: #9ca0b0; border-color: #dce0e8; background: transparent;
}
.db-public-feed .fn-pageinfo { color: #9ca0b0; font-size: .88em; }

/* 页码跳转小组件：窄输入框 + Go 按钮 */
.db-public-feed .fn-jump { display: inline-flex; align-items: center; gap: .35em; }
.db-public-feed .fn-jump-input {
  width: 5.5em; padding: .3em .5em;
  background: #ffffff; color: #4c4f69;
  border: 1px solid #bcc0cc; border-radius: 6px;
  -moz-appearance: textfield; appearance: textfield;
}
.db-public-feed .fn-jump-input::-webkit-outer-spin-button,
.db-public-feed .fn-jump-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.db-public-feed .fn-jump-input:focus { border-color: #8839ef; outline: none; }
.db-public-feed .fn-jump-go {
  cursor: pointer; padding: .35em .8em; font-size: .9em;
}