@charset "UTF-8";                       /* 告诉浏览器：此文件使用 UTF-8 编码，防止中文乱码 */
/* ========== 全局变量 ========== */
:root {
  /* 定义CSS自定义属性（CSS变量），方便统一管理和响应式调整 */
  --section-padding: 40px; /* 区块的内边距 */
  --card-padding: 60px;    /* 卡片容器的内边距 */
  --gap: 60px;             /* 元素之间的间隔 */
  --radius: 20px;          /* 圆角半径 */
  --mobile-padding: 20px;  /* 移动端的内边距 */
}
/*========== 通用Reset：先把所有标签“剃光头” ==========*/
* {                                      /* 通配符：选中页面上每一个元素 */
  margin: 0;                             /* 清除浏览器默认外边距 */
  padding: 0;                            /* 清除浏览器默认内边距 */
  box-sizing: border-box;                /* 让 width/height 包含边框和内边距，方便计算 */
}

/*========== 页面基础设定 ==========*/
body {                                   /* 整个网页的身体 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
              "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
                                         /* 字体优先级：苹果系统→Win系统→通用无衬线，中英文都好看 */
  background: #f7f7f9;                   /* 整个页面背景：浅灰色，护眼不刺眼 */
  overflow-x: hidden;                    /* 禁止横向滚动条，防止内容撑破屏幕 */
}


/* 备案号 */
.simple-footer {
    background-color: #333333; /* 背景色：深灰 */
    width: 100%;
    padding: 30px 0; /* 上下留出一点空间 */
    margin-top: 0;
}

.simple-footer-box {
    text-align: center; /* 内容强制居中 */
    color: #999999; /* 文字颜色：浅灰 */
    font-size: 14px; /* 字体大小 */
    line-height: 1.8; /* 行高，让两行字不要挤在一起 */
}

/* 备案号链接样式 */
.simple-footer-box a {
    color: #999999; /* 默认链接颜色与文字一致 */
    text-decoration: none; /* 去掉下划线 */
    transition: color 0.3s;
}

.simple-footer-box a:hover {
    color: #ffffff; /* 鼠标放上去变白 */
    text-decoration: underline; /* 鼠标放上去显示下划线 */
}

/* 针对两行文字的微调 */
.footer-icp {
    margin-bottom: 5px; /* 第一行和第二行之间留点缝隙 */
}

.footer-copy {
    font-family: Arial, "Microsoft YaHei", sans-serif;
}