/* ============================================================
   门户条（fin-tech.fun 顶栏）
   ============================================================
   ⚠️ 这是 teaching-portal 仓库 `tools/html/_portal/portal-bar.css` 的**副本**，
   规范见那边的 `PORTAL-BAR.md`。色值一共有三份：门户主站的令牌块
   （`docs/stylesheets/portal.css`）、站外页面用的那份硬编码、以及本文件。
   该文档第七节写的「三处必须一起改」，第三处就是这里。

   为什么不像别的站外页面那样跨域引 `/tools/_portal/portal-bar.css`：
   本课件要打**断网可用的离线包**，还要在本机 8899 的验证服务器上跑渲染检查
   与 PDF 导出。根绝对路径在这两种场合都指向不存在的东西——离线包里是死链，
   验证服务器上是 404，而 404 的 CSS 不报错，只是门户条散成一行裸文字。
   所以取副本、按相对路径引。

   色值为什么写死：门户主站里这些是 CSS 令牌（--pt-ink 等），
   但门户条服务的正是**不加载那份样式表**的页面，令牌层在这里不存在。

   返回链接必须是 #E8674E 而不是印章的 #C4402B：后者在 #0A131C 上只有
   3.67:1，不达 WCAG AA；前者 5.77:1 通过。这不是审美选择。
   ============================================================ */

.pt-portalbar {
  display: flex;
  align-items: center;
  gap: .6rem;
  height: 32px;
  padding: 0 .9rem;
  background: #0A131C;
  font-family: 'IBM Plex Mono', ui-monospace, Consolas, monospace;
  font-size: 11px;
  line-height: 1;
}
.pt-portalbar * { box-sizing: border-box; }
.pt-portalbar__seal { display: block; width: 18px; height: 18px; flex: none; }
.pt-portalbar__back {
  color: #E8674E;
  font-weight: 700;
  letter-spacing: .06em;
  text-decoration: none;
  white-space: nowrap;
}
.pt-portalbar__back:hover { color: #F2EDE4; }
.pt-portalbar__sep { color: #3A5570; }
.pt-portalbar__here {
  color: #A6B4C2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pt-portalbar__dom { margin-left: auto; color: #5f7285; flex: none; }

@media (max-width: 520px) {
  .pt-portalbar { gap: .45rem; padding: 0 .6rem; font-size: 10px; }
  .pt-portalbar__dom { display: none; }
}

/* ── 以下是本项目的补丁，上游没有 ─────────────────────────────── */

/* toolkit 里 15 个 demo 的 <body> 带 Tailwind 的 `flex flex-col`。
   门户条成了列向 flex 的第一个子项，默认 flex-shrink:1 —— 内容一长就被
   压成十几像素高的一条。 */
.pt-portalbar { flex: none; }

/* 同样这 15 个 demo 还带 `min-h-screen`（min-height:100vh）。门户条是 body 的
   子元素，于是总高变成 100vh + 32px，**内容再短也出现一条 32px 的滚动**。
   减掉顶栏这一截。特指度 (0,1,1) 高于 Tailwind 的 .min-h-screen (0,1,0)，
   与运行时生成的样式谁先谁后都不影响结果。 */
body.min-h-screen { min-height: calc(100vh - 32px); }

/* 打印时不要这条：它是导航，纸上点不动。
   （工具箱的 demo 走 `?embed=1` 时另有 JS 直接把节点摘掉，见注入的内联脚本。） */
@media print { .pt-portalbar { display: none; } }