/*教员照片推荐CSS*/
/* 页面容器 */
*{font-family:'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif}
body{line-height:1.4}
.container{max-width:1200px;margin:10px auto;background:white;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.08);padding:30px;position:relative;overflow:hidden}
.container::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3ac779,#2ecc71,#27ae60)}
/* 标题样式 */
.page-title{position:relative;text-align:center;font-size:24px;color:#333;padding:15px 0;border-bottom:1px solid #f0f0f0;margin-bottom:15px}
.page-title h1{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:8px;letter-spacing:-0.5px}
.page-title .subtitle{color:#7f8c8d;font-size:16px;font-weight:400}
/* 搜索栏 */
.search-bar{margin-bottom:30px}
.input-item{margin-bottom:10px;display:flex;align-items:flex-start}
.input-item:last-child{margin-bottom:0}
.input-item label{font-weight:500;color:#2c3e50;width:80px;padding-top:8px;font-size:15px;flex-shrink:0}
.filter-links{display:flex;flex-wrap:wrap;gap:5px;flex:1}
.filter-links a{display:inline-block;padding:5px 10px;background:#f8f9fa;color:#34495e;text-decoration:none;border-radius:6px;font-size:14px;transition:all 0.25s ease;border:1px solid #e0e0e0;position:relative}
.filter-links a:hover{border-color:#31ab68;color:#31ab68;transform:translateY(-2px);box-shadow:0 4px 8px rgba(49,171,104,0.15)}
.filter-links a.selected{background:#31ab68;color:white;border-color:#31ab68;font-weight:500;box-shadow:0 4px 12px rgba(49,171,104,0.25)}
.result-count{display:inline-block;margin-top:25px;padding:10px 16px;background:#f1f8e9;color:#33691e;border-radius:6px;font-size:14px;border-left:4px solid #689f38}
@media (max-width:768px){.container{padding:20px;margin:15px auto}
.input-item{flex-direction:column;margin-bottom:10px}
.input-item label{margin-bottom:12px;width:100%;padding-top:0;font-size:16px}
.filter-links{width:100%;gap:8px}
.filter-links a{padding:10px 14px;font-size:13px}
.page-title h1{font-size:24px}
}@media (max-width:480px){.filter-links a{flex:1 0 calc(50% - 8px);text-align:center}
}
/* 核心：名片容器（3列布局） */
.cards-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}
/* 名片样式优化 */
.teacher-card{flex:1;min-width:calc((100% - 40px) / 3);max-width:calc((100% - 40px) / 3);background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 12px rgba(60,87,89,0.08);overflow:hidden;transition:transform 0.3s,box-shadow 0.3s;text-decoration:none;position:relative;overflow:visible;margin-bottom:15px}
.teacher-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(60,87,89,0.12)}
/* 金牌教员标签 */
.star-teacher{position:absolute;top:-20px;left:155px;background:url(/Images/ic_titl_star.svg) no-repeat center;background-size:contain;background-position:center;padding:12px 16px;height:25px;min-width:38px;color:#bb7815;font-size:14px;font-weight:bold;z-index:10;white-space:nowrap;pointer-events:none}
/* 老师名片卡片*/
.card-header{padding:25px 15px 15px;display:flex;align-items:center;gap:12px;position:relative}
.head-pic{width:75px;height:75px;border-radius:8px;overflow:hidden;flex-shrink:0}
.head-pic img{width:100%;height:100%;object-fit:cover}
.head-text{flex:1}
.head-text .teacher-name{font-size:16px;color:#1f1f1f;font-weight:bold;margin-bottom:4px}
.head-text .teacher-edu{font-size:14px;color:#666;margin-bottom:4px}
.head-text .teacher-major{font-size:14px;color:#24af5c;background-color:rgba(36,175,92,0.1);padding:2px 6px;border-radius:4px;display:inline-block}
.card-content{padding:0 15px;font-size:14px;color:#9395a4;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:68px;margin-bottom:15px}
.card-footer{padding:8px 15px;background:url(/Images/teacher_recom.png) no-repeat center;background-size:100% 100%;color:#fff;font-size:14px;text-align:right}
/* 分页样式优化 */
.pagination{width:100%;text-align:center;padding:15px 0;background-color:#f0f7ff;border-radius:8px}
.pagination a{display:inline-block;padding:6px 12px;margin:0 4px;background-color:#fff;border:1px solid #e1e4e8;border-radius:4px;color:#0366d6;text-decoration:none;transition:background-color 0.3s}
.pagination a:hover{background-color:#f6f8fa}
.pagination #now{display:inline-block;padding:6px 12px;margin:0 4px;background-color:#0366d6;color:#fff;border-radius:4px;font-weight:bold}
.pagination span{color:#333;margin:0 4px}
/* 响应式适配（小屏幕下1列布局） */
@media (max-width:1200px){.page-container{width:95%}
}@media (max-width:768px){.teacher-card{min-width:100%;max-width:100%}
.search-form{flex-direction:column;align-items:flex-start;padding:0 15px}
.pagination{overflow-x:auto;white-space:nowrap;padding:15px}
}
/*教员照片推荐结束CSS*/