body {
background-color: #eeeeee;
/*background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%23727272' fill-opacity='1'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
*/}
.article-container {
background-color: rgba(255, 255, 255, 0.8);
border-radius: 25px;
}
.prettyprint {
background-color: rgba(0,0,0, 0.9) !important;
border-radius: 5px;
}
.title_line{ 
color: #333; 
line-height: 2;
}
.article-title{
background:linear-gradient( to right, #000000, #000000) no-repeat right bottom;
background-size: 0 2px; 
transition: background-size 800ms; 
}
.article-title:hover{
background-position-x: left;
background-size: 100% 2px;
}

.Mobile-end-image {
display: none;
background-color: #b0c4de;
width: 100% !important;
height: 100% !important;
z-index: 10 !important;
position:absolute;
top: 0px;
user-select: none;
-webkit-user-drag: none;
}
@media only screen and (max-width: 768px) {
.Mobile-end-image {
display: block;
}

}

.wp-container {
display: block;
-webkit-user-drag: block;
}
@media only screen and (max-width: 768px) {
.wp-container {
display: none;
}
}

.Dark-Mode {
width: 100vw;
height: 100vh;
z-index: 1000;
position:absolute;
top: 0px;
position: fixed;
background-color: #ffffff;
mix-blend-mode: difference;
display: none;
}
html {
scroll-behavior: smooth;
}

.styled-hr {  
border: none; /* 移除默认的边框 */  
height: 2px; /* 设置 hr 的高度，相当于加粗 */  
background-color: #333; /* 设置 hr 的颜色 */  
margin: 20px 0; /* 上下外边距 */  

/* 可选：添加一些样式来增强 hr 的视觉效果 */  
border-radius: 5px; /* 圆角 */  
box-shadow: 0 0 10px rgba(0,0,0,0.1); /* 阴影 */  

/* 如果想要 hr 有一个渐变效果 */  
background: linear-gradient(to right, #ff512f, #dd2476);  

/* 如果想要 hr 有纹理背景 */  
/* background: url('path-to-texture.png') repeat-x; */  
}  

/* 如果想要 hr 有一个居中的装饰，如小图标或短线条 */  
.styled-hr::before {  
content: '';  
display: block;  
width: 50px; /* 装饰的宽度 */  
height: 2px; /* 与 hr 高度相同 */  
background-color: gold; /* 装饰的颜色 */  
position: absolute;  
top: 0;  
left: 50%;  
transform: translateX(-50%); /* 居中装饰 */  
}