/* 引入特性 */
@import url(style/ordered-list.css);/*有序列表*/
@import url(style/unordered-list.css);/*无序列表*/
@import url(style/h-reminder.css);/*标题符号*/
@import url(style/list2map.css);/*列表转导图*/
@import url(style/list2table.css);/*列表转表格*/
@import url(style/list2board.css);/*列表转看板*/
@import url(style/ctrlp.css);/*搜索分栏*/
@import url(style/bq-callout.css);/*引述样式*/
/* 引入网址链接前的图标相关代码 */
@import url("style/link-icon.css");
/* 自定义配置文件 */
@import url(/widgets/custom.css);
/*-------------------------------------------*/
@keyframes menu {
	0% {opacity: 0;}
	50% { transform: scale(1.01);
	transform-origin: 0 0 ;
          opacity: 0.5;	}
	100% { transform: scale(1); 
	 }
}
@keyframes statusmsg {
	0% {max-width:1000px;}
	80% {max-width:1000px;}
	100% {max-width:180px;}
}
@keyframes item-focus {
	0% { transform: scale(.01);
          opacity: 0.5;	}
	100% { transform: scale(1); 
	 }
}
@keyframes flex-column{
	0% { transform: scale(1,.8);
	transform-origin: 0 0 ;
          opacity: 0;	}
	100% { transform: scale(1,1); 
	transform-origin: 0 0 ;
	 }
}

:root {
    /* 主色 */
    --b3-theme-primary: rgb(46, 170, 220);/* 主色 */
    --b3-theme-primary-light: rgba(46, 170, 220, 0.54);
    --b3-theme-primary-lighter: rgba(46, 170, 220, 0.38);
    --b3-theme-primary-lightest: rgba(46, 170, 220, 0.2);
    --b3-theme-secondary: #f3a92f;
    --b3-theme-background: #fff;/* 编辑区背景 */
    --b3-theme-background-light: rgb(247, 246, 243);
    --b3-theme-surface: rgb(247, 246, 243);/* 面板主色 */
    --b3-theme-surface-light: rgba(243, 243, 243, .5);
    --b3-theme-error: #eb5757;

    /* 文字颜色 */
    --b3-theme-on-primary: #fff;
    --b3-theme-on-secondary: #fff;
    --b3-theme-on-background: rgb(55, 53, 47);
    --b3-theme-on-surface: rgba(55, 53, 47, 0.6);
    --b3-theme-on-surface-light: rgba(95, 99, 104, .68);
    --b3-theme-on-error: #fff;

    /* 字体 */
    --b3-font-family:apple-system, BlinkMacSystemFont, "Segoe UI", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", sans-serif,  "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    --b3-font-family-code: "JetBrainsMono-Regular", mononoki, Consolas, "Liberation Mono", Menlo, Courier, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    --b3-font-family-graph: mononoki;
    --b3-font-family-emoji: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
    --b3-font-family-math: KaTeX_Math;

    /* 线条 */
    --b3-border-color: rgba(0, 0, 0, 0.1);

    /* 滚动条 */
    --b3-scroll-color: rgba(211,209,203,.5);
	--b3-scroll-color-hover: rgba(174,172,166);
	--b3-scroll-bgcolor: transparent;

	--b3-border-scroll: rgba(55, 53, 47, 0.2);
	
	--webkit-scrollbar: 6px;
	--webkit-scrollbar-thumb: 4px;
    /* 列表 */
    --b3-list-hover: rgba(55, 53, 47, 0.08);

    /* 菜单 */
    --b3-menu-background: #f8f9fa;

    /* 提示 */
    --b3-tooltips-color: rgba(15, 15, 15);

    /* 遮罩 */
    --b3-mask-background: rgba(0, 0, 0, 0.78);

    /* 卡片背景 */
    --b3-card-error-color: rgb(97, 26, 21);
    --b3-card-error-background: rgb(253, 236, 234);
    --b3-card-warning-color: rgb(102, 60, 0);
    --b3-card-warning-background: rgb(255, 244, 229);
    --b3-card-info-color: rgb(13, 60, 97);
    --b3-card-info-background: rgb(232, 244, 253);
    --b3-card-success-color: rgb(30, 70, 32);
    --b3-card-success-background: rgb(237, 247, 237);

    /* 自定义文字 */
	--b3-font-color1: #000;
    --b3-font-color2: rgba(55, 53, 47, 0.6);
    --b3-font-color3: rgb(100, 71, 58);
	--b3-font-color4: rgb(217, 115, 13);
    --b3-font-color5: #f5822e;
	--b3-font-color6: rgb(223, 171, 1);
    --b3-font-color7: #65b84d;
	--b3-font-color8: rgb(15, 123, 108);
    --b3-font-color9: rgb(11, 110, 153);
    --b3-font-color10: rgb(105, 64, 165);
    --b3-font-color11: rgb(173, 26, 114);
    --b3-font-color12: rgb(224, 62, 62);
    --b3-font-color13: #e81123;
    
	--b3-font-background1: rgb(198, 203, 208);
    --b3-font-background2: rgb(225, 225, 225);
    --b3-font-background3: rgb(235, 236, 237);
    --b3-font-background4: rgb(233, 229, 227);
	--b3-font-background5: rgb(246, 225, 205);
    --b3-font-background6: rgb(250, 235, 221);
    --b3-font-background7: rgb(251, 243, 219);
	--b3-font-background8: rgba(221, 237, 226);
    --b3-font-background9: rgb(221, 237, 234);
    --b3-font-background10: rgb(221, 235, 241);
    --b3-font-background11: rgb(234, 228, 242);
    --b3-font-background12: rgb(244, 223, 235);
    --b3-font-background13: rgb(251, 228, 228);
	/*callout*/
	--b3-bq-background1: rgb(198, 203, 208 , .3);
    --b3-bq-background2: rgb(225, 225, 225 , .3);
    --b3-bq-background3: rgb(235, 236, 237 , .3);
    --b3-bq-background4: rgb(233, 229, 227 , .3);
	--b3-bq-background5: rgb(246, 225, 205 , .3);
    --b3-bq-background6: rgb(250, 235, 221 , .3);
    --b3-bq-background7: rgb(251, 243, 219 , .3);
	--b3-bq-background8: rgba(221, 237, 226 , .3);
    --b3-bq-background9: rgb(221, 237, 234 , .3);
    --b3-bq-background10: rgb(221, 235, 241 , .3);
    --b3-bq-background11: rgb(234, 228, 242 , .3);
    --b3-bq-background12: rgb(244, 223, 235 , .3);
    --b3-bq-background13: rgb(251, 228, 228 , .3);
    /* 动画效果 */
    --b3-transition: all .15s cubic-bezier(0, 0, .2, 1) 0ms;
    --b3-width-transition: width .15s cubic-bezier(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);
	--b3-menu-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;

    /* 图表颜色 */
    --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: #202124;
    --b3-graph-tag-point: #dbf32f;
    --b3-graph-asset-point: #05c091;
    --b3-graph-line: #5f6368;
    --b3-graph-ref-line: #d23f31;
    --b3-graph-tag-line: #5f6b06;
    --b3-graph-tag-tag-line: #dbf32f;
    --b3-graph-asset-line: #037457;
    --b3-graph-hl-point: #f3a92f;
    --b3-graph-hl-line: #4285f4;

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

    /* 代码片段背景 */
    --b3-protyle-code-background: rgba(27, 31, 35, .05);
    --b3-protyle-code-linenumber-hl: #b9d1f4;

    /* 所见即所得行内元素颜色 */
    --b3-protyle-inline-strong-color: #202124;
    --b3-protyle-inline-em-color: #202124;
    --b3-protyle-inline-s-color: #202124;
    --b3-protyle-inline-link-color: #4285f4;
    --b3-protyle-inline-mark-background: #ffe955;
    --b3-protyle-inline-mark-color: #202124;
    --b3-protyle-inline-tag-color: #5f6368;
    --b3-protyle-inline-blockref-color: #660e7a;

    /* PDF */
    --b3-pdf-selection: #d0e9c8;
    --b3-pdf-sidebar-width: 200px;
    --b3-pdf-offset: 0;
    --b3-pdf-background1: var(--b3-font-background5);
    --b3-pdf-background2: var(--b3-font-background6);
    --b3-pdf-background3: var(--b3-font-background7);
    --b3-pdf-background4: var(--b3-font-background8);
    --b3-pdf-background5: var(--b3-font-background10);
    --b3-pdf-background6: var(--b3-font-background11);
    --b3-pdf-background7: var(--b3-font-background13);
	
	/* 自定义结构配色 */
	/* 顶栏 */
	--b3-toolbar-blur-background: var(--b3-fn__flex-shrink-background);
	--b3-toolbar-background: var(--b3-theme-background);
	--b3-toolbar-item-hover: rgba(0, 0, 0, .05);
	--b3-toolbar-closeWindow-hover: #e81123;
	--b3-toolbar-closeWindow-svg: #fff;
	/* dock栏 */
	--b3-dockright-color: rgb(55, 53, 47, .5);
	--b3-dockright-background: rgba(237, 236, 233);
	--b3-dockleft-color: rgb(55, 53, 47, .5);
	--b3-dock-background: rgba(237, 236, 233);
	--b3-dockright-item-active-background: #fff;
	--b3-dockleft-item-active-background: #fff;
	--b3-dock-item-active-color: #eb8383;
	--b3-dock-item-hover-background: #fff;
	
	--b3-dock-item-width: 36px;
	--b3-dock-item-padding: 5px;
	--b3-dock-item-margin: 7px 5px 7px 5px;
	--b3-dock-item-radius: 5px;
	/* 侧栏面板 */
	--b3-fn__flex-column-background: rgb(247, 246, 243);
	--b3-fn__flex-shrink-background: rgb(247, 246, 243);
	--b3-block-logo-color: rgb(247, 246, 243);
	--b3-block-logo-background-color: rgba(55, 53, 47, 0.3);
	--b3-block-icon-svg-color: rgba(161, 160, 156);
	--b3-block-icon-hover: rgba(55, 53, 47, 0.08);
	--b3-block-icon-active: #eb8383;
	--b3-list-item-arrow: rgba(55, 53, 47, 0.4);
	--b3-list-background: rgba(55, 53, 47, 0.08);
	--b3-list-background-focus: rgba(55, 53, 47, 0.14);
	--b3-list-background-more: rgba(108, 106, 101);
	
	--b3-flex-column-padding:6px 0px 4px 0px;
	--b3-list-item-radius: 3px;
	/* 大纲数字 */
	--h1-list-graphic: #eb8383;
	--h2-list-graphic: #ae9acb;
	--h3-list-graphic: #7db5cd;
	--h4-list-graphic: #71a796;
	--h5-list-graphic: #dcbf61;
	--h6-list-graphic: #dda36a;
	/* 线条 */
	--b3-layout-resize: rgba(230, 229, 225);
	--b3-shrink-layout-resize: rgba(230, 229, 225);
	--b3-layout-resize-hover: var(--b3-scroll-color);
	--flex-width-transition:width 150ms linear; /*调节宽度动画*/
	--b3-border-fold: rgb(15, 15 , 15, .1);/*折叠边框*/
	--b3-layout-resize-width: 1px;
	/* 页签 */
	--b3-item-focus: rgb(0, 0, 0 ,1);
	/* 面包屑 */
	--b3-protyle-breadcrumb-shadow:var(--b3-layout-resize);
	--b3-protyle-breadcrumb-arrow: rgba(174,172,166);
	--b3-breadcrumb-svg: rgba(55, 53, 47, 0.8);
	/* 头图按钮 */
	--b3-icons-tooltips: rgba(55, 53, 47, 0.5);
	--b3-icons-tooltips-hover: var(--b3-list-background);
	--b3-img-icons-tooltips: var(--b3-theme-on-surface);
	--b3-img-icons-tooltips-bg: var(--b3-theme-background);
	--b3-img-icons-span: rgba(0, 0, 0, .5);
	/* 块标 */
	--b3-gutters-color: rgba(211,209,203);
	--b3-gutters-background: var(--b3-toolbar-item-hover);
	/* 弹出工具条字体颜色选择 */
	--b3-color--square: var(--b3-border-color);
	/* 任务列表 */
	--b3-task-done-color: var(--b3-scroll-color-hover);
	--b3-task-done-hover: #069ccd;
	/* 引述 */
	--b3-bq-background: rgba(249, 249, 250);
	/* 块引用 */
	--b3-block-ref-background: var(--b3-toolbar-item-hover);
	/* 代码块 */
	--b3-linenumber-rows: rgba(237, 236, 233);
	--b3-code-block-hljs: var(--b3-fn__flex-shrink-background);						  
	/*行内代码*/
	--b3-inline-code:var(--b3-theme-error);
	/*按钮*/
	--b3-button: #069ccd;
	/*pdf*/
	--b3-toolbarSidebar: rgba(237, 236, 233); 
	/*导图*/
	--b3-border-daotu: 2px solid #ffb8b8;
	--b3-block-daotu:#FFF;
	/*看板*/
	--kbline-boarditem-minwidth: 14rem;/*看板卡片的最小宽度*/
	--kb--li--background:#fff;
	/*ctrlp*/
	--b3-list-item--meta: rgba(55, 53, 47, 0.3);
	/*底栏状态*/
	--b3-status-msg-background: #e0dfda;
}

