html{
//    filter: grayscale(100%);
//    -webkit-filter: grayscale(100%);
//    -moz-filter: grayscale(100%);
//    -ms-filter: grayscale(100%);
//    -o-filter: grayscale(100%);
//    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}   /* 网页灰色代码 */
@media only screen and (max-width:1365px){
	.github-corner{
	display:none
	}
}
@media only screen and (max-width:1259px){
	#home{
		width:100%!important
	}
}
@media only screen and (max-width:960px){
	#bannerbar{
		display:none
	}
	#header,.esa-mobile-menu{
		display:block!important
	}
	#header{
		width:auto;
		position:fixed!important;
	    background: var(--blog-bg-color)
	}
	#header #blogTitle{
		margin-left:15px
	}
	#header #navigator{
		display:none;
		left:0;
		top:61px;   //61px;
	}
	#header #navigator #navList>li{
		float:none;
		position:relative;
		background:var(--blog-bg-color);
		height:34px;
		line-height:34px;
		width:120px;
		border-bottom:1px solid var(--border-color);
		border-right:1px solid var(--border-color)
	}
	#header #navigator #navList>li>a{
		float:none;
		width:inherit;
		padding:0 10px
	}
	#header #navigator #navList>li>a .arrow{
		position:absolute;
		top:.8rem;
		right:.8rem;
		transform:rotate(270deg) scaleX(-1)
	}
	#header #navigator #navList>li .esa-sub-navs{
		position:fixed;
		width:130px;
		top:0;
		left:121px;
		top:61px
	}
	#header #navigator #navList>li .esa-sub-navs .caret{
		display:none
	}
	#header #navigator #navList>li .esa-sub-navs ul{
		box-shadow:none;
		padding:0;
		border-radius:0
	}
	#header #navigator #navList>li .esa-sub-navs ul li{
		height:34px;
		line-height:34px;
		border:1px solid var(--border-color);
		border-top:none
	}
	#header #navigator #navList>li .esa-sub-navs ul li a{
		text-align:left;
		padding:0 10px
	}
	#header #navigator #navList>li i{
		display:none
	}
	#sideBar{
		display:none!important
	}
	#home{
		min-width:auto!important
	}
	#main{
		width:100%!important;
		padding:70px 0 0!important
	}
	#main .forFlow{
		margin-left:0!important;
		padding-left:15px;
		padding-right:15px
	}
	#main .forFlow .postBody{
		padding:0!important;
        word-break:break-all;  /*自动断行*/
		overflow:hidden; 
	}
	#main .forFlow .postDesc{
		display:none
	}
	#main .forFlow #comment_form{
		padding:0!important
	}
	#main .forFlow .commentform{
		margin-left:0!important
	}
	#main .forFlow .day .postDesc,#main .forFlow .entrylist .entrylistItemPostDesc{
		display:none
	}
	#myposts .postDesc2{
		text-align:right!important
	}
	#myposts .postDesc2 span{
		display:none
	}
	.esa-toolbar .skin-popup{
		bottom:calc(50% - 67px)!important;
		border-radius:15px!important
	}
}
@font-face{
	font-family:Material Symbols Outlined;
	font-style:normal;
	font-weight:300;
	src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v7/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDDxHOem.ttf) format("truetype")
}
.material-symbols-outlined{
	font-family:Material Symbols Outlined;
	font-weight:400;
	font-style:normal;
	font-size:24px;
	line-height:1;
	letter-spacing:normal;
	text-transform:none;
	display:inline-block;
	white-space:nowrap;
	word-wrap:normal;
	direction:ltr
}
:root{
	--loading-bg-color:#f8f8f8;   //页面刷新后的背景色
}
:root[mode=light]{
	--blog-bg-color:#fff;
	--text-color:#596172;
	--border-color:#eef2f8;
	--catalog-bg-color:#fff;
	--panel-bg-color:#f8f8f8;
	--code-bg-color:#f1f3f4;
	--code-color:#bababa;
	--pane-box-shadow:0px 1px 15px #e6e6e6;
	--toolbar-box-shadow:0 2px 4px 1px #e8e8e8;
	--loading-bg-color:#fff
}
:root[mode=dark]{
	--blog-bg-color:#202020;
	--text-color:#d8d8d8;
	--border-color:#2f2f2f;
	--catalog-bg-color:#252525;
	--panel-bg-color:#252525;
	--code-bg-color:#3c3d40;
	--code-color:#9aa0a6;
	--pane-box-shadow:0px 1px 15px #0a0a0a;
	--toolbar-box-shadow:0 2px 4px 1px #151515;
	--loading-bg-color:#222
}
:root[theme=a]{
	--theme-color:#2d8cf0
}
:root[theme=b]{
	--theme-color:#fa7298
}
:root[theme=c]{
	--theme-color:#42b983
}
:root[theme=d]{
	--theme-color:#607d8b
}
:root[theme=e]{
	--theme-color:#5e72e4
}
:root[theme=f]{
	--theme-color:#ff9700
}
:root[theme=g]{
	--theme-color:#ff5722
}
:root[theme=h]{
	--theme-color:#009688
}
:root[theme=i]{
	--theme-color:#673bb7
}
:root[theme=j]{
	--theme-color:#906f61
}
*{
	margin:0;
	padding:0
}
body,html{
	height:auto;  //原始数据 100%
}
body{    
	background:var(--blog-bg-color);
	color:var(--text-color);
	font-family:Lato,PingFang SC,Microsoft YaHei,sans-serif;
	font-size:14px;
	font-weight:300;
//	user-select: none;   //取消选中网页内容的功能，防止复制
}
table{
	border-collapse:collapse;
	border-spacing:0
}
td{
	padding:5px
}
fieldset,img{
	border:0;  // fieldset的边框宽度设置；
}
ul{
	word-break:break-all
}
li{
	list-style:none
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:400;
}
a{
	color:var(--text-color);
	text-decoration:none;
}
a:hover{
	color:var(--theme-color);
	transition:all .3s ease;
}
::-moz-selection{
	background:var(--theme-color);
	color:#fff
}
::selection{
	background:var(--theme-color);
	color:#fff
}
#ad_c1,#ad_c2,#ad_t2, #author_profile,#comment_nav,#comment_pager_top,#green_channel,#homepage_top_pager,#lnkBlogLogo,#under_post_kb,#under_post_news,.c_ad_block, .blogStats,.dayTitle,.navbar,.under-comment-nav, #cnblogs_ch, .itnews under-post-card {
	display:none;   
}
.clear{
	clear:both;
}
#home{
	width:100%;
	height:100%;
	transition:width .3s ease
}
#header{
	width:960px;
	position:relative;
	top:0;
	right:0;
	left:0;
	margin:0 auto;
	border-top:0;
	border-bottom:1px solid var(--border-color);
	padding-bottom:0;
	display:block;
	height:60px;
	z-index:999
}
#blogTitle h1{
	font-size:25px;
	font-weight:600;
	font-family:Georgia;
	float:left;
	margin-top:15px
}
#blogTitle h2{
	display:none
}
#navigator{
	height:inherit;
	position:absolute;
	right:0;
	top:0
}
#navList{
	height:inherit;
	float:left
}
#navList>li{
	position:relative;
	float:left;
	line-height:60px;
	padding:0 15px;
	font-size:17px
}
#navList>li:hover i{
	width:100%;
	left:0
}
#navList>li>a:after{
	content:"";
	position:absolute;
	width:100%;
	height:4px;
	bottom:0;
	left:0;
	background-color:var(--theme-color);
	visibility:hidden;
	transform:scaleX(0);
	transition:.4s ease-in-out
}
#navList>li>a:hover:after{
	visibility:visible;
	transform:scaleX(1)
}
#navList .open{
	transform:rotate(180deg) scaleX(-1);
	transition-duration:.3s
}
#navList .esa-sub-navs{
	position:absolute;
	width:110px;
	top:60px;
	left:calc(50% - 55px);
	display:none
}
#navList .esa-sub-navs .caret{
	border-top:0 solid transparent;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:8px solid var(--blog-bg-color);
	width:0;
	position:relative;
	left:calc(50% - 8px)
}
#navList .esa-sub-navs ul{
	background-color:var(--blog-bg-color);
	box-shadow:var(--pane-box-shadow);
	border-radius:4px;
