/* 全局样式*/
.quality-course-container {width:100%;font-family:"Microsoft YaHei UI",sans-serif;color:#333;line-height:1.5;}
/* 顶部区域*/
.header-section {padding:30px 0;border-bottom:1px solid #D9E1EA;text-align:center;position:relative;margin-bottom:40px;}
.breadcrumb {display:flex;align-items:center;justify-content:flex-start;padding:10px 0;margin-bottom:20px;font-size:14px;color:#666;}
.breadcrumb a {color:#666;text-decoration:none;}
.page-title {font-size:30px;font-weight:700;color:#333;margin-bottom:20px;}
.title-underline {width:120px;height:5px;background:#3982D5;position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);}
/* 国家级精品课程区域*/
.national-course-section {padding-bottom: 60px;background: url(../../base/img/course/bg1.jpg) no-repeat center / cover;}
.course-showcase {display:flex;align-items:center;gap:50px;padding:20px 50px;}
.course-info {flex:1;display:flex;flex-direction:column;gap:20px;}
.course-title {font-size:24px;font-weight:700;color:#000;margin:0;}
.course-meta {color:#428FDD;font-size:16px;margin-bottom: 10px;}
.course-meta span {margin-right:20px;}
.course-description {font-size:16px;line-height:1.8;}
.view-details-btn {display:inline-block;padding:8px 30px;background:#469CE2;border-radius:5px;color:white;font-size:16px;text-decoration:none;text-align:center;width:fit-content;margin: 0 auto;}
.course-image {width:45%;}
.course-image img {width:100%;height:auto;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
/* 省级精品课程区域*/
.provincial-course-section {padding: 40px 0 80px;background: #F5F9FE url(../../base/img/course/bg2.jpg) no-repeat center / cover;}
.section-title {text-align:center;font-size:30px;font-weight:700;color:#333;margin-bottom:30px;position:relative;height: 98px;line-height: 98px;border-bottom: 1px solid #D9E1EA;}
.section-title:after { content:""; width:120px; height:5px; display:block; background:#3982D5; bottom:0; position:absolute; left:50%; margin-left:-60px; }
.course-cards {display:flex;justify-content:space-between;gap:30px;padding: 0;margin-top:40px;}
.course-card {flex:1;background:white;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,0.08);overflow:hidden;padding: 20px;}
.card-image { margin-bottom:10px;}
.card-image img {width:100%;height:220px;object-fit:cover;}
.card-content { position:relative; background: #fff ;padding:20px; border-radius: 10px; font-size:14px; color:#333; overflow:hidden}
.card-content:after { opacity:0; transition:all 0.5s; height:0px; content:""; position:absolute; width:100%; background: linear-gradient(90deg, #469CE2 2.5%, #3982D5 98.18%); left:0; bottom:0; border-radius:0 0 10px 10px; margin:-1px; padding:1px; }
.course-card:hover .card-content:after { opacity:1; height:100%;}
.card-title a{font-size:18px;font-weight:700;margin:0 0 10px;position: relative;color: #1E589C;z-index: 1;}
.course-card:hover .card-title a{color:white;}
.card-meta {font-size:14px;line-height: 30px;position: relative;z-index: 1;}
.course-card:hover .card-meta {color:#F5FBFF;display: block;}
.card-content .card-more { z-index:3; position:absolute;right:24px; bottom:35px; background:#CCDAF2; border-radius:50%; overflow:hidden; transition:all 0.5s;}
.card-content .card-more:before {  content:""; background:url(../../base/img/kc_arrow.svg) no-repeat center;  width:30px; height:30px; display:block; filter:brightness(3); }
.course-card:hover .card-content .card-more { background: #FFFFFFA8; }
.course-card:hover .card-content .card-more:before { filter:brightness(1); }
/* 校级精品课程区域*/
.school-course-section {padding: 30px 0 50px;}
.course-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding: 0;margin-top:40px;}
.course-item {background:white;border-radius:8px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,0.05);padding: 20px;transition:transform 0.3s;}
.course-item:hover {transform:translateY(-5px);}
.item-image {margin-bottom:10px;}
.item-image img {width:100%;height:160px;object-fit:cover;border-radius: 10px;}
.item-info {padding:15px;}
.item-title {font-size:16px;font-weight:700;margin:0 0 10px;color: #1E589C;}
.item-meta {font-size:14px;color:#666;position: relative;z-index: 1;}
.item-meta span {display:block;}
.item-info:after {opacity:0;transition:all 0.5s;height:0px;content:"";position:absolute;width:100%;background: linear-gradient(90deg, #469CE2 2.5%, #3982D5 98.18%);left:0;bottom:0;margin:-1px;padding:1px;}
.course-item:hover .item-info:after { opacity:1; height:100%;}
.item-title a{font-size:18px;font-weight:700;margin:0 0 10px;position: relative;color: #1E589C;z-index: 1;}
.course-item:hover .item-title a {color:white;}
.item-info {font-size:14px;line-height: 30px;position: relative;z-index: 1;border-radius:10px;overflow: hidden;}
.course-item:hover .item-meta {color:#F5FBFF;display: block;}
.item-info .item-more {z-index:3;position:absolute;right:24px;bottom:35px;background:#CCDAF2;border-radius:50%;overflow: hidden;transition:all 0.5s;}
.item-info .item-more:before {  content:""; background:url(../../base/img/kc_arrow.svg) no-repeat center;  width:30px; height:30px; display:block; filter:brightness(3); }
.course-item:hover .item-info .item-more { background: #FFFFFFA8; }
.course-item:hover .item-info .item-more:before { filter:brightness(1); }
/* 统计表格*/
.statistics-section .container {padding: 40px;box-sizing:border-box;background: linear-gradient(94.89deg, #F4F9FF 7.22%, #E7F0FF 95.92%);border-radius: 10px;}
.statistics-section {padding: 0;margin-bottom:60px;}
.statistics-row { display:flex; gap:30px;}
.statistics-table {width:90%;border-collapse:collapse;}
.statistics-table .course-name {text-align:left;padding: 15px 10px 15px 30px;}
.statistics-table thead tr {overflow:hidden; font-size:20px;}
.statistics-table th,.statistics-table td {padding:20px 15px;text-align:center;border-bottom: 1px dashed #73AFDF;}
.statistics-table th {background: #469CE2;color:white;font-weight:600;padding: 15px;}
.statistics-table .sitelink { display:inline-block; background:#CCDAF2; width:92px; height:40px; line-height:40px; border-radius:5px;}
.statistics-table th:nth-child(1) { border-radius:5px 0 0 5px;}
.statistics-table th:nth-child(3) { border-radius:0 5px 5px 0;}
/* 精品教材展示*/
.textbook-section {margin-bottom:60px;}
.textbook-cards {display:flex;justify-content:space-between;gap:30px;padding:0 50px;margin-top:40px;}
.textbook-card {flex:1;display:flex;flex-direction:column;background:white;border-radius:10px;overflow:hidden;box-shadow:0 0 15px rgba(0,0,0,0.08);}
.textbook-image img {width:100%;height:200px;object-fit:cover;}
.textbook-info {padding:20px;flex-grow:1;display:flex;flex-direction:column;}
.textbook-title {font-size:18px;font-weight:700;margin:0 0 15px;color:#333;}
.textbook-meta {font-size:14px;color:#666;margin-bottom:15px;flex-grow:1;}
.textbook-meta span {display:block;margin-bottom:5px;}
.textbook-more {display:inline-block;padding:5px 15px;background:#3982D5;color:white;text-decoration:none;border-radius:4px;text-align:center;font-size:14px;}

.courseBoxLoop .container {display:flex; gap:30px; padding:40px 0}
.courseBoxLoop .boxA {overflow:hidden; flex:1;}

/* 响应式调整*/
@media (max-width:1400px) {
    .boxA > .hd h3 {font-size: 26px;}
}
@media (max-width:1200px) {
    .course-grid {grid-template-columns:repeat(3,1fr);}
    .boxA > .hd h3 {font-size: 20px;}
    .infoList li{height: 28px; line-height:28px;padding: 15px 0;}
}
@media (max-width:992px) {
    .course-showcase {flex-direction:column;}
    .course-image {width:100%;}
    .course-cards,.textbook-cards {flex-direction:column;}
    .course-grid {grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px) {
    .course-grid {grid-template-columns:1fr;}

    .statistics-section{margin-bottom: 20px;
    & .statistics-row {flex-direction: column;}
    & .container{padding:20px;}
    & .statistics-table{width: auto;}
    & .statistics-table thead tr {font-size: 18px;}
    & .statistics-table th,.statistics-table td{padding: 5px;}
    & .statistics-table .course-name {padding: 10px 10px 10px 20px;    width: 45%;}
    }
    .provincial-course-section {padding: 20px 0 40px;}

    .courseBoxLoop .container{flex-direction: column;}
}