/* 页脚美化 */
#footer:before {
  background-color: rgba(255, 255, 255, 0.5);
}

[data-theme='dark'] #footer:before {
  background-color: rgba(0, 0, 0, 0.5);
}

#footer-wrap, 
#footer-wrap a {
  color: #111;
  transition: unset;
}

[data-theme='dark'] #footer-wrap,
[data-theme='dark'] #footer-wrap a {
  color: var(--light-grey);
}

/* 字体设置 */
@font-face {
  font-family: 'SourceCodePro';
  src: url('/PicGoDemo/fonts/SourceCodePro.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Consolas';
  src: url('/PicGoDemo/fonts/Consolas.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'TTQHaoShenTi';
  src: url('/PicGoDemo/fonts/甜甜圈海报字体.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'YouSheShenTi';
  src: url('/PicGoDemo/fonts/优设好身体.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'XiaWuWenKai';
  src: url('/PicGoDemo/fonts/霞鹜文楷.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'ZhuZiAYuan';
  src: url('/PicGoDemo/fonts/ZhuZiAYuanJWD.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'TangMeiRen';
  src: url('/PicGoDemo/fonts/HYTangMeiRen55W.woff2') format('woff2');
  font-display: swap;
}

/* 全局字体设置 */
body {
  font-family: 'TTQHaoShenTi', 'YouSheShenTi', sans-serif !important;
  font-size: 16px;
}

/* 文章内容字体 */
#article-container {
  font-family: 'XiaWuWenKai', 'ZhuZiAYuan', sans-serif !important;
  font-size: 1.2rem !important;
}

.post-content {
  font-family: 'XiaWuWenKai', 'ZhuZiAYuan', 'TangMeiRen', sans-serif !important;
  font-size: 1.3rem !important;
  line-height: 1.75 !important;
  color: #333333;
  text-align: justify;
}

/* 标题字体 */
h1, h2, h3, h4, h5, h6 {
  font-family: 'YouSheShenTi', 'TTQHaoShenTi', sans-serif !important;
  font-weight: 600;
}

/* 左上角博客标题字体 */
#nav .site-name, .nav-site-title .site-name {
  font-family: 'TTQHaoShenTi', 'YouSheShenTi', sans-serif !important;
  font-weight: bold;
}

/* 代码字体 */
code, pre, .code-area {
  font-family: 'SourceCodePro', 'Consolas', monospace !important;
}

/* 页面顶部图片 */
.top-img {
  height: 250px;
  margin: -50px -40px 50px;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  transition: all 0.3s;
}

@media screen and (max-width: 768px) {
  .top-img {
    margin: -30px -14px 30px;
  }
}

/* 文章页H1-H6图标样式效果 */
/* 控制风车转动速度 4s那里可以自己调节快慢 */
h1::before,
h2::before,
h3::before,
h4::before,
h5::before,
h6::before {
  -webkit-animation: ccc 4s linear infinite;
  animation: ccc 4s linear infinite;
}

/* 控制风车转动方向 -1turn 为逆时针转动，1turn 为顺时针转动，相同数字部分记得统一修改 */
@-webkit-keyframes ccc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

@keyframes ccc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

/* 设置风车颜色 */
#content-inner.layout h1::before,
#article-container h1::before {
  color: #ef50a8;
  margin-left: -1.55rem;
  font-size: 1.3rem;
  margin-top: -0.23rem;
}

#content-inner.layout h2::before,
#article-container h2::before {
  color: #fb7061;
  margin-left: -1.35rem;
  font-size: 1.1rem;
  margin-top: -0.12rem;
}

#content-inner.layout h3::before,
#article-container h3::before {
  color: #ffbf00;
  margin-left: -1.22rem;
  font-size: 0.95rem;
  margin-top: -0.09rem;
}

#content-inner.layout h4::before,
#article-container h4::before {
  color: #a9e000;
  margin-left: -1.05rem;
  font-size: 0.8rem;
  margin-top: -0.09rem;
}

#content-inner.layout h5::before,
#article-container h5::before {
  color: #57c850;
  margin-left: -0.9rem;
  font-size: 0.7rem;
  margin-top: 0rem;
}

#content-inner.layout h6::before,
#article-container h6::before {
  color: #5ec1e0;
  margin-left: -0.9rem;
  font-size: 0.66rem;
  margin-top: 0rem;
}

/* s设置风车hover动效 6s那里可以自己调节快慢*/
#content-inner.layout h1:hover,
#content-inner.layout h2:hover,
#content-inner.layout h3:hover,
#content-inner.layout h4:hover,
#content-inner.layout h5:hover,
#content-inner.layout h6:hover,
#article-container h1:hover,
#article-container h2:hover,
#article-container h3:hover,
#article-container h4:hover,
#article-container h5:hover,
#article-container h6:hover {
  color: var(--theme-color);
}