//	width:80px;
	padding:10px
}
#navList .esa-sub-navs ul li a{
	font-size:15px;
	overflow:hidden;
	display:flex;
	height:50px;
	justify-content:center;
	align-content:center;
	align-items:center
}
#navList .esa-sub-navs ul li a:hover{
	color:var(--theme-color);
	background:var(--panel-bg-color);
	border-radius:4px
}
#main{
	width:960px;
	margin:0 auto;
	min-height:calc(100% - 75px);
	padding:15px 0
}
#mainContent{
	float:right;
	margin-left:-25em;
	width:100%
}
#mainContent .forFlow{
	margin:0 auto 0 0;
	max-width:960px
}
#sideBar{
	width:230px;
	border-right:1px solid var(--border-color);
	font-weight:inherit;
	display:none;
	min-height:750px;
	padding:0 15px 0 0
}
#sideBar #profile_block{
	margin:0;
	font-size:0;
	display:flex;
	flex-wrap:wrap;
	text-align:left;
	line-height:1.6
}
#sideBar #profile_block a{
	box-sizing:border-box
}
#sideBar #profile_block a:first-child{
	font-size:18px;
	font-weight:700;
	width:100%;
	display:block;
	text-align:center;
	margin-bottom:14px
}
#sideBar #profile_block a:nth-child(3):after{
	content:"\56ed\9f84"
}
#sideBar #profile_block a:nth-child(5):after{
	content:"\7c89\4e1d"
}
#sideBar #profile_block a:nth-child(7):after{
	content:"\5173\6ce8"
}
#sideBar #profile_block a:nth-child(3),#sideBar #profile_block a:nth-child(5),#sideBar #profile_block a:nth-child(7){
	font-size:14px;
	width:33.3333333%;
	display:block;
	padding:0 4px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	text-align:center
}
#sideBar #profile_block a:nth-child(3):after,#sideBar #profile_block a:nth-child(5):after,#sideBar #profile_block a:nth-child(7):after{
	color:#97979f;
	font-size:14px;
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
	width:100%
}
#sideBar #profile_block #p_b_follow{
	margin:15px 0 10px;
	text-align:center
}
#sideBar #profile_block #p_b_follow a{
	border:1px solid var(--border-color);
	font-size:13px;
	padding:7px 0;
	border-radius:4px;
	width:230px;
	font-weight:300
}
#sideBar #profile_block #p_b_follow a:hover{
	border-color:var(--theme-color)
}
.newsItem{
	margin-bottom:10px
}
.newsItem .catListTitle{
	display:none
}
#blog-calendar{
	border-top:1px solid var(--border-color)
}
#blog-calendar .CalDayHeader{
	font-weight:300
}
#blog-calendar .CalTodayDay{
	color:var(--theme-color);
	font-weight:600
}
#sideBarMain ul{
	line-height:1.6
}
.catListTitle{
	text-align:left;
	margin:20px 0;
	font-size:20px;
	font-weight:inherit;
	border-left:4px solid var(--theme-color);
	border-radius:4px;
	padding-left:7px
}
#sidebar_search #widget_my_zzk .input_my_zzk{
	color:grey;
	border:1px dashed var(--border-color);
    border-color: red;
	background-color:transparent;
	width:150px;
	height:32px;
	padding:0 7px;
	font-size:16px;
	border-radius:4px
}
#sidebar_search #widget_my_zzk .input_my_zzk:focus{
	outline:none
}
#sidebar_search #widget_my_zzk .btn_my_zzk{
	height:34px;
	font-size:14px;
	font-weight:300;
	background-color:transparent;
	color:var(--text-color);
	cursor:pointer;
	width:59px;
	outline:0;
	border:1px solid var(--border-color);
	border-radius:4px
}
#sidebar_search #widget_my_zzk .btn_my_zzk:hover{
	color:var(--theme-color);
	border:1px solid var(--theme-color);
	transition:all .3s ease
}
#sidebar_search #widget_my_google{
	display:none
}
#sidebar_toptags li{
	display:inline-grid
}
#sidebar_toptags li a{
	height:16px;
	line-height:16px;
	padding:5px 8px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:210px;
	margin:0 6px 6px 0;
	display:inline-grid;
	border-radius:4px;
	background-color:var(--panel-bg-color);
	color:var(--text-color)
}
#sidebar_toptags li a:hover{
	transition:all .3s ease;
	color:#fff;
	background-color:var(--theme-color)
}
#sidebar_toptags li a .tag-count{
	display:none
}
#sidebar_categories li,#sidebar_scorerank li,#sidebar_shortcut li{
	font-size:15px;
	height:40px;
	padding-left:3px;
	line-height:30px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	list-style:none
}
#sidebar_recentposts li,#sidebar_topcommentedposts li,#sidebar_topdiggedposts li,#sidebar_topviewedposts li{
	font-size:15px;
	padding:7px 0;
	text-align:justify;
	border-bottom:1px solid var(--border-color)
}
#sidebar_recentposts li:first-child,#sidebar_topcommentedposts li:first-child,#sidebar_topdiggedposts li:first-child,#sidebar_topviewedposts li:first-child{
	border-top:1px solid var(--border-color)
}
#sidebar_recentcomments li{
	text-align:justify
}
#sidebar_recentcomments .recent_comment_title:nth-child(n+2){
	padding-top:10px
}
#sidebar_recentcomments .recent_comment_title:first-child{
	border-top:1px solid var(--border-color);
	padding-top:10px
}
#sidebar_recentcomments .recent_comment_body{
	border-radius:4px;
	padding:5px 10px;
	margin:5px 0;
	background-color:var(--panel-bg-color)
}
#sidebar_recentcomments .recent_comment_author{
	margin-right:0;
	text-align:right;
	padding-bottom:10px;
	border-bottom:1px solid var(--border-color)
}
#taglist_title,.entrylistTitle,.myposts_title,.PostListTitle,.thumbTitle{
	font-size:20px;
	font-weight:300;
	margin-bottom:10px;
	text-align:left
}
#taglist_title small,.entrylistTitle small,.myposts_title small,.PostListTitle small,.thumbTitle small{
	font-weight:inherit!important
}
.entrylistDescription{
	margin:15px auto;
	border-left:4px solid var(--border-color);
	text-align:justify;
	padding-left:7px
}
#myposts{
	margin-left:0
}
#myposts .PostList{
	border-bottom:1px solid var(--border-color);
	padding:0;
	margin:0
}
#myposts .PostList:first-of-type{
	border-top:1px solid var(--border-color)
}
#myposts .postTitl2{
	font-size:16px;
	margin:10px 0;
	text-align:justify
}
#myposts .postDesc2{
	text-align:right;
	margin-bottom:10px;
	font-size:14px
}
#myposts .postDesc2>a{
	display:none
}
#myposts .postDesc2:before{
	font-family:FontAwesome;
	content:"\f017";
	opacity:.7
}
.post-comment-count:before,.post-view-count:before{
	content:"\f1c5"
}
.post-comment-count:before,.post-view-count:before{
	font-family:Material Symbols Outlined;
	padding-left:10px;
	padding-right:5px;
	font-size:17px;
	position:relative;
	top:4px
}
.post-comment-count:before{
	content:"\e560"
}
.post-digg-count:before{
	font-family:Material Symbols Outlined;
	content:"\e9d2";
	padding-left:10px;
	padding-right:5px;
	font-size:17px;
	position:relative;
	top:4px
}
.day>.postSeparator{
	border-bottom:1px solid var(--border-color);
	text-align:justify;
	margin-bottom:10px;
	padding-bottom:10px
}
.day .postTitle2 span{
	flex-wrap:wrap;
	align-items: baseline;
	column-gap: 4px;    // 博客首页的博文标题中的文字和符号的间距；
}
.day,.entrylistItem{
	border-bottom:1px solid var(--border-color);
	text-align:justify;
	margin-bottom:15px;
	padding-bottom:10px
}
.day .postTitle,.entrylist .entrylistPosttitle{
	font-size:18px;  //显示在<随笔分类>下的博文标题文字大小设置
}
.day .postCon,.entrylist .entrylistPostSummary{
	font-size:14px;   //设置博客首页的《摘要》字体大小
	padding:15px 0; 
}
.day .postCon img,.entrylist .entrylistPostSummary img{
	border-radius:4px;
	margin-left:10px;
	height:65px;         //设置博客首页的摘要配图宽高
	width:160px;
	border:1px solid rgba(243, 10, 10, 0.973)
}
.day .postCon a,.entrylist .entrylistPostSummary a{
	border-bottom:1px dotted var(--text-color);
	padding:2px 5px;
	font-size:14px; // 博客首页显示的按钮 "阅读全文" 的字体大小设置
	margin-top:10px;
	display:table
}
.day .postCon a:after,.entrylist .entrylistPostSummary a:after{
	content:"\00bb"
}
.day .postCon a:hover,.entrylist .entrylistPostSummary a:hover{
	border-bottom:1px dotted var(--theme-color)
}
.day .postDesc,.entrylist .entrylistItemPostDesc{
	text-align:right
}
.day .postDesc>a,.entrylist .entrylistItemPostDesc>a{
	display:none
}
.toc-container-header{
	font-size:20px;
	font-weight:700
}
#topics .postTitle{
	font-size:22px;      /*每一篇博客的内页的博文标题字体大小设置,原来是22px*/
    text-align:center;   /*默认值在左边；打开的博文的标题设置在中间*/
	font-weight:inherit;
}
#topics .postTitle span::visited {
	color:greenyellow;
}
#topics .postTitle2{
	font-size:23px;      /*自己添加,每一篇博客的内页的博文标题字体大小设置,原来是22px*/
	font-weight:500;
}
#topics .postBody {
	font-size:18px;    /*博客内页的博文字体大小设置,原来是18*/
	font-family:Lato,PingFang SC,Times New Roman,宋体;  /*博客英文字体大小设置，解决汉字和大写英文字母不一致问题Times New Roman  Microsoft YaHei*/
    font-weight:350;
	line-height:2.0;   /*博客内页内容行间距*/
}
#topics .postBody a{
	color:var(--theme-color)
}
#topics .postBody a:hover{
	opacity:.7
}
#topics .postBody a[data-lightbox]:hover{
	opacity:1
}
#topics .postBody h1{
	font-size:24px;
