/* 白天背景（默认） */
html, body {
  background-image: url('https://img.alicdn.com/imgextra/i1/2216038073042/O1CN014i2JRJ1YLHxubH1XI_!!2216038073042.jpg') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-color: transparent !important;
}

/* 夜间背景覆盖 */
[data-theme="dark"] html,
[data-theme="dark"] body {
  background-image: url('https://img.alicdn.com/imgextra/i2/2216038073042/O1CN01xOmqJU1YLHxweCeTk_!!2216038073042.webp') !important;
}

/* 移动端优化：避免 fixed 导致性能或视觉问题 */
@media (max-width: 768px) {
  html, body {
    background-attachment: scroll !important;
    background-position: center top !important;
  }
}

/* 若某些布局层级仍遮挡背景，可将下面选择器按需放开（示例注释）
.site, .main, .container {
  background: transparent !important;
}
*/

#welcome-info {
  background: linear-gradient(45deg, #b9f4f3, #e3fbf9);
  border-radius: 18px;
  padding: 8px;
}
[data-theme="dark"] #welcome-info {
  background: #212121;
}

/*---------------- 页面样式调节---------------------- */
:root {
  --trans-light: rgba(255, 255, 255, 0.6);
  --trans-dark: rgba(25, 25, 25, 0.6);
  --border-style: 1px solid rgb(169, 169, 169);
  --backdrop-filter: blur(8px) 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);
}

#aside-content #card-toc .toc-content {
    overflow-y: scroll;
    overflow-y: overlay;
    margin: 0 -24px;
    max-height: calc(90vh - 120px);
    width: calc(100% + 34px);
}

/* 文章页、归档页、普通页面 */
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;
}

#page-header.post-bg.nav-fixed #nav {
  background: rgba(255, 255, 255, 0.75);
}

/* 夜间模式遮罩 */
[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);
}
  /*---------------- 页面样式调节---------------------- */


/* 帧率检测 */
#fps {
  position: fixed;
  /* 指定位置 */
  left: 10px;
  bottom: 10px;
  z-index: 1919810;
}
[data-theme="light"] #fps {
  background-color: transparent; /* 背景透明 */
  backdrop-filter: blur(0px);
  padding: 1px;
  border-radius: 1px;
}
[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; /* 确保按钮没有内边距 */
}


.layout #post article.post-content > header {
  display: none;/*屏蔽文章多余的元信息 */
}
/* 页脚与头图透明 */
#footer {
  background: transparent !important;
}

#greeting.shown {
  background: rgba(255, 255, 255, 0);
}
#greetingBox {
  background: rgba(255, 255, 255, 0);
}

/*屏蔽首页即刻短文*/
main#blog-container div.bbTimeList.container {
  backdrop-filter: blur(1px) !important; /* 磨砂效果，调整模糊程度 */
  background: rgba(255, 255, 255, 0.5) !important; /* 半透明白色背景 */
  
}

[data-theme=dark] main#blog-container div.bbTimeList.container {
  backdrop-filter: blur(1px) !important; /* 磨砂效果，调整模糊程度 */
  background: rgba(25, 25, 25, 0.6) !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; /* 半透明白色背景 */
  
  
}

/*首页文章列表居中屏蔽罩 */
/*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.5) !important; /* 半透明白色背景 */
  
}

[data-theme=dark] #category-bar.category-bar {
    background: rgba(25, 25, 25, 0.6) !important;
}

/*顶部横条*/
nav#nav.hide-menu.show {
  background: rgba(255, 255, 255, 0) !important; /* 半透明白色背景 */
  backdrop-filter: blur(0px) !important; /* 磨砂效果，调整模糊程度 */
  
}

/* 夜间模式页脚页头遮罩透明 */
[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;
}


:root {
  --anzhiyu-sky-blue: #90CAF9;
}

