/* 沉浸式内容页统一顶栏 —— 深度报告文章 + 产业链大课共用。
   复刻主站 shared.css 的 .strip，但【自包含字面色值】，不依赖各页局部 CSS 变量，
   保证无论页内调色板如何，顶栏都与主站一字不差，消除「进去像另一个网站」。
   容器 class = "strip site-strip"：.strip 供 auth-chrome.js 命中 .btn-account 注入登录态；
   所有规则 scope 在 .site-strip 下，避免与页内裸 .brand/.btn/.crumb 撞样式。
   由 scripts/unify-immersive-chrome.py 注入引用，改样式改这里全篇级联。 */
.site-strip.strip {
  position: sticky; top: 0; z-index: 50;
  display: flex; justify-content: space-between; align-items: center;
  padding: 9px 24px; box-sizing: border-box;
  background: #ffffff; border-bottom: 1px solid #14171b;
  font-family: 'IBM Plex Mono','SFMono-Regular',Menlo,monospace;
  font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; color: #555b65;
}
.site-strip .left, .site-strip .right { display: flex; align-items: center; gap: 14px; min-width: 0; }
.site-strip .left { min-width: 0; }
/* strip 子元素显式声明 font-size：挡住沉浸式页自带的裸 .brand/.crumb/.btn{font-size:…} 污染
   （.site-strip 后代选择器 0,2,0 > 页内裸类 0,1,0；修复深度报告页 brand 被 site.css 撑到 15px / crumb 13.5px）*/
.site-strip .brand, .site-strip .crumb, .site-strip .crumb b, .site-strip .btn { font-size: 10px; }
.site-strip .brand {
  display: inline-flex; align-items: center; gap: 7px;
  color: #c8341f; font-weight: 600; letter-spacing: 2.5px; white-space: nowrap; text-decoration: none;
}
.site-strip .brand::before { content: '◆'; color: #c8341f; font-size: 11px; }
.site-strip .brand:hover { color: #14171b; }
.site-strip .kb { color: #c8341f; }
.site-strip .crumb {
  color: #555b65; letter-spacing: 2px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
}
.site-strip .crumb a { color: #555b65; text-decoration: none; }
.site-strip .crumb a:hover { color: #14171b; }
.site-strip .crumb b { color: #14171b; font-weight: 700; letter-spacing: 1.5px; }
.site-strip .btn {
  padding: 3px 10px; border: 1px solid #14171b; color: #14171b;
  background: #ffffff; border-radius: 1px; text-decoration: none;
  transition: all .12s; white-space: nowrap; letter-spacing: 2px; font-weight: 600;
}
.site-strip .btn:hover { background: #14171b; color: #ffffff; }
.site-strip .btn-account { background: #1d4ed8; color: #fff; border-color: #1d4ed8; }
.site-strip .btn-account:hover { background: #163fae; color: #fff; }
.site-strip .btn-account.logged-in {
  background: #ffffff; color: #14171b; border-color: #d4d6da;
  max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  text-transform: none; letter-spacing: .2px;
}
.site-strip .btn-account.logged-in::before { content: '👤'; margin-right: 5px; font-size: 10px; }
.site-strip .btn-account.logged-in:hover { background: #f3f3ee; border-color: #1d4ed8; }
.site-strip .btn-account.logged-in[data-tier="paid"],
.site-strip .btn-account.logged-in[data-tier="admin"] { border-color: #b8860b; color: #b8860b; }
@media (max-width: 820px) {
  .site-strip.strip { padding: 8px 12px; letter-spacing: .5px; gap: 8px; }
  .site-strip .crumb { display: none; }
  .site-strip .btn { padding: 3px 8px; letter-spacing: 1px; }
}

/* ════════ 统一版尾 colophon —— 自包含复刻主站 shared.css 的 .colophon（字面色值），
   供大课/教程等不引 shared.css 的沉浸式页用；深度报告页 site-strip.css 后加载会覆盖
   shared 同款（值一致，无害），三类页版尾一字不差。*/
.colophon {
  margin-top: 50px; padding: 20px 44px 24px;
  border-top: 1px solid #14171b; background: #edecea;
  font-family: 'IBM Plex Mono','SFMono-Regular',Menlo,monospace;
  font-size: 9.5px; letter-spacing: 1.8px; text-transform: uppercase; color: #969ba5;
  display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap;
}
.colophon b { color: #14171b; font-weight: 600; }
.colophon a { color: #555b65; border-bottom: 1px dotted #d4d6da; padding-bottom: 1px; text-decoration: none; }
.colophon a:hover { color: #14171b; border-bottom-color: #14171b; }
.colophon .wip-foot { color: #b8860b; font-weight: 700; }
/* 免责声明：占满一行、取消大写/宽字距、正常段落排版（字面值复刻 shared.css）*/
.colophon .disclaimer {
  flex-basis: 100%; margin-top: 6px;
  font-size: 10.5px; text-transform: none; letter-spacing: 0; line-height: 1.65; font-weight: 400;
  color: #969ba5;
}
.colophon .disclaimer b { color: #555b65; font-weight: 700; }
