/* 全局页面基础样式设置 */
body {
    margin: 0;            /* 移除默认外边距 */
    padding: 0;           /* 移除默认内边距 */
    width: 100vw;         /* 宽度占满视口宽度 */
    height: 100vh;        /* 高度占满视口高度 */
    background: none;     /* 无背景色（通常由父容器设置背景） */
    overflow-x: hidden;   /* 隐藏水平滚动条 */
    overflow-y: auto;     /* 允许垂直滚动 */
}

/* 主容器布局 */
.main {
    width: 100%;
    padding: 10vh 0 5vh; /* 顶部10vh间距，底部5vh间距 */
    box-sizing: border-box;
    text-align: center;   /* 使内联块元素水平居中 */
}

/* 文章信息展示区域 */
.about-page {
    height: auto;      /* 与个人信息卡片同高 */
    width: 960px;       /* 固定宽度 */
    margin: 0;          /* 清除外边距 */
    background-color: rgba(255, 255, 255, 0.75); /* 半透明白色 */
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* 阴影效果 */
    box-sizing: border-box; /* 包含内边距 */
    flex-direction: column; /* 垂直布局 */
    padding-top: -14px;      /* 内边距 */
    padding-left: 35px;
    padding-bottom: 35px;
    border-radius: 20px; /* 大圆角 */
    display: inline-block
}

/* 文章展示区域 */
.text-page {
    height: 900px;      /* 与个人信息卡片同高 */
    width: 960px;       /* 固定宽度 */
    margin: 0;          /* 清除外边距 */
    background-color: rgba(255, 255, 255, 0.75); /* 半透明白色 */
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* 阴影效果 */
    box-sizing: border-box; /* 包含内边距 */
    flex-direction: column; /* 垂直布局 */
    padding: 35px;      /* 内边距 */
    border-radius: 20px; /* 大圆角 */
    margin-top: 12px; /* 顶部间距 */
    display: inline-block
}

.text {
    font-size: 1.125rem; /* 字体大小 */
    line-height: 1.3;    /* 行高 */
    color: #333;         /* 字体颜色 */
    text-align: left;    /* 左对齐 */
}

.tag-item {
    font-size: 0.9rem; /* 标签字体大小 */
    color: #626262; /* 标签字体颜色 */
    background-color: rgba(0, 0, 0, 0.05); /* 标签背景色 */
    border-radius: 6px; /* 标签圆角 */
    padding: 2px 6px; /* 标签内边距 */
    margin-right: 6px; /* 标签右外边距 */

}

.date-time {
    font-size: 0.9rem; /* 日期时间字体大小 */
    color: #626262; /* 日期时间字体颜色 */
    margin-top: -20px; /* 顶部间距 */
    margin-bottom: 10px; /* 底部间距 */
    text-align: left; /* 左对齐 */
    margin-left: 2px; /* 左侧间距 */
}

.text h2 {
    font-size: 1.5rem; /* 字体大小 */
    line-height: 1.2;  /* 行高 */
    color: #333;       /* 字体颜色 */
    text-align: left;  /* 左对齐 */
}