/* --- 您原来的加载动画代码 --- */

#loading {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
    background-color: #f4f5f5;
    pointer-events: none;
}

.loader-inner {
    will-change: transform;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    background-color: #3742fa;
    border-radius: 50%;
    animation: scaleout 0.6s infinite ease-in-out forwards;
    text-indent: -99999px;
    z-index: 999991;
}

@keyframes scaleout {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

/* --- 以下是新增的全局字体控制代码 --- */

/* 
 * 1. 设置根元素的字体大小（非常推荐）
 * 这定义了 1rem 的大小，方便后面进行响应式调整。
 * 16px 是绝大多数浏览器的默认大小。
 */
html {
  font-size: 16px;
}

/* 
 * 2. 设置 body 的字体大小
 * 这将成为整个页面的默认字体大小。
 * 1rem 等于您在 html 中设置的 16px。
 */
body {
  font-size: 1.1rem; /* 相当于 17.6px，更舒适的阅读大小 */
  font-family: "YouYuan", "幼圆", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; /* 使用幼圆字体，圆润舒适 */
  line-height: 1.9; /* 增加行高到 1.9，提升阅读舒适度 */
  color: #1a1a1a; /* 使用更深的颜色，提高对比度 */
  background-color: #ffffff; /* 强制白色背景 */
  color-scheme: light; /* 禁用深色主题，始终使用浅色 */
}

/* 强制禁用深色主题 */
@media (prefers-color-scheme: dark) {
  body {
    color: #1a1a1a !important;
    background-color: #ffffff !important;
  }
  
  #cnblogs_post_body {
    color: #1a1a1a !important;
    background-color: #ffffff !important;
  }
  
  html {
    color-scheme: light !important;
  }
}

/* 
 * 3. (可选) 控制特定元素的字体大小
 * 比如，博客园的文章内容区域。
 */
#cnblogs_post_body {
  font-size: 1.15rem; /* 相当于 18.4px，更易阅读 */
}

/* 
 * 4. (可选) 控制标题的字体大小
 */
h1 {
  font-size: 2.5rem; /* 40px */
}

h2 {
  font-size: 2rem; /* 32px */
}