/* PDF */
.textLayer,
.pdf__resize {
    mix-blend-mode: darken;
}

.b3-typography div.hljs, .protyle-wysiwyg div.hljs {
    background-color: #f8f9fa;
}

body{
	border: 0px!important;
}
/* ————————————————————顶栏———————————————————— */
.toolbar{
	background-color: var(--b3-toolbar-background);
	margin-bottom: -7px;
	height:35px;
	z-index: 99;
	opacity: 1;
	box-shadow: 0px -1px 0px 0px var(--b3-fn__flex-shrink-background) inset;
}


#notionToolbar{
	transform:translateY(0px);
}

.toolbar__item{
	margin: 5px 0px 5px 5px ;
	border-radius:3px;
	padding: 3px;
}
.toolbar__item svg{
	padding: 4px;
	height: 13px;
	width: 13px;	
}

.toolbar__item:not(.toolbar__item--disabled) svg{
	color: var(--b3-theme-on-background);
}

.toolbar__item:hover{
	background-color: var(--b3-toolbar-item-hover);
}
#minWindow svg, #restoreWindow svg, #maxWindow svg, #closeWindow svg{
	width: 10px!important;
	padding: 3px 8px;
}
#minWindow, #restoreWindow, #maxWindow, #closeWindow{
	margin: 6px 5px 4px 0px ;
}
.toolbar__item--close{
		padding: 4px 8px;
}
#closeWindow:hover{
	background-color: var(--b3-toolbar-closeWindow-hover);
}
#closeWindow:hover svg{
	color: var(--b3-toolbar-closeWindow-svg);
}
#drag {
	line-height:35px;
	padding-left:75px!important;
}

/* ————————————————————dock栏———————————————————— */
.dock{
	background-color: var(--b3-dock-background);
}
.dock#dockLeft,
.dock#dockRight{
	border: 0px;
	width: var(--b3-dock-item-width);
}
.dock#dockLeft .dock__item{
	padding: var(--b3-dock-item-padding);
	margin: var(--b3-dock-item-margin);
	border-radius: var(--b3-dock-item-radius);
	color: var(--b3-dockleft-color);
}
.dock#dockRight .dock__item{
	padding: var(--b3-dock-item-padding);
	margin: var(--b3-dock-item-margin);
	border-radius: var(--b3-dock-item-radius);
	color: var(--b3-dockright-color);
}
.dock#dockLeft .dock__item--active{
	color: var(--b3-dock-item-active-color);
	background-color: var(--b3-dockleft-item-active-background);
}
.dock#dockRight{
	background-color: var(--b3-dockright-background);
}
.dock#dockRight .dock__item--active{
	color: var(--b3-dock-item-active-color);
	background-color:var(--b3-dockright-item-active-background);
}
.dock#dockLeft .dock__item:first-child,.dock#dockRight .dock__item:first-child{
	margin: 17px 5px 7px 5px;
}
.dock#dockRight .dock__item:last-child{
	margin: 7px 5px 40px 5px;
	bottom:0px;
}
.dock#dockLeft .dock__item:last-child{
	margin: 7px 5px 7px 5px;
	bottom:0px;
}
.dock__item svg{
	width: 14px;
}
.dock__item {
	padding-left:6px!important;
}
.dock#dockLeft .dock__item:hover,
.dock#dockRight .dock__item:hover{
	background-color: var(--b3-dock-item-hover-background);
	transition: all 300ms;
}

