#loading {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
	background-color: #f4f5f5;
	pointer-events: none;
}

.loader-inner {
	will-change: transform;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	background-color: #3742fa;
	border-radius: 50%;
	animation: scaleout 0.6s infinite ease-in-out forwards;
	text-indent: -99999px;
	z-index: 999991;
}

@keyframes scaleout {
	0% {
		transform: scale(0);
		opacity: 0;
	}

	40% {
		opacity: 1;
	}

	100% {
		transform: scale(1);
		opacity: 0;
	}
}



/* 鼠标样式 */
a:hover { 
    cursor:url(https://blog-static.cnblogs.com/files/blogs/763606/cursor_link.ico), auto;
}
body a:hover { 
    cursor:url(https://blog-static.cnblogs.com/files/blogs/763606/cursor_link.ico), auto;
}
body {
    cursor:url(https://blog-static.cnblogs.com/files/blogs/763606/cursor_select.ico), auto;
}



/* 博客网格布局比例 */
#home {
    grid-template-columns: 12vw 1fr 1fr 20vw !important;
}


/* 博客左侧选项 */
/* 新随笔 */
#cnblog-nav a:has(.fa-pen-square) {
    display: none !important;
}
/* 草稿箱 */
#cnblog-nav a:has(.fa-paper-plane) {
    display: none !important;
}
/* 订阅 */
#cnblog-nav a:has(.fa-rss) {
    display: none !important;
}

/* 博客右侧控件 */
/* 日历图 */
#custom-calendar .event-wrapper img {
    content: url(https://images.cnblogs.com/cnblogs_com/blogs/763606/galleries/2202933/o_250215040309_Violet1.png);
}
/* 日历 */
#blog-calendar {
    display: none !important;
}
/* 常用链接 */
#sidebar_shortcut {
    display: none !important;
}
/* 随笔档案 */
#sidebar_postarchive {
    display: none !important;
}
/* 评论排行榜 */
#sidebar_topcommentedposts {
    display: none !important;
}
/* 最新评论 */
#sidebar_recentcomments {
    display: none !important;
}





/* 左右边栏目填充为蓝色背景 */
#left-side {
    background-color: #d4e6fa !important;
}
.logo {
    background-color: #d4e6fa !important;
}
#sideBar {
    background-color: #d4e6fa !important;
}
#footer {
    border-right: 12px solid #E3E6EC !important;
}
/* 隐藏黑暗模式图标按钮 */
.mode-change {
    margin-top: 50px;
    margin-left: 1000px;
}
/* 上方搜索框 */
.custom-searchbar input {
    display: none !important;
}
/* 数学公式 */
mjx-container[jax="CHTML"][display="true"] {
    width: auto !important;
}
/* 文章结尾底部间隙 */
#cnblogs_post_body {
    margin-bottom: 10rem;
}









/* =========================================================================  ↓↓  T  Y  P  O  R  A ↓↓ ====================================================================================== */
/* =========================================================================  ↓↓  T  Y  P  O  R  A ↓↓ ====================================================================================== */
/* =========================================================================  ↓↓  T  Y  P  O  R  A ↓↓ ====================================================================================== */

/* ==================== 加粗、高亮、下划线、斜体 ==================== */
/* Q------------------------------ */
mark {
    background-color: #ffff54 !important;
    color: #d63200 !important;
    padding: 2px 4px !important;
}
mark strong {
    color: #d63200 !important;
    background-color: #ffff54 !important;
    text-emphasis: dot !important;
    text-emphasis-position: under !important;
}

/* B------------------------------ */
strong u {
    color: #d63200 !important;
}
/* B > U > I */
strong u em {
    font-size: 1.1rem !important;
    color: #1d2129 !important;
}
strong u em::before {
    content: "◆ " !important;
}
strong u:has(em) {
    border-bottom: none !important;
}

/* U------------------------------ */
u {
    text-decoration: none !important;
    border-bottom: 2px solid #d63200 !important;
}
/* U > Q */
u mark {
  padding-bottom: 0 !important;  
}

