﻿:root {--primary-color: #0d6efd;--secondary-color-2:#5b5b5b;--secondary-color: #6c757d;--dark-color: #212529;--light-color: #f8f9fa;}

body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;padding-top: 0;}

.row-eq-height {display: flex;}
.text_opacity_50 {opacity: 0.5;}

.border-color-d{border-color: #dddddd;}
.border-color-c{border-color: #cccccc;}
.xy_name{font-size: 1.5rem;line-height: 3rem;font-weight: bold;}

.section-title {position: relative;margin-bottom: 3rem;}
.section-title::after {content: '';position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 60px;height: 3px;background: var(--primary-color);}

.program-card, .faculty-card, .news-card {transition: transform 0.3s ease, box-shadow 0.3s ease;}
.program-card:hover, .faculty-card:hover, .news-card:hover {transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0,0,0,0.15);}

.faculty-card .card-img-top {width: 150px;height: 150px;object-fit: cover;}
.cus_faculty_lingdao a{color:#FFFFFF;text-decoration: none;}

.about_h{height: 360px;}

.social-icons a {color: var(--secondary-color);font-size: 1.25rem;margin: 0 0.5rem;transition: color 0.3s ease;}
.social-icons a:hover {color: var(--primary-color);}

.stats-box {background: var(--dark-color);border-radius: 8px;}
.stats-box h3 {font-size: 2.5rem;}

.feature-icon {width: 80px;height: 80px;background: var(--primary-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.feature-icon i {font-size: 2rem;color: white;}

.feature-box {padding: 2rem;border-radius: 8px;transition: all 0.3s ease;}
.feature-box:hover {background: var(--light-color);box-shadow: 0 5px 20px rgba(0,0,0,0.1);}

.index_bxts_box {background:var(--secondary-color-2);padding: 2rem;border-radius: 8px;transition: all 0.3s ease;height: 12rem;}
.index_bxts_box:hover {background: var(--secondary-color);box-shadow: 0 5px 20px rgba(0,0,0,0.1);}

.card_box_hover {transition: transform 0.3s ease, box-shadow 0.3s ease;}
.card_box_hover:hover{transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0,0,0,0.15);}

.hover_box {transition: all 0.3s ease;}
.hover_box:hover {background: var(--light-color);box-shadow: 0 5px 20px rgba(0,0,0,0.1);}

.admission-box {background: white;border-radius: 8px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);}

.timeline {position: relative;padding-left: 30px;}
.timeline::before {content: '';position: absolute;left: 8px;top: 0;bottom: 0;width: 2px;background: var(--primary-color);}
.timeline-item {position: relative;margin-bottom: 1.5rem;}
.timeline-marker {position: absolute;left: -26px;top: 5px;width: 16px;height: 16px;background: var(--primary-color);border-radius: 50%;}

.contact-icon {width: 50px;height: 50px;background: var(--primary-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.contact-icon i {font-size: 1.25rem;color: white;}

.social-links .social-link {width: 40px;height: 40px;background: var(--primary-color);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;margin-right: 0.5rem;color: white;text-decoration: none;transition: all 0.3s ease;}
.social-links .social-link:hover {background: var(--dark-color);transform: translateY(-3px);}

.news-date {display: inline-block;padding: 0.25rem 0.75rem;background: var(--light-color);border-radius: 20px;}

@media (max-width: 768px) {
    .hero-section h1 {font-size: 2rem;}
    .stats-box h3 {font-size: 2rem;}
}