/*dock活动状态*/
.dock__item--activefocus{
	background-color:var(--b3-dock-item-active-color)!important;
	color:var(--b3-theme-background)!important;
}

/* ————————————————————侧栏面板———————————————————— */
.layout-tab-container>.fn__flex-column{
	background-color: var(--b3-fn__flex-column-background);
	padding: var(--b3-flex-column-padding);
	min-height: 90% ;
}
/*侧栏滚动出现分割线
.layout-tab-container>.fn__flex-column>.fn__flex-1{
	background: linear-gradient(var(--b3-fn__flex-column-background), transparent 100%),
				linear-gradient(var(--b3-border-scroll), transparent 100%);
    background-size: 100% 30px, 100% 1px;
    background-repeat: no-repeat;
    background-attachment: local, scroll;
}*/
.fn__flex >.fn__flex-shrink>.fn__flex>.fn__flex>.layout-tab-container>.fn__flex-column{
	background-color: var(--b3-fn__flex-shrink-background);
}
/*侧栏展开动画*/
#layouts>.fn__flex>.fn__flex-column>.fn__flex>div[data-type=wnd]>.layout-tab-container>.fn__flex-column{animation: flex-column  0.2s ease-in-out;}
/*面板标题*/
.file-tree .block__icons{
	height:46px; 
    padding: 0px 15px;
}
/*面板标题图标*/
.block__logo svg{
	width: 12px;
	height: 12px;
	padding: 6px;
	margin: 0px 10px 0px 0px;
	border-radius: 5px;
	color: var(--b3-block-logo-color);
	background-color: var(--b3-block-logo-background-color);
}
/*面板功能*/
.file-tree .block__icons>.block__icon svg,
.file-tree .block__icons>.fn__flex>.block__icon svg{
	padding: 5px;
	height: 12px;
    width: 12px;
	color: var(--b3-block-icon-svg-color);
}
.file-tree .block__icons>.block__icon,.file-tree .block__icons>.fn__flex>.block__icon{
	margin:-4px;
	padding: 0px;
}
.file-tree .block__icons>.fn__flex>.block__icon[type="checkbox"]{
	margin:0px 0px 0px -8px;
}
.file-tree .block__icons .block__icon:hover{
	background-color: var(--b3-block-icon-hover);
	border-radius: 3px;
}
/*面板标题激活状态
.block__icons.block__icons--active>.block__logo svg{
	background-color: var(--b3-block-icon-active);
}

.block__icons.block__icons--active>.block__logo,
.block__icons.block__icons--active>.block__icon svg,
.block__icons.block__icons--active>.fn__flex>.block__icon svg{
	color: var(--b3-block-icon-active);
}
.block__icons--active{
	background-color: transparent;
}*/

.layout__tab--active .b3-list--background .b3-list-item--focus:not(.dragover):not(.dragover__top):not(.dragover__bottom){
	background-color:var(--b3-list-hover);
}
/*面板列表项*/
.file-tree .b3-list-item{
	margin:0 5px!important;
}
.b3-list-item{
	border-radius:var(--b3-list-item-radius);
}
.fn__flex>.fn__flex>.layout-tab-container>.fn__flex-column .b3-list-item{
	margin:0 4px;
	padding:1px 6px;
}
.b3-list-item__arrow{
	color:var(--b3-list-item-arrow);
	padding:5px;
    margin:0 -5px 0 5px;
    border-radius: 3px;
}
.b3-list-item__icon{
	height: 22px;
	width: 16px;
	font-size:14px;
	line-height:22px;
}
.b3-list-item__icon svg,.b3-list-item__icon img{
	margin: 0px;
	padding: 3px 0px 2px 0px;
	border-radius: 3px;
}
.b3-list-item__graphic{
	padding: 3px 4px;
    border-radius: 3px;
}
.b3-list-item__toggle.fn__hidden:before {
	visibility: visible!important;
    content: "•";  
	margin:0px -18px 0 12px;
    color:var(--b3-list-item-arrow);
	font-size: 100%;
}
.b3-list-item__text{
	color:var(--b3-theme-on-surface);
}
.b3-list-item--hide-action .b3-list-item__action {
    height:20px;
	padding: 0 3px;
	margin-left:4px;
	border-radius: 3px;
	color:var(--b3-list-background-more);
}
/*新建文档*/

/*引用数*/
.b3-list-item .counter:not(:empty){
	height: 20px;
	line-height: 20px;
	text-align: center;
	min-width: 12px;
	border-radius: 3px;
	padding: 0 4px;
	margin-left: 4px;
	box-shadow: 0 0 0 1px var(--b3-border-color) inset;
}
/*面板列表项hover状态*/
.b3-list-item:hover,.b3-list-item__arrow:hover,
.b3-list-item__action:hover,.counter:not(:empty):hover,.b3-list-item__icon:hover{
    background-color: var(--b3-list-background)!important ;
}
.b3-list-item--focus:hover{
    background-color: var(--b3-list-background-focus)!important ;
}
.b3-list-item__toggle:hover{
	background-color: rgba(0, 0, 0, 0)!important;
}

/* 面板列表项 选中状态*/
.b3-list-item--focus .b3-list-item__text{   
	font-weight:600;
	color:var(--b3-theme-on-background)!important;
}
/*标签树*/
.sy__tag>.fn__flex-1>ul>.b3-list-item>.b3-list-item__graphic,
.sy__tag ul ul li>.b3-list-item__graphic{
	display:none;
}
.sy__tag>.fn__flex-1>ul>.b3-list-item>.b3-list-item__text:before,
.sy__tag ul ul li>.b3-list-item__text:before{
	visibility: visible!important;
    content: "# ";  
    color:var(--b3-list-item-arrow);
	padding-left:0px;
}
/*收集箱面板*/
.sy__inbox .inbox__details{
	top: 50px;
}
input[type="checkbox" i] {
	margin-left:6px;
}
/*大纲面板*/
.sy__outline>.b3-list-item>.b3-list-item__graphic{
	padding-left: 10px;
}
/*大纲前圆点*/
.sy__outline .b3-list-item__arrow.fn__hidden{
	visibility: visible!important;
	opacity: 0.6;
	width: 0.2em;
	height: 0.2em;
	color: transparent;
	background-color:var(--b3-list-item-arrow);
	border-radius: 50%;
	padding: 0px;
	margin: 0 4px 0 14px;
}
.sy__outline .b3-list-item__arrow.fn__hidden:hover{
	background-color: var(--b3-list-item-arrow)!important ;
}
/*大纲数字*/
.file-tree ul.b3-list.b3-list--background [data-subtype="h1"] .b3-list-item__toggle::after,
.file-tree ul.b3-list.b3-list--background [data-subtype="h2"] .b3-list-item__toggle::after,
.file-tree ul.b3-list.b3-list--background [data-subtype="h3"] .b3-list-item__toggle::after,
.file-tree ul.b3-list.b3-list--background [data-subtype="h4"] .b3-list-item__toggle::after,
.file-tree ul.b3-list.b3-list--background [data-subtype="h5"] .b3-list-item__toggle::after,
.file-tree ul.b3-list.b3-list--background [data-subtype="h6"] .b3-list-item__toggle::after{
	position:relative;
	left:8px;
	border-radius:3px;
	opacity:0.5;
	font-size:10px;
}
.file-tree ul.b3-list.b3-list--background [data-subtype="h1"] svg.b3-list-item__graphic,
.file-tree ul.b3-list.b3-list--background [data-subtype="h2"] svg.b3-list-item__graphic,
.file-tree ul.b3-list.b3-list--background [data-subtype="h3"] svg.b3-list-item__graphic,
.file-tree ul.b3-list.b3-list--background [data-subtype="h4"] svg.b3-list-item__graphic,
.file-tree ul.b3-list.b3-list--background [data-subtype="h5"] svg.b3-list-item__graphic,
.file-tree ul.b3-list.b3-list--background [data-subtype="h6"] svg.b3-list-item__graphic{
	margin-left:-14px;
	margin-right:4px;
    color:transparent;
	z-index:2;
}
.file-tree ul.b3-list.b3-list--background [data-subtype="h1"] .b3-list-item__toggle::after{
	content:"❶";
	color:var(--h1-list-graphic);
}
.file-tree ul.b3-list.b3-list--background [data-subtype="h2"] .b3-list-item__toggle::after{
	content:"❷";
	color:var(--h2-list-graphic);
}
.file-tree ul.b3-list.b3-list--background [data-subtype="h3"] .b3-list-item__toggle::after{
	content:"❸";
	color:var(--h3-list-graphic);
}
.file-tree ul.b3-list.b3-list--background [data-subtype="h4"] .b3-list-item__toggle::after{
	content:"❹";
	color:var(--h4-list-graphic);
}
.file-tree ul.b3-list.b3-list--background [data-subtype="h5"] .b3-list-item__toggle::after{
	content:"❺";
	color:var(--h5-list-graphic);
}
.file-tree ul.b3-list.b3-list--background [data-subtype="h6"] .b3-list-item__toggle::after{
	content:"❻";
	color:var(--h6-list-graphic);
}

