编辑指南

1. **Wiki.js 编辑风格提示文档**

- 悬浮提示框使用指南 先将以下代码注入页面-样式中 ``` [data-tooltip] {

 position: relative;
 cursor: help;
 display: inline;
 text-decoration: none

} [data-tooltip]::before {

 content: attr(data-tooltip);
 position: absolute;
 bottom: calc(100% + 10px);
 left: 50%;
 transform: translateX(-50%);
 min-width: 80px;
 max-width: 800px;
 width: max-content;
 white-space: pre-line;
 word-wrap: break-word;
 overflow-wrap: break-word;
 background: #fff;
 color: #333;
 border: 1px solid #e0e0e0;
 border-radius: 6px;
 padding: 10px 14px;
 font-size: 14px;
 line-height: 1.5;
 box-shadow: 0 2px 8px rgba(0,0,0,.1);
 opacity: 0;
 visibility: hidden;
 z-index: 1000;
 transition: all .2s ease

} [data-tooltip]::after {

 content: ;
 position: absolute;
 bottom: 100%;
 left: 50%;
 transform: translateX(-50%);
 border: 6px solid transparent;
 border-top-color: #fff;
 opacity: 0;
 visibility: hidden;
 transition: all .2s ease

} [data-tooltip]:hover::after, [data-tooltip]:hover::before {

 opacity: 1;
 visibility: visible

} @media (max-width:768px) {

 [data-tooltip]::before {
   max-width: 250px;
   left: 0;
   transform: translateX(0)
 }

}

 ```

- 基础使用 这是一个悬停文字。 - 多行提示 多行提示 - 带颜色和样式 红色警告

• • 蓝色重点**

高亮提示

1. 📝 基础Markdown语法速查

文字样式 <MARKDOWN>

1. 一级标题
   1. 二级标题
      1. 三级标题

• • 粗体文字** 或 __粗体__
• 斜体文字* 或 _斜体_
  • • 粗斜体***

~~删除线文字~~ `行内代码` 列表 <MARKDOWN>

1. 1. 无序列表

- 项目一 - 项目二

 - 子项目
 - 子项目

1. 1. 有序列表

1. 第一项 2. 第二项

  1. 子项
  2. 子项
 

链接与引用 <MARKDOWN>

1. 1. 外部链接

[链接文本](https://example.com)

1. 1. 内部Wiki链接

页面名称 页面名称

1. 1. 引用

> 这里是一段引用文字 > > 引用可以多行

1. 1. 脚注

这是一句话[^1]。 [^1]: 这是脚注内容。

1. 1. 表格

<MARKDOWN>

| 表头1 | 表头2 | 表头3 | |-------|-------|-------| | 内容1 | 内容2 | 内容3 | | 左对齐 | 居中 | 右对齐 | | :--- | :---: | ---: |

1. 1. 代码块

```语言名称 // 代码示例 function hello() {

 console.log("Hello World!");

} ```

1. 视觉语义标记规范

- 核心原则：

 1.语义优先：颜色代表概念类别/阵营归属，尽量统一染色标准。
 2.克制使用：仅用于关键术语、阵营名称、核心概念的首次出现或重点强调，避免滥用。
 

1. 1. 色码表

| 分类 | 颜色名称 | 语义指向 | Hex 色码 | Markdown/HTML 代码示例 | | :--- | :--- | :--- | :--- | :--- | | **意识形态与政权（核心染色区）** | | | | | | 共产主义 | **赤红色** | 共产主义、社会主义、工团主义、无产阶级革命组织、国际主义思潮。 | `#CC0000` | 全弥恩社会主义联盟 | | 民主主义 | **珊瑚红** | 民主社会主义、渐进社会主义、福利国家主张、温和左翼改革派。 | `#FF7F50` | 社会党 | | 自由主义民主 | **深蓝色** | 自由主义、宪政民主、共和主义、议会制、公民权利与自由市场。 | `#1F4E79` | 东赐守望政府 | | 保守主义 | **墨绿色** | 传统主义、保皇党、立宪君主派、旧贵族、社会文化保守势力。 | `#2E4D2B` | 帝国监护政府 | | 威权主义 | **暗橙色** | 强人政治、军事独裁、集权国家、扩张主义、民族沙文主义。 | `#CC5500` | 军阀 | | **宗教与神权** | | | | | | 泛宗教概念 | **暗金色** | 多神信仰、民间信仰、普遍宗教仪式、非圣庭的神学概念。 | `#B8860B` | 星领联盟 | | 圣庭 | **绛紫色** | **圣庭**及其专属概念、机构（裁判所、修会）、教义、高阶神职人员。 | `#68228B` | 圣庭 | | **地理与自然** | | | | | | 重要地理区域 | **赭石色** | 具有战略或文化意义的地区、城市、自然奇观、永恒边疆。 | `#8B4513` | 雾幻海 | | **魔法、科技与知识** | | | | | | 魔法与奥术 | **靛蓝色** | 魔网、法术原理、奥术理论、魔导工程。 | `#4B0082` | 魔网稳定锚 | | 科技与工业 | **钢青色** | 科学技术、工业产物、枪械、非魔导机械、工程学。 | `#4682B4` | 电气化 | | **经济与资源** | | | | | | 关键资源 | **橄榄色** | 镜玉、石油等驱动世界经济的核心战略物资。 | `#6B8E23` | 镜玉 | | **历史、时间与灾厄** | | | | | | 历史时期/事件 | **棕色** | 重大历史事件、战争、革命、时代名称。 | `#8B7355` | 天堂陨落 | | 历法时间 | **茶色** | 独特的纪年、时节、历法单位。 | `#D2B48C` | 清霖时节 | | **灾厄与异质存在** | **深红色** | 三大灾厄（魑魅/古孽、龙族、智械）、深渊造物、不可名状之存在、系统性灾难。 | `#8B0000` | 古孽 |