* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft YaHei", sans-serif;}
/* 全局样式 */
body {line-height: 1.6;color: #848484;background: #f8f9fa;}
.container {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 15px;}
.footer .container a{color: #828282;}

a {text-decoration: none;color: #848484;}
a:hover {text-decoration: none; color:#ff0606;}
ul {list-style: none;}
img {max-width: 100%;height: auto;display: block;}

.section {padding: 40px 0;}
.title {text-align: center;margin-bottom: 40px;font-size: 28px;color: #222;position: relative;}
.title::after {content: "";width: 60px;height: 3px;background: #ff0606;display: block;margin: 10px auto;}

/* 导航栏 */
.header {background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.1);position: sticky;top: 0;z-index: 999;}
.nav {display: flex;justify-content: space-between;align-items: center;height: 70px;}
.logo {font-size: 24px;font-weight: bold;color: #ff0606;}
.log .img-log {max-width: 100%;height: auto;display: block;}
.log > img{width: 290px;height: 30px;}
.nav-list {display: flex;}
.nav-list li {margin-left: 30px;}
.nav-list a {font-size: 16px;padding: 8px 0;transition: 0.3s;}
.nav-list a:hover, .nav-list a.active {color: #ff0606;border-bottom: 3px solid #ff0606;}
/* 移动端菜单 */
.menu-btn {display: none;font-size: 24px;cursor: pointer;}

/* 首页banner */
/*.banner {height: 300px;background: linear-gradient(rgba(0,102,204,0.8), rgba(0,102,204,0.8)), url('/static/images/banner.jpg') center/cover;display: flex;align-items: center;text-align: center;color: #fff;}
*/
.banner {height: 300px;background: linear-gradient(rgba(0,180,204,0.5), rgba(0,30,204,0.1)), url('/static/images/banner.jpg') center/cover;display: flex;align-items: center;text-align: center;color: #fff;}
.banner h1 {font-size: 42px;margin-bottom: 20px;}
.banner p {font-size: 18px;max-width: 800px;margin: 0 auto 30px;}

/* 首页模块 */
.about-home {background: #fff;}
.about-content {display: flex;gap: 30px;align-items: center;}
.about-text {flex: 1;}
.about-img {flex: 1;border-radius: 8px;overflow: hidden; height: 60%}

/* 课程模块 */
.course {background: #f8f9fa;}
.course-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 25px;}
.course-item {background: #fff;border-radius: 8px;overflow: hidden;box-shadow: 0 3px 10px rgba(0,0,0,0.05);transition: 0.3s;}
.course-item:hover {transform: translateY(-5px);}
.course-info {padding: 20px;}
.course-info h3 {font-size: 18px;margin-bottom: 10px;color: #ff0606;}

/* 教学环境 */
.environment {background: #fff;}
.env-list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;}
.env-list img{border-radius: 8px;overflow: hidden;}

/* 信息发布 */
.news {background: #f8f9fa;}
.news-tab {display: flex;justify-content: center;margin-bottom: 30px;}
.news-tab span {padding: 8px 25px;margin: 0 10px;background: #fff;border-radius: 20px;cursor: pointer;}
.news-tab span.active {background: #c8102e;color: #fff;}
.news-item {background: #fff;padding: 15px 20px;margin-bottom: 15px;border-left: 3px solid #c8102e;}
.news-item a:hover{color:#c8102e; }
/* 联系我们 */
.contact {background: #222;color: #fff;}
.contact .title {color: #fff;}
.contact-content {display: flex;justify-content: space-around;text-align: center;}
.contact-item h3 {margin-bottom: 10px;}

/* 底部 */
.footer {background: #222;color: #828282;text-align: center;padding: 10px 0;}

/* 移动端适配 */
@media (max-width: 992px) {
    .course-list {grid-template-columns: repeat(2, 1fr);}
    .env-list {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
    .menu-btn {display: block;}
    .nav-list {position: absolute;top: 70px;left: 0;width: 100%;background: #fff;flex-direction: column;padding: 20px;display: none;}
    .nav-list li {margin: 10px 0;}
    .nav-list.show { display: flex;}
    .banner {height: 350px;}
    .banner h1 {font-size: 28px;}
    .about-content {flex-direction: column;}
    .course-list {grid-template-columns: 1fr;}
    .contact-content {flex-direction: column;gap: 20px;}
}


/* 详情标题 */
.detail-header {text-align: center;margin-bottom: 40px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.detail-title {font-size: 26px;color: #333;line-height: 1.4;margin-bottom: 15px;}
.detail-info {font-size: 14px;color: #999;display: flex;justify-content: center;gap: 20px;}

/* 详情内容 */
.detail-content {font-size: 16px;line-height: 1.9;color: #444;word-break: break-all;}
.detail-content p {margin-bottom: 18px;}
.detail-content img {max-width: 100%;height: auto;border-radius: 6px;margin: 10px 0;}
.detail-content h2,.detail-content h3 {color: #d61a1a;margin: 25px 0 15px;font-weight: bold;}

/* 返回按钮 */
.detail-bottom {margin-top: 50px;text-align: left;}
.back-btn {display: inline-block;padding: 10px 25px;background: #d61a1a;color: #fff !important;border-radius: 4px;font-size: 15px;transition: 0.3s;}
.back-btn:hover {background: #b81010;}

/* 移动端适配 */
@media (max-width:768px) {
    .detail-title {font-size: 22px;}
    .detail-info {flex-direction: column;gap: 5px;}
    .detail-content {font-size: 15px;}
}
/* 课程详情布局 */
.course-detail-box {display: flex;gap: 30px;margin-bottom: 30px;}
.course-img {flex: 0 0 360px;}
.course-img img {width: 100%;border-radius: 8px;}
.course-info {flex: 1;}

@media (max-width:992px) {.course-detail-box {flex-direction: column;}  .course-img {flex: none;}}

/* 分页 */
.page-box{text-align:center;margin-top:30px;}
.page-box ul.pagination li{display:inline-block;margin:0 5px;}
.page-box a{padding:6px 12px;border:1px solid #ddd;color:#333;}
.page-box .active a{background:#c8101e;color:#fff;border-color:#c8101e;}

/* 考情详情页 */
.crumb{color:#999;font-size:14px;margin-bottom:20px;}
.crumb a{color:#c8101e;}
.crumb a:hover {text-decoration: underline;}

.detail-head{text-align:center;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:30px;}
.detail-head h1{font-size:24px;color:#333;margin-bottom:10px;line-height:1.4;}
.detail-head .info{color:#999;font-size:14px;}
.detail-content{font-size:16px;line-height:1.9;color:#202020;min-height:400px;}
.detail-content img{max-width:100%;height:auto;border-radius:6px;margin:10px 0;}
.detail-back{margin-top:40px;}
.btn-red{display:inline-block;padding:10px 25px;background:#c8101e;color:#fff;border-radius:4px;}

/* 招聘详情页**/
/* 页面标题 */
.page-title {text-align: center;color: #4b5563;margin-bottom: 30px;font-size: 26px;font-weight: 600;}
/* 信息项样式 */
.info-item {margin-bottom: 25px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.info-item:last-child {border-bottom: none;}
/* 标签样式 */
.info-label {font-size: 18px;font-weight: 600;color: #1f2937;margin-bottom: 10px;display: flex;align-items: center;gap: 8px;}
/* 内容样式 */
.info-content {font-size: 16px;color: #4b5563;margin-left: 30px;}
/* 岗位名称高亮 */
.job-name {font-size: 22px;color:#4b5563;font-weight: 600;}


/* 校区卡片样式 */
.campus-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}
.campus-card{flex:1;min-width:300px;background:#c8102e;color:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}
.campus-card h2{color: #fff;font-size:22px;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:12px}
.info p{font-size:17px;margin:15px 0;display:flex;align-items:center}
/* 本地SVG图标样式，与原图标大小、间距保持一致 */
.icon{margin-right:10px;width:18px;height:18px;fill:#fff;vertical-align:middle}
.label{display:inline-block;width:110px;font-weight:bold}

/* 联系我们页面 */
.box {width: 95%;max-width: 1200px;margin: 30px auto;border: 1px solid #e4e4e4;border-radius: 8px;overflow: hidden;display: flex;flex-direction: column;}
/* 移动端优先：选项卡横向排列 */
.tab-left {width: 100%;background: #f8f8f8;display: flex;border-bottom: 1px solid #eee;}
.tab-item {flex: 1;padding: 16px 10px;cursor: pointer;text-align: center;transition: all 0.3s;border-right: 1px solid #eee;font-size: 16px;display: flex;justify-content: center; align-items: center; }
.tab-item:last-child {border-right: none;}
.tab-item:hover, .tab-item.active {background: #c8102e;color: #fff;}
/* 右侧内容区 */
.info-right {width: 100%;padding: 15px;}
.info-item{display:none;border-bottom: 0px;}
.info-joins{display: block;}
.info-item.show{display:block;}

/* 地图容器 */
.map-box {width: 100%;height: 220px;background: #f5f5f5;margin-bottom: 15px;border-radius: 6px;display: flex;align-items: center;justify-content: center;color: #666;overflow: hidden;}
.map-box img {width: 100%;height: 100%;object-fit: cover;}
/* 详情文字 */
.info-text p {font-size: 15px;color: #333;line-height: 28px;margin-bottom: 8px;word-break: break-all;}
.info-text span {color: #666;display: inline-block;width: 80px;font-weight: 500;}

/* ===================== PC端样式（屏幕≥768px） ===================== */
@media screen and (min-width: 768px) {
    .box {flex-direction: row;margin: 50px auto;}
    /* PC端左侧选项卡恢复纵向 */
    .tab-left {width: 220px;flex-direction: column;border-bottom: none;border-right: 1px solid #eee;}
    .tab-item {padding: 18px 20px;text-align: left;border-right: none;border-bottom: 1px solid #eee;}
    .tab-item:last-child {border-bottom: none;}
    .info-right {flex: 1;padding: 25px;}
    .map-box {height: 400px;}
    .info-text p {line-height: 32px;}
}