.file-tree ul.b3-list.b3-list--background [data-subtype="h1"] svg.b3-list-item__graphic:hover{
	background-color:var(--h1-list-graphic);
	opacity:0.2;
}
.file-tree ul.b3-list.b3-list--background [data-subtype="h2"] svg.b3-list-item__graphic:hover{
	background-color:var(--h2-list-graphic);
	opacity:0.2;
}
.file-tree ul.b3-list.b3-list--background [data-subtype="h3"] svg.b3-list-item__graphic:hover{
	background-color:var(--h3-list-graphic);
	opacity:0.2;
}
.file-tree ul.b3-list.b3-list--background [data-subtype="h4"] svg.b3-list-item__graphic:hover{
	background-color:var(--h4-list-graphic);
	opacity:0.2;
}
.file-tree ul.b3-list.b3-list--background [data-subtype="h5"] svg.b3-list-item__graphic:hover{
	background-color:var(--h5-list-graphic);
	opacity:0.2;
}
.file-tree ul.b3-list.b3-list--background [data-subtype="h6"] svg.b3-list-item__graphic:hover{
	background-color:var(--h6-list-graphic);
	opacity:0.2;
}
/* 反链面板 */
.backlinkList>.b3-list>.protyle,.backlinkMList>.b3-list>.protyle{
	margin:0 4px 4px 4px;
	border-radius:3px;
}
.sy__backlink .b3-text-field{
	height:24px;
}
.sy__backlink .b3-text-field:not(.b3-text-field:focus){
	box-shadow: inset 0 0 0 1px var(--b3-layout-resize);
}
/*分界线*/
.layout__resize:after{
	background-color: var(--b3-layout-resize);
}
.fn__flex-shrink .layout__resize:after{
	background-color: var(--b3-shrink-layout-resize);
}
.fn__flex-shrink+.layout__resize--lr:after{
	background-color:transparent;
	width:2px;
	margin-left:-2px;
}
.layout__resize--lr:hover:after,.layout__resize--lr:active:after{
	width:2px;
}
.layout__resize:hover:after,.layout__resize--lr:hover:after,.layout__resize--lr:active:after{
	background-color:var(--b3-layout-resize-hover);
	transition: background-color 300ms ease-in 0s;
}
.layout__resize--lr:after{
	background-color: var(--b3-layout-resize);
	width:var(--b3-layout-resize-width);
	margin-left:-1px;
	top: 0px;
	height:100%;
}
/*侧栏宽度调整动画*/
#layouts > .fn__flex-1 > .fn__flex-column,#layouts > .fn__flex-1 > .fn__flex{
    transition: var(--flex-width-transition);
}

/* ————————————————————页签———————————————————— */
.layout-tab-bar{
	padding:0 0 0 8px;
	background-color: var(--b3-theme-background);
}
.layout-tab-bar .item{
	margin:15px 0px 7px 0px;
	border-radius: 3px!important;
	min-height:unset;
	min-width:unset;
	overflow:visible;
}


.layout-tab-bar .item__icon svg{
	height: 16px;
}
.layout__wnd--active .layout-tab-bar .item--focus{
	box-shadow:none!important;
}
.layout-tab-bar .item--focus:after {
    content: "";
    width: 100%;
    height: 3px;
    border-radius: 6px;
	bottom: -7px;
    position: absolute;
    background-color: var(--b3-theme-background-light);
}
.layout__wnd--active .layout-tab-bar .item--focus::after{
	content: '';
	position: absolute;
	bottom: -7px;
	left: 0px;
	right: 0px;
	height: 3px;
	background-color: var(--b3-item-focus);
	animation: item-focus 0.2s ease-in-out;
	overflow:visible;
}
.layout-tab-bar .item:not(.item--readonly):hover{
	background-color:var(--b3-list-background)!important;
	transition: all 300ms;
}
.layout-tab-bar .item--readonly{
	margin:12px 5px 5px 0px;
}

.item__close[data-type="more"] svg{
    padding: 8px;
	border-radius: 5px;
}
.item__close[data-type="new"] svg{
    padding: 7px!important;
	border-radius: 5px;
}
.item__close[data-type="more"] svg:hover,.item__close[data-type="new"] svg:hover{
	background-color:var(--b3-list-background);
}
.layout-tab-bar .item__text{
    padding: 4px 8px 4px 11px; 
}
.layout-tab-bar .item__close{
	padding: 6px 6px 4px 2px;
}

.layout-tab-bar .item--pin{
	margin-right:8px!important;
	padding:2px;
}
.layout-tab-bar .item__icon>img, .layout-tab-bar .item__icon>svg{
	width: 18px;
}
.layout-tab-bar .item__icon{
	height:20px;
	width: 20px;
	line-height:20px;
	align-items: center;
}
.layout-tab-bar .item--pin .item__icon{
	padding:4px 2px 2px 3px;
}
.layout-tab-bar .item--pin:nth-child(4n-3){
	background-color:var(--b3-card-error-background);
}
.layout-tab-bar .item--pin:nth-child(4n-2){
	background-color:var(--b3-card-warning-background);
}
.layout-tab-bar .item--pin:nth-child(4n-1){
	background-color:var(--b3-card-info-background);
}
.layout-tab-bar .item--pin:nth-child(4n){
	background-color:var(--b3-card-success-background);
}
.layout-tab-bar .item__graphic{
	padding: 4px 4px 4px 0px;
}
/* ————————————————————面包屑———————————————————— */
.protyle-breadcrumb{
	padding: 6px 8px 4px 8px;
	box-shadow: 0px 1px 0px 0px var(--b3-protyle-breadcrumb-shadow) inset;
}
.block__popover .protyle-breadcrumb{
	padding: 6px 8px 0px 8px;
	margin-bottom: -10px;
}
.protyle-breadcrumb__item--active,.protyle-breadcrumb__item--active>svg,
.protyle-breadcrumb__item--active>svg.ft__primary+span{
	color: var(--b3-theme-primary)!important;
	background-color: transparent;
}
.protyle-breadcrumb__item,.protyle-breadcrumb__icon{
    padding: 5px;
	margin: 0px;
}
.protyle-breadcrumb__text{
	margin-left: 6px;
}
.protyle-breadcrumb__arrow{
	width: 0px;
	height: 13px;
	transform: rotate(20deg);
	border-left: 1px solid var(--b3-protyle-breadcrumb-arrow);
}
.protyle-breadcrumb>.block__icon:not(.ft__primary):hover,
.protyle-breadcrumb__icon:hover,.protyle-breadcrumb__item:hover,
.protyle-breadcrumb>.b3-tooltips__w:hover{
	background-color: var(--b3-list-background);
	border-radius: 3px;
}
/*面包屑更多*/
.protyle-breadcrumb>.block__icon:not(.ft__primary) svg{
	color: var(--b3-breadcrumb-svg)!important;
	width: 19px;
	height: 19px;
	padding: 3px 1px;
}
.protyle-breadcrumb>.b3-tooltips__w{
	padding: 0 4px;
}

