body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.container {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}
img {
    border-radius: 8px;   /* 8px 只是示例值，可按需调整 */
}
/* 顶部一行两列自适应div样式 */
.top-row {
    display: flex;          /* 使用flexbox实现左右排列 */
    margin-bottom: 20px;
}

.left-element {
    flex: 1 1 auto;         /* 左侧可伸缩但优先保持内容宽度 */
    min-width: 0;           /* 允许内容超出时收缩 */
    padding: 10px;
    font-size: 16px;
}
.right-element {
    flex: 1;                /* 左右元素自适应宽度 */
    padding: 10px;
    font-size: 16px;        /* 新增：统一文字大小 */
}

/* 去掉该区域内所有链接的下划线 */
.top-row {
    color: #FFFFFF; /* 设置父元素文字为白色 */
}

.top-row a {
    text-decoration: none; /* 移除链接下划线 */
    color: #FFFFFF; /* 强制链接文字为白色 */
    cursor: pointer; /* 保持鼠标指针样式 */
}

/* ================= 导航菜单 ================= */
.menu {
    display: flex;
    justify-content: space-around;
    background-color: transparent;   /* 去掉白底 */
    padding: 10px 0;
}

.menu a {
    text-decoration: none;
    color: #ffffff;                  /* 白色文字 */
    font-weight: bold;
    font-size: 20px;
}

.menu a:hover {
    color: #63b3ed;                  /* 悬停高亮 */
}
.slider {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    margin-top: 20px;
}

.slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

/* ================= 友情链接 ================= */
.links {
    display: flex;
    justify-content: space-around;
    background-color: transparent;   /* 去掉白底 */
    padding: 5px 0;
    margin-top: 20px;
}

.links a {
    text-decoration: none;
    color: #ffffff;                  /* 白色文字 */
    font-weight: normal;
    font-size: 14px;
}

.links a:hover {
    color: #90cdf4;                  /* 悬停高亮 */
}

/* 可选：添加hover效果 */
.menu a:hover {
    color: #4299e1; /* 悬停时变为更浅的蓝色 */
}

.links a:hover {
    color: #63b3ed; /* 悬停时变为更浅的蓝色 */
}