index.html

<!doctype html>
<html lang="zh-CN" data-theme="light">
<head><meta charset="utf-8">
  
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
  <meta name="color-scheme" content="light dark">
  <meta name="generator" content="WinCHM Pro / wcp2web">
  <title>5E 不全书</title>
  <link rel="icon" href="favicon.ico">
  <script src="assets/webhelp-prepaint.js" data-webhelp-kind="shell"></script>
  <link rel="stylesheet" href="assets/webhelp-shell.css">
  <script>
    window._hmt = window._hmt || [];
    window._hmt.push(["_setAutoPageview", false]);
    (function () {
      if (!/^https?:$/.test(window.location.protocol) || /^(localhost|127\.0\.0\.1|\[::1\])$/.test(window.location.hostname)) return;
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?b1c5d10daf6ac9572d16d0e5a49c7275";
      hm.async = true;
      var firstScript = document.getElementsByTagName("script")[0];
      firstScript.parentNode.insertBefore(hm, firstScript);
    })();
  </script>
<script>
(function() {
    if (!window.addEventListener) return;
    window.addEventListener('message', function(event) {
        var data = event && event.data;
        if (!data || data.type !== 'webhelp-search-navigate') return;
        try {
            if (window.main && window.main.postMessage) window.main.postMessage(data, '*');
        } catch (e) {}
    }, false);
})();
</script>
</head>
<body
  class="webhelp-app"
  data-default-page="%E5%86%99%E5%9C%A8%E5%89%8D%E9%9D%A2.html"
  style="--sidebar-width: clamp(240px, 285px, 420px); --legacy-back-color: #ffffff; --legacy-font-color: #DBEFF9;"
