/* 康剑云平台 · 统一外壳样式（chrome.css）
   合同：docs/08 §3 + docs/02 §3.11。版本：1.0.0（改本文件必升引用处 ?v= 与 README 版本记录）。
   覆盖：kj-bar 平台导航条 + kj-seg 双段开关（主题/语言）。模块 markup 自渲染，只引本表；
   模块不得覆写 --kj-* 变量（导航条是全平台统一件，docs/08 §3）。
   主站页头（藏青+金，非 kj-bar 语境）在 style.css 覆写 --kj-seg-* 变量与几何。

   主题机制：<html data-theme> 由 theme.js 驱动（本表零 JS 可用：激活侧高亮纯 CSS）。
   导航条亮暗两态恒为深青 #133844（docs/08 §3）；无 data-theme 的纯 CSS 边缘按
   data-theme-default 落高亮侧（dark → 月，其余 → 日），与 theme.js 解析一致。 */

:root {
  /* 外壳件令牌（默认 = 模块导航条语境：深青条白字） */
  --kj-bar-bg: #133844;
  --kj-bar-ink: #ffffff;
  --kj-bar-line: #223552;
  --kj-link-on: #fd8153;          /* 当前模块链接下划条（橙 accent，docs/06 色板） */
  --kj-seg-ink: #ffffff;
  --kj-seg-line: rgba(255, 255, 255, .4);
  --kj-seg-seg-line: rgba(255, 255, 255, .25);
  --kj-seg-on-bg: #ffffff;
  --kj-seg-on-ink: #133844;
  --kj-seg-hover: rgba(255, 255, 255, .15);
}

/* ---------- kj-bar 平台导航条（44px 深青，零 JS 可用） ---------- */
.kj-bar {
  display: flex; align-items: center; gap: 16px; height: 44px; padding: 0 16px;
  background: var(--kj-bar-bg); color: var(--kj-bar-ink); font-size: .9rem;
  position: relative; z-index: 30;
  border-bottom: 1px solid var(--kj-bar-line);
}
.kj-bar a { color: var(--kj-bar-ink); text-decoration: none; opacity: .85; white-space: nowrap; }
.kj-brand { font-weight: 700; opacity: 1; flex-shrink: 0; }
.kj-links {
  display: flex; gap: 14px; flex: 1; min-width: 0; overflow-x: auto;
  scrollbar-width: none; -webkit-overflow-scrolling: touch;
  /* 可横滑提示：右缘渐隐 */
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
}
.kj-links::-webkit-scrollbar { display: none; }
.kj-links a.on { opacity: 1; border-bottom: 2px solid var(--kj-link-on); }
.kj-bar a:hover { opacity: 1; }
.kj-user { display: flex; align-items: center; gap: 10px; flex-shrink: 0; white-space: nowrap; }
.kj-home {
  border: 1px solid var(--kj-seg-line); border-radius: 999px; padding: 3px 12px;
  font-size: .8rem; opacity: 1 !important;
}
.kj-home:hover { background: var(--kj-seg-hover); }
.kj-user .kj-name { max-width: 14em; overflow: hidden; text-overflow: ellipsis; }
.kj-user form { display: inline; margin: 0; }
.kj-user button {
  background: transparent; color: var(--kj-bar-ink); border: 1px solid var(--kj-seg-line);
  border-radius: 999px; padding: 3px 12px; font-size: .8rem; cursor: pointer;
}
.kj-user button:hover { background: var(--kj-seg-hover); }

/* ---------- kj-seg 双段开关（v0.1.37 胶囊；v0.1.38 两侧可点击） ----------
   主题段 <button class="kj-seg kj-theme"><span class="seg seg-sun">…<span class="seg seg-moon">；
   语言段 <span class="kj-seg"><a class="seg on">…<a class="seg">。 */
.kj-seg {
  display: inline-flex; align-items: stretch; height: 26px; flex-shrink: 0;
  border: 1px solid var(--kj-seg-line); border-radius: 999px; overflow: hidden;
  background: transparent; padding: 0; cursor: pointer;
  font: inherit; color: var(--kj-seg-ink); white-space: nowrap;
}
.kj-user button.kj-seg { padding: 0; }           /* 盖过 .kj-user button 胶囊内边距：段片贴边 */
.kj-user button.kj-seg:hover { background: transparent; }  /* 悬停反馈落在单侧段片 */
.kj-seg .seg {
  display: inline-flex; align-items: center; justify-content: center; min-width: 30px;
  padding: 0 8px; font-size: .78rem; line-height: 1;
  color: var(--kj-seg-ink); opacity: .85; text-decoration: none;
}
.kj-seg .seg + .seg { border-left: 1px solid var(--kj-seg-seg-line); }
.kj-theme svg { display: block; }
/* 当前侧高亮：语言侧 .seg.on；主题侧纯 CSS（data-theme 驱动；无 JS 边缘按 data-theme-default） */
.kj-seg .seg.on,
:root[data-theme="light"] .kj-theme .seg-sun,
:root[data-theme="dark"] .kj-theme .seg-moon,
:root:not([data-theme]):not([data-theme-default="dark"]) .kj-theme .seg-sun,
:root:not([data-theme])[data-theme-default="dark"] .kj-theme .seg-moon {
  background: var(--kj-seg-on-bg); color: var(--kj-seg-on-ink);
  opacity: 1; font-weight: 600; cursor: pointer;
}
/* 悬停仅作用于非当前侧（主题感知；语言段两侧皆为 a.seg） */
.kj-seg a.seg:hover,
:root[data-theme="light"] .kj-theme .seg-moon:hover,
:root[data-theme="dark"] .kj-theme .seg-sun:hover {
  background: var(--kj-seg-hover); opacity: 1;
}

/* ---------- 窄屏适配（≤768px 全覆盖：iPad 竖屏同权重） ---------- */
@media (max-width: 768px) {
  .kj-bar { gap: 10px; padding: 0 12px; font-size: .85rem; }
  /* 模块链接不隐藏：窄条内横滑；链接/品牌整条高（44px）作触控目标 */
  .kj-links a, .kj-brand { display: inline-flex; align-items: center; height: 44px; flex-shrink: 0; }
  .kj-home, .kj-user button { display: inline-flex; align-items: center; min-height: 40px; }
  .kj-user .kj-name { max-width: 7em; }
}
@media (max-width: 560px) {
  .kj-bar { gap: 8px; padding: 0 8px; font-size: .8rem; }
  .kj-links { gap: 10px; }
  .kj-user { gap: 6px; }
  .kj-user .kj-name { display: none; }  /* 窄屏隐藏用户名（docs/06 §8 纪律），宽度让给模块链接 */
  .kj-home, .kj-user button { padding: 2px 8px; font-size: .75rem; }  /* 胶囊收窄；min-height 40px 触控目标保持 */
  .kj-seg { height: 24px; }
  .kj-seg .seg { min-width: 26px; padding: 0 6px; font-size: .72rem; }
}
@media print { .kj-bar { display: none; } }