/* ---------------------------------------------------------------
   宝塔面板页（bt.html）补丁 —— 只在 bt.html 上加载，不外溢
   ---------------------------------------------------------------
   本页的版式全部来自源站 static/css/bt.css，这里只补它没管到的事：
     0) 页头压在导航下 —— 本页 banner 是「深蓝底 + 白字」，被 bridge.css
        第 6 节 B-4 特意排除在外（怕深色底把深色导航字糊掉）。这套态已经
        通用化成 body.nav-on-dark，规则在 bridge.css 第 6.5 节，见下方第 0 节说明。
     1) .btlink —— 源站答案区里的蓝色文档链接，颜色定义在源站别的样式表里，
        bt.css 里没有，不补就是默认浏览器蓝 + 下划线。
     2) 锚点让位 —— banner 的「安装命令」按钮跳 #install，我们的导航是
        fixed 的，不避让会正好把小节标题盖在导航条下面。
     3) 页签条吸顶 —— 源站靠 JS 加 .navFix 变 fixed，我们改成 sticky
        （导航常驻，fixed top:0 会被导航盖住；且 fixed 会跳一下）。
     4) 移动端命令条 —— 源站的 .command-text 是固定 39px 行高的单行条，
        窄屏下超长命令会被整条裁掉（overflow:hidden），这里允许换行。
   --------------------------------------------------------------- */

/* ---------------------------------------------------------------
   0. 页头压在导航下 + 导航顶部态转白 —— 规则已搬到 bridge.css 第 6.5 节
   ---------------------------------------------------------------
   bt.html 的页头是「深蓝底 + 白字」（.globalBanner.white），既不能走 B-4，
   也不该留一条白导航条。这一整套（上拉 + 白字 token + 顶部透明 + hover 回滚）
   现在做成通用开关 `body.nav-on-dark`，写在 common/bridge.css 第 6.5 节，
   /certificate.html、/Introduction.html 也在用。
   本页只要 <body class="nav-on-dark"> 就够了，这里不再重复定义。
   --------------------------------------------------------------- */

/* 1. 答案区里的文档链接 */
.problem-content-item-content a.btlink {
  color: var(--Original, #0056ff);
  text-decoration: none;
}
.problem-content-item-content a.btlink:hover {
  text-decoration: underline;
}

/* 2. 锚点让位（导航是 fixed 的，页签条吸顶后还要再让一条页签条的高度） */
.et-main .et-slide[id] {
  scroll-margin-top: calc(var(--navheight, 62px) + var(--bt-tabbar-h, 74px) + 8px);
}

/* 2.5 页签下方那条 3px 蓝条：关掉
   ------------------------------------------------------------------
   源站 DOM 里也有 <span class="et-hero-tab-slider">，但没人给它算 left/width，
   宽度是 0，实际渲染出来看不到（激活态只靠文字变蓝）。
   我们这边的 et-tabs.js 会算位置把它画出来，于是比源站多出一条蓝线，
   而且它对齐的是 li 盒子（含内边距）而不是文字，看着还偏了 13px。
   这里按源站视觉藏掉，不动 JS。 */
.et-container .et-hero-tabs-container .et-hero-tab-slider {
  display: none;
}

/* 3. 页签条吸顶
   ------------------------------------------------------------------
   源站的实现是滚动到位置后给 .et-container 加 .navFix，
   `.navFix{position:fixed;top:0;box-shadow:...}`（global.css 里现成的）。
   我们改成 position:sticky，两个原因：

   ① 源站导航**不是**吸顶的（`.nav-layoutcontainer` 那层滚动就没了），
      所以它的页签条能顶到视口最上沿 y=0。我们的导航是 fixed 常驻的，
      照抄 fixed top:0 只会把页签条塞到导航底下，用户根本看不见。
   ② fixed 会让元素脱离文档流 —— 吸住那一瞬间下面的内容整体上跳 74px。
      sticky 留在文档流里，没有这一跳。

   top 直接读 --navheight：PC 62、手机 50（见 common/mobile.css 的覆盖），
   与导航底部严丝合缝。z-index 900 < 导航的 999。 */
.et-container.container_bg1 {
  position: sticky;
  top: var(--navheight, 62px);
  z-index: 900;
}
.et-container.container_bg1.is-stuck {
  box-shadow: 0 4px 12px rgba(16, 40, 84, 0.1);
  border-bottom-color: #e3e3e3;
}
/* 吸住后页签居中，与源站 .navFix 状态一致。
   `safe center`：放得下就居中，放不下（手机 390 六个页签）就退回左对齐 ——
   纯 center 会把第一个页签顶到容器外面，而里面的容器是 overflow-x:auto，
   用户滚到最左也够不着它。 */
.et-container.container_bg1.is-stuck .et-hero-tabs-container {
  justify-content: center;
  justify-content: safe center;
}

/* 4. 窄屏命令条允许换行，别把命令裁掉 */
@media screen and (max-width: 768px) {
  .command .container .command-text {
    height: auto;
    min-height: 39px;
    line-height: 24px;
    padding: 8px 10px;
    overflow: visible;
    white-space: normal;
    word-break: break-all;
  }
  .command .container .container-item {
    padding-bottom: 12px;
  }
}