body { margin:0; font-family: Arial; background:#fff; color:#111;}
header { display:flex; justify-content:space-between; padding:20px 40px; border-bottom:1px solid #eee;}
nav a { margin:0 10px; text-decoration:none; color:#111;}
nav .active,nav a:hover { color:#c9a857;}
.section { padding:60px 40px;}
h1,h2,.new h1,.new h2 { color:#c9a857;}
img { max-width:100%; border:0px solid #eee;}
.lang { cursor:pointer; margin-left:10px;}
.new{ display:block; text-decoration:none; color:#111; border-bottom: #ccc 1px dotted;}
.text-center{ text-align:center;}
.text-center a{text-decoration:none; color:#111;}
 .text-center ul,.text-center li{ list-style:none;}
 .text-center li{ display:inline-table; margin:0 10px;}
 .subtitle{     color: #777;}
 .content{ line-height:26px;}
.menu-toggle {
    display: none; /* 电脑端默认隐藏汉堡按钮 */
    font-size: 26px;
    cursor: pointer;
    color: #111;
    user-select: none;
}

/* 当屏幕宽度小于768px（手机端）时触发以下样式 */
@media screen and (max-width: 768px) {
    header {
        flex-wrap: wrap; /* 允许内容换行 */
        align-items: center;
        padding: 15px 20px;
    }
    /* 调整顶部元素的排列顺序 */
    header > div:first-child { order: 1; } /* Logo 在左上 */
    header > div:last-child { order: 2; margin-left: auto; margin-right: 15px; } /* 语言切换靠右 */
    .menu-toggle { 
        order: 3; 
        display: block; /* 手机端显示汉堡按钮 */
    } 
    
    nav {
        order: 4; /* 导航菜单被挤到第二行 */
        width: 100%;
        display: none; /* 手机端默认隐藏导航 */
        flex-direction: column;
        text-align: center;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #eee;
    }
    nav.show-mobile-menu {
        display: flex; /* 点击按钮后添加此class显示导航 */
    }
    nav a {
        margin: 12px 0;
        display: block;
        font-size: 18px;
    }
	
	.section {
    padding: 30px 20px;
}
	
}