//	text-align:center;
}
#topics .postBody h2{
	font-size:20px;
	font-family:Lato,PingFang SC,Times New Roman, Microsoft YaHei;
}
#topics .postBody h3{
	font-size:19px
}
#topics .postBody h4{
	font-size:18px
}
#topics .postBody h5{
	font-size:17px
}
#topics .postBody h6{
	font-size:16px
}
#topics .postBody p{
	margin:13px auto
}
#topics .postBody hr{
	border-top:none;
	border-bottom:1px solid var(--border-color)
}
#topics .postBody blockquote{
	border:none;
	margin:15px 0;
	color:inherit;
	border-radius:4px;
	padding:1px 15px;
	border-left:4px solid var(--theme-color);
	background-color:var(--panel-bg-color)
}
#topics .postBody em{
	padding-right:3px
}
#topics .postBody strong{
	margin:0 3px;
	font-weight:500
}
#topics .postBody img{
	display:block;
	margin:15px 0;
	border-radius:3px;
	box-shadow:var(--pane-box-shadow)
}
#topics .postBody .cnblogs-markdown pre{
	white-space:pre;
	position:relative
}
#topics .postBody ol li,#topics .postBody ul li{
	margin:3px 0
}
#topics .postBody table{
	font-size:18px;
	width:100%;        //将 markdown 表格的宽度自动设置为和页面宽度一样，    
	margin: auto;
