/* 欢迎信息 */
#welcome-info {
  background: linear-gradient(45deg, #b9f4f3, #e3fbf9);
  border-radius: 18px;
  padding: 8px;
}
[data-theme="dark"] #welcome-info {
  background: #212121;
}
/* 帧率检测 */
#fps {
  position: fixed;
  /* 指定位置 */
  left: 10px;
  bottom: 10px;
  z-index: 1919810;
}
[data-theme="light"] #fps {
  background-color: transparent; /* 背景透明 */
  backdrop-filter: blur(0px);
  padding: 0px;
  border-radius: 0px;
}
[data-theme="dark"] #fps {
  background-color: transparent; /* 背景透明 */
  backdrop-filter: var(--backdrop-filter);
  padding: 4px;
  border-radius: 4px;
}
/* 边缘按钮位置调整 */
#rightside button,
#rightside a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  text-decoration: none;
  margin: 0; /* 确保按钮没有外边距 */
  padding: 0; /* 确保按钮没有内边距 */
}

#body-wrap {
  background: url(https://www.dmoe.cc/random.php)
}
.layout #post article.post-content > header {
  display: none;/*屏蔽文章多余的元信息 */
}
/* 页脚与头图透明 */
#footer {
  background: transparent !important;
}
#page-header {
  background: transparent !important;
  
}
/*屏蔽首页即刻短文*/
main#blog-container div.bbTimeList.container {
  backdrop-filter: blur(1px) !important; /* 磨砂效果，调整模糊程度 */
  background: rgba(255, 255, 255, 0.5) !important; /* 半透明白色背景 */
  
}

/* 白天模式遮罩透明 */
#footer::before {
  background: transparent !important;
  padding: 1px !important; /* 可选：添加内边距 */
}
#page-header::before {
  background: transparent !important;
  padding: 1px !important; /* 可选：添加内边距 */
}

/* 夜间模式遮罩透明 */
[data-theme="dark"] #footer::before {
  background: transparent !important;
  padding: 1px !important; /* 可选：添加内边距 */
}
[data-theme="dark"] #page-header::before {
  background: transparent !important;
  padding: 1px !important; /* 可选：添加内边距 */
}

}
/* 翻页按钮居中 */
#pagination {
  width: 100%;
  margin: auto;
}
/*首页边框*/
div.page#body-wrap main#blog-container div.layout#content-inner {
  background: rgba(255, 255, 255, 0) !important; /* 半透明白色背景 */
  padding: 1px !important; /* 可选：添加内边距 */
  
}
/* 文章页边框*/
div.post#body-wrap main#blog-container div.layout#content-inner {
  background: rgba(255, 255, 255, 0) !important; /* 半透明白色背景 */
  backdrop-filter: blur(0px) !important; /* 磨砂效果，调整模糊程度 */
  padding: 5px !important; /* 可选：添加内边距 */
  
}

/*首页文章列表居中屏蔽罩 */
/*div.page#body-wrap main#blog-container div.layout#content-inner div.recent-posts#recent-posts {
  backdrop-filter: blur(1px) !important; /* 磨砂效果，调整模糊程度 */
  /*padding: 5px !important; /* 可选：添加内边距 
  
}*/
/* 透明磨砂背景 */
#recent-post-item lastspost-item {
    background-color: rgba(255, 255, 255, 0.5); !important;
}
/*首页横条*/
div#category-bar.category-bar {
  background: rgba(255, 255, 255, 0) !important; /* 半透明白色背景 */
  
  
}
/*顶部横条*/
nav#nav.hide-menu.show {
  background: rgba(255, 255, 255, 0) !important; /* 半透明白色背景 */
  backdrop-filter: blur(0px) !important; /* 磨砂效果，调整模糊程度 */
  
}
/*公告栏*/
div.card-widget.card-announcement {
  backdrop-filter: blur(1px) !important; /* 磨砂效果，调整模糊程度 */
  background: rgba(255, 255, 255, 0.5) !important; /* 半透明白色背景 */
  
}
/*貌似和94行的首页边框冲突了*/
/*body #content-inner {
  background: rgba(255, 255, 255, 0.5) !important; /* 半透明白色背景 
  backdrop-filter: blur(10px) !important; /* 磨砂效果，调整模糊程度 
  border-radius: 10px !important; /* 可选：添加圆角 
  padding: 20px !important; /* 可选：添加内边距 
}*/

.card-widget .card-tags {
  display: none; /* 屏蔽首页公告下面的推荐标签 */
}

/* 底栏颜色 */ 
.layout#content-inner .aside-content#aside-content .sticky_layout .card-widget {
  
  background: #b9f4f3;
    
}
/* 底栏颜色 
.layout#content-inner .aside-content#aside-content .sticky_layout .card-widget {
  
  无透明效果：
  background: #F8BBD0 !important; /* 无需透明的背景 
    
  全透明效果：  
  backdrop-filter: blur(1px) !important; /* 磨砂效果，调整模糊程度 
  background: rgba(255, 255, 255, 0.5) !important; /* 半透明白色背景 
    
}*/

/*屏蔽侧边栏里面的“功能”两个字*/
#sidebar #sidebar-menus .sidebar-menu-item-title {
    display: none;
}
/*屏蔽侧边栏里面的“显示模式”*/
#sidebar #sidebar-menus .sidebar-menu-item {
    display: none;
}

