/* 专为 about.html 页面设计的文档样式 */
/* 确保页面主体可以正常滚动 */
body.about-page {
    height: 100%;
    margin: 0;
    overflow-y: auto;
    padding: 0; /* 移除 body 的 padding 以便内容占满屏幕 */
}

/* 调整容器，使其在“关于我”页面中正常显示 */
body.about-page .wrapper {
    display: flex; /* 确保wrapper的flex布局 */
    flex-direction: column;
    align-items: center; /* 让wrapper内的内容居中 */
    height: auto;
    min-height: 100vh;
}

body.about-page .container {
    padding: 20px 0; /* 增加上下内边距 */
    background: transparent; /* 移除卡片背景 */
    box-shadow: none; /* 移除阴影 */
    max-width: 900px; /* 增加内容区域宽度 */
    width: 90%;
}

/* 文档内容的具体样式 - 已调整为居中 */
body.about-page .portfolio {
    padding: 20px 30px;
    max-width: 800px;
    margin: 0 auto;
    text-align: center; /* 主要内容居中对齐 */
}

/* 保持段落文本左对齐以方便阅读 */
body.about-page .portfolio p {
    line-height: 1.8;
    margin-bottom: 1.5em;
    font-size: 1.1em;
    color: var(--text-color);
    text-align: left; /* 段落文本左对齐 */
}

body.about-page .portfolio h2 {
    font-size: 1.8em;
    margin-bottom: 0.8em;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.5em;
    text-align: center; /* 确保标题也居中 */
}

/* 新的返回主页按钮样式 */
.back-link {
    display: block;
    margin-top: 20px;
    padding-top: 20px;
    text-align: right; /* 让链接本身位于容器右侧 */
    font-size: 1.1em;
    font-weight: bold;
}

.back-link::before {
    content: '--->';
    margin-right: 5px;
    font-size: 1.2em;
    font-weight: normal;
}


/* 移动端适配 */
@media (max-width: 768px) {
    body.about-page .portfolio {
        padding: 30px 15px;
    }
    
    body.about-page .portfolio h2 {
        font-size: 1.5em;
    }
}