//	display:block;   // markdown 表格的宽度设置为自动，可以将表格自动居中；
	overflow-x:auto;
	border:none	
}

#topics .postBody  table tr:nth-child(even) {     /* markdown 表格偶数行 */
  background-color: #f8f8f8;
}

#topics .postBody  table::-webkit-scrollbar{
	height:2px!important
}
#topics .postBody table th{
	background:var(--panel-bg-color);
	white-space:nowrap;
	font-weight:400
}
#topics .postBody table td,#topics .postBody table th{
	border:1px solid var(--border-color);
	padding:6px 15px;
//	min-width:30px;  //markdown 表格的宽度最小设置；
}
#topics .postBody h1 code,#topics .postBody h2 code,#topics .postBody h3 code,#topics .postBody h4 code,#topics .postBody h5 code,#topics .postBody h6 code,#topics .postBody li>code,#topics .postBody p>code,#topics .postBody table code{
	line-height:1.2;
	font-family:consolas!important;
	vertical-align:middle;
	margin:0 3px;
	background-color:var(--code-bg-color)!important;
	color:var(--text-color);
	font-size:14px!important;
	padding:.2em .3em!important;
	border-radius:3px!important;
	border:none!important
}
#topics .postBody .hljs,#topics .postBody .hljsln{
	display:block;
	overflow-x:auto;
	background:var(--code-bg-color)!important;
	border:none!important;
	color:var(--text-color)!important;
	font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace!important;
	font-size:15px!important;
	padding:10px 15px
}
#topics .postBody .hljs [class*=hljs-]{
	color:var(--text-color)!important
}
#topics .postBody #post_next_prev{
	font-size:14px;
	margin-top:10px
}
#topics .postBody #post_next_prev a{
	color: var(--text-color)
}
#topics .postDesc{
	border-top:1px solid var(--border-color);
	padding-top:5px;
	margin-top:5px;
	text-align:right
}
#topics #BlogPostCategory,#topics #EntryTag{
	font-size:14px;
	margin-bottom:5px
}
#topics #BlogPostCategory a,#topics #EntryTag a{
	font-size:13px;
	border-radius:4px;
	padding:4px 6px;
	background-color:var(--panel-bg-color);
	margin-right:5px;
	transition:none;
	color:var(--text-color)
}
#topics #BlogPostCategory a:hover,#topics #EntryTag a:hover{
	color:#fff;
	background-color:var(--theme-color);
	opacity:1;
	transition:all .3s ease
}
#topics #BlogPostCategory a:after,#topics #EntryTag a:after{
	content:none
}
#topics #BlogPostCategory:before{
	content:"\e574"
}
#topics #BlogPostCategory:before,#topics #EntryTag:before{
	font-family:Material Symbols Outlined;
	font-size:17px;
	position:relative;
	top:3px
}
#topics #EntryTag:before{
	content:"\f05b"
}
.cnblogs_code{
	font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace!important;
	border-radius:3px;
	overflow-x:auto;
	background:var(--code-bg-color)!important;
	border:none!important;
	color:var(--text-color)!important;
	font-size:15px!important;
	padding:10px 15px
}
.cnblogs_code .cnblogs_code_toolbar{
	display:none
}
.cnblogs_code pre{
	background:inherit!important;
	font-family:inherit!important;
	font-size:inherit!important;
}
.cnblogs_code pre span{
	font-family:inherit!important;
	color:inherit!important
}
.cnblogs_code .code_img_closed,.cnblogs_code .code_img_opened{
	display:none!important
}
#footer{
	border-top:1px solid var(--border-color);
	font-size:13px;
	text-align:center;
	padding:15px 0
}
.louzhu{
	color:var(--theme-color);
	font-weight:500
}
.feedbackListSubtitle .sendMsg2This{
	background:transparent;
	padding-left:0;
	font-size:15px
}
.feedbackListSubtitle .sendMsg2This:before{
	content:"✉️"
}
.feedbackManage{
	float:right
}
.feedbackItem .feedbackCon{
	margin-bottom:10px;
	padding:10px 0;
	border-bottom:1px solid var(--border-color)
}
.feedbackItem .feedbackCon .comment_vote{
	margin-top:12px
}
.blog_comment_body{
	width:auto;
	border-radius:4px;
	padding:12px;
	margin-left:50px;
	margin-right:15px;
	background-color:var(--panel-bg-color);
	min-height:19px
}
.blog_comment_body img{
	border-radius:3px
}
#taglist_main{
	margin-top:0
}
#taglist_main table{
	width:100%
}
#taglist_main table tr td{
	padding:5px 0 5px 15px
}
#taglist_main table tr td:first-child{
	padding-left:0
}
#taglist_main table tr td .small{
	display:none
}
#taglist_main table tr td a{
	display:flex;
	padding:5px;
	border-radius:4px;
	background-color:var(--panel-bg-color);
	color:var(--text-color);
	align-content:center;
	justify-content:center
}
#taglist_main table tr td a:hover{
	color:#fff;
	background-color:var(--theme-color)
}
.topicListFooter{
	margin-right:0
}
#nav_next_page,.pager{
	color:var(--text-color);
	text-align:right;
	margin-right:0!important
}
#nav_next_page a,.pager a{
	color:var(--text-color);
	padding:5px 10px;
	border:1px solid var(--border-color);
	border-radius:4px
}
#nav_next_page a:hover,.pager a:hover{
	color:var(--theme-color);
	border:1px solid var(--theme-color)
}
.pager span.current{
	padding:3px 7px;
	border:1px solid var(--theme-color);
	background-color:var(--theme-color);
	border-radius:4px;
	margin:0 0 0 5px
}
.feedback_area_title{
	font-size:20px;
	border-bottom:1px solid var(--border-color);
	margin:20px 0;
	padding-bottom:10px
}
#commentform_title{
	background-image:none;
	padding-left:0;
	font-size:20px;
	margin-top:45px
}
#commentform_title>a{
	display:none
}
#commentform_title+span,#tip_comment2+p{
	display:none!important
}
.commentform .comment_textarea{
	width:100%;
	border:1px solid var(--border-color);
	background-color:transparent;
	padding:0;
	transition:none
}
.commentform .commentbox_title{
	border-bottom:1px solid var(--border-color)
}
.commentform .commentbox_title .commentbox_title_left .commentbox_tab{
	margin:0;
	padding:5px 15px;
	color:var(--text-color);
	border-bottom:none
}
.commentform .commentbox_title .commentbox_title_left .active{
	color:var(--theme-color)
}
.commentform .commentbox_title .commentbox_title_right{
	margin:0 10px 0 0
}
.commentform .commentbox_title .commentbox_title_right .comment_svg:hover,.commentform .commentbox_title .commentbox_title_right .comment_svg_stroke:hover{
	fill:var(--theme-color);
	stroke:var(--theme-color)
}
.commentform .commentbox_footer{
	border-top:1px solid var(--border-color)
}
.commentform .comment_option{
	margin-bottom:10px;
	margin-right:10px;
	fill:var(--text-color);
	color:var(--text-color)
}
.commentform .comment_option:hover{
	fill:var(--theme-color);
	color:var(--theme-color)
}
.commentform #tbCommentBody,.commentform #tbCommentBodyPreview{
	padding:10px 15px;
	background:url(https://img2024.cnblogs.com/blog/992978/202503/992978-20250308193323260-1494752208.png)  no-repeat ;
    background-size:  100% 102%;
    font-size: 14px;	
    color:var(--text-color);
	font-weight:300;	
}
.commentform #tbCommentBodyPreviewBody{
	margin-left:0;
	min-height:235px;
    max-height:500px;
	background-color:transparent;
}
.commentform #btn_comment_submit{
	width:auto;
	height:auto;
	border-width:0;
	cursor:pointer;
	color:#fff;
	background-color:var(--theme-color);
	border-color:var(--theme-color);
	font-weight:300;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	padding:5px 17px;
	font-size:13px;
	border-radius:4px;
	outline:none;
	transition:all .3s
}
.commentform #btn_comment_submit:hover{
	opacity:.7
}
.commentform .comment_my_posted>img{
	display:none
}
.commentform .bq_post_comment{
	margin-top:5px;
	font-size:13px;
	display:block;
	color:var(--text-color);
	background-color:var(--border-color);
	border:none;
	border-radius:4px;
	padding:1px 15px
}
::-webkit-scrollbar-track {            /* 滚动条里面轨道，能向上向下移动 */
    background-color: transparent;
}
::-webkit-scrollbar-track-piece {            /* 滚动条里面轨道，能向上向下移动 */
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    display: none;
    border-radius: 3px;
}
*:hover::-webkit-scrollbar-thumb {     /* 滚动条里面的小方块，能向上向下移动 */
    display: flex;
    background-color: #6b7280;
    border-radius: 3px;
}
*:hover::-webkit-scrollbar-track-piece {     /* 滚动条激活后的背景颜色 */
    background-color: 	#fff;
}
#div_digg{
	margin:0;
	width:auto
}
#div_digg .buryit,#div_digg .diggit{
	background:none;
	height:auto;
	width:auto;
	min-width:75px;
	margin:0;
	font-size:17px;
	border-radius:4px;
	padding:3px 10px;
	background-color:var(--panel-bg-color)
}
#div_digg .buryit span,#div_digg .diggit span{
	font-size:inherit;
	color:inherit
}
#div_digg .buryit:hover,#div_digg .diggit:hover{
	color:#fff;
	background-color:var(--theme-color);
	transition:all .3s ease
}
#div_digg .diggit:before{
	font-family:Material Symbols Outlined;
	content:"\e8dc";
	font-size:17px;
	position:relative;
	top:3px
}
#div_digg .buryit{
	margin-left:15px
}
#div_digg .buryit:before{
	font-family:Material Symbols Outlined;
	content:"\e8db";
	font-size:17px;
	position:relative;
	top:3px
}
.github-corner:hover .octo-arm{
	-webkit-animation:octocat-wave .56s ease-in-out;
	animation:octocat-wave .56s ease-in-out
}
.github-corner svg{
	fill:var(--theme-color);
	z-index:999;
	cursor:pointer;
	position:fixed;
	top:0;
	border:0;
	left:0;
	transform:scaleX(-1)
}
@-webkit-keyframes octocat-wave{
	0%,to{
		transform:rotate(0)
	}
	20%,60%{
		transform:rotate(-25deg)
	}
	40%,80%{
		transform:rotate(10deg)
	}
}
@keyframes octocat-wave{
	0%,to{
		transform:rotate(0)
	}
	20%,60%{
		transform:rotate(-25deg)
	}
	40%,80%{
		transform:rotate(10deg)
	}
}
.esa-mobile-menu{
	display:none;
	position:fixed;
	top:17px;
	right:20px;
	height:25px;
	width:25px;
	text-align:center;
	line-height:25px;
	z-index:941113;
	font-size:1.5em;
	cursor:pointer;
	color:var(--text-color);
	border-radius:4px
}
.esa-profile-avatar{
	border-radius:4px;
	width:100%
}
.esa-contents{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	background-color:var(--blog-bg-color);
	border-left:1px solid var(--border-color);
	overflow-y:auto;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	padding:1rem 0;
	width:146px;
	transform:translate3d(252px,0,0);
	z-index:1000
}
.esa-contents ul{
	padding:0 15px;
	overflow-y:auto
}
.esa-contents ul li{
	padding:5px 0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:pointer;
	color:var(--text-color)
}
.esa-contents ul li .level1{
	margin-left:0
}
.esa-contents ul li .level2{
	margin-left:10px
}
.esa-contents ul li .level3{
	margin-left:26px
}
.esa-anchor{
	opacity:0;
	transition:opacity .3s ease;
	margin-left:8px
}
.active{
	transform:translateZ(0);
	transition:transform .3s ease
}
.noactive{
	transition-duration:.3s;
	transform:translate3d(252px,0,0)
}
.esa-post-signature{
	padding:12px 24px 12px 20px;
	margin-top:15px;
	font-size:15px;
	background:var(--panel-bg-color);
	position:relative;
	border-radius:4px;
	border-left:4px solid var(--theme-color)
}
.esa-post-signature p{
	margin:0!important
}
.esa-post-signature a{
	color:var(--text-color)!important
}
.esa-sponsor{
	position:relative;
	width:100%;
	height:85px;
	margin:100px 0
}
.esa-sponsor .title{
	text-align:center;
	margin-bottom:15px;
	min-height:30px;
	font-size:17px;
	font-weight:400;
	opacity:.8
}
.esa-sponsor .box{
	display:flex;
	align-content:center;
	justify-content:center
}
.esa-sponsor .box li{
	width:60px;
	float:left;
	margin:0!important;
	text-align:center;
	border:1px solid var(--border-color);
	border-right:0;
	background:transparent;
	cursor:pointer;
	line-height:0;
	opacity:1;
	list-style:none;
	margin:0;
	padding:6px 3px
}
.esa-sponsor .box li svg{
	opacity:.5
}
.esa-sponsor .box li:hover{
	background:var(--panel-bg-color);
	transition:all .3s ease
}
.esa-sponsor .box li:last-child{
	border-right:1px solid var(--border-color)
}
.esa-sponsor .qrshow{
	position:absolute;
	width:200px;
	height:200px;
	background:var(--blog-bg-color);
	box-shadow:var(--pane-box-shadow);
	cursor:pointer;
	left:calc(50% - 100px);
	top:-170px;
	z-index:999;
	display:none;
	border-radius:4px
}
.esa-sponsor .qrshow img{
	height:180px;
	width:180px;
	margin:10px!important;
	box-shadow:none!important
}
.esa-comment-avatar{
	float:left
}
.esa-comment-avatar img{
	height:43px;
	width:43px;
	border-radius:4px;
	transition:all .5s ease-out;
	-webkit-transition:all .6s ease-out
}
.esa-comment-avatar img:hover{
	border-radius:50%
}
.esa-toolbar{  /*悬浮窗口*/
    display: none;
	position:fixed;
	bottom:10px;
	right:20px;
	width:45px;
	height:45px;
	z-index:1001;
}
.esa-toolbar .bars{
	position:relative;
	width:inherit;
	height:inherit;
	cursor:pointer;
	border-radius:50%;
	background:var(--theme-color);
	z-index:1;
	text-align:center;
	font-size:28px;
	font-weight:700;
	line-height:46px;
	color:#fff;
	transition:transform .3s ease;
	box-shadow:var(--toolbar-box-shadow)
}
.esa-toolbar .contents,.esa-toolbar .mode,.esa-toolbar .skin,.esa-toolbar .up{
	position:absolute;
	cursor:pointer;
	bottom:0;
	right:0;
	height:35px;
	width:35px;
	text-align:center;
	line-height:35px;
	z-index:0;
	opacity:0;
	border-radius:4px;
	box-shadow:var(--toolbar-box-shadow);
	background-color:var(--blog-bg-color);
	transition:all .3s ease
}
.esa-toolbar .contents:hover,.esa-toolbar .mode:hover,.esa-toolbar .skin:hover,.esa-toolbar .up:hover{
	color:#fff;
	background-color:var(--theme-color)
}
.esa-toolbar .bars-show{
	transform:rotate(270deg)
}
.esa-toolbar .up-show{
	transform:translate3d(0,-200%,0);
	opacity:1
}
.esa-toolbar .mode-show{
	transform:translate3d(-140%,-140%,0);
	opacity:1
}
.esa-toolbar .skin-show{
	transform:translate3d(-200%,0,0);
	opacity:1
}
.esa-toolbar .contents-show{
	transform:translate3d(-350%,0,0);
	opacity:1
}
.esa-toolbar .skin-popup{
	display:none;
	position:fixed;
	left:calc(50% - 100px);
	bottom:0;
	padding:25px;
	opacity:1;
	width:150px;
	height:auto;
	border-radius:4px 4px 0 0;
	background-clip:border-box;
	box-shadow:var(--toolbar-box-shadow);
	background-color:var(--blog-bg-color)
}
.esa-toolbar .skin-popup .item{
	text-align:center
}
.esa-toolbar .skin-popup .title{
	font-size:17px;
	margin-bottom:.5em
}
.esa-toolbar .skin-popup .themes button{
	font-size:1em;
	position:relative;
	width:calc(1.75em - 5px);
	height:calc(1.75em - 5px);
	border-radius:.15em;
	cursor:pointer;
	margin:2.5px;
	flex-shrink:0;
	justify-self:center;
	transition:all .15s;
	overflow:hidden;
	background:transparent;
	z-index:1;
	box-sizing:border-box;
	outline:none;
	border:none
}
@-webkit-keyframes loading{
	0%{
		opacity:0
	}
	to{
		opacity:1
	}
}
@keyframes loading{
	0%{
		opacity:0
	}
	to{
		opacity:1
	}
}
.loading{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:99999;
	background:var(--loading-bg-color)
}
.loading .box h2{
	color:#777;
	margin:0;
	font:1em verdana;
	text-transform:uppercase;
	letter-spacing:.1em;
	text-align:center
}
.loading .box span{
	display:inline-block;
	vertical-align:middle;
	width:.6em;
	height:.6em;
	margin:.19em;
	background:#007db6;
	border-radius:.6em;
	-webkit-animation:loading 1s infinite alternate;
	animation:loading 1s infinite alternate
}
.loading .box span:nth-of-type(2){
	background:#008fb2;
	-webkit-animation-delay:.2s;
	animation-delay:.2s
}
.loading .box span:nth-of-type(3){
	background:#009b9e;
	-webkit-animation-delay:.4s;
	animation-delay:.4s
}
.loading .box span:nth-of-type(4){
	background:#00a77d;
	-webkit-animation-delay:.6s;
	animation-delay:.6s
}
.loading .box span:nth-of-type(5){
	background:#00b247;
	-webkit-animation-delay:.8s;
	animation-delay:.8s
}
.loading .box span:nth-of-type(6){
	background:#5ab027;
	-webkit-animation-delay:1s;
	animation-delay:1s
}
.loading .box span:nth-of-type(7){
	background:#a0b61e;
	-webkit-animation-delay:1.2s;
	animation-delay:1.2s
}
body{
    counter-reset: caption;
}
Lt {
    font-size: 22px;
    border: 1.5px  solid  red;
    background-color: white;
    counter-increment: caption;
	margin-right:5px;
}
Lt::before {
    content: "№ ";
    font-weight: 400;
    font-size: 20px;
    color: var(--theme-color);
    font-family: times;
}
Lt::after{
    content: counter(caption,decimal-leading-zero);
    align-items: center; 
    justify-content: center; 
    width:  20px; 
    height: 20px; 
    border-radius: 50%; 
    background-color: var(--theme-color); 
    color: white; 
    font-size: 20px; 
    text-align: center;
    padding:1px 1px 1px 1px;
}
.XZXX {
	display: flex;
    justify-content: space-evenly;
	align-items: center;
    width: 96%;
    font-size: 18px;
}
div.Grid {
    display: flex;
}
div.Grid-cell {
    flex: 1;
    font-size: 18px;
    margin-left: 2em;	
}
.tooltip {
    position: relative;
    display: inline;
	cursor: url(https://files.cnblogs.com/files/wanghai0666/pen_32.ico),auto;
}
.tooltip::after {
    content:  "注";
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    width:  16px; 
    height: 16px; 
    border-radius: 50%; 
    background-color: var(--theme-color); 
    color: white; 
    font-size: 14px; 
    text-align: center;
	transform: translateY(-10px);
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 220px;
    top: 100%;
    left: 50%;
    margin-left: -110px; /* 使用一半宽度 (120/2 = 60) 来居中提示工具 */
    background-color: rgba(48, 44, 44, 0.822);
    color: #fff;
    text-align: left;
    border-radius: 30px;
    padding: 5px 5px 5px 15px;
    position: absolute;
    z-index: 1600;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;  /* 提示工具头部 */
    left: 50%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent rgba(48, 44, 44, 0.822) transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
	font-size:14px;   /*注释内容的字体大小设置*/
}
#sidebar_toptags .tag-count {
    display: none;
}
* {
    outline: none;
}
abbr {
    padding-bottom: 1px;
    border-bottom-width: 3px;
    border-bottom: double #0000FF;
    text-decoration: none;
}
.liScore, .liRank {
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
}
.liScore::before {
    content: '💰';
	font-size: 26px;
}
.liRank::before {
    content:'🏆';
	font-size: 26px;
}
.c_b_p_desc center{
    float:right;
}
#bannerbar, .bannerbar{
    display: none
}
a.postTitle2 {
	font-size: 18px;     //博客首页的博文标题的大小设置
    display: inline-flex;  //摘要和后面的文字同一行显示；
}
legend {
    margin-left:2px;
}
#nav_main.navbar-main {
    display: none
}
.under-post-card,#cnblogs_ch {
//  display: none;    //隐藏博客园的博文后面的插入广告；
}
a.postTitle2:visited {
//    color: rgb(156, 151, 151);       /*访问过的链接，改成你想要的颜色即可*/
//    font-weight: 400;
}
a.postTitle2:hover {
    color:var(--theme-color);       /*激活的链接，改成你想要的颜色即可*/
//    font-weight: 400;
}
#HistoryToday {
    font-size:14px;  
    display: block;   /*显示历史上的今天*/
}
#cnblogs_post_body::after{
    content:"---感谢博友阅读🌹，您已经看到我的底线了😊---";
    font-size:14px;
    color:grey; 
    display: flex;
    justify-content: center;
    align-items: center;  
}
#q::-webkit-input-placeholder {
	color:  grey;
    opacity: .85;
    font-size:14px;
}
#q:focus::-webkit-input-placeholder {
    font-size:0;
}
#q::-webkit-input-placeholder{	
	caret-color: red;   //设置光标颜色；
}
#div-geyan {
    font-size: 18px;  //数学格言的文字大小设置；
}
#wh-eye{
    width:150px;     //定时出现的用眼卫生提示；
    height:40px;
    padding:3px;
    text-align:center;
    top:calc(50% - 20px);
    left:calc(50% - 75px);
    background-color:grey;
    color: #FFF; 
    display: none;
    position:fixed;
    z-index:100;
    border-radius:15px 15px 15px 15px;
}
.cnblogs-markdown img {
    margin: 0 auto!important;  // 保证博文中的图片居中；
}
#cnblogs_post_body p {
	text-indent:2em;   // 保证博文中的句首缩进两个汉字；
}
.xzkh {              /*选择题目的括号的位置在最右端，分式要么使用斜线式，要么使用小写式*/
    clear: inline-end;
    margin-left: 0.5em;
    shape-outside: inset(0 0 0 0.5em); /* 改善文字环绕 */
    float: right;
    display: flex;
    justify-content: flex-end; 
    margin-top: 0.2em;   /* 向下微调，抵消分式顶部的空白高度 */
    margin-left: auto; 
}
.cnblogs_bannar{
	margin-top:-8px;
//	margin-left: 6px;
    background-color: rgba(255,255,255,0);
//  zoom:85%;
}
#cnblogs_post_body p> span,code {
	text-indent:0em;
}
#cnblogs_post_body li {
    margin-left: 0;
}
#cnblogs_post_body ul {
 	text-indent:0em;
}
#cnblogs_post_body ul p {
    text-indent: 0;
}
#cnblogs_post_body .footnotes p {
    text-indent: 0;
}
#cnblogs_post_body blockquote>p {
	text-indent:0em;
}
#topics .postBody blockquote{ /* 区块的相关设置 */
    padding         : auto;
    line-height     : 22px;
    border-radius   : 5px;
    display         : block;
    border-color    : #78c578;
    background-color: #8aff8a6b;
    padding-left    : 1em;
    margin-bottom   : 0.8em;
    fontweight:400;
    font-family: "仿宋";
}
#topics .postBody blockquote::before{ /* 区块的相关设置 */
    content:"💎Please keep in mind：/ 请注意：";
	color:grey;
}
#dateTime{
	color:var(--theme-color);
	margin-bottom: 10px;
	font-size:16px;
}
::selection {
    color: #fff;
}
 .postTitle :hover {
    font-size: 102%;   // 当鼠标悬浮在博文标题时的放大效果
}