/* ————————————————————编辑区———————————————————— */
/*头图、图标、标签*/
.protyle-background{
	border-bottom:10px solid transparent !important
}
.protyle-background[style*="30vh"]>.protyle-background__iconw >.protyle-icons,
.protyle-background[style*="64px"]>.protyle-background__iconw >.protyle-icons,
.protyle-background[style*="56px"]>.protyle-background__iconw >.protyle-icons,
.protyle-background[style*="103px"]>.protyle-background__iconw >.protyle-icons{
	background-color:transparent;
	position:absolute;
	left:0px;
	margin:0px;
	opacity:0;
}
.protyle-background[style*="30vh"]>.protyle-background__iconw >.protyle-icons>.b3-tooltips,
.protyle-background[style*="64px"]>.protyle-background__iconw >.protyle-icons>.b3-tooltips,
.protyle-background[style*="56px"]>.protyle-background__iconw >.protyle-icons>.b3-tooltips,
.protyle-background[style*="103px"]>.protyle-background__iconw >.protyle-icons>.b3-tooltips{
	margin-top:80px;
}
.protyle-background[style*="30vh"]>.protyle-background__iconw >.fn__none+.protyle-icons>.b3-tooltips{
	margin-top:0px;
}/*没图标的情况下浮动*/
		
.protyle-background__iconw {
	height:auto;
	width:256px;
	margin-left:5px;
}
.protyle-background__iconw .protyle-icons .b3-tooltips{
	display:inline-flex;
	height:28px;
	border-radius:3px;
	padding:0 8px 0 6px;
	color:var(--b3-icons-tooltips);
	background-color:transparent;
}
.protyle-background__iconw .protyle-icons{
	background-color:transparent;
	margin:72px 0 0 0px;
	height:1px;
	opacity:0
}
.protyle-background__iconw .protyle-icons .b3-tooltips svg{
	width:14px;
	height:14px;
	padding:7px 6px 0 0;
	display:inline-flex
}
.protyle-background__iconw .protyle-icons .b3-tooltips::after{
	display:inline-flex;
	height:28px;
	font-size:12px;
	line-height:28px;
	transform:none;
	opacity:1;
	color:var(--b3-icons-tooltips);
	background-color:transparent;
	position:static;
	margin:0;
	padding:0
}
.protyle-background .protyle-icons .b3-tooltips input{
	width:100% !important;
}/*上传按钮*/
.protyle-background__iconw .protyle-icons .b3-tooltips:hover{
	background-color:var(--b3-icons-tooltips-hover);
}
.protyle-background .protyle-background__icon{
	width:78px;
	height:78px;
	font-size:54px;
	top:calc(30vh - 42px);
	line-height:78px;
	text-align:center;
	border-radius:4px
	}
.protyle-background .protyle-background__icon svg{
	width:78px;
	height:78px
}
.protyle-background .protyle-background__icon:hover{
	background-color:var(--b3-icons-tooltips-hover);
	opacity:1;
}
.protyle-background:hover >.protyle-background__iconw >.protyle-icons{
	opacity:1
}
.protyle-background .protyle-icons  .b3-tooltips::before{
	border:none
}/*取消箭头*/

/*头图选项*/
.protyle-background__img .protyle-icons{
	background-color:transparent;
	left: auto;
	right:max(calc((100% - min(1920px, max(1500px, 46.9vw))) / 2), 103px);
	opacity:0;
	border-radius:3px;
}
.protyle-background__img .protyle-icons .b3-tooltips{
	display:inline-flex;
	height:28px;
	padding:0 10px 0 6px;
	color:var(--b3-img-icons-tooltips);
}
.protyle-background__img .protyle-icons .b3-tooltips svg{
	width:12px;
	height:12px;
	padding:8px 6px 0 2px;
	display:inline-flex
}
.protyle-background__img .protyle-icons .b3-tooltips::after{
	display:inline-flex;
	height:28px;
	font-size:12px;
	line-height:28px;
	transform:none;
	transition:none;
	opacity:1;
	color:var(--b3-img-icons-tooltips);
	background-color:transparent;
	position:static;
	margin:0;
	padding:0;
}

.protyle-background__img .protyle-icons>span{
	color:var(--b3-img-icons-tooltips);
	background-color:var(--b3-img-icons-tooltips-bg);
	box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px;

}
.protyle-background__img .protyle-icons .b3-tooltips:hover,.protyle-background__img.protyle-icons>span:hover{
	background-color:var(--b3-fn__flex-shrink-background);
	color:var(--b3-img-icons-tooltips);
}

.protyle-background__img .protyle-icons>span:not(span[data-type='cancel']):not(span[data-type='confirm']):not(span[data-type='link']):not(span[data-type='random']):not(span[data-type='position']):not(span[data-type='remove']):not(span[style*="relative"])
{
	background-color: var(--b3-img-icons-span);
	color:var(--b3-theme-background);
	padding:5px 20px;
}/*上下移动题图提示语*/

.protyle-background .protyle-background__img:hover .protyle-icons{opacity:1;}
/*选项块透明度*/


/*文档标签*/
.protyle-icons{
	z-index:2;
}
.protyle-background__tags{
	right:76px;
}
.protyle-background[style*="30vh"]>.protyle-background__tags{
	float:right;
	padding-top:30.5vh;
}
.protyle-background[style*="103px"]>.protyle-background__tags,.protyle-background[style*="47px"]>.protyle-background__tags{
	float:right;
}
.protyle-background__tags .item{
	margin: 11px 10px 4px 0;
	border-radius:5px;
	padding:2px 8px;
	font-size:90%;
	transition: all 200ms;
}
.protyle-background__tags .item:hover{
	padding:2px 22px 2px 8px;
	transition:padding 200ms ease-in 0s;
}
.protyle-background__tags .item svg{
	top: 4px;
    right: 4px;
	background-color:transparent;
}
.protyle-background__tags .item svg:hover{
	background-color:var(--b3-list-background-focus);
}
/*文档标题块*/
.protyle-title__input{
	font-weight:700;
	font-size: 40px;
}
/*h1~6标题间距*/
.protyle-wysiwyg .h1,.protyle-wysiwyg .h2,
.protyle-wysiwyg .h3,.protyle-wysiwyg .h4,
.protyle-wysiwyg .h5,.protyle-wysiwyg .h6{
	font-weight:700;
	margin-top: 1.2em!important;
    margin-bottom: .4em!important;
}
/*.protyle-wysiwyg[data-doc-type="NodeDocument"]>[data-type="NodeHeading"]{
	margin-top: 0em;
}*/
.protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h1,
.protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h2,
.protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h3,
.protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h4,
.protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h5,
.protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h6{
	margin-top: 0em!important;
    margin-bottom: 0.2em!important;
}
/*块标 */
.protyle-gutters button svg {
    color: var(--b3-gutters-color);
	padding:0 5px;
	border-radius:3px;
	height: 24px;
}
.protyle-gutters button[data-type="fold"] svg {
	padding:0px 6px;
}
.protyle-gutters button svg:hover {
	background-color: var(--b3-gutters-background);
}
.protyle-gutters button{
	padding:4px 0px;
}
.protyle-gutters{
	transition: all 200ms ease-out;
}
/*块右上角引用数*/
.protyle-attr--refcount{
	height: 20px;
    width: 20px;
	left:1px;
    padding: 0;
    line-height: 20px;
	text-align: center;
}
/* 超级块 */
.protyle-wysiwyg [data-node-id].sb[data-sb-layout="col"],
.protyle-wysiwyg [data-node-id].sb[data-sb-layout="row"],
.protyle-wysiwyg [data-node-id].sb[data-sb-layout="col"]>div,
.protyle-wysiwyg [data-node-id].sb[data-sb-layout="row"]>div{
	margin-bottom: 5px;
	border-radius: 3px;
}
.protyle-wysiwyg [data-node-id].sb[data-sb-layout=col]>div:not(:nth-last-child(2)),
.protyle-wysiwyg [data-node-id].sb[data-sb-layout=col] .sb:not(:nth-last-child(2)){
	margin-right:5px;
}