/*about
.reward-front {
  display: block; /* 默认显示正面//这个好像可以注释，暂时不启用吧。
}
*/
.reward-back {
  display: none; /* 默认隐藏背面 */
  color: #f8bbd0; /* 设置字体颜色 */
}

.reward-list-item.flipped .reward-front {
  display: none; /* 翻转后隐藏正面 */
}

.reward-list-item.flipped .reward-back {
  display: block; /* 翻转后显示背面 */
}
/* 设置 hello-about 的字体渐变色和文字背景为图片 
.hello-about-content h1 {
  background: 
    url('https://dlink.host/wx2.sinaimg.cn/large/007udx8Wly8i0h6etwni7g301j01lq3k.gif') no-repeat center center, /* 背景图片 
    linear-gradient(to right, #ff80ab, #2196f3); /* 渐变色从左到右 
  background-size: cover, 100%; /* 背景图片自适应文字大小 
  -webkit-background-clip: text; /* 只应用到文字 
  -webkit-text-fill-color: transparent; /* 使文字背景透明，从而显示背景 
}
*/

.hello-about-content h1 {
  white-space: pre-wrap; /* 保留换行符，自动换行 */
  word-break: break-word; /* 强制长单词换行 */
}

/*布局设置*/

:root {
  --trans-light: rgba(255, 255, 255, 0);
  --trans-dark: rgba(25, 25, 25, 0);
  --border-style: 1px solid rgb(169, 169, 169);
  --backdrop-filter: blur(0px) saturate(150%);
}

/* 首页文章卡片 */
#recent-posts > .recent-post-item {
  background: var(--trans-light);
  backdrop-filter: var(--backdrop-filter);
  border-radius: 25px;
  border: var(--border-style);
}

/* 首页侧栏卡片 */
#aside-content .card-widget {
  background: var(--trans-light);
  backdrop-filter: var(--backdrop-filter);
  border-radius: 18px;
  border: var(--border-style);
}

/* 文章页、归档页、普通页面 */
div#post,
div#page,
div#archive {
  background: var(--trans-light);
  backdrop-filter: var(--backdrop-filter);
  border: var(--border-style);
  border-radius: 20px;
}

/* 导航栏 */
#page-header.nav-fixed #nav {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: var(--backdrop-filter);
}

[data-theme="dark"] #page-header.nav-fixed #nav {
  background: rgba(0, 0, 0, 0.7) !important;
}

/* 夜间模式遮罩 */
[data-theme="dark"] #recent-posts > .recent-post-item,
[data-theme="dark"] #aside-content .card-widget,
[data-theme="dark"] div#post,
[data-theme="dark"] div#archive,
[data-theme="dark"] div#page {
  background: var(--trans-dark);
}


/* 夜间模式页脚页头遮罩透明 */
[data-theme="dark"] #footer::before {
  background: transparent !important;
}
[data-theme="dark"] #page-header::before {
  background: transparent !important;
}

/* 阅读模式 */
.read-mode #aside-content .card-widget {
  background: rgba(158, 204, 171, 0.5) !important;
}
.read-mode div#post {
  background: rgba(158, 204, 171, 0.5) !important;
}

/* 夜间模式下的阅读模式 */
[data-theme="dark"] .read-mode #aside-content .card-widget {
  background: rgba(25, 25, 25, 0.9) !important;
  color: #ffffff;
}
[data-theme="dark"] .read-mode div#post {
  background: rgba(25, 25, 25, 0.9) !important;
  color: #ffffff;
}
/*

--trans-light：白天模式带透明度的背景色，如rgba(255, 255, 255, 0.88)底色是纯白色，其中0.88就透明度，在0-1之间调节，值越大越不透明；

--trans-dark: 夜间模式带透明度的背景色，如rgba(25, 25, 25, 0.88)底色是柔和黑色，其中0.88就透明度，在0-1之间调节，值越大越不透明;

--border-style: 边框样式，1px solid rgb(169, 169, 169)指宽度为1px的灰色实体边框;

--backdrop-filter: 背景过滤器，如blur(5px) saturate(150%)表示饱和度为150%的、高斯模糊半径为5px的过滤器，这是亚克力效果的一种实现方法;

*/

.reward-back {
  display: none; /* 默认隐藏背面 */
  color: #f8bbd0; /* 设置字体颜色 */
}

.reward-list-item.flipped .reward-front {
  display: none; /* 翻转后隐藏正面 */
}

.reward-list-item.flipped .reward-back {
  display: block; /* 翻转后显示背面 */
}
/*布局设置*/

/*about内联调整为块*/
.reward-list-item {
  display: block; /* 确保每个赞助者信息独占一行 */
}

.reward-list-item-name {
  display: block; /* 确保名称独占一行 */
  margin-bottom: 5px; /* 添加一些间距 */
}

.reward-list-item-money-time {
  display: block; /* 确保金额和时间独占一行 */
}

.reward-list-item-money, .datatime.reward-list-item-time {
  display: inline-block; /* 确保金额和时间在同一行显示 */
  margin-right: 5px; /* 添加一些间距 */
}