/* I------------------------------ */
em {
    padding: 0 2px !important;
    color: rgb(231, 64, 114) !important;
    font-style: normal !important;
}
/* I > U > B */
em:has(strong) {
    padding: 0 !important;
    font-style: normal !important;
}
em u strong {
    color: #836ee1 !important;
    font-size: 1.08rem !important;
    background: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 2px !important;
}
em u:has(strong) {
    border-bottom: none !important;
}


/* ==================== 超链接 ==================== */
#mainContent .cnblogs-markdown a {
    color: #439597 !important;
    text-decoration: none;
}


/* ==================== 标题 ==================== */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;
    position: relative;
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: bold;
    line-height: 1.4;
    cursor: text;
}

h3.md-focus:before, h4.md-focus:before, h5.md-focus:before, h6.md-focus:before {
    visibility: hidden;
}


h1 {
    font-weight: 500 !important;
    text-align: center !important;
}
#cnblogs_post_body h1 {
    font-size: 2.4rem !important;
    margin: 6rem 0 3rem 0 !important;
    padding: 1rem 0 !important;
    color: rgb(129, 116, 194) !important;
    background-color: rgba(159, 148, 215, 0.15) !important;
    border-top: 2px solid rgb(159, 148, 215) !important;
    border-bottom: 2px solid rgb(159, 148, 215) !important;
}
/* 文章标题 */
.postTitle {
    margin: 4rem 0 0 !important;
    font-size: 2.8rem !important;
    color: #d63200 !important;
}
.postTitle a span::before {
    content: "《 ";
}
.postTitle a span::after {
    content: " 》";
}

h2 {
    margin: none 0 !important;
    font-size: 1.8rem !important;
    color: #fff !important;
    text-align: center !important;
    background-color: rgba(121, 155, 195, 0.8) !important;
    margin-top: 3rem !important;
    margin-bottom: 1.8rem !important;
    padding: 4px !important;
}


h3 {
    margin: none 0 !important;
    font-size: 1.6rem !important;
    margin-top: 1rem !important;
    border-bottom: 4px solid rgb(121, 155, 195) !important;
    
}


h4 {
    margin: none 0 !important;
    font-size: 1.4rem !important;
    display: inline-block !important;
    padding: 2px 8px 2px 15px !important;
    border-left: 6px solid rgb(121, 155, 195) !important;
    color: rgb(121, 155, 195) !important;
    background-color: rgba(192, 192, 192, 0.15) !important;
    margin-top: 0.8rem !important;
    margin-bottom: 0.4rem !important;
}


h5 {
    margin: none 0 !important;
    font-size: 1.28rem !important;
    margin-top: 0.6rem !important;
    margin-bottom: 0.5rem !important;
    color: rgba(121, 155, 195, 0.8) !important;
}


h6 {
    margin: none 0 !important;
    font-size: 1.18rem !important;
    display: inline-block !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border-bottom: 3px solid rgba(121, 155, 195, 0.5) !important;
}

/* ==================== 段落 ==================== */
#cnblogs_post_body p, .blogpost-body p {
  font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;
  font-size: 1rem !important;
  margin: 0.8rem 0 !important;
}

/* ==================== 列表 ==================== */
#cnblogs_post_body.blogpost-body-html ol, #cnblogs_post_body.blogpost-body-html ul, #mainContent .cnblogs-markdown ol, #mainContent .cnblogs-markdown ul {
    margin: 0 1rem !important;
}
#cnblogs_post_body li {
    font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;
    font-size: 1rem !important;
}
/* 无序列表 */
.postBody #cnblogs_post_body ul {
  list-style-type: disc;
}
.postBody #cnblogs_post_body ul ul {
  list-style-type: circle;
}
.postBody #cnblogs_post_body ul ul ul {
  list-style-type: square;
}
.postBody #cnblogs_post_body ul ul ul ul {
    list-style-type: disc;
}
.postBody #cnblogs_post_body ul ul ul ul ul {
    list-style-type: circle;
}
.postBody #cnblogs_post_body ul ul ul ul ul ul {
    list-style-type: square;
}
/* 有序列表 */
.postBody #cnblogs_post_body ol {
  list-style-type: decimal;
}
.postBody #cnblogs_post_body ol ol {
    list-style-type: upper-roman;
}
.postBody #cnblogs_post_body ol ol ol {
    list-style-type: upper-alpha;
}
.postBody #cnblogs_post_body ol ol ol ol {
    list-style-type: lower-roman;
}
.postBody #cnblogs_post_body ol ol ol ol ol {
    list-style-type: lower-alpha;
}
.postBody #cnblogs_post_body ol ol ol ol ol ol {
    list-style-type: decimal;
}