#content-inner.layout h1:hover::before,
#content-inner.layout h2:hover::before,
#content-inner.layout h3:hover::before,
#content-inner.layout h4:hover::before,
#content-inner.layout h5:hover::before,
#content-inner.layout h6:hover::before,
#article-container h1:hover::before,
#article-container h2:hover::before,
#article-container h3:hover::before,
#article-container h4:hover::before,
#article-container h5:hover::before,
#article-container h6:hover::before {
  color: var(--theme-color);
  -webkit-animation: ccc 0.8s linear infinite;
  animation: ccc 0.8s linear infinite;
}

/* 确保背景图片在所有页面完全显示 */
#page-header.not-home-page,
#page-header.post-bg, 
#page-header.tag-bg,
#page-header.archive-bg,
#page-header.category-bg,
#page-header.messageboard-bg,
#page-header.comments-bg,
#page-header.about-bg {
  background: url('/img/dog.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  height: 400px !important; /* 增加高度以确保图片完全显示 */
}

/* 为特定页面设置不同的背景 */
#page-header.about-bg {
  background: url('/img/dog.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
}

#page-header.link-bg {
  background: url('/img/dog.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
}

/* 主页背景优化 */
body {
  background: url('/img/haer.jpg') !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* 主区域背景处理 - 移除半透明和模糊效果 */
#content-inner, 
.layout, 
.recent-post-item, 
.card-widget {
  background-color: #ffffff !important;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* 文章目录样式 */
#aside-content .card-widget {
  background-color: #ffffff !important;
}

/* 信笺样式留言板 */
.comment-envelope-body {
  background-color: #ffffff !important;
}

.comment-barshow {
  background-color: #ffffff !important;
}

/* 美化留言板图片 */
.comment-envelope-cover {
  background-size: cover !important;
  background-position: center !important;
}

/* 修复圈出区域背景 */
#recent-posts, #aside-content, .article-sort {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  overflow: hidden;
}

#recent-posts:before, #aside-content:before, .article-sort:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/img/haer.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
  opacity: 1; /* 移除半透明效果 */
  z-index: -1;
  filter: none; /* 移除模糊滤镜 */
}

/* 文章内容区域美化 */
.article-sort-item, .recent-post-info, .article-sort-img, .recent-post-item .post_cover {
  position: relative;
  z-index: 1;
}

/* 美化文章区域 - 特别是圈出的部分 */
.article-sort-item-img, .recent-post-item .post_cover img, #article-container img {
  border-radius: 8px;
  transition: all 0.3s;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

/* 图片悬停效果 */
.article-sort-item-img:hover, .recent-post-item .post_cover img:hover, #article-container img:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

/* 文章内容背景半透明 */
#article-container {
  background-color: rgba(255, 255, 255, 0.85) !important;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* 圈出区域的优化 */
.recent-post-item {
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  margin-bottom: 20px;
  background-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.recent-post-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* 确保图片适当显示 */
.article-sort-title, .recent-post-info {
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
  margin-top: 10px;
}

/* 文章标题美化 */
.article-sort-title, .recent-post-info .article-title {
  color: #333;
  font-weight: bold;
  transition: all 0.3s;
}

.recent-post-info .article-title:hover {
  color: #49b1f5;
}

/* 移除友链页面上方空白区域 */
#page-header.link-bg {
  height: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

#page-header.link-bg #page-site-info {
  display: none;
}

/* 自定义鼠标样式 */
/* 全局默认鼠标指针 */
body,
html {
  cursor: url('/shubiao/alternate1743925579.cur'), auto !important;
}

/* 悬停图片时的鼠标指针 */
img {
  cursor: url('/shubiao/alternate1743925579.cur'), auto !important;
}

/* 选择链接标签时的鼠标指针 */
a:hover {
  cursor: url('/shubiao/link1743925579.cur'), auto !important;
}

/* 选中输入框时的鼠标指针 */
input:hover {
  cursor: url('/shubiao/alternate1743925579.cur'), auto !important;
}

/* 悬停按钮时的鼠标指针 */
button:hover {
  cursor: url('/shubiao/link1743925579.cur'), auto !important;
}

/* 悬停列表标签时的鼠标指针 */
i:hover {
  cursor: url('/shubiao/link1743925579.cur'), auto !important;
}

/* 悬停页脚链接标签（例如页脚徽标）时的鼠标指针 */
#footer-wrap a:hover {
  cursor: url('/shubiao/link1743925579.cur'), auto !important;
}

/* 悬停页码时的鼠标指针 */
#pagination .page-number:hover {
  cursor: url('/shubiao/link1743925579.cur'), auto !important;
}

/* 悬停菜单栏时的鼠标指针 */
#nav .site-page:hover {
  cursor: url('/shubiao/link1743925579.cur'), auto !important;
}

/* 忙碌状态鼠标指针 */
.loading,
.waiting {
  cursor: url('/shubiao/busy1743925579.cur'), auto !important;
}

/* 帮助状态鼠标指针 */
.help-icon,
.tooltip-trigger {
  cursor: url('/shubiao/help1743925579.cur'), auto !important;
}

/* 工作中状态鼠标指针 */
.processing,
.submitting {
  cursor: url('/shubiao/working1743925579.cur'), auto !important;
}