/* Tsundoku 特殊调整的样式放这里，通用的就放theme.css里就好 */
:root {
    /* 主色 */
    /* 高亮 */
    /* --b3-theme-primary: #4285f4; */
    /* 菜单高亮、样式高亮、错误提示，确定删除 */
    --b3-theme-primary: #3ca3ce;
    --b3-theme-primary-light: #b9d7e4;
    --b3-theme-primary-lighter: #98dbf888;
    --b3-theme-primary-lightest: #129ad421;
    /* 订阅黄 */
    --b3-theme-secondary: #faad14;
    --b3-theme-background: #fff;
    --b3-theme-background-light: #c4d2db;
    /* 面包屑和标签页 */
    --b3-theme-surface: #edf0f2;
    --b3-theme-error: #ec8d8deb;

    /* 文字颜色 */
    --b3-theme-on-primary: #fff;
    --b3-theme-on-secondary: #fff;
    --b3-theme-on-background: #202124;
    /* 主要图标颜色 */
    --b3-theme-on-surface: #5f6368;
    --b3-theme-on-error: #fff;

    --b3-font-family-math: KaTeX_Math;
    /* 顶部工具栏 */
    --b3-toolbar-background: #d7dfe4;
    --b3-toolbar-blur-background: #d7dfe4;
    --b3-toolbar-color: #5f6368;
    --b3-toolbar-hover: #c4d2db;
    /* 线条 */
    /* --b3-border-color: #dfe0e1; */
    --b3-border-color: #eceded;

    /* 滚动条 m */
    /* --b3-scroll-color: rgba(0, 0, 0, .2); */
    --b3-scroll-color: rgba(5, 50, 80, 0.2);

    /* 列表 */
    /* --b3-list-hover: rgba(0, 0, 0, 0.05); */
    --b3-list-hover: #eaeeef;
    /* 页签 */
    --b3-tab-background: #e7edf0;
    --b3-tab-background-hover: #dee4e8;
    /* 菜单 */
    --b3-menu-background: #ffffff;
    /* 提示 */
    --b3-tooltips-color: #fff;
    --b3-tooltips-background: #335c7396;
    --b3-tooltips-second-color: #fff;
    --b3-tooltips-shadow: 0 2px 8px rgba(0, 0, 0, .1);

    /* 卡片背景 */
    --b3-card-error-color: #b93128;
    --b3-card-error-background: #fdeaec;
    --b3-card-warning-color: rgb(102, 60, 0);
    --b3-card-warning-background: #fce4d2;
    --b3-card-info-color: rgb(13, 60, 97);
    --b3-card-info-background: #F0F4F9;
    --b3-card-success-color: rgb(30, 70, 32);
    --b3-card-success-background: #e5fae5;
    /* 自定义文字 */
    --b3-font-color1: #e21e11;
    --b3-font-color2: #f1781c;
    --b3-font-color3: #2183ce;
    --b3-font-color4: #11ad81;
    --b3-font-color5: #878484;
    --b3-font-color6: #3fada5;
    --b3-font-color7: #faad14;
    --b3-font-color8: #a3431f;
    --b3-font-color9: #596ab7;
    --b3-font-color10: #944194;
    --b3-font-color11: #d447c5;
    --b3-font-color12: #ee2e68;
    --b3-font-color13: #fff;
    --b3-font-background1: #FEDADE;
    --b3-font-background2: #fce4d2;
    --b3-font-background3: #F0F4F9;
    --b3-font-background4: #e5fae5;
    --b3-font-background5: #e2e3e4;
    --b3-font-background6: #d8faff;
    --b3-font-background7: #fef7d2;
    --b3-font-background8: #f0ede0;
    --b3-font-background9: #e9e9ff;
    --b3-font-background10: #e5daff;
    --b3-font-background11: #f5c7f0;
    --b3-font-background12: #FFD8E4;
    --b3-font-background13: #202124;
    /* PDF */
    --b3-pdf-sidebar-width: 200px;
    --b3-pdf-offset: 0;
    --b3-pdf-background1: #f4eba3;
    --b3-pdf-background2: #9af997;
    --b3-pdf-background3: #59c6ff;
    --b3-pdf-background4: #ff8280;
    --b3-pdf-background5: #faad14;
    --b3-pdf-background6: #d4d4d4;
    --b3-pdf-background7: #52d4ca;
    /* 动画效果 */
    --b3-transition: all 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;

    /* 阴影 */
    --b3-point-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
        0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    --b3-dialog-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 9px 46px 8px rgba(0, 0, 0, 0.12);

    /* diff */
    --b3-diff-add: #dfd;
    --b3-diff-add-surface: #97f295;
    --b3-diff-del: #fee8e9;
    --b3-diff-del-surface: #ffb6ba;

    /* 图表颜色 */
    --b3-graph-p-point: #076f7e;
    --b3-graph-heading-point: #660e7a;
    --b3-graph-math-point: #80ffa5;
    --b3-graph-code-point: #00ddff;
    --b3-graph-table-point: #37a2ff;
    --b3-graph-list-point: #ff0087;
    --b3-graph-todo-point: #ffbf00;
    --b3-graph-olist-point: #b3005f;
    --b3-graph-listitem-point: #f65b00;
    --b3-graph-bq-point: #8d48e3;
    --b3-graph-super-point: #dd79ff;
    --b3-graph-doc-point: #888888;
    --b3-graph-tag-point: #dbf32f;
    --b3-graph-asset-point: #05c091;
    --b3-graph-line: #5f6368;
    --b3-graph-ref-line: #1da1aa;
    --b3-graph-tag-line: #5f6b06;
    --b3-graph-tag-tag-line: #dbf32f;
    --b3-graph-asset-line: #037457;
    --b3-graph-hl-point: #4dc362;
    --b3-graph-hl-line: #4285f4;

    /* 编辑器搜索颜色 */
    --b3-protyle-search-background: #ffe955;
    --b3-protyle-search-border-color: #f2e680;
    --b3-protyle-search-current-background: #a5d3fe;

    /* 代码块背景 m */
    --b3-protyle-code-background: #f6f8fa;

    /* 所见即所得行内元素颜色 */
    --b3-protyle-inline-strong-color: #202124;
    --b3-protyle-inline-em-color: #202124;
    --b3-protyle-inline-s-color: #9ba0ad;
    --b3-protyle-inline-link-color: #3375ab;
    --b3-protyle-inline-link-hover-color: #2094f3;
    --b3-protyle-inline-mark-background: #C9EDD1;
    --b3-protyle-inline-mark-color: #202124;
    --b3-protyle-inline-tag-background: #70b3ca;
    --b3-protyle-inline-tag-color: #fff;
    --b3-protyle-inline-code-color: #3779b3;
    --b3-protyle-inline-code-background: #F3F4F4;
    --b3-protyle-inline-blockref-color: #0e7a88;
    --b3-protyle-inline-blockref-hover-color: #ff398b;

    /* 表格背景设置 */
    --b3-table-border-color: #d1d3d6;
    --b3-table-th-color: #e9ecee;
    --b3-table-trn-color: #fff;
    --b3-table-tr2n-color: var(--b3-theme-background);
    /* 高亮 */
    --b3-menu-highlight-color: #068eb8;
    --b3-menu-highlight-focus-color: #34495e;
    /* 文件树背景高亮颜色 */
    --b3-menu-highlight-background: #dde5ea;
    --custom-tab-background: #edf0f2;
    --custom-tab-hover-background: #76878d38;
    --custom-tab-border: #d3dae27c;
    --custom-tab-focus-top-border: #435f6b;
    /* 各级标题颜色 */
    --custom-h1-color: rgba(15, 76, 129, 1);
    --custom-h2-color: #083256;
    --custom-h2-border-color: #dfe0e1;
    --custom-h3-color: rgba(15, 76, 129, 1);
    --custom-h4-color: #1c849e;
    --custom-h5-color: #24ac77;
    --custom-h6-color: var(--b3-theme-on-background);
    --custom-blockquote-border-color: #e8e8e8;
    --custom-blockquote-background-color: #eaf7ff59;
    --custom-tag-hover-color: #559898;
    --custom-link-bottom-color: #3375ab;
}