/* 引用框内的列表 */
/* 引用框内的无序列表 */
.postBody #cnblogs_post_body blockquote>ul {
    list-style-type: disc;
}
.postBody #cnblogs_post_body blockquote>ul ul {
    list-style-type: circle;
}
.postBody #cnblogs_post_body blockquote>ul ul ul {
    list-style-type: square;
}
.postBody #cnblogs_post_body blockquote>ul ul ul ul {
    list-style-type: disc;
}
.postBody #cnblogs_post_body blockquote>ul ul ul ul ul {
    list-style-type: circle;
}
.postBody #cnblogs_post_body blockquote>ul ul ul ul ul ul {
    list-style-type: square;
}
/* 引用框内的有序列表 */
.postBody #cnblogs_post_body blockquote>ol {
    list-style-type: decimal;
}
.postBody #cnblogs_post_body blockquote>ol ol {
    list-style-type: upper-roman;
}
.postBody #cnblogs_post_body blockquote>ol ol ol {
    list-style-type: upper-alpha;
}
.postBody #cnblogs_post_body blockquote>ol ol ol ol {
    list-style-type: lower-roman;
}
.postBody #cnblogs_post_body blockquote>ol ol ol ol ol {
    list-style-type: lower-alpha;
}
.postBody #cnblogs_post_body blockquote>ol ol ol ol ol ol {
    list-style-type: decimal;
}


/* 在有序列表前加内容分割竖线 */
.postBody #cnblogs_post_body ol > li {
    position: relative !important;
}
.postBody #cnblogs_post_body ol > li::marker {
    font-weight: bold;
}
.postBody #cnblogs_post_body ol > li::before {
    content: "" !important;
    position: absolute !important; 
    left: -0.85rem !important; 
    top: 1.5rem !important; 
    bottom: 0.35rem !important; 
    width: 3px !important; 
    background-color: rgba(121, 155, 195, 0.2) !important; 
}
.postBody #cnblogs_post_body ol > li:not(:has(*))::before {
    content: "" !important;
    position: absolute !important; 
    left: 0rem !important; 
    top: 0rem !important; 
    bottom: 0 !important; 
    width: 0px !important; 
    background-color: none !important; 
}
/* 在无序列表前加内容分割竖线 */
.postBody #cnblogs_post_body ul > li {
    position: relative !important;
}
.postBody #cnblogs_post_body ul > li::before {
    content: "" !important;
    position: absolute !important; 
    left: -0.75rem !important; 
    top: 1.5rem !important; 
    bottom: 0.35rem !important; 
    width: 3px !important; 
    background-color: rgba(237, 169, 179, 0.3) !important; 
}
.postBody #cnblogs_post_body ul > li:not(:has(*))::before {
    content: "" !important;
    position: absolute !important; 
    left: 0rem !important; 
    top: 0rem !important; 
    bottom: 0 !important; 
    width: 0px !important; 
    background-color: none !important; 
}



/* ==================== 代码 ==================== */
/* 代码段整体 */
.highlighter-hljs {
    padding-bottom: 1rem !important;
}
 /* 代码注释颜色 */
.hljs-comment {
    color: #34dab4 !important;
}
/* 行号颜色 */
.hljs-ln-n {
    color: #71a6f0 !important;
}
/* 类型颜色 */
.hljs-addition, .hljs-built_in, .hljs-bullet, .hljs-code {
    color: #3973ee;
}
/* 操作符 */
.hljs-link, .hljs-operator, .hljs-regexp, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-symbol, .hljs-template-variable, .hljs-variable {
    color: #fff;
}
/* 数字颜色 */
.hljs-number{
    color: #71da4d;
}
/* 字符串颜色 */
.hljs-string {
    color: #a9da4d;
}
/* 注解颜色 */
.hljs-meta {
    color: rgb(213, 146, 87) !important;
}
/* 代码段字体 */
#cnblogs_post_body table, .blogpost-body table {
    font-size: 0.9rem;
}