/* 图片圆角 */
.protyle-wysiwyg img{
	border-radius: 3px;
}
/* 文字弹出工具条 */
.protyle-toolbar{
    border-radius: 3px;
	box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; 
	animation: toolbar 0.2s ease-in-out;
	
}

.protyle-toolbar__item{
	height:32px;
    width:30px;
}
.protyle-toolbar__item:not(.protyle-toolbar__item--current){
	color:var(--b3-theme-on-background);
}
.protyle-toolbar__item[data-type='blockRef']{
	padding-right:3px;
	width:31px;
}
.protyle-toolbar__item[data-type='font']{
	width:44px
}
.protyle-toolbar__item[data-type='font'] svg{
margin-left:-10px;
width:36px;
}
.protyle-toolbar__item:hover {
	background-color: var(--b3-toolbar-item-hover);
}
.protyle-toolbar__divider{
	margin:0px;
}
.protyle-util{
animation: menu 0.2s ease-in-out;
box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.protyle-util{
	background-color: var(--b3-theme-background);
}
/* 弹出工具条字体颜色选择 */
.b3-color__square[data-type="color"]{
	 border-radius: 3px;
	 width:22px;
	 height:22px;
	 background-color:transparent!important;
	 box-shadow: 0 0 0 1px var(--b3-color--square) inset;
}
.b3-color__square[style="background-color:var(--b3-font-color1)"]::before{
	 content: "A";
	 color:var(--b3-font-color1);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square[style="background-color:var(--b3-font-color2)"]::before{
	 content: "A";
	 color:var(--b3-font-color2);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square[style="background-color:var(--b3-font-color3)"]::before{
	 content: "A";
	 color:var(--b3-font-color3);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square[style="background-color:var(--b3-font-color4)"]::before{
	 content: "A";
	 color:var(--b3-font-color4);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square[style="background-color:var(--b3-font-color5)"]::before{
	 content: "A";
	 color:var(--b3-font-color5);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square[style="background-color:var(--b3-font-color6)"]::before{
	 content: "A";
	 color:var(--b3-font-color6);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square[style="background-color:var(--b3-font-color7)"]::before{
	 content: "A";
	 color:var(--b3-font-color7);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square[style="background-color:var(--b3-font-color8)"]::before{
	 content: "A";
	 color:var(--b3-font-color8);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square[style="background-color:var(--b3-font-color9)"]::before{
	 content: "A";
	 color:var(--b3-font-color9);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square[style="background-color:var(--b3-font-color10)"]::before{
	 content: "A";
	 color:var(--b3-font-color10);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square[style="background-color:var(--b3-font-color11)"]::before{
	 content: "A";
	 color:var(--b3-font-color11);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square[style="background-color:var(--b3-font-color12)"]::before{
	 content: "A";
	 color:var(--b3-font-color12);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square[style="background-color:var(--b3-font-color13)"]::before{
	 content: "A";
	 color:var(--b3-font-color13);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square[data-type="backgroundColor"]{
	 border-radius: 3px;
	 width:22px;
	 height:22px;															   
	 box-shadow: 0 0 0 1px var(--b3-color--square) inset;
}
.b3-color__square[data-type="backgroundColor"]::before{
	 content: "A";
	 color:var(--b3-theme-on-background);
	 margin-top:-2px;
	 font-weight: 500;
	 font-size:1.3em;
}
.b3-color__square:hover{
	box-shadow: 0 0 0 1px var(--b3-theme-on-background) inset;
}
/* 无序列表 */
.protyle-wysiwyg [data-node-id].li>.protyle-action{
	color: var(--b3-theme-on-background);
}
.protyle-wysiwyg [data-node-id].li[fold="1"]>.protyle-action:after, .protyle-wysiwyg [data-node-id].li>.protyle-action:hover:after{
    background-color: var(--b3-border-color)!important;
}
/* 有序列表 */
.protyle-wysiwyg [data-node-id].li[data-subtype="o"]>.protyle-action--order:after{
	 padding:4px;
	 margin:-20px 0 0 -12px;
	 height:32px;
}
.protyle-wysiwyg div[fold="1"].li[data-subtype="o"]>.protyle-action--order:after{
	 background: url("img/square.svg") no-repeat center!important;
	 transition:none;
}
.protyle-wysiwyg [data-node-id].li[data-subtype="o"]>.protyle-action--order:hover:after{
	 background: url("img/square.svg") no-repeat center!important;
	 transition:none;
}
/* 任务列表 */
.protyle-task--done{
    color: var(--b3-task-done-color);
    text-decoration: line-through;
}
.protyle-task--done svg{
    color: var(--b3-theme-primary) !important;
}
.protyle-task--done:hover svg{
    color: var(--b3-task-done-hover) !important;
}
.protyle-wysiwyg [data-node-id].li>.protyle-action--task:hover:after{
	display:none;
}
/* 表格 */
.b3-typography table, .protyle-wysiwyg table{
	font-weight:500;
	border-radius:5px;
	overflow:hidden;
	width: 100%;
	display: table;
	box-shadow: var(--b3-border-color) 0px 0px 0px 1px; 
}

.protyle-wysiwyg table tbody tr{
	background-color:var(--b3-theme-background);

}
/* 自定义表格宽度 */
.protyle-wysiwyg div.table[data-node-id]{
    width: calc(100% - 8px);
}

.protyle-wysiwyg [data-node-id][custom-f~=auto] table {
    width: auto !important;
    white-space: pre;
}
/* 表头和表行格式一致 */
.protyle-wysiwyg [data-node-id][custom-t~=biaotou] table th {
    font-weight: normal !important;
    color: inherit !important;
    background-color: var(--b3-theme-background) !important;
}
/* 竖表头格式 */
.protyle-wysiwyg [data-node-id][custom-t~=vbiaotou] table th {
    font-weight: normal !important;
    color: inherit !important;
    background-color: var(--b3-theme-background) !important;
}
.protyle-wysiwyg [data-node-id][custom-t~=vbiaotou] table tr th:first-child,
.protyle-wysiwyg [data-node-id][custom-t~=vbiaotou] table tr td:first-child{
    font-weight: bold !important;
    background-color: var(--b3-theme-surface) !important;
}
/* 标签 */
.protyle-wysiwyg span[data-type="tag"] {
	font-size: 90%;
	border-radius: 3px;
	padding:0px 6px 2px 6px;
	color: var( --b3-theme-on-background)!important;
	border-bottom:none !important; 
	background-color:var(--b3-font-background7);
}
/*###############自定义标签颜色#######################*/
.protyle-wysiwyg span[data-content="重要"]/*自定义标签内容*/{ 
	background-color:var(--b3-font-background13);/*自定义标签颜色*/
}

.protyle-wysiwyg span[data-content="TODO"]{ 
	background-color:var(--b3-font-background8);
}

.protyle-wysiwyg span[data-content="注意"]{ 
	background-color:var(--b3-font-background7);
}
/*块引用*/
.protyle-wysiwyg [data-node-id] span[data-type="block-ref"]{
	font-size: 95%;
	padding:0px 5px 1px 5px;
	color:var(--b3-theme-on-background);
	background-color:var(--b3-block-ref-background);
	border-bottom: 1px dashed var(--b3-theme-on-surface);
}
.protyle-wysiwyg [data-node-id] span[data-type="block-ref"]:hover{
	background-color:var(--b3-list-background-focus);
}
/* 超链接 */
.protyle-wysiwyg [data-node-id] span[data-type="a"]{
    padding: 0 2px;
	color: var(--b3-theme-on-surface);
	border-bottom:1px solid var(--b3-border-color);
}
.protyle-wysiwyg [data-node-id] span[data-type="a"]:hover{
	color: var(--b3-theme-on-background);
	border-bottom:1px solid var(--b3-theme-on-background);
}
/* 嵌入块 */
.protyle-wysiwyg [data-node-id].render-node[data-type="NodeBlockQueryEmbed"]{
    color: var( --b3-theme-on-background);
    background-color: var(--b3-theme-surface-light);
	border-radius:0 5px 5px 0;
}
/* 命名，别名，备注*/
.protyle-attr--name,.protyle-attr--alias,.protyle-attr--memo{
	color: var(--b3-font-color3);
	font-size:90%;
	padding:0 3px;
	width:auto;
}
/*代码块*/
.code-block {
	margin-left:4px!important;
}
.b3-typography .hljs, .protyle-wysiwyg .hljs{
	background-color:var(--b3-code-block-hljs)!important;
	padding: 30px 10px 22px 10px;
}
.protyle-wysiwyg[contenteditable="true"] .code-block .protyle-action{
	padding:6px 3px;
}
.code-block .protyle-action .protyle-action__language{
	height:14px;
	line-height:12px;
	border-radius:3px;
	padding:4px 4px;
}
.code-block .protyle-action .protyle-action__language:hover{
	background-color:var(--b3-list-background);	
}
.code-block .protyle-action .protyle-action__copy,.code-block .protyle-action .protyle-action__menu{
	margin-top:-3px;
	color:var(--b3-icons-tooltips);
	background-color:var(--b3-list-background);
}
.code-block .protyle-action .protyle-action__copy:hover,
.code-block .protyle-action .protyle-action__menu:hover{
	background-color:var(--b3-list-background-focus);
}
.protyle-linenumber__rows{
	background-color: var(--b3-linenumber-rows);
	padding: 30px 4px 22px 4px;
}
.protyle-wysiwyg [data-node-id][fold="1"]:not(.li):not([data-type="NodeHeading"]).code-block{
	height: 2.2em;
}
/*行内代码*/
.fn__code, .b3-typography code:not(.hljs), .b3-typography span[data-type~=code], .protyle-wysiwyg code:not(.hljs), .protyle-wysiwyg span[data-type~=code]{
	color:var(--b3-inline-code);
}
/*折叠样式*/
.protyle-wysiwyg div[fold="1"]:not(div[data-type="NodeListItem"]){
	background-color:var(--b3-fn__flex-shrink-background);
	border-radius:5px;
	border:1px solid var(--b3-border-fold);
}
.protyle-wysiwyg div[fold="1"][data-type="NodeHeading"]:before{
	background-color:transparent;
}


/* ————————————————————弹出菜单&设置菜单———————————————————— */
.b3-menu{
	animation: menu 0.2s ease-in-out;
	box-shadow: var(--b3-menu-shadow);
	background-color:var(--b3-theme-background);
	padding:5px 4px;
}
.b3-menu .b3-menu__submenu{
	top:-6px;
	padding:5px 4px;
	background-color:var(--b3-theme-background)!important;
}
.b3-menu__item{
	padding: 0 8px;
	background-color: var(--b3-theme-background);
	border-radius:3px;
}
.b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom),
.b3-menu__item--current {
	background-color:var(--b3-list-background);
}
.b3-menu__accelerator{
	color:var(--b3-scroll-color-hover);
}/*快捷键提示*/
.b3-list-item--big{
	padding: 14px 24px;
	border-radius: 0px;
}
/*快捷键面板*/
#keymapList .b3-list--border>ul li:before {
	left: -12px;
}
#keymapList .b3-list--border>ul>ul li:before {
	left: -46px;
}
#keymapList .b3-list--border>ul ul:before {
	left: -12px;
}
/* 按钮 */
.b3-button:not(.b3-button--text):not(.b3-button--cancel){
  font-weight:700;
  background-color:var(--b3-theme-primary);
  color: var(--b3-theme-background) !important;
  border:1px solid rgb(15 15 15 / 10%);
  box-shadow:rgb(15 15 15 / 10%) 0px 1px 2px;
}

.b3-button:not(.b3-button--text):not(.b3-button--cancel):hover{
   background-color:var(--b3-button);
}
/* 开关 */
.b3-switch {
  height: 14px;
  width: 26px;
  padding: 1px;
  border-radius: 44px;
  box-sizing: content-box;
  background: var(--b3-border-color);
}

.b3-switch::after {
  border: none;
  box-shadow: none;
  width: 14px;
  height: 14px;
  border-radius: 44px;
  background: var(--b3-theme-background);
  transform: translateX(5px) translateY(4px);
}

.b3-switch::before {
  display: none !important;
}

.b3-switch:checked {
  background-color: var(--b3-theme-primary);
}

.b3-switch:checked:after {
  background: var(--b3-theme-background);
  transform: translateX(17px) translateY(4px);
}
/*属性面板*/
.b3-dialog__container{
	background-color: var(--b3-fn__flex-shrink-background);
}
/*设置菜单窗口*/
.b3-dialog__container .fn__flex-column{
	background-color: var(--b3-theme-background);
    border-radius: 5px;
}
.b3-dialog__container .b3-list--background
{
	background-color:var(--b3-fn__flex-shrink-background);
	border-radius:0 0 0 5px;
	border-right: 0px;

}
.fn__flex .b3-label{
	padding: 20px 0px;
	margin: 0% 4%;
}
.b3-list-item--big .b3-list-item__graphic{
	height: 14px;
    width: 14px;
	color:var(--b3-list-background-more);
}
/*引用块弹出框*/
.block__popover--open{
	border:none;
	box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
	animation: menu 0.2s ease-in-out;
}
.block__edit>.protyle-breadcrumb>.block__icon svg{
	color:var(--b3-theme-on-surface);
	width:14px;
	height:14px;
	padding: 5px;
}
.block__edit>.protyle-breadcrumb>.block__icon{
	padding: 0px;
}
.block__popover--move>.block__icons{
	padding:0 10px;
}
/* 弹出框钉住 */
.block__icon--active[data-type='pin'] svg{
    color: var(--b3-theme-primary)!important;
	transition: all 200ms;
	transform: rotate(-46deg);
}
.block__icon--active{
	background-color:transparent;
}
/* 选择下拉菜单 */
.b3-select {
	border: 1px solid var(--b3-border-color);
	padding: 2px 8px 4px 8px;
}
/* 移动文档菜单 */
#foldList .b3-list-item__icon{
	padding-left:18px;
}
#foldList .b3-list-item__showall{
	padding-left:3px;
	height:26px;
	line-height:26px;
	color:var(--b3-theme-on-surface);
}
/*历史面板*/
.b3-dialog__container .layout-tab-bar .item{
	padding: 8px 14px;
}
.b3-dialog__container .layout-tab-bar .item--focus{
	position:relative;
}
.b3-dialog__container .layout-tab-bar .item--focus::after{
	content: '';
	position: absolute;
	bottom: -7px;
	left: 0px;
	right: 0px;
	height: 2px;
	background-color:var(--b3-item-focus);
}
div#historyContainer{
	border-top:1px solid var(--b3-border-color);
}
/*pdf*/
.pdf__outer,#sidebarContainer,#toolbarViewer,#toolbarViewer>.fn__flex-1{
	background-color:var(--b3-fn__flex-shrink-background);
}

#toolbarSidebar,#toolbarSidebar>.fn__flex-1{
	background-color:var(--b3-toolbarSidebar);
}
.pdfViewer{
	background-color:var(--b3-theme-background);
}
.b3-color__square{
	 border-radius: 3px;
	 width:22px;
	 height:22px;											   
	 box-shadow: 0 0 0 1px var(--b3-border-color) inset;
	 font-weight: 500;
}
.b3-color__square[style*="--b3-pdf-background"]::before{
	 content: "A";
	 color:var(--b3-theme-on-background);
	 margin-top:-2px;
	 font-weight:500;
	 font-size:1.1em;
	}
/*pdf批注*/
.protyle-wysiwyg [data-node-id] span[data-type="file-annotation-ref"]:before {
    content:"💡 ";
}
.protyle-wysiwyg span[data-type="file-annotation-ref"] {
  font-size: 90%;
  border-radius: 3px;
  padding:2px 6px 4px 6px;
  color: var( --b3-theme-on-background)!important;
  background-color:var(--b3-toolbar-item-hover);
}
.protyle-wysiwyg span[data-type="file-annotation-ref"]:hover {
  background-color:var(--b3-border-color);
}
/* '/'弹出分栏*/
.hint--menu{
	animation: menu 0.2s ease-in-out;
	box-shadow: var(--b3-menu-shadow);
    background-color: var(--b3-theme-background);
	columns: 50px 4;
	column-rule:1px outset var(--b3-border-color);
    min-width: 50vw !important;
	padding:5px;
}
.hint--menu .b3-list-item{
	border-radius:3px;
	margin:0!important;
	width:100%!important;
}
.hint--menu .b3-list-item__text{
	margin:0 0 0 8px;	
	color:var(--b3-theme-on-background);
}
.hint--menu .b3-list-item__graphic{
	margin:0px;
	width:10px;
	height:12px;
	border:1px solid var(--b3-border-color);
}
.hint--menu>.b3-list-item--two{
	margin:0;
}
@media screen and (min-width: 1280px){
	.hint--menu>.b3-list-item--two{
	width:calc(25% - 5px);
}
	.hint--menu{
	max-height: 412px !important;
	}
}
@media screen and (max-width: 1280px) {
	.hint--menu>.b3-list-item--two{
	width:calc(33.3% - 5px);
	}
	.hint--menu{
	max-height: 540px !important;
	}
}
.hint--menu:has(>.emojis){
	columns:unset!important;
}
/*文本框选颜色*/
::selection {
     background: var( --b3-theme-primary-lightest);
}
/*滚动条*/
::-webkit-scrollbar {
    width : var(--webkit-scrollbar);
	height: var(--webkit-scrollbar);
	background-color:var(--b3-scroll-bgcolor);
}
::-webkit-scrollbar-thumb:hover{
    background-color:var(--b3-scroll-color-hover);
}
::-webkit-scrollbar-thumb{
	border-radius: var(--webkit-scrollbar-thumb);
	background-color:var(--b3-scroll-color);
}
/*.protyle-content{
	overflow: overlay;
}*/
/* 动态加载和调节进度条*/
.b3-slider{height:24px;}
.b3-slider::-webkit-slider-runnable-track {
    height: 4px;
    background: var(--b3-theme-primary-lighter);
	

}
.b3-slider::-webkit-slider-container {
padding:3px;
	height: 30px;
    overflow: hidden;
}

.b3-slider::-webkit-slider-thumb {
	transform:unset !important;
    width: 8px;
    height: 8px;
    background-color: var(--b3-theme-background);
    border: 2px solid transparent;
    margin-top: -2px;
    border-image: linear-gradient(var(--b3-theme-primary),var(--b3-theme-primary)) 0 fill / 1 5 1 0 / 0px 0px 0 2000px;
	box-shadow: 0px 0px 0px 3px var(--b3-theme-primary) ;
}
.b3-slider::-webkit-slider-thumb:hover{
	box-shadow:0px 0px 0px 3px var(--b3-theme-primary),0px 0px 0px 5px var(--b3-theme-primary-lighter);
	transition:all 500ms;
}

/*底栏适配调整测试*/
.status{
	height:32px;
	background-color:transparent;
	margin-top: -30px;
	position:absolute;
	right:0px;
	bottom:0px;
	border:0;
}
.status .toolbar__item{
	margin:  7px 5px 13px 5px;
	border-radius: 5px;
	background-color: var(--b3-status-msg-background);
	padding:2px;
}

.status .toolbar__item svg{
	padding:5px;
	color:var(--b3-dockright-color);
}
.body--win32>.fn__flex-1
{
	overflow:visible;
}

.status__counter:not(:empty){
	border-radius:5px;
	background-color:var(--b3-theme-primary);
	color:#fff;
	padding: 0px 0 0 8px ;
	margin:0 5px 5px 5px;
	position:relative;
	right:36px;
	height:27px;
	line-height:27px;
}
.status__counter:not(:empty) span{
	color:#fff;
}
.status__msg:not(:empty){
	opacity:0.5;
	animation: statusmsg 5s ease-in-out;
	max-width: 100px;
	padding: 0px 8px;
	border-radius:5px;
	background-color:var(--b3-status-msg-background);
	margin:0 5px 5px 5px;
	transition: max-width 300ms,opacity 300ms;
	transition-delay: 2000ms;
	position:relative;
	right:36px;
	height:27px;
	line-height:27px;
}
.status__msg:not(:empty):before{
	content: "📢";
	font-size:12px;
}

.status__msg:not(:empty):hover{
	opacity:1;
	max-width:400px;
	transition: max-width 500ms ease-out;
}

.layout#layouts .fn__flex-column:not(.fn__flex-shrink)>.fn__flex-1>.fn__flex>.layout-tab-container>.fn__flex-column{
padding-bottom:30px;}


.status #barHelp{
	position:relative;
	right:36px;
}

.status #barDock{
	position:absolute;
	right:0px;
	z-index:8;
}

.status>.fn__flex-1{
	position:relative!important;
	width:0px!important;
	right:0px;
	flex:0;
}

.status #barDock>.b3-menu{
	left:unset!important;
	right:4px;
	bottom:30px!important;
}
.status #barDock:before{
	right:unset!important;
	left: 0px;
	transform: rotateY(180deg);
}
.status #barDock:after{
	left:unset!important;
	right:100%;
}




