/* 全局重置 - 消除默认样式差异，贴合校园网站规整布局 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
}

/* 基础样式 - 校园网站简洁清新风格，易读性优先 */
body {
    font-family: "宋体", SimSun, "微软雅黑", Microsoft YaHei, serif;
    font-size: 14px;
    color: #333;
    background-color: #f7f9fc;
    width: 1100px;
    margin: 0 auto; /* 页面居中，贴合校园网站布局 */
}

/* 顶部文字LOGO - 纯文字形式，规整醒目（校园网站风格） */
.logo-box {
    width: 100%;
    height: 75px;
    line-height: 75px;
    background-color: #2c5aa0; /* 校园网站常用深蓝底色 */
    padding-left: 25px;
    margin-bottom: 10px;
    border-radius: 2px;
}
.logo-text {
    font-family: "宋体", SimSun, serif; /* 强制宋体，文字LOGO */
    color: #fff; /* 白色文字，醒目清晰 */
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 2px; /* 字间距规整，校园风格 */
}

/* 导航栏 - 数字文字样式，全链接形式，统一指向www.linyuw.cn */
.nav-box {
    width: 100%;
    height: 50px;
    background-color: #e8f0ff;
    display: flex;
    align-items: center;
    padding: 0 25px;
    margin-bottom: 15px;
    border: 1px solid #d1e0ff;
}
.nav-list {
    display: flex;
    gap: 50px; /* 导航项间距宽松，贴合校园网站 */
}
.nav-item a {
    color: #2c5aa0; /* 深蓝文字，呼应LOGO底色 */
    font-size: 18px;
    font-weight: bold; /* 数字导航加粗，醒目易识别 */
    padding: 10px 0;
    transition: all 0.3s linear;
}
.nav-item a:hover {
    color: #f08000; /* 橙色高亮，校园网站常用交互色 */
    text-decoration: underline;
}
.nav-item.active a {
    color: #f08000;
    font-weight: bold;
    text-decoration: underline;
}

/* 滚动公告 - 校园网站通知风格，横向匀速滚动 */
.notice-box {
    width: 100%;
    height: 38px;
    line-height: 38px;
    background-color: #fff;
    border: 1px solid #d1e0ff;
    padding: 0 20px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.notice-title {
    color: #c00;
    font-weight: bold;
    font-size: 14px;
    margin-right: 18px;
    display: inline-block;
}
.notice-content {
    flex: 1;
}
.marquee-container {
    width: 100%;
    animation: noticeMarquee 14s linear infinite;
}
/* 公告滚动动画 */
@keyframes noticeMarquee {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

/* 滚动焦点图片 - 独立文件xw1.jpg，固定大小，校园主题展示 */
.scroll-img-box {
    width: 100%;
    height: 320px; /* 固定高度，贴合校园网站图片展示 */
    overflow: hidden;
    border: 1px solid #d1e0ff;
    margin-bottom: 15px;
    position: relative;
}
.scroll-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持图片比例，不变形 */
}
.scroll-img-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55px;
    background: linear-gradient(transparent, rgba(0,0,0,0.6));
    padding: 12px 20px;
}
.scroll-img-desc {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* 滚动横幅广告 - 3张逐张滚动，每张停留3秒，固定横幅大小 */
.ad-scroll-box {
    width: 100%;
    height: 120px; /* 固定横幅高度，校园网站广告样式 */
    overflow: hidden;
    border: 1px solid #d1e0ff;
    margin-bottom: 20px;
    position: relative;
}
.ad-wrapper {
    display: flex;
    width: 300%; /* 3张广告，宽度300% */
    height: 100%;
    /* 动画计算：每张停留3秒，滚动0.5秒，总时长=(3+0.5)*3=10.5秒 */
    animation: adScroll 10.5s linear infinite;
}
.ad-item {
    width: 33.333%; /* 每张广告占1/3宽度 */
    height: 100%;
}
.ad-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 广告逐张滚动+停留核心动画 */
@keyframes adScroll {
    0% { transform: translateX(0); }
    28.57% { transform: translateX(0); } /* 第1张停留3秒 */
    33.33% { transform: translateX(-33.333%); } /* 滚动0.5秒切换 */
    62% { transform: translateX(-33.333%); } /* 第2张停留3秒 */
    66.66% { transform: translateX(-66.666%); } /* 滚动0.5秒切换 */
    95.23% { transform: translateX(-66.666%); } /* 第3张停留3秒 */
    100% { transform: translateX(0); } /* 滚动0.5秒回到第1张 */
}
/* 鼠标悬浮暂停广告滚动 */
.ad-scroll-box:hover .ad-wrapper {
    animation-play-state: paused;
}

/* 新闻列表 - 仅展示校园新闻/媒体聚焦/通知公告，规整排版 */
.news-list-box {
    width: 100%;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #d1e0ff;
    margin-bottom: 20px;
    border-radius: 2px;
}
.news-section-title {
    font-size: 18px;
    color: #2c5aa0;
    font-weight: bold;
    padding-bottom: 8px;
    border-bottom: 2px solid #2c5aa0;
    margin-bottom: 18px;
}
/* 新闻网格布局，清晰展示三类新闻 */
.news-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}
.news-item {
    padding: 12px 0;
    border-bottom: 1px dashed #d1e0ff;
}
.news-item:last-child {
    border-bottom: none;
}
/* 新闻栏目标签，区分三类内容 */
.news-column {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background-color: #2c5aa0;
    padding: 2px 7px;
    border-radius: 2px;
    margin-bottom: 6px;
}
/* 新闻标题 - 链接到数字命名独立页面 */
.news-title a {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    line-height: 1.4;
    transition: color 0.3s linear;
}
.news-title a:hover {
    color: #f08000;
    text-decoration: underline;
}
/* 新闻简介 */
.news-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 8px 0;
    text-indent: 2em;
}
/* 阅读全文链接 */
.read-more {
    display: inline-block;
    color: #2c5aa0;
    font-size: 13px;
}
.read-more:hover {
    color: #f08000;
    text-decoration: underline;
}

/* 新闻独立页面（数字命名）通用样式 - 校园网站简洁排版 */
.news-detail-box {
    width: 100%;
    background-color: #fff;
    padding: 25px;
    border: 1px solid #d1e0ff;
    margin: 10px 0;
}
.news-detail-title {
    font-size: 22px;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d1e0ff;
}
.news-detail-column {
    text-align: center;
    font-size: 13px;
    color: #fff;
    background-color: #2c5aa0;
    padding: 4px 10px;
    border-radius: 2px;
    display: inline-block;
    margin: 0 auto 12px;
}
.news-detail-meta {
    text-align: center;
    font-size: 12px;
    color: #666;
    margin-bottom: 25px;
}
.news-detail-content {
    font-size: 15px;
    color: #333;
    line-height: 1.7;
}
.news-detail-content p {
    margin-bottom: 15px;
    text-indent: 2em;
}
.news-detail-content img {
    max-width: 700px;
    height: auto;
    margin: 18px auto;
    display: block;
    border: 1px solid #d1e0ff;
}
/* 返回首页按钮 */
.back-home {
    display: inline-block;
    margin-top: 25px;
    padding: 7px 14px;
    background-color: #2c5aa0;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    transition: background-color 0.3s linear;
}
.back-home:hover {
    background-color: #f08000;
    color: #fff;
}