/*修改首页时间显示布局*/
.article-meta-wrap .post-meta-date {
    position: relative !important;
    top: 20px !important; /* 将内容向下移动10px */
    left: 10px  !important; /* 向右移动*/
}
/* 导航子菜单颜色 */
[data-theme="dark"] #nav .menus_items .menus_item:hover .menus_item_child {
  background: var(--anzhiyu-card-bg);
}

#nav .menus_items .menus_item:hover .menus_item_child {
  background: rgba(255, 255, 255, 0.85);
}

#footer-bar{
  background: rgba(255, 255, 255, 0.75);
}

[data-theme=dark] #footer-bar{
  background: rgba(0, 0, 0, 0.7) !important;;
}

/* #pagination a.extend.next, #pagination a.extend.prev {
  background: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] #pagination a.extend.next, #pagination a.extend.prev {
  background: var(--anzhiyu-card-bg);
} */

#pagination a.extend.prev {
  background: rgba(255, 255, 255, 0.6);
}
#pagination a.extend.next {
  background: rgba(255, 255, 255, 0.6);
}
[data-theme="dark"] #pagination a.extend.prev {
  background: var(--anzhiyu-card-bg);
}
[data-theme="dark"] #pagination a.extend.next {
  background: var(--anzhiyu-card-bg);
}

#pagination .page-number {
  background: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] #pagination .page-number {
  background: var(--anzhiyu-card-bg);
}

#pagination .pagination .toPageGroup:hover input, #pagination .pagination .toPageGroup input:focus {
  background: rgba(255, 255, 255, 0.45);
}

a#toPageButton {
  background: rgba(0,0,0,0.1);
}

[data-theme="dark"] a#toPageButton {
  background: var(--anzhiyu-card-bg);
}

/* [data-theme="dark"] #pagination a.extend.next, #pagination a.extend.prev {
    background: #00000029;
} */

/* 按钮颜色样式 */
a.categoryButton.yellow {
background: linear-gradient(to right, #ffda22, #ff8815);
box-shadow: var(--anzhiyu-shadow-yellow);
}
@media screen and (max-width: 768px) {
    .categoryGroup {
        display:none
    }
}

/* 手机 < 768px：隐藏大横幅 */
@media screen and (max-width: 768px) {
  #random-banner {
    display: none;
  }

  #pagination .pagination .extend.prev {
    background: rgba(255, 255, 255, 0.6);
  }
  #pagination .pagination .extend.next {
    background: rgba(255, 255, 255, 0.6);
  }
}

/* 平板/手机 < 1200px */
@media screen and (max-width: 1200px) {
  .topGroup .todayCard {
    background: #0e57d5;
  }


  .topGroup .recent-post-item {
    display: flex;
    height: 249px !important;
    max-height: 249px;
    background: rgba(255, 255, 255, 0.6);
  }

  .topGroup .recent-post-item .recent-post-info {
      margin: auto;
      text-align: center;
  }

  /*只显示 3 个按钮，符合你的需求 */
  .categoryGroup .categoryItem:nth-child(3) {
    display: none;
  }

  /*核心修复：竖直排列 + 加间距 + 不挤压！！！ */
  .categoryGroup {
    flex-direction: column;
    height: auto !important;       /* 自动高度，不压扁 */
    gap: 5px !important;          /* 按钮之间加空隙，不拥挤 */
    display: flex !important;
    padding: 0 5px;
    align-items: stretch;
  }

  .topGroup {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    height: auto;
  }

  .topGroup .todayCard {
    display: none;
  }

  .swiper_container_card {
    display: flex;
    flex-direction: row !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: scroll;
  }

  /* 第二个核心修复：按钮正常高度，不重叠 */
  .categoryItem {
    height: auto !important;
    min-height: 65px !important;
    min-width: 200px;
    box-shadow: none !important;
  }

  #bbTimeList {
    margin: 0 1.5rem;
    max-width: 100%;
    width: auto;
  }
  
}