.protyle-wysiwyg [data-node-id].li[fold="1"]>.h1>[spellcheck]:not(.fn__flex-1.history__text.protyle [data-node-id].li[fold="1"]>.h1>[spellcheck])::after, 
.protyle-wysiwyg [data-node-id].li[fold="1"]>.h2>[spellcheck]:not(.fn__flex-1.history__text.protyle [data-node-id].li[fold="1"]>.h2>[spellcheck])::after, 
.protyle-wysiwyg [data-node-id].li[fold="1"]>.h3>[spellcheck]:not(.fn__flex-1.history__text.protyle [data-node-id].li[fold="1"]>.h3>[spellcheck])::after, 
.protyle-wysiwyg [data-node-id].li[fold="1"]>.h4>[spellcheck]:not(.fn__flex-1.history__text.protyle [data-node-id].li[fold="1"]>.h4>[spellcheck])::after, 
.protyle-wysiwyg [data-node-id].li[fold="1"]>.h5>[spellcheck]:not(.fn__flex-1.history__text.protyle [data-node-id].li[fold="1"]>.h5>[spellcheck])::after, 
.protyle-wysiwyg [data-node-id].li[fold="1"]>.h6>[spellcheck]:not(.fn__flex-1.history__text.protyle [data-node-id].li[fold="1"]>.h6>[spellcheck])::after, 
.protyle-wysiwyg [data-node-id].li[fold="1"]>.p>[spellcheck]:not(.fn__flex-1.history__text.protyle [data-node-id].li[fold="1"]>.p>[spellcheck])::after {
    content: " ••• ";
    display: inline;
    vertical-align: 15%;
    font-size: 10px;
    color: var(--b3-dock-item-active-color);
    margin-left: 9px;
    border-radius: 4px;
	background-color: var(--b3-card-error-background);
	box-shadow: 0px 0px 0px 2px var(--b3-card-error-background) inset;
	padding:1px 0px 3px 0px;
	opacity:1;
	position:unset;
	float:unset;
}