/* 主要背景色 */
.status,
.dock {
    /* 侧边栏更改 */
    background-color: #c3cfd6a9;
}

.toolbar {
    background-color: #c3cfd6a9;
}

.layout-tab-container {
    background-color: #fff;
}

.block__popover > .block__icons,
.layout__dockl .layout-tab-container .block__icons,
.layout__dockr .layout-tab-container .block__icons {
    background-color: #d5dde2;
}

.layout-tab-container {
    background-color: #f5f7f8;
}

.fn__flex-column.fn__flex-1 {
    background-color: #f1f5f8;
}

#viewerContainer {
    background-color: #ebeef1;
}

.pdf__toolbar {
    background-color: #f7f9fb;
}

.graph__loading {
    background-color: rgb(196, 214, 212);
}

/* 工具栏样式 */
.protyle-toolbar {
    background-color: rgb(235 239 243);
}



/* 鼠标划选区域*/
/* .protyle-wysiwyg ::selection {
    background-color: rgba(7, 97, 214, 0.445);
    color: white;
} */

/* 前进后退disable颜色更改 */
.toolbar__item--disabled,
.toolbar__item--disabled:hover {
    color: #929d9d;
    cursor: not-allowed;
}

.protyle-wysiwyg [data-node-id].li>[data-node-id]:before {
    border-left: 1px solid #dfe0e1;
}

[data-theme-mode='light'] .protyle-wysiwyg [data-node-id].li:before {
    border-left: 0.5px solid #dfe0e1;
}

/* 区分侧栏聚焦和未聚焦状态 */
.block__icons--active {
    background-color: #c0d0daf8 !important;
}

/* 已关闭的笔记本样式 */
.file-tree .b3-list.fn__flex-column.fn__flex-1>.b3-list-item:first-child {
    background-color: #e1e2d5;
}

/* 已打开的标签页 */
.layout-tab-bar .item--focus,
.layout__wnd--active .layout-tab-bar .item--focus {
    border-radius: 7px 7px 0px 0px;
    border: 0px solid transparent;
    border-top: 0px solid transparent;
    font-weight: 400;
    font-size: 15px;
    background-color: #ffffff;
    color: var(--b3-menu-highlight-focus-color);
}

.block__popover--open .fn__flex-column .protyle-wysiwyg {
    /* 块引用预览背景颜色 */
    background-color: #f3f7f8;
    transition: background-color 0.5s linear;
}

/* 引述块行内代码样式优化 */
.protyle-wysiwyg [data-node-id].bq span[data-type~='kbd'],
.protyle-wysiwyg [data-node-id].bq span[data-type~='code'] {
    color: var(--b3-card-info-color);
    background-color: #bedaeb52
}

/* 引述块内的代码块 */
.bq .code-block {
    background: #f6f8fa66 !important;
}

/* 透明图片查看大图的背景为白色 */
.viewer-canvas>img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto;
    background: #fff;
}

/* 页签背景 */
.layout-tab-bar {
    background-color: #ECF1F4;

}

#layouts>div.fn__flex.fn__flex-1>div.layout__center.fn__flex-column.fn__flex-1>div>div>div.fn__flex {
    background: #ECF1F4;
}

/* 导出代码块 */
.b3-typography .code-block {
    background-color: #F6F8FA;
}