/* ===== HERO ===== */
.hero {width: 100%;position: relative;height: auto;padding-top: 104px;}
.hero .swiper{--swiper-pagination-bullet-width:13px;--swiper-pagination-bullet-size:13px;--swiper-theme-color: #194b9b;--swiper-pagination-color: #194b9b;--swiper-navigation-sides-offset:0px;--swiper-pagination-bottom:18px;--swiper-pagination-bullet-inactive-color:#ffffff;--swiper-pagination-bullet-inactive-opacity:1;}
.hero .swiper .swiper-slide img{width: 100%;}
.hero .swiper .swiper-button-prev:after,.hero .swiper .swiper-button-next:after{display: none;}
.hero .swiper .swiper-button-prev,.hero .swiper .swiper-button-next{width: 45px;height: 65px;opacity: 0.8;}
.hero .swiper .swiper-button-prev:hover,.hero .swiper .swiper-button-next:hover{ background-color: #194b9b; opacity: 0.9;transition: 0.3s;}
.hero .swiper .swiper-button-prev{background: url('/images/ban-left.png') center #393939 no-repeat;}
.hero .swiper .swiper-button-next{background:url('/images/ban-right.png') center #393939 no-repeat;}
.hero .swiper .swiper-pagination-bullet-active{width: 46px;border-radius:20px;}

.features-strip{background:#1f61c5;padding:0 40px;display:flex;align-items:stretch;overflow:hidden;width:100%;margin:0 auto}
.feature-item{flex:1;display:flex;align-items:center;gap:16px;padding:28px 20px;border-right:1px solid rgba(255, 255, 255, 0.15)}
.feature-item:last-child{border-right:none}
.feature-icon{width:48px;height:48px;border-radius:6px;background:rgba(255, 255, 255, 0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.feature-icon img{width:25px;}
.feature-text{color:#ffffff}
.feature-text strong{display:block;font-size:15px;font-weight:700;margin-bottom:2px}
.feature-text span{font-size:13px;opacity:0.75}

/* ===== SECTION BASE ===== */ 
.section-header{text-align:center;margin-bottom:56px}
.section-tag{display:inline-block;background:#f0f6ff;color:#1f61c5;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:12px;display: none;}
.section-title{font-size:32px;font-weight:800;color:#0a1f44;margin-bottom:12px;line-height:1.3}
.section-desc{font-size:15px;color:#6b7280;max-width:560px;margin:0 auto;line-height:1.8}


/* ===== COURSES ===== */
.courses{width:100%;background:#ffffff;padding:50px 0 70px 0}
.courses-box{max-width:1600px;margin:0 auto}
.courses-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:24px;max-width:1600px;margin:0 auto}
.course-card{border:1.5px solid #d1d5db;border-radius:16px;overflow:hidden;transition:box-shadow 0.2s, transform 0.2s, border-color 0.2s;cursor:pointer;position:relative;background:#ffffff}
.course-card:hover{box-shadow:0 8px 40px rgba(0, 0, 0, 0.14);transform:translateY(-4px);border-color:#5a95f5}
.course-card.featured{border-color:#2d74f5;box-shadow:0 0 0 2px rgba(45, 116, 245, 0.15), 0 4px 20px rgba(0, 0, 0, 0.10)}
.course-card-badge{position:absolute;top:16px;right:16px;background:#d63030;color:#ffffff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:0.5px}
.course-card.featured .course-card-badge{background:#2d74f5}
.course-head{padding:28px 24px 20px;background:#f0f6ff;border-bottom:1px solid #d1d5db}
.course-card.featured .course-head{background:#0a1f44}
.course-icon{width:52px;height:52px;border-radius:12px;background:#ddeeff;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.course-card.featured .course-icon{background:rgba(255, 255, 255, 0.12)}
.course-icon svg{width:28px;height:28px;stroke:#1a56d6;fill:none}
.course-card.featured .course-icon svg{stroke:#5a95f5}
.course-name{font-size:18px;font-weight:800;color:#0a1f44;margin-bottom:4px}
.course-card.featured .course-name{color:#ffffff}
.course-type{font-size:13px;color:#6b7280}
.course-card.featured .course-type{color:rgba(255, 255, 255, 0.60)}
.course-body{padding:20px 24px 24px}
.course-features{list-style:none;margin-bottom:24px}
.course-features li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#374151;margin-bottom:9px;line-height:1.5}
.course-features li::before{content:'';width:16px;height:16px;border-radius:50%;background:#ddeeff;flex-shrink:0;margin-top:2px;position:relative;display:inline-block}
.course-features li::before{background:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23ddeeff'/%3E%3Cpath d='M5 8l2 2 4-4' stroke='%231a56d6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center/contain}
.course-price{display:flex;align-items:baseline;gap:6px;margin-bottom:16px}
.course-price .amount{font-size:30px;font-weight:800;color:#1040a0}
.course-price .unit{font-size:14px;color:#6b7280}
.course-price .original{font-size:14px;color:#6b7280;text-decoration:line-through}
.course-btn{width:100%;padding:12px;border-radius:10px;font-size:14px;font-weight:700;border:1.5px solid #2d74f5;background:transparent;color:#1a56d6;cursor:pointer;transition:background 0.15s, color 0.15s;text-align:center;display:block;text-decoration:none}
.course-btn:hover, .course-card.featured .course-btn{background:#2d74f5;color:#ffffff}

/* ===== PROCESS ===== */
.process{width:100%;background:#f9fafb;padding:50px 0 70px 0}
.process-box{max-width:1600px;margin:0 auto}
.process-steps{display:flex;align-items:flex-start;max-width:1600px;margin:0 auto;position:relative}
.process-steps::before{content:'';position:absolute;top:32px;left:60px;right:60px;height:2px;background:#ddeeff;z-index:0}
.process-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0 12px}
.step-circle{width:64px;height:64px;border-radius:50%;background:#ffffff;border:2px solid var(--blue-200, #85b7eb);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#1a56d6;margin-bottom:20px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.08);transition:background 0.2s, color 0.2s}
.process-step:hover .step-circle{background:#1a56d6;color:#ffffff;border-color:#1a56d6}
.step-title{font-size:15px;font-weight:700;color:#0a1f44;margin-bottom:8px}
.step-desc{font-size:13px;color:#6b7280;line-height:1.6}

/* ===== INSTRUCTORS ===== */
.instructors{width:100%;background-color:#fff;padding:50px 0 70px 0}
.instructors-box{max-width:1600px;margin:0 auto}
.instructors-grid{max-width:1600px;margin:0 auto;overflow:hidden;position:relative;padding:0 50px}
.instructors-grid .swiper-wrapper{padding:10px 0}
.instructor-card{border:1px solid #d1d5db;border-radius:16px;padding:32px 24px 24px;text-align:center;transition:box-shadow 0.2s, transform 0.2s;height:auto}
.instructor-card:hover{box-shadow:0 4px 20px rgba(0, 0, 0, 0.10);transform:translateY(-3px)}
.instructor-avatar{border-radius:10px;margin:0 auto 16px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.instructor-avatar img{width:100%;height:100%;object-fit:cover}
.instructor-name{font-size:17px;font-weight:700;color:#0a1f44;margin-bottom:4px}
.instructor-title{font-size:13px;color:#1a56d6;font-weight:600;margin-bottom:12px}
.instructor-desc{font-size:13px;color:#6b7280;line-height:1.7;margin-bottom:16px}
.instructor-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.tag{font-size:12px;padding:3px 10px;border-radius:20px;background:#f0f6ff;color:#1040a0;font-weight:500}
/* Swiper nav arrows */
.instructors-grid .swiper-button-prev,
.instructors-grid .swiper-button-next{width:40px;height:40px;border-radius:50%;background:#1f488a;top:50%;transform:translateY(-50%);margin-top:-20px;opacity:0.8;transition:opacity 0.2s}
.instructors-grid .swiper-button-prev:hover,
.instructors-grid .swiper-button-next:hover{opacity:1;background:#2a5fa8}
.instructors-grid .swiper-button-prev::after,
.instructors-grid .swiper-button-next::after{font-size:16px;font-weight:700;color:#fff}
.instructors-grid .swiper-button-prev{left:0}
.instructors-grid .swiper-button-next{right:0}
.instructors-grid .swiper-button-disabled{opacity:0.3;pointer-events:auto}

/* ===== ADVANTAGES ===== */
.advantages{width:100%;background:#f9fafb;padding:60px 0 80px 0;position:relative;overflow:hidden}
.advantages::before, .advantages::after{content:'';position:absolute;border-radius:50%;opacity:0.06}
.advantages::before{width:400px;height:400px;background:#1a56d6;top:-150px;right:-100px}
.advantages::after{width:300px;height:300px;background:#1a56d6;bottom:-100px;left:-80px}
.advantages-box{max-width:1600px;margin:0 auto}
.advantages-num-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;max-width:1400px;margin:40px auto 0}
.advantage-num-card{background:rgba(255, 255, 255, 0.95);border-radius:16px;padding:28px 20px;text-align:center;transition:transform 0.3s, box-shadow 0.3s}
.advantage-num-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0, 0, 0, 0.2)}
.advantage-num{font-size:42px;font-weight:800;color:#1a56d6;line-height:1;margin-bottom:8px;letter-spacing:-1px}
.advantage-unit{font-size:20px;font-weight:600}
.advantage-num-title{font-size:15px;font-weight:700;color:#333;margin-bottom:10px}
.advantage-num-desc{font-size:12px;color:#666;line-height:1.7;padding: 0 20%;}

/* ===== NEWS ===== */
.news{width:100%;background:#fff;padding:50px 0 70px 0}
.news-box{max-width:1600px;margin:0 auto}
.news-layout{display:grid;grid-template-columns:0.6fr 1.4fr;gap:32px;align-items:start}
/* 左侧大图卡片 */ .news-featured{background:#ffffff;border-radius:16px;overflow:hidden;border:1px solid #d1d5db;transition:box-shadow 0.2s, transform 0.2s}
.news-featured:hover{box-shadow:0 4px 20px rgba(0, 0, 0, 0.10);transform:translateY(-4px)}
.news-featured-image{position:relative;height:280px;overflow:hidden}
.news-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
.news-featured:hover .news-featured-image img{transform:scale(1.05)}
.news-tag{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#ffffff}
.company-tag{background:#1a56d6}
.notice-tag{background:#e6a817}
.industry-tag{background:#2d74f5}
.news-featured-content{padding:22px}
.news-date{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;margin-bottom:12px}
.news-date img{width:20px;}
.news-featured-title{font-size:20px;font-weight:700;color:#0a1f44;margin-bottom:12px;line-height:1.4}
.news-featured-excerpt{font-size:14px;color:#6b7280;line-height:1.7;margin-bottom:20px}
.news-featured-link{display:inline-block;font-size:14px;font-weight:600;color:#1a56d6;text-decoration:none;transition:color 0.2s}
.news-featured-link:hover{color:#0d2d5f}
/* 右侧文字列表 */
.news-list{overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.news-list-item{display:flex;align-items:flex-start;gap:12px;padding:20px 15px;border:1px solid #f3f4f6;transition:background-color 0.2s;cursor:pointer;background:#f9f9f9;border-radius:5px}
.news-list-item:hover{background-color:#f0f6ff}
.news-list-tag{flex-shrink:0;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#ffffff}
.news-list-content{flex:1;min-width:0}
.news-list-content h4{font-size:14px;font-weight:600;color:#0a1f44;margin-bottom:4px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-list-content p{font-size:12px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.news-list-date{flex-shrink:0;font-size:12px;color:#9ca3af}
.news-more{text-align:center;margin-top:40px}
.btn-outline{display:inline-block;padding:12px 32px;border:2px solid #1f488a;color:#1f488a;text-decoration:none;font-size:15px;font-weight:600;border-radius:6px;transition:background-color 0.2s, color 0.2s}
.btn-outline:hover{background-color:#1f488a;color:#fff}


/* ===== RESPONSIVE <960px ===== */
@media (max-width: 960px) {
  .hero{padding-top: 64px;}
  .hero .swiper .swiper-button-prev, .hero .swiper .swiper-button-next {width: 25px;height: 30px;}
  .hero .swiper{--swiper-pagination-bullet-width:10px;--swiper-pagination-bullet-size:10px;--swiper-theme-color: #0078c4;--swiper-pagination-color: #0078c4;--swiper-navigation-sides-offset:0px;--swiper-pagination-bottom:10px;--swiper-pagination-bullet-inactive-color:#ffffff;--swiper-pagination-bullet-inactive-opacity:1;}
  .hero .swiper .swiper-pagination-bullet-active{width: 30px;border-radius:20px;}
  .hero-swiper .swiper-slide img{object-position:center 30%}
  .section-header{margin-bottom: 26px;}
  .section-title{font-size: 26px;line-height: 36px;}
  .features-strip{display: none;}
  .courses{padding: 30px 3%;}
  .courses-grid{grid-template-columns:repeat(1, 1fr);gap:16px}
  .process{padding: 30px 3%;}
  .process-steps{flex-wrap:wrap;justify-content:center;gap: 15px;}
  .process-step{min-width:calc(50% - 12px)}
  .process-steps::before{display: none;}
  .instructors{padding: 30px 3%;}
  .instructors-grid{padding: 0 40px}
  .instructor-card{padding: 20px 15px}
  .instructor-title{display: none;}
  .instructor-desc{display: none;}
  .instructors-grid .swiper-button-prev,
  .instructors-grid .swiper-button-next{width:32px;height:32px}
  .advantages{padding: 30px 3%;}
  .advantage-num{font-size: 36px;}
  .advantages-num-grid{grid-template-columns:repeat(2, 1fr);gap:16px}
  .advantage-num-desc{padding: 0;}
  .news{padding: 30px 3%;}
  .news-layout{grid-template-columns:1fr}
  .news-list{grid-template-columns:1fr}
  .news-list-item{border-right:none;border-bottom:1px solid #d1d5db}
  .news-list-item:last-child{border-bottom:none}

}