@media print {     
	/* 你所有打印的样式都放在这里，打印页码可以用添加页眉页脚功能添加 */
  #comment_form.commentform, #cnblogs_post_body::after, #header, #footer, #tongjiniao-tool, fieldset, .postDesc, .esa-toolbar,.esa-contents, button, #blog_post_info_block, #blog-comments-placeholder, #blog_post_info_block, .esa-post-signature, #comment_form_container, #HistoryToday 
  {
    display: none !important;  /*打印时就会将以上的东西隐藏*/	
  }

#topics .postBody { 
//	font-size: 26px; /*打印时将博文的字体设为为小号的字体*/
	}
#topics .postTitle2 {
//	font-size: 32px;
	}	
#topics .postBody h2 {
//	font-size: 28px;
	}		
             }
.fx{  /*分析题意时鼠标变为笔的模样*/
	cursor:url(https://files.cnblogs.com/files/wanghai0666/pen_32.ico),auto;   
}
#topics .postBody code table {
    margin: unset;	    // 代码左对齐；
}
.charm-bar-wrapper{
	display: none !important;
}
.tippy-content  li.footnote-item {
    font-size: 15px;        //设置悬浮脚注的文字大小
}
li.footnote-item {
	margin-left: 15px;          //设置固定脚注的左右边距
	margin-right: 8px;
	color: grey;
    text-indent:2em;
}
.footnote-item {
    font-size: 15px;	    //设置每篇博文最后边的脚注文字大小
}
.day .postTitle a:visited { /* 博客首页的标题变成灰色，代表已经阅读过 */
    color: rgb(209, 209, 185);   
}
details {
    border: 1px dashed #aaa;
    border-radius: 14px;
    padding: 0.5em 0.5em 0;
}
summary {
	color:rgb(125, 212, 241);
    font-weight: bold;
    margin: -0.5em -0.5em 0;
    padding: 0.5em;
	cursor:url(https://files.cnblogs.com/files/wanghai0666/pen_32.ico),auto;
}
details[open] {
    padding: 0.5em;
}
details[open] summary {
    border-bottom: 1px solid #aaa;
    margin-bottom: 0.5em;
}
details > summary {
    list-style: none;
}
details > summary::-webkit-details-marker {
//  display: none;
}

/* 自定义动态三角 */
details > summary:before {
    content: "☯︎";
    display: inline-block;
    margin-right: 6px;
    transition: transform 0.3s ease;
}
details[open] > summary:before {
    transform: rotate(270deg);
}
details[open] summary::after {
    content: "🌹";
    float: right;
    margin-right: 5px;
  }

  details:not([open]) summary::after {
    content: "📌";
    float: right;
    margin-right: 5px;
  }

  details[open] p {
    display: block;
  }

  details:not([open]) p {
    display: none;
  }

  #topics .postBody hr {
  /* 清除默认样式 */
  border: none;
  height: 1px; /* 虚线高度 */
  margin: 10px 0;
  
  /* 核心：用渐变模拟虚线 */
  background: linear-gradient(
    to right, 
    #ccc 0%,    /* 线段颜色 */
    #ccc 40%,   /* 线段长度（占比40%） */
    transparent 40%,  /* 间距开始 */
    transparent 60%,  /* 间距长度（占比20%） */
    #ccc 60%,   /* 下一个线段开始 */
    #ccc 100%   /* 下一个线段结束 */
  ) repeat-x; /* 水平重复 */
  
  /* 调整虚线总宽度（可选） */
  background-size: 10px 1px; /* 10px为一个"线段+间距"的周期，1px为高度 */
}
  
  .rotate-on-hover {
    /* 过渡效果：使旋转平滑进行 */
    transition: transform 0.5s ease;
  }
  
  /* 鼠标悬停时的旋转效果 */
  .rotate-on-hover:hover {
    transform: rotate(360deg);
  }

