@charset "utf-8";
/* 校务应用介绍页专属样式（配合全站 style.css 使用） */

/* 顶部横幅 */
.edu-hero{height:560px;width:100%;padding-top:90px;position:relative;overflow:hidden;}
.edu-hero-wave{position:absolute;left:0;top:0;width:100%;height:600px;z-index:-1;background:#076CE0;}
.edu-hero-box{display:flex;flex-direction:column;align-items:center;justify-content:center;height:82%;text-align:center;opacity:0;}
.edu-hero-box h3{font-size:44px;line-height:60px;color:#fff;margin-bottom:18px;}
.edu-hero-box h4{font-size:20px;line-height:34px;color:rgba(255,255,255,.92);font-weight:normal;margin-bottom:24px;max-width:860px;}
.edu-hero-tags{margin-bottom:30px;}
.edu-hero-tags span{display:inline-block;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:20px;padding:4px 18px;font-size:15px;margin:0 6px 8px;}
.edu-btn-white{background:#fff;color:#076CE0 !important;border-radius:24px;}
.edu-btn-line{border:1px solid #fff;color:#fff !important;background:none;border-radius:24px;}

/* 通用小节标题 */
.edu-sec{padding:70px 0 10px;}
.edu-sec-h{text-align:center;margin-bottom:44px;}
.edu-sec-h h3{font-size:32px;color:#333;line-height:42px;margin-bottom:12px;}
.edu-sec-h h4{font-size:16px;color:#999;font-weight:normal;line-height:24px;}

/* 业务闭环流程 */
.edu-flow{display:flex;flex-wrap:wrap;justify-content:center;}
.edu-flow li{width:180px;background:#fff;border-radius:14px;padding:24px 14px;text-align:center;box-shadow:0 4px 16px rgba(7,108,224,.08);margin:0 14px 18px;position:relative;list-style:none;}
.edu-flow li i{display:block;width:54px;height:54px;line-height:54px;border-radius:50%;background:rgba(7,108,224,.1);color:#076CE0;font-size:26px;margin:0 auto 12px;}
.edu-flow li h5{font-size:17px;color:#333;margin-bottom:6px;}
.edu-flow li p{font-size:13px;color:#999;line-height:20px;}
.edu-flow li .arr{position:absolute;right:-21px;top:50%;margin-top:-10px;color:#076CE0;font-size:18px;}

/* 功能卡片 */
.edu-cards{display:flex;flex-wrap:wrap;justify-content:space-between;}
.edu-card{width:386px;background:#fff;border-radius:14px;padding:26px 24px;margin-bottom:24px;box-shadow:0 4px 16px rgba(7,108,224,.07);transition:all .3s;box-sizing:border-box;}
.edu-card:hover{transform:translateY(-6px);box-shadow:0 12px 26px rgba(7,108,224,.14);}
.edu-card .ic{width:52px;height:52px;line-height:52px;text-align:center;border-radius:12px;background:linear-gradient(135deg,#076CE0,#3a84fe);color:#fff;font-size:24px;margin-bottom:16px;}
.edu-card h5{font-size:19px;color:#333;margin-bottom:8px;}
.edu-card h5 .edu-minitag{font-size:12px;color:#FF9422;border:1px solid rgba(255,148,34,.4);border-radius:10px;padding:1px 8px;margin-left:8px;vertical-align:middle;font-weight:normal;}
.edu-card p{font-size:14px;color:#666;line-height:26px;}
.edu-card p b{color:#076CE0;font-weight:600;}
.edu-card ul{margin-top:8px;}
.edu-card ul li{font-size:14px;color:#666;line-height:28px;padding-left:16px;position:relative;list-style:none;}
.edu-card ul li:before{content:'';width:6px;height:6px;border-radius:50%;background:#076CE0;position:absolute;left:0;top:11px;}
.edu-card ul li b{color:#333;}

/* 双列大卡 */
.edu-duo{display:flex;justify-content:space-between;flex-wrap:wrap;}
.edu-duo .edu-card{width:588px;}

/* 课时状态表 */
.edu-table{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(7,108,224,.07);}
.edu-table table{width:100%;border-collapse:collapse;}
.edu-table th{background:#076CE0;color:#fff;font-size:15px;font-weight:normal;padding:14px 16px;text-align:left;}
.edu-table td{padding:13px 16px;font-size:14px;color:#666;border-bottom:1px solid #f0f0f0;}
.edu-table tr:last-child td{border-bottom:none;}
.edu-table tr:hover td{background:#F7FAFF;}
.edu-tag{display:inline-block;border-radius:4px;padding:2px 10px;font-size:13px;}
.edu-tag.g{background:rgba(0,173,32,.1);color:#00AD20;}
.edu-tag.b{background:rgba(7,108,224,.1);color:#076CE0;}
.edu-tag.n{background:rgba(153,153,153,.12);color:#999;}

/* 底部咨询横幅（复用全站 kfbg 体系，仅微调文案区） */
.edu-kf .kfd h3{font-size:32px;}
@media screen and (min-width: 993px) {
	.edu-kf .kfd{padding-left:340px;box-sizing:border-box;width:100%;}
}

/* 响应式 */
@media screen and (max-width: 1200px) {
	.edu-card{width:32%;}
	.edu-duo .edu-card{width:49%;}
}
@media screen and (max-width: 992px) {
	.edu-hero{height:500px;}
	.edu-hero-box h3{font-size:34px;line-height:48px;}
	.edu-hero-box h4{font-size:16px;line-height:28px;}
	.edu-card{width:48%;}
	.edu-flow li{width:160px;}
	.edu-flow li .arr{display:none;}
}
@media screen and (max-width: 768px) {
	.edu-hero{height:auto;min-height:420px;}
	.edu-hero-box{height:auto;padding:110px 15px 70px;}
	.edu-table{overflow-x:auto;}
	.edu-table table{min-width:640px;}
	.edu-sec{padding:40px 0 6px;}
	.edu-sec-h h3{font-size:24px;}
	.edu-sec-h{margin-bottom:24px;}
	.edu-kf .kfd h3{font-size:22px;}
}
@media screen and (max-width: 576px) {
	.edu-hero-box h3{font-size:26px;line-height:38px;}
	.edu-hero-box h4{font-size:14px;line-height:24px;}
	.edu-card,.edu-duo .edu-card{width:100%;margin-bottom:16px;}
	.edu-flow li{width:44%;margin:0 2% 14px;}
}