/* 手机端全局重置 - 适配320px-768px屏幕 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Microsoft Yahei', sans-serif;
    touch-action: manipulation; /* 优化触控体验，防止双击缩放 */
}

html {
    font-size: 14px; /* 基础字体适配手机端 */
}

body {
    background: #f8fafc;
    color: #1e293b;
    overflow-x: hidden;
    background-image: none; /* 移除背景渐变，提升移动端性能 */
}

/* 导航栏 - 手机端优化 */
header {
    padding: 0.8rem 3%;
    height: 60px; /* 固定导航高度，适配手机状态栏 */
    align-items: center;
    position: fixed;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #eee;
}

.logo {
    font-size: 1.2rem;
}

nav ul {
    gap: 0.8rem; /* 缩小导航间距 */
}

nav a {
    font-size: 0.85rem;
    padding: 0.2rem 0;
}

/* Banner轮播 - 手机端核心优化 */
.banner {
    height: 70vh; /* 降低轮播高度，适配手机屏幕 */
    margin-top: -60px; /* 匹配导航高度 */
}

.banner-content {
    padding: 0 5%;
    width: 100%;
}

.banner h1 {
    font-size: 1.8rem;
    line-height: 1.3;
    margin-bottom: 0.8rem;
}

.banner p {
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.btn {
    padding: 0.7rem 1.5rem;
    font-size: 0.9rem;
    width: 60%; /* 按钮宽度适配 */
    max-width: 200px;
}

/* 轮播控制按钮 - 手机端触控优化 */
.carousel-control {
    width: 36px;
    height: 36px;
    font-size: 1rem;
    opacity: 0.8;
}

.carousel-prev {
    left: 0.5rem;
}

.carousel-next {
    right: 0.5rem;
}

.carousel-indicators {
    bottom: 1rem;
    gap: 0.5rem;
}

.indicator-dot {
    width: 8px;
    height: 8px;
}

.indicator-dot.active {
    width: 20px;
}

/* 通用模块 - 手机端间距优化 */
.modules, #about, .partners {
    padding: 2.5rem 3%; /* 大幅缩小上下内边距 */
}

.section-title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.section-title::after {
    width: 60px;
    height: 2px;
}

/* 课程卡片 - 手机端适配 */
.course-grid {
    gap: 1.5rem;
}

.course-card {
    margin-bottom: 1rem;
}

.course-img {
    height: 160px; /* 降低图片高度 */
}

.course-content {
    padding: 1.2rem;
}

.course-title {
    font-size: 1.1rem;
    margin-bottom: 0.8rem;
}

.course-desc {
    font-size: 0.85rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.course-meta {
    padding-top: 0.8rem;
}

.course-meta-item {
    font-size: 0.8rem;
}

/* 热门课程 - 手机端单列/双列适配 */
.hot-course-grid {
    grid-template-columns: repeat(2, 1fr); /* 小屏双列，大屏单列 */
    gap: 1rem;
}

@media (max-width: 400px) {
    .hot-course-grid {
        grid-template-columns: 1fr; /* 超小屏单列 */
    }
}

.hot-course-img {
    height: 120px;
}

.hot-course-content {
    padding: 1rem;
}

.hot-course-title {
    font-size: 0.9rem;
}

.hot-course-stats {
    font-size: 0.75rem;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.rank-number {
    width: 30px;
    height: 30px;
    font-size: 1rem;
}

/* 新闻资讯 - 手机端上下布局优化 */
.news-container {
    flex-direction: column;
    gap: 1.5rem;
}

.news-list {
    min-width: 100%;
    gap: 1rem;
}

.news-entry {
    padding: 1rem;
}

.news-entry-title {
    font-size: 1rem;
    margin-bottom: 0.6rem;
}

.news-entry-date {
    font-size: 0.75rem;
    padding: 0.1rem 0.4rem;
    margin-bottom: 0.6rem;
}

.news-entry-brief {
    font-size: 0.85rem;
    line-height: 1.4;
}

.news-image-display {
    min-width: 100%;
    min-height: 200px; /* 降低图片展示区高度 */
}

.news-img-caption {
    padding: 1rem;
}

.news-img-caption h3 {
    font-size: 1rem;
    margin-bottom: 0.6rem;
}

.news-img-caption p {
    font-size: 0.85rem;
    line-height: 1.4;
}

/* 合作院校 - 手机端滑动优化 */
.partners {
    padding-bottom: 3rem; /* 预留按钮空间 */
}

.partner-card {
    flex: 0 0 160px !important; /* 强制缩小卡片宽度 */
    height: 120px;
    padding: 1rem 0.5rem;
}

.partner-name {
    font-size: 0.9rem;
    margin-bottom: 0.3rem;
}

.partner-desc {
    font-size: 0.75rem;
}

/* 院校滑动按钮 - 手机端触控优化 */
.partner-control {
    width: 36px;
    height: 36px;
    font-size: 0.9rem;
    top: 45%; /* 调整按钮位置 */
    z-index: 99;
}

.partner-prev {
    left: 0.5rem;
}

.partner-next {
    right: 0.5rem;
}
/* 合作院校LOGO样式 - 手机端 */
.partner-logo {
    width: 40px; /* 缩小LOGO尺寸 */
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 0.5rem;
    border: 1px solid #f0f4f9;
}

/* 手机端卡片适配LOGO */
.partner-card {
    flex: 0 0 160px !important;
    height: 160px; /* 适配手机端高度 */
    padding: 1rem 0.5rem;
}

.partner-name {
    font-size: 0.9rem;
    margin-bottom: 0.3rem;
}

.partner-desc {
    font-size: 0.75rem;
}

/* 底部 - 手机端优化 */
footer {
    padding: 1.5rem 3%;
    font-size: 0.8rem;
}

footer p {
    line-height: 1.4;
}

/* 适配刘海屏/全面屏 - 防止内容被遮挡 */
@media (max-width: 768px) {
    body {
        padding-top: constant(safe-area-inset-top);
        padding-top: env(safe-area-inset-top);
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }

    header {
        padding-top: constant(safe-area-inset-top);
        padding-top: env(safe-area-inset-top);
    }

    .banner {
        padding-top: constant(safe-area-inset-top);
        padding-top: env(safe-area-inset-top);
    }
}

/* 移动端适配（添加到mobile.css末尾） */
@media (max-width: 768px) {
  .course-directions {
    padding: 2.5rem 3%;
  }

  .directions-container {
    gap: 1.5rem;
  }

  .direction-card {
    padding: 1.2rem;
  }

  .direction-header {
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }

  .content-item .label {
    font-size: 0.85rem;
  }

  .content-item .value {
    font-size: 0.8rem;
  }
}