:root { --theme-color: #236c91; --sidebar-width: 305px; }
body { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; }
.sidebar { width: var(--sidebar-width); }
.content { left: var(--sidebar-width); }
.sidebar-resizer { position: fixed; top: 0; bottom: 0; left: calc(var(--sidebar-width) - 4px); width: 8px; z-index: 40; cursor: col-resize; touch-action: none; }
.sidebar-resizer::after { content: ''; position: absolute; top: 0; bottom: 0; left: 3px; width: 2px; background: #dce5ea; }
.sidebar-resizer:hover::after, .sidebar-resizer:focus-visible::after, .resizing-sidebar .sidebar-resizer::after { background: var(--theme-color); }
.sidebar-resizer:focus-visible { outline: 2px solid var(--theme-color); outline-offset: -2px; }
body.resizing-sidebar, body.resizing-sidebar * { cursor: col-resize !important; user-select: none !important; }
body.resizing-sidebar .content, body.resizing-sidebar .sidebar { transition: none; }
@media (min-width: 769px) {
  body.close .sidebar { transform: translateX(calc(-1 * var(--sidebar-width))); }
  body.close .sidebar-resizer { display: none; }
  .sidebar-toggle { width: calc(var(--sidebar-width) - 16px); }
}
.markdown-section { width: 100%; max-width: none; margin: 0; padding: 30px 35px 80px; }
.content .markdown-section, .content .markdown-section * { text-align: left !important; }
.content .markdown-section :is(div, p, table, img, figure, center, pre, blockquote) { margin-left: 0 !important; margin-right: 0 !important; }
.content .markdown-section :is(table, img) { float: none !important; }
/* 12pt = 16 CSS px. Override CHM font tags, inline sizes, headings and code fonts. */
.content .markdown-section, .content .markdown-section *, .sidebar-nav, .sidebar-nav * {
  font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
  font-size: 12pt !important;
}
.sidebar-nav a { white-space: normal !important; }
.sidebar-nav > ul { margin-left: 6px; }
.sidebar-nav li.menu-item { margin: 3px 0; }
.sidebar-nav .menu-row { display: flex; align-items: center; min-height: 36px; }
.sidebar-nav .menu-label { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; padding: 5px 8px 5px 0; line-height: 1.6; }
.sidebar-nav button { font: inherit; color: inherit; background: transparent; border: 0; cursor: pointer; text-align: left; }
.sidebar-nav .menu-toggle, .sidebar-nav .menu-spacer { display: inline-flex; align-items: center; justify-content: center; width: 28px; min-width: 28px; height: 32px; padding: 5px; }
.sidebar-nav .menu-toggle:hover, .sidebar-nav button.menu-label:hover { color: var(--theme-color); background: #edf5fa; border-radius: 4px; }
.sidebar-nav button:focus-visible, .sidebar-nav a:focus-visible { outline: 2px solid var(--theme-color); outline-offset: 1px; border-radius: 3px; }
.menu-icon { width: 18px; height: 18px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.menu-icon-folder { color: #b8872b; }
.menu-icon-page, .menu-icon-home, .menu-icon-assets, .menu-icon-report { color: #59839b; }
.menu-icon-arrow { width: 14px; height: 14px; transition: transform .15s; }
.menu-open > .menu-row > .menu-toggle .menu-icon-arrow { transform: rotate(90deg); }
.sidebar-nav .menu-folder > ul { margin-left: 14px; padding-left: 12px; border-left: 1px solid #e5ebef; }
.sidebar-nav .menu-folder > ul[hidden] { display: none !important; }
.local-search { padding: 16px; border-bottom: 1px solid #ddd; }
.local-search label { display: block; font-size: 13px; margin-bottom: 8px; color: #555; }
.local-search input { width: 100%; padding: 10px; border: 1px solid #bbb; border-radius: 5px; font: inherit; }
.search-status { font-size: 12px; margin-top: 8px; }
.search-results { max-height: 55vh; overflow: auto; }
.search-results a { display: block; padding: 10px 0; border-bottom: 1px solid #ddd; color: #236c91; text-decoration: none; }
.search-results small { display: block; color: #777; margin-top: 4px; }
.search-results p { color: #555; font-size: 12px; line-height: 1.6; margin: 5px 0; overflow-wrap: anywhere; }
.markdown-section .chm-content { overflow-x: auto; color: #000; line-height: normal; padding: 8px; }
.markdown-section .chm-content p { line-height: normal; margin: 1em 0; }
.markdown-section .chm-content table { display: table; width: revert; border-collapse: separate; margin: 0; overflow: visible; }
.markdown-section .chm-content tr { background: transparent; border: 0; }
.markdown-section .chm-content td, .markdown-section .chm-content th { padding: 1px; border: revert; }
.markdown-section .chm-content table[border="1"] { border: 1px outset gray; }
.markdown-section .chm-content table[border="1"] td, .markdown-section .chm-content table[border="1"] th { border: 1px inset gray; }
.markdown-section .chm-content th { font-weight: bold; }
.markdown-section .chm-content strong { color: inherit; }
.markdown-section .chm-content h1, .markdown-section .chm-content h3, .markdown-section .chm-content h5 { color: inherit; }
.markdown-section .chm-content img { max-width: 100%; object-fit: contain; }
.markdown-section .chm-content .source-missing { max-width: 180px; max-height: 44px; border: 1px dashed #b87e40; }
@media (max-width: 768px) { .sidebar-resizer { display: none; } .sidebar { width: 280px; left: -280px; } .content { left: 0; } .markdown-section { padding: 22px 16px 65px; } body.close .sidebar { transform: translateX(280px); } }
