:root { --fg:#1f2328; --muted:#6b7280; --accent:#1f7a3d; --bg:#fff; --side:#f6f8fa; --line:#e5e7eb; }
* { box-sizing:border-box; }
body { margin:0; color:var(--fg); font:15px/1.7 "Microsoft YaHei","PingFang SC",system-ui,sans-serif; }
a { color:var(--accent); text-decoration:none; } a:hover { text-decoration:underline; }
/* 顶栏：对齐销售管理风格——浅色白底深字 / 深色黑底浅字（深色覆盖见文件尾 dark 块） */
.topbar { position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:16px;
  padding:10px 16px; background:var(--bg); color:var(--fg); border-bottom:1px solid var(--line); }
.topbar .brand { color:var(--fg); font-weight:700; }
.topbar .version { margin-left:auto; color:var(--muted); font-size:13px; }
#search-box { flex:0 1 420px; padding:7px 12px; border:1px solid var(--line); background:var(--side);
  color:var(--fg); border-radius:6px; font-size:14px; }
#search-box:focus { outline:none; border-color:var(--accent); }
.layout { display:flex; align-items:flex-start; }
.sidebar { width:338px; flex:none; height:calc(100vh - 52px); overflow:auto; position:sticky; top:52px;
  background:var(--side); border-right:1px solid var(--line); padding:12px; }
.sidebar ul { list-style:none; margin:0; padding-left:14px; }
.sidebar > ul { padding-left:11px; }
.sidebar ul ul { padding-left:16px; margin-left:6px; }
.sidebar li { margin:0; position:relative; }
/* CHM 风格树形连接线：每个节点用虚线 ├/└ 折角连到父级竖线（含顶层根节点） */
.sidebar ul > li::before { content:""; position:absolute; left:-10px; top:0; width:11px; height:15px;
  border-left:1px dotted #9aa7ad; border-bottom:1px dotted #9aa7ad; }
.sidebar ul > li:not(:last-child)::after { content:""; position:absolute; left:-10px; top:0; height:100%;
  border-left:1px dotted #9aa7ad; }
/* 第一个根节点上方无父级：去掉折角上半竖线，让树从首项中点开始 */
.sidebar > ul > li:first-child::before { border-left:none; }
.sidebar > ul > li:first-child::after { top:15px; height:auto; bottom:0; }
.sidebar a { display:block; padding:3px 8px; border-radius:5px; color:var(--fg);
  background-repeat:no-repeat; background-size:15px 15px; }
.sidebar a:hover { background-color:#eaf3ec; text-decoration:none; }
.sidebar a.nav-current { background-color:var(--accent); color:#fff; }
/* CHM 书本/页面图标：叶子=页面，可展开=书本（展开开卷/折叠合卷） */
.sidebar li:not(.has-children) > a { padding-left:21px;
  background-image:url(../images/nav-page.svg); background-position:3px center; }
.sidebar li.has-children > a { padding-left:33px;
  background-image:url(../images/nav-book-open.svg); background-position:15px center; }
.sidebar li.has-children.collapsed > a { background-image:url(../images/nav-book-closed.svg); }
/* CHM 风格 [+]/[−] 展开方框：白底细灰边小方块，落在连接线节点处 */
.sidebar .nav-toggle { position:absolute; left:1px; top:10px; width:11px; height:11px;
  text-align:center; font:700 11px/9px "Courier New",monospace; color:#555;
  background:#fff; border:1px solid #909aa2; border-radius:0;
  cursor:pointer; user-select:none; z-index:2; box-sizing:border-box; }
.sidebar .nav-toggle:hover { border-color:var(--accent); color:var(--accent); }
.sidebar .nav-toggle::before { content:"\2212"; }
.sidebar li.collapsed > .nav-toggle::before { content:"+"; }
.sidebar li.collapsed > ul { display:none; }
.content { flex:1; min-width:0; padding:24px 48px; }
.breadcrumb { color:var(--muted); font-size:13px; margin-bottom:12px; }
.content h1,.content h2,.content h3 { line-height:1.3; }
.content table { border-collapse:collapse; width:100%; margin:14px 0; }
.content th,.content td { border:1px solid var(--line); padding:7px 10px; text-align:left; vertical-align:top; }
.content th { background:var(--side); }
.content img { max-width:100%; cursor:zoom-in; border:1px solid var(--line); border-radius:6px; }
.draft-hint { background:#eef4fb; border:1px solid #cfe0f3; border-left:4px solid #5a8fc7;
  padding:6px 12px; border-radius:6px; margin:0 0 16px; color:#3a567a; font-size:13px; }
.prevnext { display:flex; justify-content:space-between; margin-top:32px; padding-top:16px; border-top:1px solid var(--line); }
.search-results { position:fixed; top:52px; left:0; right:0; max-height:70vh; overflow:auto;
  background:#fff; border-bottom:1px solid var(--line); box-shadow:0 8px 24px rgba(0,0,0,.12); z-index:30; padding:8px 16px; }
.search-results .hit { padding:8px; border-bottom:1px solid var(--line); }
.search-results .hit .crumb { color:var(--muted); font-size:12px; }
.search-results mark { background:#fff3bf; }
.lightbox { position:fixed; inset:0; background:rgba(0,0,0,.85); display:flex; align-items:center; justify-content:center; z-index:50; }
.lightbox img { max-width:92vw; max-height:92vh; cursor:zoom-out; }
#to-top { position:fixed; right:20px; bottom:20px; width:40px; height:40px; border-radius:50%;
  border:0; background:var(--accent); color:#fff; font-size:18px; cursor:pointer; display:none; }
.hidden { display:none !important; }
.review table { border-collapse:collapse; }
@media (max-width:860px){ .sidebar{display:none;} .content{padding:16px;} }

/* ===== 机明统一外壳：共享应用切换栏(高52px)注入后，本站吸顶元素整体下移让位 ===== */
.jmst-active .topbar { top:64px; }
.jmst-active .sidebar { top:116px; height:calc(100vh - 116px); }
.jmst-active .search-results { top:116px; }
/* 内部资料 · 侧栏分组（仅销售账户登录后由 internal.js 注入）*/
.jm-internal-nav { margin-top:16px; border-top:1px dashed var(--line,#e5e7eb); padding-top:10px; }
.jm-internal-nav .jm-internal-h { font-size:12px; font-weight:700; color:#b5340c; padding:2px 8px 6px; }
.jm-internal-nav ul { list-style:none; margin:0; padding-left:11px; }
.jm-internal-nav a { display:block; padding:3px 8px; border-radius:5px; color:#8a3a12; text-decoration:none; }
.jm-internal-nav a:hover { background:#fbeae3; }
.jm-internal-nav a.cur { background:#b5340c; color:#fff; }

/* ===== 深色模式：跟随系统自动切换（浅色不受影响）===== */
@media (prefers-color-scheme: dark){
  :root { --fg:#dfe5ea; --muted:#98a2ad; --accent:#2fae62; --bg:#15191f; --side:#1a2027; --line:#323c47; }
  body { background:var(--bg); }
  .topbar { background:#17191d; border-bottom-color:#2c333c; }
  #search-box { background:#222b35; color:var(--fg); }
  .sidebar a:hover { background-color:#1f3328; }
  .sidebar .nav-toggle { background:#222b35; border-color:#5b6873; color:#aab6c2; }
  .content img { background:#fff; }   /* 截图保持白底可读 */
  .draft-hint { background:#18242f; border-color:#2b3f55; border-left-color:#4878ab; color:#9db8d4; }
  .search-results { background:#1b222a; }
  .search-results mark { background:#6b5413; color:#ffe9a8; }
}