/* 行内代码 */
#sidebar_news_content :not(pre,div)>code, 
.cnblogs-markdown :not(pre,div)>code, 
.blogpost-body:not(.cnblogs-markdown) :not(pre,div,td)>code {
    font-family: "JetBrains Mono", monospace !important;
    background-color: #fbe5e1 !important;
    color: #c0341d !important;
    border: 1px solid #c0341d !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    margin: 0 2px !important;
    padding: 1px 4px !important;
    vertical-align: baseline !important;
    overflow-x: inherit !important;
    display: inline !important;
 }





/* 引用 */
blockquote {
    color: var(--blockquote-color);
    padding: 10px 16px;
    background-color: rgba(159, 148, 215, 0.1) !important;
    position: relative;
    border-left: 4px solid rgb(121, 155, 195) !important;
    padding: 10px 30px 10px 18px !important;
}





/* ==================== 表格 ==================== */
.table-wrapper td {
    vertical-align: middle;
}
#cnblogs_post_body .table-wrapper table thead {
    background-color: rgba(121, 155, 195, 0.7) !important;
}
#cnblogs_post_body .table-wrapper table tbody tr:nth-child(2n) {
    background-color: rgba(121, 155, 195, 0.1);
}
.hljs-ln tbody tr:nth-child(2n) {
    background-color: rgba(0,0,0,0) !important;
}


/* ==================== 侧边目录导航栏 ==================== */
.h1-list {
    font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;
    color: rgb(129, 116, 194) !important;
    font-weight: bold !important;
    /* font-size: 1.7rem !important; */
    font-size: 1.5rem !important;
    margin-top: 1rem !important;
    word-break: break-all;
}
.h2-list {
    font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;
    color: #fff !important;
    padding: 0 6px;
    margin-top: 0.6rem !important;
    /* font-size: 1.4rem !important; */
    font-size: 1.2rem !important;
    font-weight: bold !important;
    background-color: rgb(121, 155, 195) !important;
    word-break: break-all;
}
.h3-list {
    font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;
    font-weight: bold !important;
    /* font-size: 1.25rem !important; */
    font-size: 1.05rem !important;
    padding: 2px 0 !important;
    word-break: break-all;
}
.h4-list {
    font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;
    /* font-size: 1.2rem !important; */
    font-size: 1rem !important;
    color: rgb(76, 119, 169) !important;
    font-weight: bold !important;
    word-break: break-all;
}
.h5-list {
    /* font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important; */
    font-family: "JetBrains Mono", "monospace" !important;
    /* font-size: 1.1rem !important; */
    font-size: 0.9rem !important;
    word-break: break-all;
}
.h6-list {
    /* font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important; */
    font-family: "JetBrains Mono", "monospace" !important;
    /* font-size: 1rem !important; */
    font-size: 0.8rem !important;
    padding-left: 1.25rem !important;
    word-break: break-all;
}
/* 导航标题列表前面的小圆点 */
#catalog ul li:before {
    display: none !important;
}
/* 激活的导航标题 */
.catalog-active {
    /* background-color: #ffff54 !important; */
    color: #d63200 !important;
    font-weight: bold !important;
}
#catalog ul .catalog-active:before {
    background-color: #d63200 !important;
}



/* ==================== Mermaid形状 ==================== */
/* 基础形状 */
.mermaid .node .basic {
    stroke: rgb(41, 121, 226) !important;
    fill: rgb(201, 219, 249) !important;
}
/* 矩形 */
.mermaid .node rect {
    stroke: rgb(13, 187, 25) !important;
    fill: rgb(154, 245, 202) !important;
}
/* 圆形 */
.mermaid .node circle {
    stroke: rgb(238, 190, 15) !important;
    fill: rgb(252, 245, 22) !important;
}
/* 多边形 */
.mermaid .node polygon {
    stroke: rgb(215, 11, 120) !important;
    fill: rgb(248, 187, 193) !important;
}
/* mermaid */
.nodes div {
    line-height: 1.25 !important;
}
.nodeLabel {
    vertical-align: top !important;
    font-size: 14px !important;
}
.edgeLabel {
    vertical-align: top !important;
    font-size: 14px !important;
}
.edgeLabels div {
    padding: 4px !important;
}