/* 1. 全局设置：设置字体、背景和颜色 */
body {
    font-family: 'Arial', sans-serif;
    background-color: #f4f4f9;
    /* 淡灰色背景 */
    color: #333;
    line-height: 1.6;
    padding: 0;
    /* 移除默认的边距 */
    margin: 0;
}

/* 2. 容器设置：让内容居中并设置最大宽度 */
/* 1. 核心布局和容器样式 */
.container {
    width: 85%;
    max-width: 800px;
    margin: 50px auto;
    /* 顶部和底部增加外边距 */
    padding: 30px 40px;
    /* 增加内边距 */
    background-color: white;
    /* 新的阴影效果：更柔和、更专业的浮动感 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    /* 轻微圆角 */
}

/* 3. 标题样式 */
h1 {
    color: #0056b3;
    /* 标题颜色 */
    border-bottom: 3px solid #0056b3;
    padding-bottom: 15px;
    margin-top: 0;
}

/* 4. 语言切换链接样式 */
.language-switcher {
    text-align: right;
    margin-bottom: 20px;
    font-size: 14px;
}

.language-switcher a {
    color: #0056b3;
    text-decoration: none;
    /* 去除链接下划线 */
    margin-left: 10px;
}

.language-switcher a:hover {
    text-decoration: underline;
    /* 鼠标悬停时显示下划线 */
}