#sideBar img {
	display: none;  /*取消游客页面的侧边栏的图片广告*/
}

#blog_c1, #under_post_card1, #under_post_card2  {
	display: none;  /*取消鸿蒙应用开发激励计划图片*/
}

/* 核心：提升样式优先级，强制覆盖博客园默认样式 */
#cnblogs_post_body .tip-box {
    display: block  ;
    padding: 5px 20px;
    border-radius: 8px  ;
    margin: 20px 0  ;
    font-size: 15px  ;
    line-height: 1.5  ;
    width: 100%  ;
    box-sizing: border-box  ;
    word-wrap: break-word  ;
    position: relative  ;
    border: 1px solid transparent  ; /* 先重置边框 */

}

/* 1. 提示 ::tips:: - 强制背景+边框 */
#cnblogs_post_body .tip-box.tips {
  background-color: #f6ffed  ;
  border-color: #b7eb8f  ;
}
#cnblogs_post_body .tip-box.tips::before {
  content: "💡温馨提示"  ;
  display: block  ;
  font-size: 16px  ;
  font-weight: bold  ;
  margin-bottom: 8px  ;
  color: #333  ;
}

/* 2. 警告 ::warnings:: - 强制背景+边框 */
#cnblogs_post_body .tip-box.warnings {
  background-color: #fff7e6  ;
  border-color: #ffd591  ;
}
#cnblogs_post_body .tip-box.warnings::before {
  content: "⚠️特别提醒"  ;
  display: block  ;
  font-size: 16px  ;
  font-weight: bold  ;
  margin-bottom: 8px  ;
  color: #333  ;
}

