/* 全局样式设置 */
body {
    font-family: Arial, sans-serif;
    line-height: 2.0;
    color: #333;
    margin: 0;
    padding: 20px;
    font-size: 1rem;
	max-width: 98%;
    transition: font-size 0.3s ease;
    transition: background-color 0.3s ease;
    background: #E7F4FE;
}

/* 导航栏样式 */
nav {
    background-color: #9a7a33;
    color: white;
    padding: 5px;
	font-size: 1.2rem;
}

    nav,ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    nav,ul,li {
      margin-right: 10px;
    }

    nav,ul,li,a {
      color: white;
      text-decoration: none;
    }

h1 {
    margin-bottom: 8px;
	text-align: center;
}

p {
    margin-bottom: 15px;
}
p,div,span {
            text-indent: 2em;
        }
/* 按钮样式 */
button {
    padding: 1px 10px;
    margin-right: 10px;
    cursor: pointer;
}

/* 定义不同字体大小的 CSS 类 */
.font-small {
    font-size: 1.0rem;
}

.font-medium {
    font-size: 1.4rem;
}

.font-large {
    font-size: 1.8rem;
}

/* 电脑端样式（假设屏幕宽度大于 768px 为电脑端） */
@media (min-width: 769px) {
    body {
        max-width: 68%;
        margin: 20px auto;
    }
}

/* 背景颜色相关样式 */
.bg-white {
    background-color: white;
}

.bg-lightgray {
    background-color: #f4f4f4;
}

.bg-lightblue {
    background-color: #e6f7ff;
}

.bg-beige {
    background-color: #fff8dc;
}

/* 页脚样式 */
footer {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
}