/* 文章标题 */
h1.post-title {
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

/* 文章元信息 */
.post-meta {
  font-size: 24px !important;
  line-height: 1.6 !important;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
  h1.post-title {
    font-size: 26px !important;
    font-weight: 700 !important;
  }
  .post-meta {
    font-size: 13px !important;
  }
}

/* 导航栏右边文字 */
#nav .menus_items .menus_item {
  font-size: 24px !important;
  font-weight: 600 !important;
  padding: 0 0 0 40px;
}

/* 子菜单项（下拉菜单） */
#nav .menus_items .menus_item .menus_item_child li a {
  font-size: 18px !important;
  font-weight: 300 !important;
}

.menus_item_child a {
  font-size: 18px !important;
  font-weight: 300 !important;
  padding: 8px 16px !important;
}

/* logo标题旁边的文本 */
.site-name{
  font-size: 0px !important;
  font-weight: 500 !important;
}

/* logo大小 */
#nav #blog-info .site-icon {
    margin-right: 10px;
    height: 38px;
    vertical-align: middle;
    margin-top: 2px
}

/* ===== 主副标题 ===== */
/* 主标题 */
#page-header #site-title {
  text-align: left !important;
  font-size: 72px !important;
  font-weight: 700 !important;
  line-height: 1.625 !important;
  transition: font-size 0.3s ease !important;
  position: relative !important;
    top: 0px !important; /* 向下移动10px */
}

/* 副标题 */
#page-header #site-subtitle {
  text-align: left !important;
  font-size: 36px !important;
  font-weight: 400 !important;
  transition: font-size 0.3s ease !important;
  position: relative !important;
    left: 5px !important; /* 向下移动10px */
}

/* ===== 主副标题手机端标题字体适配 (屏幕宽度小于 768px 时生效) ===== */
@media screen and (max-width: 768px) {
  /* 缩小主标题 */
  #page-header #site-title {
    font-size: 22px !important; /* 从 72px 缩小到 36px，比较适合手机屏幕 */
    line-height: 1.4 !important; /* 行高稍微收紧一点，避免占用过多纵向空间 */
    top: 0px !important;
  }

  /* 缩小副标题 */
  #page-header #site-subtitle {
    font-size: 12px !important; /* 从 36px 缩小到 18px */
    left: 0px !important; /* 手机端空间寸土寸金，归零偏移量防止意外换行或不对齐 */
  }
}

/* ===== 主副标题平板端过渡适配 (屏幕宽度在 768px - 1024px 之间生效) ===== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #page-header #site-title {
    font-size: 52px !important; 
  }
  #page-header #site-subtitle {
    font-size: 26px !important;
  }
}

/* 页脚 */
#footer {
  position: relative;
  background-color: #ffffff;
  background-attachment: scroll;
  background-position: bottom;
  background-size: cover;
}
#footer .footer-flex {
  display: none;
}
#footer .footer-other {
    padding: 5px 20px;
    width: 100%;
    text-align: center;
}
#footer > * {
    position: relative;
    color: #8c8c8c;
    font-size: 14px
}
#footer a {
    color: #8c8c8c;
 }
[data-theme="dark"] #footer {
    background-color: #090909;
    transition: all 0.3s;
}
[data-theme="dark"] #footer > *,
[data-theme="dark"] #footer a {
    color: #555555;
    transition: all 0.3s;
}

/* ===== 全局滚动条修复 ===== */
html, body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 确保容器不会溢出 */
#page-header, 
#site-info {
    width: 100% !important;
    max-width: 100% !important;
}

/* 特定元素修复 */
#site-title, 
#site-subtitle {
    max-width: 100% !important;
    white-space: nowrap !important; /* 防止文字换行溢出 */
}

/* 只在 header 层面切断动画溢出 */
#page-header {
    overflow: clip !important; /* clip 不会像 hidden 那样建立滚动上下文，对 sticky 更友好 */
    width: 100%;
}

/* 修复标题和副标题：移除它们自身的 overflow */
#site-title, 
#site-subtitle {
    max-width: 100%;
    overflow: visible !important; /* 允许动画在内部正常显示 */
    white-space: nowrap;
}

/* 网站背景 */
/* ===== 基础背景设置 ===== */
/* 整体页面背景 */
body {
    background-color: #F5F5F7 !important;
    background-image: url('/images/background.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    transition: all 0.3s;
}
/* 夜间模式 */
html[data-theme="dark"] body {
    background-color: #000000 !important;
    background-image: url('/images/background.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    transition: all 0.3s;
}

/* ===== 全局卡片设置 ===== */
/* 明亮模式 */
#body-wrap .recent-post-item,
#body-wrap #aside-content .card-widget,
#body-wrap .layout > div:first-child:not(.recent-posts) {
    background: #FFFFFF; 
    border-radius: 25px;
    box-shadow: 0 8px 16px -4px rgba(100, 100, 100, 0.10);
    transition: background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
}

/* 夜间模式 */
html[data-theme="dark"] #body-wrap #recent-posts > .recent-post-item,
html[data-theme="dark"] #body-wrap .recent-post-item,
html[data-theme="dark"] #body-wrap #aside-content .card-widget,
html[data-theme="dark"] #body-wrap .layout > div:first-child:not(.recent-posts){
    background: #151516;
    border-radius: 25px;
    box-shadow: 0 8px 16px -4px rgba(100, 100, 100, 0.10);
    transition: background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
}

#recent-posts .recent-post-item >.recent-post-info > .article-title {
    font-size: 35px !important;
    font-weight: 550 !important;
}

/* ===== 扩大全局最大宽度 ===== */
/* 仅在屏幕宽度大于 1200px 的大屏电脑上生效，保护平板和手机布局 */
@media screen and (min-width: 1200px) {
    .layout {
        max-width: 1400px !important; /* 你可以根据屏幕大小改成 1300px 或 1500px */
    }
}