style/config/config.css

/* 配置文件 */
/* 
## 自定义配置方法 | CUSTOM CONFIG METHOD

1. 创建文件 `<工作空间>/data/widgets/custom.css`  
   Create a file `<workspace>/data/widgets/custom.css`
2. 在文件 `<工作空间>/data/widgets/custom.css` 中定义的值将覆盖 `<工作空间>/conf/appearance/themes/Dark+/style/module/config.css` 中对应的值  
   The value defined in file `<workspace>/data/widgets/custom.css` overwrites the corresponding value in file `<workspace>/conf/appearance/themes/Dark+/style/module/config.css`.
*/
/* 导入基础配色(如果需要导入其他配色, 请修改 URL) */
/* @import url(/appearance/themes/midnight/theme.css); */
/* 自定义属性 */
:root {
  /* 自定义标准颜色(Office 标准颜色) */
  --custom-color-0: #C00000;
  --custom-color-1: #FA0000;
  --custom-color-2: #FFC001;
  --custom-color-3: #FFFF00;
  --custom-color-4: #92D050;
  --custom-color-5: #00B050;
  --custom-color-6: #00B0F0;
  --custom-color-7: #0070C0;
  --custom-color-8: #002060;
  --custom-color-9: #7030A0;
  /* 自定义主题颜色(office 主题颜色) */
  --custom-color-0-0: #FFFFFF;
  --custom-color-0-1: #F2F2F2;
  --custom-color-0-2: #D8D8D8;
  --custom-color-0-3: #BFBFBF;
  --custom-color-0-4: #A5A5A5;
  --custom-color-0-5: #7F7F7F;
  --custom-color-1-0: #000000;
  --custom-color-1-1: #7F7F7F;
  --custom-color-1-2: #595959;
  --custom-color-1-3: #3F3F3F;
  --custom-color-1-4: #262626;
  --custom-color-1-5: #0C0C0C;
  --custom-color-2-0: #E7E6E6;
  --custom-color-2-1: #D0CECE;
  --custom-color-2-2: #AEABAB;
  --custom-color-2-3: #757070;
  --custom-color-2-4: #3A3838;
  --custom-color-2-5: #171616;
  --custom-color-3-0: #44546A;
  --custom-color-3-1: #D6DCE4;
  --custom-color-3-2: #ADB9CA;
  --custom-color-3-3: #8496B0;
  --custom-color-3-4: #323F4F;
  --custom-color-3-5: #222A35;
  --custom-color-4-0: #5B9BD5;
  --custom-color-4-1: #DEEBF6;
  --custom-color-4-2: #BDD7EE;
  --custom-color-4-3: #9CC3E5;
  --custom-color-4-4: #2E75B5;
  --custom-color-4-5: #1E4E79;
  --custom-color-5-0: #ED7D31;
  --custom-color-5-1: #FBE5D5;
  --custom-color-5-2: #F7CBAC;
  --custom-color-5-3: #F4B183;
  --custom-color-5-4: #C55A11;
  --custom-color-5-5: #833C0b;
  --custom-color-6-0: #E84C22;
  --custom-color-6-1: #FADBD2;
  --custom-color-6-2: #F5B7A6;
  --custom-color-6-3: #F1937A;
  --custom-color-6-4: #B43512;
  --custom-color-6-5: #78230c;
  --custom-color-7-0: #FFC000;
  --custom-color-7-1: #FFF2CC;
  --custom-color-7-2: #FEE599;
  --custom-color-7-3: #FFD965;
  --custom-color-7-4: #BF9000;
  --custom-color-7-5: #7F6000;
  --custom-color-8-0: #8064A2;
  --custom-color-8-1: #E5E0EC;
  --custom-color-8-2: #CCC1D9;
  --custom-color-8-3: #B2A1C7;
  --custom-color-8-4: #5F497A;
  --custom-color-8-5: #3F3151;
  --custom-color-9-0: #70AD47;
  --custom-color-9-1: #E2EFD9;
  --custom-color-9-2: #C5E0B3;
  --custom-color-9-3: #A8D08D;
  --custom-color-9-4: #538135;
  --custom-color-9-5: #375623;
  /* 自定义护眼色(起点背景颜色) */
  --custom-color-qidian-1-1: #FAF6ED;
  --custom-color-qidian-1-2: #F7EED5;
  --custom-color-qidian-1-3: #EAF4E9;
  --custom-color-qidian-1-4: #E9F4F6;
  --custom-color-qidian-1-5: #F6E9E8;
  --custom-color-qidian-1-6: #E6E6E5;
  --custom-color-qidian-1-7: #464847;
  --custom-color-qidian-2-1: #EAE4D7;
  --custom-color-qidian-2-2: #DFCEA2;
  --custom-color-qidian-2-3: #CDDFCD;
  --custom-color-qidian-2-4: #CFDDE1;
  --custom-color-qidian-2-5: #EBCECE;
  --custom-color-qidian-2-6: #D4D4D4;
  --custom-color-qidian-2-7: #0F1011;
  /* 透明组件颜色 | Transparent component color */
  --custom-transparent-lightest: #3334;
  --custom-transparent-lighter: #3338;
  --custom-transparent-light: #222A;
  --custom-transparent: #222C;
  --custom-transparent-deep: #222D;
  --custom-transparent-deeper: #222E;
  /* 不透明的组件颜色 | Opaque component color */
  --custom-components-light: #444;
  --custom-components: #222;
  --custom-components-deep: #111;
  /* 标题层级标记与标题之间宽度 | The width between the title hierarchy tag and the title */
  --custom-h-mark-blank: 4px;
  /* 标题字重 | Title font weight */
  --custom-h-font-weight: 500;
  /* 子标题折叠标记 | Subheadings collapse marker */
  /* REF [箭头图案 - Unicode 字符百科](https://unicode-table.com/cn/sets/arrow-symbols/) 
     * ⭿ ⭱ ⭳ ↥ ↧ ↨ ⭻ ⇞ ⭽ ↕ ⇝ ⬳ ⟿ ⇼ ⮉ ⮋ ...
     */
  --custom-h-fold-mark: "⭿";
  /* 子标题层级标记 | Subheading level markers */
  --custom-h1-mark: "¹";
  --custom-h2-mark: "²";
  --custom-h3-mark: "³";
  --custom-h4-mark: "⁴";
  --custom-h5-mark: "⁵";
  --custom-h6-mark: "⁶";
  /* --custom-h1-mark: "₁";
    --custom-h2-mark: "₂";
    --custom-h3-mark: "₃";
    --custom-h4-mark: "₄";
    --custom-h5-mark: "₅";
    --custom-h6-mark: "₆"; */
  /* 子标题序号缩放 | Subheadings ordinal scaling */
  --custom-h-num-font-size: 50%;
  /* 子标题及其对应大纲颜色 | Subheadings and their corresponding outline colors */
  --custom-h1-color: var(--b3-theme-on-background);
  --custom-h2-color: var(--b3-card-info-color);
  --custom-h3-color: var(--b3-card-warning-color);
  --custom-h4-color: var(--b3-card-success-color);
  --custom-h5-color: var(--b3-card-error-color);
  --custom-h6-color: var(--custom-color-8-3);
  /* 子标题缩进宽度 | The width of the subheading indentation */
  --custom-h1-indentation: 0.5em;
  --custom-h2-indentation: 1em;
  --custom-h3-indentation: 1.5em;
  --custom-h4-indentation: 2em;
  --custom-h5-indentation: 2.5em;
  --custom-h6-indentation: 3em;
  /* 块引用标记 | Block reference mark */
  /* 
     * ⸢: U+2E22
     * ⸥: U+2E25
     * ⸤: U+2E24
     * ⸣: U+2E23
     * ⁅: U+2045
     * ⁆: U+2046
     */
  /* 块引用标记符号 | Block reference mark symbol */
  /* --custom-quote-l: "「"; */
  /* --custom-quote-r: "」"; */
  --custom-quote-l: "⸢";
  --custom-quote-r: "⸥";
  /* 块引用动态锚文本标记符号 | Block references dynamic anchor text mark symbol */
  --custom-ref-mark-d-l: var(--custom-quote-l);
  --custom-ref-mark-d-r: var(--custom-quote-r);
  /* 块引用静态锚文本标记符号 | Block references static anchor text mark symbol */
  --custom-ref-mark-s-l: var(--custom-quote-l);
  --custom-ref-mark-s-r: var(--custom-quote-r);
  /* 块引用标记颜色 | Block reference mark color */
  --custom-ref-mark-color: var(--b3-protyle-inline-link-color);
  --custom-ref-mark-d-l-color: var(--custom-ref-mark-color);
  --custom-ref-mark-s-l-color: var(--custom-ref-mark-color);
  --custom-ref-mark-d-r-color: var(--custom-ref-mark-color);
  --custom-ref-mark-s-r-color: var(--custom-ref-mark-color);
  /* 块引用标记宽度 | Block reference mark width */
  --custom-ref-mark-width: 0.5em;
  --custom-ref-mark-d-l-width: var(--custom-ref-mark-width);
  --custom-ref-mark-s-l-width: var(--custom-ref-mark-width);
  --custom-ref-mark-d-r-width: var(--custom-ref-mark-width);
  --custom-ref-mark-s-r-width: var(--custom-ref-mark-width);
  /* 最大高度层级 */
  --custom-z-index-max: 2147483647;
  /* 全局背景透明颜色 | Global background transparent color */
  --custom-background-transparent-color: rgba(0, 0, 0, 0.125);
  /* 背景图片 | Background image */
  --custom-background-image-landscape: url(/appearance/themes/Dark+/image/dark/background-main.jpg);
  --custom-background-image-portrait: var(--custom-background-image-landscape);
  /* 背景图像滚动状态 | Background image scrolling state */
  --custom-background-attachment-landscape: fixed;
  --custom-background-attachment-portrait: var(--custom-background-attachment-landscape);
  /* 多幅背景图像的混合模式 | Blending mode for multiple background images */
  --custom-background-blend-mode-landscape: unset;
  --custom-background-blend-mode-portrait: var(--custom-background-blend-mode-landscape);
  /* 背景图片绘制区域 | Background image drawing area */
  --custom-background-clip-landscape: unset;
  --custom-background-clip-portrait: var(--custom-background-clip-landscape);
  /* 背景图像相对位置的基点 | The base point for the relative position of the background image */
  --custom-background-origin-landscape: unset;
  --custom-background-origin-portrait: var(--custom-background-origin-landscape);
  /* 背景图片位置 | Background color */
  --custom-background-position-landscape: center;
  --custom-background-position-portrait: var(--custom-background-position-landscape);
  /* 背景图片重复模式 | Background image repeating pattern */
  --custom-background-repeat-landscape: no-repeat;
  --custom-background-repeat-portrait: var(--custom-background-repeat-landscape);
  /* 背景图片大小 | Background image size */
  --custom-background-size-landscape: cover;
  --custom-background-size-portrait: var(--custom-background-size-landscape);
  /* 背景颜色 | Background color */
  --custom-background-color-landscape: transparent;
  --custom-background-color-portrait: var(--custom-background-color-landscape);
  /* 对话框背景图片 | Dialog background image */
  --custom-background-image-dialog: url(/appearance/themes/Dark+/image/dark/background-dialog.jpg);
  /* 标签图标 | The icon of tag */
  --custom-span-tag-icon: url(/appearance/themes/Dark+/icon/tag.svg);
  /* 块引用波浪线动画图标 | The icon of wavy line animation */
  --custom-span-ref-animation-icon: url(/appearance/themes/Dark+/icon/wavy-line.svg);
  /* 行内代码文本颜色 | Inline code text color */
  --custom-span-code-color: currentColor;
  /* 图片反色滤波器 | Image inverted filter */
  --custom-image-filter-invert: invert(100%);
  /* 背景图片滤波器 | Background image filter */
  --custom-backdrop-filter: unset;
  /* 悬浮面板滤波器(引用预览) | Hover panel filters (reference preview)*/
  --custom-backdrop-popover-filter: unset;
  /* 悬浮预览窗口最小高度 | The minimum height of the hover preview window */
  --custom-popover-min-height: 50%;
  /* 悬浮预览窗口最大宽度 | The maximum width of the hover preview window */
  --custom-popover-max-width: 50%;
  /* 悬浮菜单宽度 | The width of popover menu */
  --custom-popover-menu-width: auto;
  /* 功能面板间隔距离 | Function panel spacing distance */
  --custom-panel-distance: 8px;
  /* 功能面板标题栏高度 | Feature panel title bar height */
  --custom-panel-title-height: var(--custom-dock-width);
  /* 全屏关系图工具栏背景颜色 | Full-screen graph toolbar background color */
  --custom-panel-graph-fullscreen-toolbar-background-color: var(--custom-editor-background-color);
  /* 全屏关系图内容背景颜色 | The background color of the full-screen diagram content */
  --custom-panel-graph-fullscreen-background-color: transparent;
  /* 全屏闪卡背景颜色 | The background color of the flash card with fullscreen */
  --custom-card-main-fullscreen-background-color: var(--custom-editor-background-color);
  /* 功能面板分隔线补偿距离 | Function panel dividers compensate for distance
     * 需要设置为 --custom-panel-distance 的负值 | A negative value of --custom-panel-distance is required
     */
  --custom-separator-distance-compensation: calc(0px - var(--custom-panel-distance));
  /* 圆角弧度 | Rounded arc */
  --custom-border-radius: 4px;
  /* 列表辅助线弧度 | Rounded arc of list guides line */
  --custom-list-guides-line-radius: 16px;
  /* 列表辅助线宽度 | The width of list guides line */
  --custom-list-guides-line-width: 2px;
  /* 列表辅助线颜色 | The color of list guides line */
  --custom-list-guides-line-color: var(--b3-theme-background-light);
  /* 列表辅助线与上层节点的接缝 | The seams between the list guides line and the upper layer nodes */
  --custom-list-guides-line-top: -4px;
  /* 列表辅助线与本层节点的接缝 | The seams between the list guides line and the local layer nodes */
  --custom-list-guides-line-right-t: calc(22px + 5em / 16);
  --custom-list-guides-line-right-u: calc(22px + 5em / 16);
  --custom-list-guides-line-right-o: calc(14px + 1em);
  /* 已完成任务列表项装饰线样式 | The text decoration of completed task list item */
  --custom-list-task-done-text-decoration: line-through solid currentColor auto;
  /* 已完成任务列表项不透明度 | The opacity of completed task list item */
  --custom-list-task-done-opacity: 0.75;
  /* 边栏 | bar */
  /* 边栏背景颜色 | Side bar (dock) background color */
  --custom-dock-background-color: var(--custom-transparent);
  /* 边栏按钮外边距 | Side bar (dock) button margin */
  --custom-dock-item-margin-width: 4px;
  /* 边栏按钮内边距 | Side bar (dock) button padding */
  --custom-dock-item-padding-width: 5px;
  /* 边栏图标宽高 | Side bar (dock) icon size */
  --custom-dock-item-icon-size: 16px;
  /* 边栏宽度 | Side bar (dock) width */
  --custom-dock-width: calc(var(--custom-dock-item-icon-size) + var(--custom-dock-item-margin-width) * 2 + var(--custom-dock-item-padding-width) * 2);
  /* 工具栏与状态栏高度 | The hieght of toolbar and status bar */
  --custom-bar-height: calc(var(--custom-dock-width) - var(--custom-dock-item-margin-width) * 2);
  /* 顶部工具栏背景颜色 | The background color of the top toolbar */
  --custom-tool-bar-background-color: var(--custom-transparent);
  /* 顶部工具栏被激活控件阴影散布 | The box shadow spread of toolbar item which is activated */
  --custom-toolbar-tiem-active-box-shadow-spread: 4px;
  /* 顶部工具栏被激活控件颜色 | The color of toolbar item which is activated */
  --custom-toolbar-tiem-active-color: var(--b3-theme-on-background);
  /* 顶部工具栏被激活控件背景颜色 | The background color of toolbar item which is activated */
  --custom-toolbar-tiem-active-background-color: var(--b3-theme-background-light);
  /* 窗口控件尺寸偏移量 | Window control size offset */
  --custom-window-tool-size-offset: 2px;
  /* 窗口控件图标高度 | The height of window control icon */
  --custom-window-tool-icon-height: calc(var(--custom-dock-item-icon-size) - var(--custom-window-tool-size-offset) * 2);
  /* 窗口控件图标宽度 | The width of window control icon */
  --custom-window-tool-icon-width: calc(var(--custom-dock-item-icon-size) - var(--custom-window-tool-size-offset) * 2);
  /* 窗口控件填充高度 | The padding height of window control tool */
  --custom-window-tool-padding-height: calc(var(--custom-dock-item-padding-width) + var(--custom-window-tool-size-offset));
  /* 窗口控件填充宽度 | The padding width of window control tool */
  --custom-window-tool-padding-width: calc(var(--custom-dock-item-margin-width) + var(--custom-dock-item-padding-width) + var(--custom-window-tool-size-offset));
  /* 单个窗口控件宽度 | The width of a window control tool */
  --custom-window-tool-width: calc(var(--custom-window-tool-icon-width) + var(--custom-window-tool-padding-width) * 2);
  /* 底部状态栏背景颜色 | The background color of the bottom status bar */
  --custom-status-bar-background-color: var(--custom-transparent);
  /* 收集箱内容预览背景颜色 | The background color of inbox contents preview */
  --custom-inbox-background-color: var(--custom-transparent);
  /* 编辑区背景颜色 | The background color of the edit area */
  --custom-editor-background-color: var(--custom-transparent);
  /* 编辑区标题栏背景颜色 | The background color of the edit area title bar */
  --custom-editor-title-bar-background-color: transparent;
  /* 编辑区导航栏(面包屑)背景颜色 | The background color of the edit area navigation bar (breadcrumbs) */
  --custom-editor-breadcrumb-bar-background-color: var(--custom-components);
  /* 面包屑高度 | breadcrumb height */
  --custom-breadcrumb-height: 2rem;
  /* 编辑区内边距 | Padding of editor pannel */
  --custom-editor-padding-left: 24px;
  --custom-editor-padding-right: 24px;
  /* 编辑区页签栏背景颜色 | The background color of the  edit area tab bar */
  --custom-tab-bar-background-color: var(--custom-transparent);
  /* 编辑区页签栏最小高度 | The min height of the  edit area tab bar */
  --custom-tab-bar-min-height: calc(var(--custom-dock-width));
  /* 非钉住页签项最小宽度 | The minimum width of a non-pinned tab item */
  --custom-tab-bar-item-min-width: none;
  /* 页签图标大小 | The size of the tab bar icon */
  --custom-tab-bar-icon-size: 1.25em;
  /** 页签项排列方式 | The wrap style of tab bar
     *  wrap: 多行显示
     *  nowrap: 单行显示
     */
  --custom-tab-bar-flex-wrap: wrap;
  /* 页签纵向排列时最大宽度 | The maximum width of the tabs witch have vertical aligned */
  --custom-tab-bar-vertical-max-width: 20%;
  /* 弹出窗口背景颜色 | The background color of the popover */
  --custom-popover-background-color: var(--custom-editor-background-color);
  /* 弹出窗口标题栏背景颜色 | The background color of the popover title bar */
  --custom-popover-title-bar-background-color: var(--b3-theme-surface);
  /* 弹出窗口导航栏(面包屑)背景颜色 | The background color of the popover navigation bar (breadcrumbs) */
  --custom-popover-breadcrumb-bar-background-color: var(--custom-editor-breadcrumb-bar-background-color);
  /* 遮罩背景颜色 | Scrim background color */
  --custom-scrim-background-color: var(--custom-transparent-light);
  /* 对话框背景颜色 | Dialog background color */
  --custom-dialog-background-color: var(--custom-transparent);
  /* 对话框集市详情页面背景颜色 | The background color of the bazaar details page in dialog */
  --custom-dialog-bazaar-readme-background-color: var(--custom-transparent-deeper);
  /* 搜索对话框尺寸 | The size of the search dialog box. */
  --custom-dialog-search-width: 96vw;
  --custom-dialog-search-height: 96vh;
  /* 对话框自述页面背景颜色 | Dialog readme page background color */
  --custom-dialog-readme-background-color: var(--custom-transparent-deeper);
  /* 块上方的外边距 | The margin top of the block */
  --custom-block-margin-top: 0;
  /* 块下方的外边距 | The margin top of the block */
  --custom-block-margin-bottom: 0;
  /* iframe 块背景颜色 | The background color of iframe block */
  --custom-block-iframe-background-color: var(--custom-transparent);
  /* 属性视图背景颜色 | The background color of attribute view */
  --custom-block-av-background-color: var(--custom-transparent-lightest);
  /* 属性视图单元格边框颜色 | The border color of attribute view cell */
  --custom-block-av-cell-color: var(--b3-border-color);
  /* 代码块背景颜色 | The background color of code block */
  --custom-block-code-background-color: var(--custom-transparent-lighter);
  /* 代码块行号背景颜色 | The background color of code block linenumber */
  --custom-block-code-linenumber-background-color: transparent;
  /* 代码块行号与编辑区的分隔线 | The separator line between the line number of the code block and the edit area */
  --custom-block-code-linenumber-separator-width: 2px;
  --custom-block-code-linenumber-separator-color: var(--b3-border-color);
  /* 嵌入块背景颜色 | The background color of embed block */
  --custom-block-embed-background-color: var(--custom-transparent-lighter);
  /* 引述块背景颜色 | The background color of quote block */
  --custom-block-quote-background-color: var(--custom-transparent-lighter);
  /* 超级块背景颜色 | The background color of super block */
  --custom-block-super-background-color: var(--custom-transparent-lighter);
  /* 超级块外边距 | The margin of super block */
  --custom-block-super-margin: 0.25em;
  /* 超级块内边距 | The padding of super block */
  --custom-block-super-padding: calc(0.5em - var(--custom-block-super-margin));
  /* 超级块块属性标识位置偏移量 | The position offset of superblock attribute identifies */
  /* 超级块之间的间距 | The spacing between superblocks */
  /* 表格块背景颜色 | The background color of table block */
  --custom-block-table-background-color: transparent;
  /* 表格块单元格边框颜色 | The color of table block cell borders */
  --custom-block-table-cell-border-color: var(--b3-border-color);
  /* 表头 | thead */
  --custom-block-table-thead-background-color: var(--custom-components);
  /* 奇数行 | odd line */
  --custom-block-table-odd-background-color: var(--custom-transparent-lighter);
  /* 偶数行 | even line */
  --custom-block-table-even-background-color: var(--custom-transparent-light);
  /* 鼠标悬浮行 | hover line */
  --custom-block-table-hover-background-color: var(--custom-components-light);
  /* 列表转换成的表格鼠标悬浮背景颜色 | The background color of the mouse hover row of the table converted by a list */
  --custom-list-table-hover-background-color: #FFF1;
  /* 列表转换成的看板最小宽度 | The min width of the board coverted by a list */
  --custom-list-board-min-width: calc(25% - var(--custom-editor-padding-right) / 4);
  /* 弹出菜单 | popover menu */
  /* 弹出功能菜单背景颜色 | The background color of the popover function menu */
  --custom-popover-function-menu-background-color: var(--custom-transparent-deep);
  /* 弹出菜单背景颜色 | The background color of the popover menu */
  --custom-popover-menu-background-color: var(--custom-transparent-deep);
  /* 弹出菜单分隔线颜色 | The color of the popover menu */
  --custom-popover-menu-separator-color: var(--b3-border-color);
  /* 弹出菜单中块属性字段颜色 | The color of the search menu block attribute field */
  --custom-popover-menu-attribute-color: var(--b3-card-warning-color);
  /* 弹出菜单中路径字段颜色 | The color of the path field */
  --custom-popover-menu-path-color: var(--b3-card-info-color);
  /* 弹出菜单外边距宽度 | The margin width of the popover menu */
  --custom-popover-menu-margin-width: 0.25em;
  /* 弹出菜单内边距宽度 | The padding width of the popover menu */
  --custom-popover-menu-padding-width: 4px;
  /* 弹出菜单轮廓宽度 | The outline width of the popover menu */
  --custom-popover-menu-outline-width: 1px;
  /* 弹出菜单轮廓样式 | The outline style of the popover menu */
  --custom-popover-menu-outline-style: solid;
  /* 弹出菜单轮廓颜色 | The outline color of the popover menu */
  --custom-popover-menu-outline-color: var(--b3-scroll-color);
  --custom-popover-menu-focus-outline-color: var(--b3-theme-on-surface-light);
  /* 弹出菜单输入框最小宽度 | The min width of the popover menu input */
  /* --custom-popover-menu-input-min-width: 50vw; */
  --custom-popover-menu-input-min-width: unset;
  --custom-popover-menu-textarea-min-width: var(--custom-popover-menu-input-min-width);
  /* 快照 | snapshot */
  /* 快照创建时间颜色 | The color of the snapshot creation time */
  --custom-snapshot-created-time-color: var(--b3-card-success-color);
  /* 快照附加信息颜色 | The color of the snapshot additional information */
  --custom-snapshot-additional-info-color: var(--b3-card-info-color);
  /* 快照文件信息颜色 | The color of the snapshot file information */
  --custom-snapshot-file-info-color: var(--b3-card-warning-color);
  /* 模板预览 | Template preview */
  /* 模板预览窗口宽度 | The width of the template preview window */
  /* --custom-template-preview-width: 520px; */
  /* --custom-template-preview-width: auto; */
  --custom-template-preview-width: 50vw;
  /* 模板预览窗口最小宽度 | The min width of the template preview window */
  --custom-template-preview-min-width: none;
  /* --custom-template-preview-min-width: 25vw; */
  /* 搜索结果匹配的关键词样式 | The style of matched keywords in the search results */
  --custom-matched-keyword-background-color: transparent;
  /* 预览窗口 | preview window */
  /* 图片预览窗口背景颜色 | The background color of the image preview window */
  --custom-viewer-image-background-color: var(--custom-transparent-light);
  /* 阴影散布宽度 | Shadow spread */
  --custom-box-shadow-spread: 8px;
  /* 阴影颜色 | Shadow color */
  --custom-box-shadow-color: var(--b3-theme-on-background);
  /* 鲜明颜色 | Striking color */
  --custom-striking-color: #ff9632;
  /* 自定义线条颜色 | Line color */
  --custom-line-color: var(--b3-scroll-color);
  /* 数学公式整体缩放比例 | The overall scale of the mathematical formula */
  --custom-math-size: 100%;
  /* 数学公式上下标缩放比例 | The mathematical formula superscript scaling */
  --custom-math-sub-size: 100%;
  /* 数学公式编号的位置 | The position of the mathematical formula number */
  /* 固定在页面右侧 | Pinned to the right side of the page
     * - 公式过长时会被遮挡 | Formulas can be obscured when they are too long
     */
  /* --custom-math-tag-position: absolute; */
  /* 跟随在公式右侧 | Follow to the right of the formula
     * - 公式过长时需要滑动滚动条才能看到编号 | Formulas that are too long require sliding the scroll bar to see
     */
  --custom-math-tag-position: relative;
  /* 列表项聚焦颜色 | List item focus color */
  --custom-list-item-color: var(--b3-protyle-inline-link-color);
  /* 标记文字背景颜色 | The background color of the marker text */
  --cusotm-span-mark-background-color: var(--b3-theme-primary-lighter);
  /* 删除线颜色 | The color of the strikethrough */
  --cusotm-span-strikethrough-color: var(--b3-theme-on-surface);
  /* 思源内部超链接颜色 | The color of SiYuan internal hyperlink */
  --custom-span-siyuan-link-color: var(--custom-color-8-3);
  /* 思源块引用颜色 | The color of SiYuan block reference */
  --custom-span-block-ref-color: var(--custom-striking-color);
  /* 思源文件注释引用颜色 | The color of SiYuan file comment reference */
  --custom-span-file-ref-color: var(--b3-card-warning-color);
  /* 思源标签颜色 | The color of tag */
  --custom-span-tag-color: var(--b3-theme-on-primary);
  /* 思源标签背景颜色 | The background color of tag */
  /* --custom-span-tag-background-color: var(--b3-font-background9); */
  --custom-span-tag-background-color: rgba(189, 201, 255, 0.5);
  --custom-span-doc-tag-background-color: var(--b3-theme-primary-lighter);
  /* 思源虚拟引用背景颜色 | The background color of virtual block ref */
  --custom-span-virtual-ref-background-color: var(--custom-components-light);
  /* 思源标记颜色 | The color of mark */
  --custom-span-mark-color: var(--b3-card-info-color);
  /* 思源标记阴影颜色 | The shadow color of mark */
  --custom-span-mark-shadow-color: var(--b3-theme-on-primary);
  /* 思源标记阴影宽度 | The shadow width of mark */
  --custom-span-mark-shadow-width: 2px;
  /* 闪卡阴影颜色 | Flash card shadow color */
  --custom-riff-decks-shadow-color-default: var(--b3-card-info-color);
  --custom-riff-decks-shadow-color-super: var(--b3-card-warning-color);
  --custom-riff-decks-shadow-color-list: var(--b3-card-error-color);
  --custom-riff-decks-shadow-color-li: var(--b3-card-success-color);
  /* 闪卡阴影宽度 | Flash cord shadow width */
  --custom-riff-decks-shadow-width: 0.25em;
  /* 思源加粗文本颜色 | The color of bold text */
  /* 原样式 | Original style */
  /* --custom-span-strong-color: var(--b3-protyle-inline-strong-color); */
  /* 继承样式 | Inherit style */
  --custom-span-strong-color: var(--b3-protyle-inline-strong-color);
  /* 拖拽参考线颜色 | The color of drag guide */
  --custom-drag-top-shadow-color: var(--b3-theme-primary);
  --custom-drag-bottom-shadow-color: var(--b3-theme-primary);
  --custom-drag-left-shadow-color: var(--custom-striking-color);
  --custom-drag-right-shadow-color: var(--custom-striking-color);
  /* 鼠标划选文本颜色 | The color of the text selected */
  --custom-selection-color: inherit;
  --custom-selection-background-color: var(--b3-theme-primary-lighter);
  /* 空行聚焦提示 | Blank line focus prompt */
  --custom-empty-focus-p: "´･-･)ﾉ㊫";
  --custom-empty-focus-c: "´･-･)ﾉ↹";
  --custom-empty-focus-t: "´･-･)ﾉ☑";
  --custom-empty-focus-u: "´･-･)ﾉ◉";
  --custom-empty-focus-o: "´･-･)ﾉ①";
  /* 空行提示 | Blank line prompt */
  --custom-empty-p: "这里是空的 (´･-･)ﾉ㊫";
  --custom-empty-c: "这里是空的 (´･-･)ﾉ↹";
  --custom-empty-t: "这里是空的 (´･-･)ﾉ☑";
  --custom-empty-u: "这里是空的 (´･-･)ﾉ◉";
  --custom-empty-o: "这里是空的 (´･-･)ﾉ①";
  /* 面板内字段名显示样式 | The field name display style within the panel */
  /* 自动换行显示字段名 | Wrap displays the field names */
  /* --custom-backlink-display: table-cell; */
  /* --custom-bookmark-display: table-cell; */
  /* --custom-file-display: table-cell; */
  /* --custom-inbox-display: table-cell; */
  /* --custom-outline-display: table-cell; */
  /* --custom-tag-display: table-cell; */
  /* --custom-search-display: table-cell; */
  /* 过长时仅显示部分名称(默认样式) | Only partial names are displayed when too long (default style) */
  --custom-backlink-display: -webkit-box;
  --custom-bookmark-display: -webkit-box;
  --custom-file-display: -webkit-box;
  --custom-inbox-display: -webkit-box;
  --custom-outline-display: -webkit-box;
  --custom-tag-display: -webkit-box;
  --custom-search-display: -webkit-box;
  /* 文档树匹配标题颜色(文档标题尾匹配) | Document tree match header color (document end-of-title match) */
  /* * */
  --custom-doctree-end-asterisk-color: var(--b3-card-success-color);
  /* # */
  --custom-doctree-end-sharp-color: var(--b3-card-info-color);
  /* ? */
  --custom-doctree-end-question-color: var(--b3-card-warning-color);
  /* ! */
  --custom-doctree-end-exclamation-color: var(--b3-card-error-color);
  /* 文档树匹配文档标题颜色(文档标题头匹配) | Document tree matches document title color (document header match) */
  /* * */
  --custom-doctree-begin-asterisk-color: var(--custom-color-9-3);
  /* # */
  --custom-doctree-begin-sharp-color: var(--custom-color-8-3);
  /* ? */
  --custom-doctree-begin-question-color: var(--custom-color-4-0);
  /* ! */
  --custom-doctree-begin-exclamation-color: var(--custom-color-6-0);
  /* @ */
  --custom-doctree-begin-at-color: var(--custom-color-5-0);
  /* . */
  --custom-doctree-begin-period-color: #0000;
  /* 弹幕块移动周期 | Danmaku block movement cycle */
  --custom-render-danmaku-time: 16s;
  /* 浮动块 | Floating blocks */
  --custom-position-top: 0;
  --custom-position-bottom: 0;
  /* 滚动条轨道背景颜色 | The background color of scroll track */
  --custom-scroll-track-background-color: var(--b3-border-color);
  /* 过长块的溢出高度 | The overflow height of a overly long block */
  --custom-scroll-max-height: 50vh;
  /* 表格单元格等宽启用时单元格宽度 | Table cell width when cell equal function is enabled */
  --custom-table-cell-equal-width: 256px;
  /* 未激活的窗口 */
  /* 窗口标题栏背景颜色 | The window title bar background color */
  --custom-window-inactive-title-bar-background-color: var(--b3-theme-background);
  /* 窗口标题栏颜色 | The window title bar color */
  --custom-window-inactive-title-bar-color: var(--b3-border-color);
}
@media (orientation: landscape) {
  :root {
    --custom-background-image: var(--custom-background-image-landscape);
    --custom-background-attachment: var(--custom-background-attachment-landscape);
    --custom-background-blend-mode: var(--custom-background-blend-mode-landscape);
    --custom-background-clip: var(--custom-background-clip-landscape);
    --custom-background-origin: var(--custom-background-origin-landscape);
    --custom-background-position: var(--custom-background-position-landscape);
    --custom-background-repeat: var(--custom-background-repeat-landscape);
    --custom-background-size: var(--custom-background-size-landscape);
    --custom-background-color: var(--custom-background-color-landscape);
  }
}
@media (orientation: portrait) {
  :root {
    --custom-background-image: var(--custom-background-image-portrait);
    --custom-background-attachment: var(--custom-background-attachment-portrait);
    --custom-background-blend-mode: var(--custom-background-blend-mode-portrait);
    --custom-background-clip: var(--custom-background-clip-portrait);
    --custom-background-origin: var(--custom-background-origin-portrait);
    --custom-background-position: var(--custom-background-position-portrait);
    --custom-background-repeat: var(--custom-background-repeat-portrait);
    --custom-background-size: var(--custom-background-size-portrait);
    --custom-background-color: var(--custom-background-color-portrait);
  }
}
@font-face {
  font-family: "Win10 Emoji";
  font-style: normal;
  src: url(../../fonts/seguiemj.ttf);
}
/* 更改原属性 */
:root {
  /* 字体 */
  --b3-font-family: "Sarasa Mono SC",
        "quote",
        "Helvetica Neue",
        "Luxi Sans",
        "DejaVu Sans",
        "Hiragino Sans GB",
        "Microsoft Yahei",
        sans-serif,

        "Win10 Emoji",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Noto Color Emoji",
        "Segoe UI Symbol",
        "Android Emoji",
        "EmojiSymbols";
  --b3-font-family-code: "Sarasa Mono SC",

        "JetBrainsMono-Regular",
        mononoki,
        Consolas,
        "Liberation Mono",
        Menlo,
        Courier,
        monospace,

        "SimHei",

        "Win10 Emoji",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Noto Color Emoji",
        "Segoe UI Symbol",
        "Android Emoji",
        "EmojiSymbols";
  --b3-font-family-graph: "Sarasa Mono SC",
        mononoki;
  --b3-font-family-math: KaTeX_Math,
        KaTeX_Main;
  --b3-font-family-emoji: "Win10 Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Segoe UI",
        "Apple Color Emoji",
        "Twemoji Mozilla",
        "Noto Color Emoji",
        "Android Emoji";
  /* 线条 */
  --b3-border-color: var(--custom-components-light);
  /* 提示窗口背景颜色 */
  --b3-tooltips-background: #222C;
  --b3-tooltips-color: #DDD;
  /* 圆角半径 */
  --b3-border-radius: var(--custom-border-radius);
  --b3-border-radius-b: var(--custom-border-radius);
}
/* 👇动画效果👇 */
/* 旋转 */
@keyframes rotateMain {
  50% {
    transform: rotateZ(180deg);
    border-radius: 50%;
  }
  100% {
    transform: rotateZ(360deg);
    border-radius: 35%;
  }
}
/* 动态波浪线 */
@keyframes waveMove {
  from {
    background-position: 0 100%;
  }
  to {
    background-position: -20px 100%;
  }
}
/* 滚动弹幕 */
@keyframes danmaku {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}