/* 3. 成功 ::success:: - 强制背景+边框 */
#cnblogs_post_body .tip-box.success {
  background-color: #f0fff4  ;
  border-color: #95f0b4  ;
}
#cnblogs_post_body .tip-box.success::before {
  content: "✅操作成功"  ;
  display: block  ;
  font-size: 16px  ;
  font-weight: bold  ;
  margin-bottom: 8px  ;
  color: #333  ;
}

/* 4. 错误 ::errors:: - 强制背景+边框 */
#cnblogs_post_body .tip-box.errors {
  background-color: #fff2f0  ;
  border-color: #ffccc7  ;
}
#cnblogs_post_body .tip-box.errors::before {
  content: "❌失误防范"  ;
  display: block  ;
  font-size: 16px  ;
  font-weight: bold  ;
  margin-bottom: 8px  ;
  color: #333  ;
}

/* 5. 信息 ::info:: - 强制背景+边框 */
#cnblogs_post_body .tip-box.info {
  background-color: #e6f7ff  ;
  border-color: #91d5ff  ;
}
#cnblogs_post_body .tip-box.info::before {
  content: "ℹ️ 解后反思"  ;
  display: block  ;
  font-size: 16px  ;
  font-weight: bold  ;
  margin-bottom: 8px  ;
  color: #333  ;
}

/* 6. 通知 ::notice:: - 强制背景+边框 */
#cnblogs_post_body .tip-box.notice {
  background-color: #f7f7f7  ;
  border-color: #d9d9d9  ;
}
#cnblogs_post_body .tip-box.notice::before {
  content: "🔔特别强调"  ;
  display: block  ;
  font-size: 16px  ;
  font-weight: bold  ;
  margin-bottom: 8px  ;
  color: #333  ;
}

/* 代码/链接样式 - 强制生效 */
#cnblogs_post_body .tip-box code {
  background: #f2f2f2  ;
  padding: 2px 6px  ;
  border-radius: 4px  ;
  font-family: Consolas, "Courier New", monospace  ;
}
#cnblogs_post_body .tip-box a {
  color: #1890ff  ;
  text-decoration: underline  ;
}
#cnblogs_post_body .tip-box a:hover {
  text-decoration: none  ;
}

/* 手机适配 - 强制生效 */
@media (max-width: 768px) {
  #cnblogs_post_body .tip-box {
    padding: 16px 10px 10px  ;
    font-size: 13px  ;
  }
  #cnblogs_post_body .tip-box::before {
    font-size: 15px  ;
    margin-bottom: 6px  ;
  }
}