.b3-card{
	box-shadow: rgb(15 15 15 / 10%) 0px 0px 0px 1px, rgb(15 15 15 / 10%) 0px 2px 4px;
}

.b3-card--current{
	box-shadow: var(--b3-theme-primary-light) 0px 0px 0px 1px, var(--b3-theme-primary-light) 0px 2px 4px,0px 0px 0px 3px var(--b3-theme-primary-light) inset;
}
.b3-card--current .b3-card__info, .b3-card--current .b3-card__actions{
	background-color:transparent;
}

.b3-card:hover{
	box-shadow: var(--b3-theme-primary-light) 0px 0px 0px 1px, var(--b3-theme-primary-light) 0px 2px 4px;
	background-color:transparent;
}




.b3-typography span[data-type~=inline-memo], .protyle-wysiwyg span[data-type~=inline-memo] {
    background-color: var(--b3-theme-primary-lightest);
    border-bottom: 2px solid var(--b3-theme-primary);
}
.tooltip--memo{
	font-size:14px;
	color:VAR(--b3-theme-on-background);
	background-color:var(--b3-theme-background);
	box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
	padding:10px;
}

#buttonnotion-dark,#buttonsalt,#topBar,#leftColumn,#rightColumn{
	width:26px;
	height:26px;
	margin:4px 0 4px 4px;
}



.protyle-wysiwyg [data-node-id].render-node[data-type="NodeBlockQueryEmbed"] {
	padding-left:2px;
}



.fn__flex-column #searchList .b3-list-item[data-type='search-item']{
	margin:0!important;
}