>
  <header class="app-header">
    <button
      class="icon-button sidebar-toggle"
      id="sidebarToggle"
      type="button"
      aria-label="打开目录"
      aria-controls="sidebar"
      aria-expanded="true"
      title="打开或收起目录"
    >
      <svg class="icon icon-menu" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 6h16M4 12h16M4 18h16"/></svg>
      <svg class="icon icon-panel-close" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 5h16v14H4zM9 5v14M15 9l-3 3 3 3"/></svg>
      <span class="mobile-action-label">目录</span>
    </button>

    <a class="brand" href="index.htm" aria-label="返回首页">
      <span class="brand-title">5E 不全书</span>
      <span class="brand-version" id="projectVersion" hidden></span>
    </a>

    <form class="global-search" id="globalSearch" role="search">
      <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="6.5"/><path d="m16 16 4 4"/></svg>
      <label class="visually-hidden" for="globalSearchInput">全文搜索</label>
      <input
        id="globalSearchInput"
        type="search"
        placeholder="搜索规则、法术、怪物、物品……"
        autocomplete="off"
        enterkeyhint="search"
      >
      <kbd aria-hidden="true">Ctrl / ⌘ K</kbd>
      <div class="global-search-help" role="note">
        <strong>搜索提示：</strong>空格分隔的词语会同时匹配；使用竖线 <code>|</code> 表示其中任意一个；用引号括起的短语会精确匹配全文；进入搜索视图后可配合“分类”筛选缩小范围。
      </div>
    </form>

    <nav class="header-actions" aria-label="阅读工具">
      <button class="icon-button mobile-search-button" id="mobileSearchButton" type="button" aria-label="全文搜索" title="全文搜索">
        <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="6.5"/><path d="m16 16 4 4"/></svg>
      </button>

      <div class="font-adjust-control">
        <button class="command-button font-adjust-button" id="fontAdjustButton" type="button" aria-label="字体调整" aria-haspopup="dialog" aria-controls="fontAdjustMenu" aria-expanded="false" title="字体调整">
          <span class="font-adjust-label">字体调整</span>
          <span class="font-adjust-glyph" aria-hidden="true">A</span>
        </button>
        <div class="font-adjust-menu" id="fontAdjustMenu" role="dialog" aria-label="字体调整" hidden>
          <div class="font-adjust-title">字体调整</div>
          <div class="font-slider-group">
            <div class="font-slider-label">
              <span>正文内容字体</span>
              <output id="fontSizeOutput" for="fontSizeRange">16px</output>
            </div>
            <input class="font-size-range" id="fontSizeRange" type="range" min="14" max="48" step="1" value="16" aria-label="调整正文内容字体">
            <div class="font-range-scale" aria-hidden="true"><span>14px</span><span>48px</span></div>
          </div>
          <div class="font-slider-group">
            <div class="font-slider-label">
              <span>目录与其他 UI 字体</span>
              <output id="uiFontSizeOutput" for="uiFontSizeRange">14px</output>
            </div>
            <input class="font-size-range" id="uiFontSizeRange" type="range" min="12" max="24" step="1" value="14" aria-label="调整目录与其他 UI 字体">
            <div class="font-range-scale" aria-hidden="true"><span>12px</span><span>24px</span></div>
          </div>
          <div class="font-adjust-help">拖动滑块调整正文、目录和界面显示</div>
        </div>
      </div>

      <button class="command-button print-button" id="printButton" type="button" title="打印当前文章">
        <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M7 8V3h10v5M7 17H5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M7 14h10v7H7z"/><path d="M17 11h1"/></svg>
        <span>打印</span>
      </button>

      <button class="icon-button more-button" id="moreButton" type="button" aria-label="更多设置" aria-controls="moreMenu" aria-expanded="false" title="更多设置">
        <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="5" cy="12" r="1"/><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/></svg>
      </button>

      <button class="icon-button theme-button" id="themeButton" type="button" aria-label="切换主题" title="切换浅色或深色主题">
        <svg class="icon theme-icon-system" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="4" width="18" height="13" rx="1.5"/><path d="M8 21h8M12 17v4"/></svg>
        <svg class="icon theme-icon-light" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
        <svg class="icon theme-icon-dark" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 15.2A8.4 8.4 0 0 1 8.8 4a8.5 8.5 0 1 0 11.2 11.2z"/></svg>
      </button>
    </nav>

    <div class="more-menu" id="moreMenu" hidden>
      <label for="themeSelect">主题</label>
      <select id="themeSelect">
        <option value="system">跟随系统</option>
        <option value="light" selected>浅色</option>
        <option value="dark">深色</option>
      </select>
      <button class="menu-command menu-font-adjust" id="menuFontAdjust" type="button" aria-haspopup="dialog" aria-controls="fontAdjustMenu">
        <span>字体调整</span>
        <output id="menuFontSizeSummary">16px</output>
      </button>
      <button class="menu-command" id="menuPrintButton" type="button">
        <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M7 8V3h10v5M7 17H5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M7 14h10v7H7z"/></svg>
        打印当前文章
      </button>
    </div>
  </header>

  <div class="app-layout">
    <aside class="sidebar" id="sidebar" aria-label="文档导航">
      <div class="sidebar-tabs" role="tablist" aria-label="导航视图">
        <button id="tabContents" role="tab" aria-selected="true" aria-controls="navFrame" data-view="contents" type="button">目录</button>
        <button id="tabIndex" role="tab" aria-selected="false" aria-controls="navFrame" data-view="index" type="button">索引</button>
        <button id="tabBookmark" role="tab" aria-selected="false" aria-controls="navFrame" data-view="bookmark" type="button">书签</button>
      </div>
      <div class="sidebar-view-label" id="sidebarViewLabel" hidden>
        <span>全文搜索</span>
        <button id="leaveSearchButton" type="button">返回目录</button>
      </div>
      <iframe
        class="nav-frame"
        id="navFrame"
        name="nav"
        title="文档目录"
        src="webhelpcontents.htm"
      ></iframe>
      <button class="sidebar-collapse" id="sidebarCollapse" type="button">
        <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m15 18-6-6 6-6"/></svg>
        <span>收起目录</span>
      </button>
    </aside>

    <div class="sidebar-resizer" id="sidebarResizer" role="separator" aria-label="调整目录宽度" aria-orientation="vertical" tabindex="0"></div>
    <button class="sidebar-restore" id="sidebarRestore" type="button" aria-label="展开目录" title="展开目录">
      <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 18 6-6-6-6"/></svg>
    </button>

    <main class="content-area" id="contentArea">
      <iframe
        id="content"
        name="content"
        title="文档正文"
        loading="eager"
      ></iframe>
      <noscript>
        <p class="noscript-message">此文档壳需要 JavaScript。可打开 <a href="indexh.htm">简易版本</a>。</p>
      </noscript>
    </main>
  </div>

  <button class="drawer-backdrop" id="drawerBackdrop" type="button" aria-label="关闭目录" tabindex="-1"></button>
  <div class="live-region" id="liveRegion" aria-live="polite" aria-atomic="true"></div>

  <script src="assets/webhelp-books.js"></script>
  <script src="assets/webhelp-shell.js"></script>
</body>
</html>