@bytechain.cn/colamd-themes 0.3.2 → 0.5.0

package/themes/guizang.css

@@ -1,732 +1,250 @@
-/* ============================================
-   归藏 (Guizang) Theme for ColaMD
-   万物莫不归藏于其中
-
-   Mermaid 渲染采用 theme: 'base' 策略，
-   所有颜色由 CSS 变量驱动，不引入 Mermaid 默认调色板。
-
-   Install: place in ~/.colamd/themes/ or use
-   Theme > Import Theme in ColaMD.
-   ============================================ */
-
-body.theme-custom {
-    /* ── 基础主题变量 ── */
-    --bg-color: #f5f0e8;
-    --text-color: #2b2520;
-    --text-muted: #7a7068;
-    --border-color: #d4cfc6;
-    --link-color: #8b4513;
-    --code-bg: #e8e0d4;
-    --code-block-bg: #2b2520;
-    --code-block-text: #d8d0c4;
-    --blockquote-border: #8b4513;
-    --blockquote-bg: #ede8df;
-    --table-header-bg: #ede8df;
-    --selection-bg: rgba(139, 69, 19, 0.18);
-
-    /* ── Mermaid 字体 ── */
-    --mermaid-font-family: "LXGW WenKai", "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
-    --mermaid-font-size: 12px;
-
-    /* ── Mermaid 主题变量 ── */
-    --mermaid-background: #f0ebe3;
-    --mermaid-primary-color: #ede8df;
-    --mermaid-primary-border-color: #b0a89f;
-    --mermaid-primary-text-color: #2b2520;
-    --mermaid-secondary-color: #e8e0d4;
-    --mermaid-secondary-border-color: #c4bbb0;
-    --mermaid-secondary-text-color: #2b2520;
-
-    --mermaid-tertiary-color: #f5f0e8;
-    --mermaid-tertiary-border-color: #d4cfc6;
-    --mermaid-tertiary-text-color: #2b2520;
-    --mermaid-line-color: #8a7b6a;
-    --mermaid-text-color: #2b2520;
-    --mermaid-main-bkg: #ede8df;
-    --mermaid-second-bkg: #e8e0d4;
-    --mermaid-main-contrast-color: #2b2520;
-    --mermaid-label-background: #f0ebe3;
-    --mermaid-label-text-color: #2b2520;
-    --mermaid-node-bkg: #ede8df;
-    --mermaid-node-border: #b0a89f;
-    --mermaid-cluster-bkg: #e8e0d4;
-    --mermaid-cluster-border: #b0a89f;
-    --mermaid-default-link-color: #8a7b6a;
-    --mermaid-edge-label-background: #f0ebe3;
-    --mermaid-arrowhead-color: #8a7b6a;
-    --mermaid-person-border: #b0a89f;
-    --mermaid-person-bkg: #ede8df;
-
-    /* ── Mermaid 色阶 (cScale0-11) ── */
-    --mermaid-cscale0: #8b6b4a;
-    --mermaid-cscale1: #5a8a7a;
-    --mermaid-cscale2: #b8963a;
-    --mermaid-cscale3: #6b5a4a;
-    --mermaid-cscale4: #4a7a6b;
-    --mermaid-cscale5: #8a6b3c;
-    --mermaid-cscale6: #5a6b8a;
-    --mermaid-cscale7: #7a6b5a;
-    --mermaid-cscale8: #6b8a5a;
-    --mermaid-cscale9: #9a7a5a;
-    --mermaid-cscale10: #5a7a8a;
-    --mermaid-cscale11: #8a5a6b;
-
-    /* ── Mermaid C4 架构图 ── */
-    --mermaid-c4-person-bg: #8b4513;
-    --mermaid-c4-person-border: #6b350f;
-    --mermaid-c4-ext-person-bg: #7a6b5a;
-    --mermaid-c4-ext-person-border: #6a5b4a;
-    --mermaid-c4-system-bg: #5a8a7a;
-    --mermaid-c4-system-border: #4a7a6b;
-    --mermaid-c4-ext-system-bg: #8a6b3c;
-    --mermaid-c4-ext-system-border: #7a5b2c;
-    --mermaid-c4-container-bg: #6b5a4a;
-    --mermaid-c4-container-border: #5a4a3a;
-    --mermaid-c4-ext-container-bg: #9a8a7a;
-    --mermaid-c4-ext-container-border: #8a7a6a;
-    --mermaid-c4-component-bg: #4a7a6b;
-    --mermaid-c4-component-border: #3a6a5b;
-    --mermaid-c4-ext-component-bg: #8a7a6a;
-    --mermaid-c4-ext-component-border: #7a6a5a;
-
-    /* ── KaTeX 数学公式 ── */
-    --katex-color: #3d3530;
-}
-
-/* ════════════════════════════════════════════
-   编辑器排版
-   ════════════════════════════════════════════ */
-
-body.theme-custom,
-body.theme-custom html {
-    background-color: #f5f0e8;
-    color: #2b2520;
-}
-
-body.theme-custom #editor .ProseMirror {
-    font-family: "LXGW WenKai", "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
-    line-height: 1.9;
-}
-
-body.theme-custom #editor .ProseMirror h1,
-body.theme-custom #editor .ProseMirror h2,
-body.theme-custom #editor .ProseMirror h3,
-body.theme-custom #editor .ProseMirror h4,
-body.theme-custom #editor .ProseMirror h5,
-body.theme-custom #editor .ProseMirror h6 {
-    color: #1a1815;
-    font-weight: 700;
-    line-height: 1.4;
-}
-
-body.theme-custom #editor .ProseMirror h1 {
-    font-size: 1.8em;
-    border-bottom: 1px solid #d4cfc6;
-}
-
-body.theme-custom #editor .ProseMirror h2 {
-    font-size: 1.5em;
-    border-bottom: 1px solid #d4cfc6;
-}
-
-body.theme-custom #editor .ProseMirror h3 {
-    font-size: 1.25em;
-}
-
-body.theme-custom #editor .ProseMirror h4 {
-    font-size: 1.1em;
-}
-
-body.theme-custom #editor .ProseMirror h5 {
-    font-size: 1em;
-}
-
-body.theme-custom #editor .ProseMirror h6 {
-    font-size: 0.95em;
-    color: #7a7068;
-}
-
-body.theme-custom #editor .ProseMirror strong {
-    color: #8b4513;
-    font-weight: 700;
-}
-
-body.theme-custom #editor .ProseMirror em {
-    color: #4a4238;
-}
-
-body.theme-custom #editor .ProseMirror a {
-    color: #8b4513;
-}
-
-body.theme-custom #editor .ProseMirror code {
-    background: #e8e0d4;
-    color: #8b4513;
-    font-family: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, monospace;
-    font-size: 0.9em;
-    padding: 2px 6px;
-    border-radius: 3px;
-}
-
-body.theme-custom #editor .ProseMirror pre {
-    background: #2b2520;
-    color: #d8d0c4;
-    font-family: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, monospace;
-    font-size: 0.88em;
-    line-height: 1.6;
-    padding: 18px 22px;
-    border-radius: 6px;
-}
-
-body.theme-custom #editor .ProseMirror pre code {
-    background: transparent;
-    color: inherit;
-    padding: 0;
-    font-size: 0.88em;
-}
-
-body.theme-custom #editor .ProseMirror blockquote {
-    border-left: 4px solid #8b4513;
-    background: #ede8df;
-    padding: 15px 20px 15px 25px;
-    color: #5a5048;
-}
-
-body.theme-custom #editor .ProseMirror table th {
-    background: #ede8df;
-    border-bottom: 2px solid #8b4513;
-    color: #1a1815;
-    font-weight: 700;
-}
-
-body.theme-custom #editor .ProseMirror table td {
-    border-left: none;
-    border-right: none;
-    border-bottom: 1px solid #d4cfc6;
-}
-
-body.theme-custom #editor .ProseMirror table tr:hover td {
-    background: rgba(139, 69, 19, 0.04);
-}
-
-body.theme-custom #editor .ProseMirror hr {
-    border-top: 1px solid #d4cfc6;
-}
-
-body.theme-custom #editor .ProseMirror ::selection {
-    background: rgba(139, 69, 19, 0.18);
-}
-
-/* ════════════════════════════════════════════
-   KaTeX 数学公式
-   ════════════════════════════════════════════ */
-
-body.theme-custom .math-inline {
-    color: #2b2520;
-}
-
-body.theme-custom .math-block {
-    background: #ede8df;
-    color: #2b2520;
-}
-
-body.theme-custom .katex {
-    color: #3d3530;
-}
-
-body.theme-custom .katex .mord,
-body.theme-custom .katex .mbin,
-body.theme-custom .katex .mrel,
-body.theme-custom .katex .mopen,
-body.theme-custom .katex .mclose,
-body.theme-custom .katex .mpunct,
-body.theme-custom .katex .minner {
-    color: #3d3530;
-}
-
-body.theme-custom .math-block::-webkit-scrollbar-thumb {
-    background: #b0a89f;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid 图表 - 容器
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-block {
-    background: #f0ebe3;
-    border: 1px solid #d4cfc6;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid 图表 - 通用节点 & 连线
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .node rect,
-body.theme-custom .mermaid-preview svg .node circle,
-body.theme-custom .mermaid-preview svg .node ellipse,
-body.theme-custom .mermaid-preview svg .node polygon,
-body.theme-custom .mermaid-preview svg .node path {
-    stroke: #b0a89f;
-    fill: #ede8df !important;
-}
-
-body.theme-custom .mermaid-preview svg .edgePath .path {
-    stroke: #8a7b6a;
-}
-
-body.theme-custom .mermaid-preview svg .cluster rect,
-body.theme-custom .mermaid-preview svg .cluster path {
-    stroke: #c4bbb0;
-    fill: #e8e0d4 !important;
-}
-
-body.theme-custom .mermaid-preview svg defs marker path {
-    fill: #8a7b6a;
-    stroke: #8a7b6a;
-}
-
-/* ── 硬编码色值覆盖 (Mermaid 默认 bi染色) ── */
-
-body.theme-custom .mermaid-preview svg rect[stroke="#444444"],
-body.theme-custom .mermaid-preview svg rect[stroke="#000000"] {
-    stroke: #b0a89f !important;
-}
-
-body.theme-custom .mermaid-preview svg path[stroke="#444444"],
-body.theme-custom .mermaid-preview svg path[stroke="#000000"] {
-    stroke: #b0a89f !important;
-}
-
-body.theme-custom .mermaid-preview svg line[stroke="#444444"],
-body.theme-custom .mermaid-preview svg line[stroke="#000000"] {
-    stroke: #b0a89f !important;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid 图表 - 标签 & 文本
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg text {
-    fill: #2b2520;
-    font-family: "LXGW WenKai", "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
-}
-
-body.theme-custom .mermaid-preview svg .edgeLabel text,
-body.theme-custom .mermaid-preview svg .label text,
-body.theme-custom .mermaid-preview svg .nodeLabel text {
-    fill: #2b2520 !important;
-}
-
-body.theme-custom .mermaid-preview svg .nodeLabel span,
-body.theme-custom .mermaid-preview svg .edgeLabel span,
-body.theme-custom .mermaid-preview svg foreignObject span {
-    font-family: "LXGW WenKai", "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
-    color: #2b2520 !important;
-}
-
-body.theme-custom .mermaid-preview svg .edgeLabel rect {
-    fill: #4f4d4b !important;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - 状态图 (State Diagram)
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .statediagram-state rect,
-body.theme-custom .mermaid-preview svg .statediagram-state circle {
-    stroke: #b0a89f;
-    fill: #ede8df !important;
-}
-
-body.theme-custom .mermaid-preview svg .statediagram-cluster rect {
-    stroke: #c4bbb0;
-    fill: #e8e0d4 !important;
-}
-
-body.theme-custom .mermaid-preview svg .statediagram-state .nodeLabel text,
-body.theme-custom .mermaid-preview svg .statediagram-state .nodeLabel span,
-body.theme-custom .mermaid-preview svg .statediagram-cluster .outer-title text {
-    fill: #2b2520 !important;
-    color: #2b2520 !important;
-}
-
-body.theme-custom .mermaid-preview svg .transition {
-    stroke: #8a7b6a;
-}
-
-body.theme-custom .mermaid-preview svg .edgeLabel .label text {
-    fill: #2b2520 !important;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - 饼图 (Pie Chart)
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .pieCircle {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .slice {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .pieTitleText {
-    fill: #2b2520 !important;
-}
-
-body.theme-custom .mermaid-preview svg .legend text {
-    fill: #2b2520 !important;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - 四象限图 (Quadrant Chart)
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .quadrant rect {
-    stroke: #b0a89f;
-    fill: #f5f0e8 !important;
-}
-
-body.theme-custom .mermaid-preview svg .quadrant text,
-body.theme-custom .mermaid-preview svg .quadrant .titleText {
-    fill: #2b2520 !important;
-}
-
-body.theme-custom .mermaid-preview svg .quadrant .axis text {
-    fill: #7a7068 !important;
-}
-
-body.theme-custom .mermaid-preview svg .quadrant .axis line,
-body.theme-custom .mermaid-preview svg .quadrant .axis path {
-    stroke: #8a7b6a;
-}
-
-body.theme-custom .mermaid-preview svg .quadrant .point {
-    fill: #8b4513;
-    stroke: #b0a89f;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - XY Chart / 柱状图
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .xychart .axis text {
-    fill: #7a7068 !important;
-}
-
-body.theme-custom .mermaid-preview svg .xychart .axis line,
-body.theme-custom .mermaid-preview svg .xychart .axis path {
-    stroke: #8a7b6a;
-}
-
-body.theme-custom .mermaid-preview svg .xychart .plot rect {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .xychart .plot line {
-    stroke: #8a7b6a;
-}
-
-body.theme-custom .mermaid-preview svg .xychart .titleText {
-    fill: #2b2520 !important;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - Sankey 图
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .sankey .link {
-    stroke: #8a7b6a;
-}
-
-body.theme-custom .mermaid-preview svg .sankey text {
-    fill: #2b2520 !important;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - 时序图 (Sequence Diagram)
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .actor rect,
-body.theme-custom .mermaid-preview svg .actor path {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg text.actor {
-    fill: #2b2520 !important;
-}
-
-body.theme-custom .mermaid-preview svg .messageLine0,
-body.theme-custom .mermaid-preview svg .messageLine1 {
-    stroke: #8a7b6a !important;
-}
-
-body.theme-custom .mermaid-preview svg .messageText {
-    fill: #2b2520 !important;
-}
-
-body.theme-custom .mermaid-preview svg .loopText,
-body.theme-custom .mermaid-preview svg .altText,
-body.theme-custom .mermaid-preview svg .optText {
-    fill: #7a7068 !important;
-}
-
-body.theme-custom .mermaid-preview svg .loopLine,
-body.theme-custom .mermaid-preview svg .altLine,
-body.theme-custom .mermaid-preview svg .optLine {
-    stroke: #8a7b6a !important;
-}
-
-body.theme-custom .mermaid-preview svg .labelBox {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .labelText,
-body.theme-custom .mermaid-preview svg .loopText tspan,
-body.theme-custom .mermaid-preview svg .altText tspan,
-body.theme-custom .mermaid-preview svg .optText tspan {
-    fill: #2b2520 !important;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - 类图 (Class Diagram)
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .classBox rect,
-body.theme-custom .mermaid-preview svg .classBox path {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .classTitle text,
-body.theme-custom .mermaid-preview svg .classTitle span {
-    fill: #2b2520 !important;
-    color: #2b2520 !important;
-}
-
-body.theme-custom .mermaid-preview svg .classText text,
-body.theme-custom .mermaid-preview svg .classText span {
-    fill: #7a7068 !important;
-    color: #7a7068 !important;
-}
-
-body.theme-custom .mermaid-preview svg .divider {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .relation {
-    stroke: #8a7b6a;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - 甘特图 (Gantt Chart)
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .task {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .taskText,
-body.theme-custom .mermaid-preview svg .taskTextOutsideRight,
-body.theme-custom .mermaid-preview svg .taskTextOutsideLeft {
-    fill: #2b2520 !important;
-}
-
-body.theme-custom .mermaid-preview svg .section rect {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .sectionText,
-body.theme-custom .mermaid-preview svg .sectionTitle {
-    fill: #2b2520 !important;
-}
-
-body.theme-custom .mermaid-preview svg .today {
-    stroke: #8b4513 !important;
-}
-
-body.theme-custom .mermaid-preview svg .grid .tick line {
-    stroke: #8a7b6a;
-}
-
-body.theme-custom .mermaid-preview svg .grid .domain {
-    stroke: #8a7b6a;
-}
-
-body.theme-custom .mermaid-preview svg .tick text {
-    fill: #7a7068;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - 思维导图 (Mind Map)
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .mindmap-node rect,
-body.theme-custom .mermaid-preview svg .mindmap-node circle,
-body.theme-custom .mermaid-preview svg .mindmap-node ellipse,
-body.theme-custom .mermaid-preview svg .mindmap-node polygon,
-body.theme-custom .mermaid-preview svg .mindmap-node path {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .mindmap-node text,
-body.theme-custom .mermaid-preview svg .mindmap-node .nodeLabel text,
-body.theme-custom .mermaid-preview svg .mindmap-node .nodeLabel span {
-    fill: #2b2520 !important;
-    color: #2b2520 !important;
-}
-
-body.theme-custom .mermaid-preview svg .mindmap-edge {
-    stroke: #8a7b6a;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - Block 图
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .block rect,
-body.theme-custom .mermaid-preview svg .block path {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .block text,
-body.theme-custom .mermaid-preview svg .block .nodeLabel text,
-body.theme-custom .mermaid-preview svg .block .nodeLabel span {
-    fill: #2b2520 !important;
-    color: #2b2520 !important;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - ER 图
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .er .entityBox rect,
-body.theme-custom .mermaid-preview svg .er .entityBox path {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .er text,
-body.theme-custom .mermaid-preview svg .er .relationshipLabel {
-    fill: #2b2520 !important;
-}
-
-body.theme-custom .mermaid-preview svg .er .relationshipLine {
-    stroke: #8a7b6a;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - Git 图
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .git .commit rect,
-body.theme-custom .mermaid-preview svg .git .commit circle {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .git text,
-body.theme-custom .mermaid-preview svg .git .branchLabel text {
-    fill: #2b2520 !important;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - 用户旅程图 (Journey)
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .journey .task rect {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .journey text {
-    fill: #2b2520 !important;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - 时间线 (Timeline)
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .timeline rect {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .timeline text {
-    fill: #2b2520 !important;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - C4 架构图
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .c4 .person rect,
-body.theme-custom .mermaid-preview svg .c4 .person path,
-body.theme-custom .mermaid-preview svg .c4 .system rect,
-body.theme-custom .mermaid-preview svg .c4 .system path,
-body.theme-custom .mermaid-preview svg .c4 .container rect,
-body.theme-custom .mermaid-preview svg .c4 .container path,
-body.theme-custom .mermaid-preview svg .c4 .boundary rect,
-body.theme-custom .mermaid-preview svg .c4 .boundary path {
-    stroke: #b0a89f;
-}
-
-body.theme-custom .mermaid-preview svg .c4 text,
-body.theme-custom .mermaid-preview svg .c4 span {
-    fill: #2b2520 !important;
-    color: #2b2520 !important;
-}
-
-/* ════════════════════════════════════════════
-   Mermaid - 人物节点
-   ════════════════════════════════════════════ */
-
-body.theme-custom .mermaid-preview svg .person rect,
-body.theme-custom .mermaid-preview svg .person path {
-    stroke: #3d3530;
-}
-
-body.theme-custom .mermaid-preview svg .person-man text {
-    fill: #ffffff !important;
-}
-
-body.theme-custom .mermaid-preview svg .person-man span {
-    color: #ffffff !important;
-}
-
-/* ════════════════════════════════════════════
-   滚动条 & 选区
-   ════════════════════════════════════════════ */
-
-body.theme-custom ::-webkit-scrollbar-thumb {
-    background: #c4bbb0;
-}
-
-body.theme-custom ::-webkit-scrollbar-thumb:hover {
-    background: #b0a89f;
-}
-
-body.theme-custom ::selection {
-    background: rgba(139, 69, 19, 0.18);
-}
-
-body.theme-custom #source-editor {
-    background: #f5f0e8;
-    color: #2b2520;
-}
-
-/* ════════════════════════════════════════════
-   打印样式
-   ════════════════════════════════════════════ */
-
-@media print {
-    body.theme-custom,
-    body.theme-custom html {
-        background: #fff;
-    }
-
-    body.theme-custom #editor .ProseMirror pre {
-        background: #f5f0e8;
-        color: #2b2520;
-        border: 1px solid #d4cfc6;
-    }
-
-    body.theme-custom #editor .ProseMirror table th {
-        background: #f5f0e8;
-    }
-}
+/* ============================================
+   归藏 (Guizang) Theme for ColaMD
+   万物莫不归藏于其中
+
+   暖纸底 + 赭石棕；霞鹜文楷正文、发丝分隔线、深褐代码块。
+   契约：ColaMD Extend 2.7（CodeMirror 6 + Pele）
+
+   变量一律写在 :root；编辑器里没有 <h1>/<blockquote> 元素，
+   标题是带类的一行，引用/代码块是每行一个 div（禁止纵向 padding）。
+   ============================================ */
+
+:root {
+  /* ── 1.1 Seed Palette ── */
+  --seed-accent:        #8b4513;
+  --seed-accent-light:  #ede8df;
+  --seed-accent-dark:   #6b350f;
+  --seed-surface:       #f5f5f4;
+  --seed-panel:         #ebebe8;
+  --seed-panel-alt:     #e3e3e0;
+  --seed-ink:           #2b2520;
+  --seed-ink-muted:     #6f665e;
+  --seed-ink-dim:       #a09388;
+  --seed-border:        #d2d2cf;
+  --seed-border-strong: #8b4513;
+
+  /* ── 1.2 Semantic Colors ── */
+  --bg-color:         var(--seed-surface);
+  --text-color:       var(--seed-ink);
+  --text-secondary:   #5a5048;
+  --text-muted:       var(--seed-ink-muted);
+  --border-color:     var(--seed-border);
+  --link-color:       var(--seed-accent);
+  --code-bg:          var(--seed-panel-alt);
+  --code-block-bg:    var(--seed-ink);
+  --code-block-text:  #d8d0c4;
+  --blockquote-border: var(--seed-accent);
+  --blockquote-bg:     var(--seed-panel);
+  --table-header-bg:   var(--seed-panel);
+  --selection-bg: rgba(139, 69, 19, 0.18);
+  --highlight-bg: rgba(139, 69, 19, 0.15);
+
+  /* ── 1.3 Typography & Metrics ── */
+  --font-body: "LXGW WenKai", "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
+  --font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, monospace;
+  --editor-font-size: 16px;
+  --editor-column-width: 820px;
+
+  /* ── 1.4 Pele（沿用原图表的暖纸配色）── */
+  --pele-bg:          #f0ebe3;
+  --pele-fg:          var(--seed-ink);
+  --pele-muted:       var(--seed-ink-muted);
+  --pele-line:        #8a7b6a;
+  --pele-surface:     #ede8df;
+  --pele-surface-alt: #e8e0d4;
+  --pele-border:      #b0a89f;
+  --pele-accent:      var(--seed-accent);
+  --pele-radius:      6px;
+}
+
+/* ═══ SECTION 2 — 编辑器排版 ═══ */
+
+#editor .cm-content { font-family: var(--font-body); line-height: 1.9; }
+
+/* 2.1 标题：墨色楷体，一二级各压一条发丝线 */
+#editor .cm-content .cm-md-atxheading1,
+#editor .cm-content .cm-md-atxheading2,
+#editor .cm-content .cm-md-atxheading3,
+#editor .cm-content .cm-md-atxheading4,
+#editor .cm-content .cm-md-atxheading5,
+#editor .cm-content .cm-md-atxheading6 {
+  color: #1a1815; font-weight: 700; line-height: 1.4;
+}
+#editor .cm-content .cm-md-atxheading1 {
+  font-size: 1.8em; padding-bottom: 0.3em; border-bottom: 1px solid var(--border-color);
+}
+#editor .cm-content .cm-md-atxheading2 {
+  font-size: 1.5em; padding-bottom: 0.25em; border-bottom: 1px solid var(--border-color);
+}
+#editor .cm-content .cm-md-atxheading3 { font-size: 1.25em; }
+#editor .cm-content .cm-md-atxheading4 { font-size: 1.1em; }
+#editor .cm-content .cm-md-atxheading5 { font-size: 1em; }
+#editor .cm-content .cm-md-atxheading6 { font-size: 0.95em; color: var(--text-muted); }
+
+/* 2.2 行内强调：赭石棕 */
+#editor .cm-content .cm-md-strong { color: var(--link-color); font-weight: 700; }
+#editor .cm-content .cm-md-em { font-style: italic; color: #4a4238; }
+#editor .cm-content .cm-md-strike { text-decoration: line-through; }
+#editor .cm-content .cm-md-highlight { background: var(--highlight-bg); color: var(--text-color); }
+#editor .cm-content .cm-md-link { color: var(--link-color); text-decoration: none; }
+#editor .cm-content .cm-md-url { color: var(--text-muted); }
+
+/* 2.3 内联代码：米色底 + 赭石字 */
+#editor .cm-content .cm-md-inlinecode {
+  font-family: var(--font-mono); font-size: 0.9em;
+  background: var(--code-bg); color: var(--seed-accent);
+  padding: 2px 6px; border-radius: 3px;
+}
+
+#editor .cm-content .cm-md-marker,
+#editor .cm-content .cm-md-quotemark,
+#editor .cm-content .cm-md-listmark {
+  color: var(--text-muted);
+}
+
+/* 2.4 引用块：赭石左线 + 浅米底 */
+#editor .cm-content .cm-md-blockquote {
+  background: var(--blockquote-bg); color: var(--text-secondary);
+  border-left: 4px solid var(--blockquote-border);
+  padding-left: 25px; padding-right: 20px;
+}
+
+/* 2.5 代码块：深褐底、米白字，圆角落在首末行 */
+#editor .cm-content .cm-md-codeblock {
+  font-family: var(--font-mono); font-size: 0.88em; line-height: 1.6;
+  background: var(--code-block-bg); color: var(--code-block-text);
+  padding-left: 22px; padding-right: 22px;
+}
+#editor .cm-content .cm-md-codeblock-first {
+  border-top-left-radius: 6px; border-top-right-radius: 6px;
+}
+#editor .cm-content .cm-md-codeblock-last {
+  border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
+}
+
+/* 2.6 表格：米色表头 + 赭石粗线，只留横线 */
+#editor .cm-content .cm-md-table-widget th,
+#editor .cm-content .cm-md-table-widget td { border-color: var(--border-color); }
+#editor .cm-content .cm-md-table-widget th {
+  background: var(--table-header-bg); color: #1a1815;
+  font-weight: 700; border-bottom: 2px solid var(--link-color);
+}
+#editor .cm-content .cm-md-table-widget td { border-bottom: 1px solid var(--border-color); }
+
+/* 2.7 分隔线 */
+#editor .cm-content .cm-md-hr { border-top-color: var(--border-color); margin: 2.5em 0; }
+
+/* 2.8 列表：按层级缩进 */
+#editor .cm-content .cm-md-li-0 { margin-left: 0; }
+#editor .cm-content .cm-md-li-1 { margin-left: 1.8em; }
+#editor .cm-content .cm-md-li-2 { margin-left: 3.6em; }
+#editor .cm-content .cm-md-li-3 { margin-left: 5.4em; }
+#editor .cm-content .cm-md-li-4 { margin-left: 7.2em; }
+#editor .cm-content .cm-md-li-5 { margin-left: 9em; }
+#editor .cm-content .cm-md-li-6 { margin-left: 10.8em; }
+
+/* 2.9 图表占位：暖纸底 */
+#editor .cm-content .cm-md-mermaid {
+  background: var(--pele-bg); border-left: 3px solid var(--pele-border);
+  padding-left: 16px; padding-right: 16px;
+}
+
+/* 2.10 中文首行缩进：标题/引用/代码/图表/列表行归零 */
+#editor .cm-content .cm-line { text-indent: 2em; }
+
+#editor .cm-content .cm-md-atxheading1,
+#editor .cm-content .cm-md-atxheading2,
+#editor .cm-content .cm-md-atxheading3,
+#editor .cm-content .cm-md-atxheading4,
+#editor .cm-content .cm-md-atxheading5,
+#editor .cm-content .cm-md-atxheading6,
+#editor .cm-content .cm-md-blockquote,
+#editor .cm-content .cm-md-codeblock,
+#editor .cm-content .cm-md-hr,
+#editor .cm-content .cm-md-mermaid,
+#editor .cm-content .cm-md-li-0,
+#editor .cm-content .cm-md-li-1,
+#editor .cm-content .cm-md-li-2,
+#editor .cm-content .cm-md-li-3,
+#editor .cm-content .cm-md-li-4,
+#editor .cm-content .cm-md-li-5,
+#editor .cm-content .cm-md-li-6 {
+  text-indent: 0;
+}
+
+/* ═══ SECTION 3 — 导出 HTML（.colamd-document）═══ */
+
+.colamd-document {
+  font-family: var(--font-body); font-size: 16px;
+  line-height: 1.9; color: var(--text-color);
+}
+
+.colamd-document h1,
+.colamd-document h2,
+.colamd-document h3,
+.colamd-document h4,
+.colamd-document h5,
+.colamd-document h6 {
+  color: #1a1815; font-weight: 700; line-height: 1.4;
+}
+.colamd-document h1 {
+  font-size: 1.8em; padding-bottom: 0.3em; border-bottom: 1px solid var(--border-color);
+}
+.colamd-document h2 {
+  font-size: 1.5em; padding-bottom: 0.25em; border-bottom: 1px solid var(--border-color);
+}
+.colamd-document h3 { font-size: 1.25em; }
+.colamd-document h4 { font-size: 1.1em; }
+.colamd-document h5 { font-size: 1em; }
+.colamd-document h6 { font-size: 0.95em; color: var(--text-muted); }
+
+.colamd-document strong { color: var(--link-color); }
+.colamd-document em { font-style: italic; color: #4a4238; }
+.colamd-document a { color: var(--link-color); text-decoration: none; }
+
+.colamd-document code {
+  font-family: var(--font-mono); font-size: 0.9em;
+  background: var(--code-bg); color: var(--seed-accent);
+  padding: 2px 6px; border-radius: 3px;
+}
+.colamd-document pre {
+  font-family: var(--font-mono); font-size: 0.88em; line-height: 1.6;
+  background: var(--code-block-bg); color: var(--code-block-text);
+  padding: 18px 22px; border-radius: 6px;
+}
+.colamd-document pre code { background: transparent; color: inherit; padding: 0; }
+
+.colamd-document blockquote {
+  background: var(--blockquote-bg); color: var(--text-secondary);
+  border-left: 4px solid var(--blockquote-border);
+}
+.colamd-document mark { background: var(--highlight-bg); }
+
+.colamd-document th {
+  background: var(--table-header-bg); color: #1a1815;
+  font-weight: 700; border-bottom: 2px solid var(--link-color);
+}
+.colamd-document td { border-bottom: 1px solid var(--border-color); }
+.colamd-document hr { border-top-color: var(--border-color); margin: 2.5em 0; }
+
+.colamd-document ul,
+.colamd-document ol { padding-left: 1.8em; }
+.colamd-document li { margin: 0.35em 0; line-height: 1.8; }
+
+.colamd-document p { text-indent: 2em; }
+.colamd-document li p,
+.colamd-document td p,
+.colamd-document th p,
+.colamd-document blockquote p { text-indent: 0; }
+
+/* ═══ SECTION 4 — 打印 ═══ */
+
+@media print {
+  html,
+  body {
+    background: var(--bg-color);
+    color: var(--text-color);
+    -webkit-print-color-adjust: exact;
+    print-color-adjust: exact;
+  }
+}