/* ============================================================
   refine.css — 极简·Apple 化精修层（去 AI 味）
   ------------------------------------------------------------
   思路：原有结构与样式全部保留，本层最后加载，集中做"减法"：
     1) 把满屏蓝→红品牌渐变文字压成墨色 / 单一克制蓝
     2) 关停装饰性循环动画（脉动/发光/漂浮/闪烁）
     3) 抹平玻璃拟态 + 收敛重阴影 → 纯白 + 发丝描边
     4) 导航 / Hero / 数据卡 重做为 Apple 极简
   回滚：删掉 index.html 里本文件的 <link> 即可，原设计原样恢复。
   注意：必须在所有其它 css 之后加载。
   ============================================================ */

:root {
  --ink:        #1d1d1f;   /* 近黑正文/标题 */
  --ink-soft:   #6e6e73;   /* 次级灰 */
  --line:       #d9d9de;   /* 发丝描边 */
  --bg:         #ffffff;
  --bg-soft:    #f5f5f7;
  --brand:      #0071e3;    /* 唯一强调色 */
  --brand-press:#0066cc;
  --shadow-flat: 0 1px 2px rgba(0,0,0,.04), 0 0 0 1px rgba(0,0,0,.05);
  --shadow-soft: 0 6px 20px rgba(0,0,0,.06);
}

body { background: var(--bg); color: var(--ink); }

/* ---------- 1) 渐变文字 → 墨色（标题/文案类） ----------------- */
.navbar-brand .brand-text,
.main-title, .svip-main-title,
.footer-brand h4,
.awards-section .section-header h2,
.premium-section-header, .premium-section-header h2,
.cta-content, .cta-content h3,
.join-title, .main-headline,
.impact-statement, .primary-message, .primary-message h3,
.modal-title, .modal-header-content,
.challenge-highlight, .challenge-text, .disclaimer-challenge,
.step-goal, .motivational-line, .motivational-text-content,
.motivational-emoji, .highlight-text, .award-label {
  background: none !important;
  -webkit-text-fill-color: var(--ink) !important;
  color: var(--ink) !important;
  text-shadow: none !important;
  animation: none !important;
}

/* ---------- 渐变文字 → 单一蓝（数字/统计类，作为强调） -------- */
.hero-stat-card .stat-number,
.awards-stats .stat-number, .awards-stats .stat-item,
.proof-number, .proof-item,
.percentage-number, .promise-percentage,
.step-number, .step-marker,
.award-item .award-number {
  background: none !important;
  -webkit-text-fill-color: var(--brand) !important;
  color: var(--brand) !important;
  text-shadow: none !important;
  animation: none !important;
}

/* ---------- 2) 关停装饰性循环动画 ----------------------------- */
.floating-buy-button i,
.hero-stat-card .stat-icon i,
.stat-trend i,
.title-icon,
[class*="emoji"],
[class*="-glow"], [class*="Glow"],
[class*="shimmer"], [class*="Shimmer"],
[class*="pulse"], [class*="Pulse"],
[class*="twinkle"], [class*="Float"], [class*="-float"] {
  animation: none !important;
}
.floating-buy-button::before { animation: none !important; opacity: 0 !important; }

/* ---------- 3) 抹平玻璃拟态 + 收敛阴影（卡片类） --------------- */
.hero-stat-card,
.competition-card, .student-card,
.course-category, .plan-card,
.service-card, .feature-card, .why-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: var(--bg) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow-flat) !important;
  border-radius: 14px !important;
}
.hero-stat-card:hover,
.competition-card:hover, .student-card:hover,
.course-category:hover, .plan-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--shadow-soft) !important;
}
.stat-card-bg { display: none !important; }   /* 卡内渐变装饰层 */

/* ---------- 4) 导航：纯白 + 发丝底线 -------------------------- */
.navbar {
  background: rgba(255,255,255,.85) !important;
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  backdrop-filter: saturate(180%) blur(16px);
  border-bottom: 1px solid var(--line) !important;
}
.navbar-nav .nav-link {
  color: var(--ink) !important;
  font-weight: 450;
  border-radius: 0 !important;
  background: none !important;
  position: relative;
}
.navbar-nav .nav-link:hover { color: var(--brand) !important; background: none !important; }
/* hover 时一条细下划线，替代色块背景 */
.navbar-nav .nav-link::after {
  content: ""; position: absolute; left: 1rem; right: 1rem; bottom: 2px;
  height: 1.5px; background: var(--brand);
  transform: scaleX(0); transform-origin: center;
  transition: transform .25s ease;
}
.navbar-nav .nav-link:hover::after { transform: scaleX(1); }

/* ---------- 5) Hero：白底、墨色大标题、克制 ------------------ */
.hero-section {
  background: var(--bg) !important;
  border-bottom: 1px solid var(--line);
}
.hero-section::before { display: none !important; }  /* 去掉 8px 渐变顶条 */
.studio-name {
  color: var(--brand) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: .04em;
  text-transform: none;
  text-shadow: none !important;
}
.main-title {
  font-weight: 700 !important;
  letter-spacing: -.02em;
  color: var(--ink) !important;
  text-shadow: none !important;
}
.hero-subtitle { color: var(--ink-soft) !important; font-weight: 400; }

/* 数据卡内的图标：去渐变去阴影，改描边底 */
.hero-stat-card .stat-icon {
  background: var(--bg-soft) !important;
  box-shadow: none !important;
  border: 1px solid var(--line);
}
.hero-stat-card .stat-icon i { color: var(--brand) !important; }
.hero-stat-card .stat-suffix { color: var(--brand) !important; opacity: 1; }
.hero-stat-card .stat-label { color: var(--ink) !important; font-weight: 500; }

/* ---------- 6) 主按钮：实心蓝，去渐变去脉动 ------------------- */
.btn-primary, .hero-cta .btn, .enhanced-cta-btn,
.floating-buy-button, .join-btn-primary {
  background: var(--brand) !important;
  border: 1px solid var(--brand) !important;
  color: #fff !important;
  box-shadow: none !important;
  background-image: none !important;
}
.btn-primary:hover, .hero-cta .btn:hover, .enhanced-cta-btn:hover,
.floating-buy-button:hover, .join-btn-primary:hover {
  background: var(--brand-press) !important;
  border-color: var(--brand-press) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(0,113,227,.22) !important;
}

/* ---------- 7) 区标题：墨色、收紧字重 ------------------------- */
.section-header h2 { color: var(--ink); font-weight: 650; letter-spacing: -.01em; }
.section-header p  { color: var(--ink-soft); }


/* ============================================================
   PART 2 · 下半页各区块推广
   学习路线 / 服务流程 / 服务保障 / 退款条款 / 开学活动 /
   青少年会员 / 年度排行榜 / 加入我们
   ============================================================ */

/* 2.1 渐变文字 → 墨色（标题/正文类） */
.activity-title, .title-main, .title-highlight,
.promise-main, .promise-title, .title-line-2,
.luxury-card-title, .minimal-promise-card .promise-text,
.youth-tagline {
  background: none !important;
  -webkit-text-fill-color: var(--ink) !important;
  color: var(--ink) !important;
  text-shadow: none !important;
  animation: none !important;
}

/* 2.2 渐变文字 → 单一蓝（价格/数字/统计/百分比） */
.youth-price-tag .price-main, .team-price .price-value,
.payment-amount, .save-percentage,
.guarantee-stats .stat-number, .guarantee-stats .stat-item,
.luxury-card-number {
  background: none !important;
  -webkit-text-fill-color: var(--brand) !important;
  color: var(--brand) !important;
  text-shadow: none !important;
  animation: none !important;
}

/* 2.3 区块渐变背景 → 浅灰/白；隐藏装饰覆盖层 */
.learning-roadmap-section,
.service-process-section,
.features-section, .courses-section {
  background: var(--bg-soft) !important;
}
.annual-top-students-section,
.school-activity-section,
.guarantee-hero-section, .guarantee-minimal-container,
.join-modern-section,
.youth-price-section, .youth-cta-section {
  background: var(--bg) !important;
  animation: none !important;
}
/* 装饰性背景大色块/旋转渐变层：直接移除 */
.learning-roadmap-section::before,
.service-process-section::before,
.annual-top-students-section::before,
.school-activity-section::before,
.guarantee-hero-section::after,
.join-modern-bg,
.join-modern-bg::before,
.join-modern-bg::after,
.youth-card-header::before,
.freshman-guarantee-card::after {
  display: none !important;
}

/* 2.4 关停下半页剩余无限动画 */
.guarantee-badge-special, .offer-icon, .offer-icon i,
.youth-icon-wrapper, .youth-icon-bg,
.activity-badge, .card-badge, .rank-badge,
.guarantee-cta .cta-hint {
  animation: none !important;
}

/* 2.5 图标 chip：去渐变、改描边底 */
.offer-icon, .youth-icon-wrapper, .youth-icon-bg {
  background: var(--bg-soft) !important;
  box-shadow: none !important;
  border: 1px solid var(--line) !important;
}
.offer-icon i, .youth-icon-wrapper i, .youth-icon-bg i { color: var(--brand) !important; }

/* 2.6 下半页卡片：纯白 + 发丝描边 + 极淡阴影 */
.freshman-guarantee-card, .installment-card, .team-purchase-card,
.youth-feature-card, .youth-membership-card,
.condition-card, .minimal-promise-card, .ultimate-guarantee-card,
.condition-luxury-card, .result-card-luxury, .coming-soon-card {
  background: var(--bg) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow-flat) !important;
  border-radius: 14px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.freshman-guarantee-card:hover, .installment-card:hover,
.team-purchase-card:hover, .youth-feature-card:hover,
.youth-membership-card:hover, .condition-card:hover,
.condition-luxury-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--shadow-soft) !important;
}

/* 2.7 徽章：彩色渐变 → 统一克制蓝（仍醒目，但只一种颜色） */
.guarantee-badge-special, .activity-badge, .card-badge,
.installment-badge, .option-badge, .youth-badge-ribbon,
.promise-badge, .svip-badge, .rank-badge {
  background: var(--brand) !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
/* 小标签：中性浅灰 chip */
.benefit-tag, .target-tag, .requirement-tag, .save-tag {
  background: var(--bg-soft) !important;
  background-image: none !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
}

/* 2.8 下半页 CTA 按钮 → 实心蓝 */
.btn-guarantee, .team-cta .btn, .guarantee-cta .btn,
.youth-cta-section .btn, .toggle-message-btn {
  background: var(--brand) !important;
  background-image: none !important;
  border: 1px solid var(--brand) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.btn-guarantee:hover, .team-cta .btn:hover, .guarantee-cta .btn:hover,
.youth-cta-section .btn:hover, .toggle-message-btn:hover {
  background: var(--brand-press) !important;
  border-color: var(--brand-press) !important;
  box-shadow: 0 6px 16px rgba(0,113,227,.22) !important;
}

/* 2.9 收尾：补齐残余渐变文字 */
.divider-title, .guarantee-title, .main-text, .payment-label,
.step-header h3, .title-line, .title-text, .text-gradient,
.motivational-content, .step-goal-text {
  background: none !important;
  -webkit-text-fill-color: var(--ink) !important;
  color: var(--ink) !important;
  text-shadow: none !important;
}
.award-item.first .award-number, .award-item.second .award-number,
.award-item.third .award-number, .award-item.special .award-number,
.youth-price-tag .price-prefix {
  background: none !important;
  -webkit-text-fill-color: var(--brand) !important;
  color: var(--brand) !important;
}
/* 划线原价 → 中性灰 */
.original-price .price-value {
  background: none !important;
  -webkit-text-fill-color: var(--ink-soft) !important;
  color: var(--ink-soft) !important;
}


/* ============================================================
   PART 3 · 修正与补漏
   ============================================================ */

/* 3.1 "终极保障"区 = 刻意保留的深色高级 band：深底 + 浅字 */
.guarantee-hero-section { background: #1d1d1f !important; }
.guarantee-hero-section .hero-title,
.guarantee-hero-section .title-line-2,
.guarantee-hero-section .hero-subtitle {
  background: none !important;
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
}
.guarantee-hero-section .hero-label { color: #ffd700 !important; }  /* 标签保留金色点缀 */

/* 3.2 漏网按钮（非 .btn 命名）→ 实心蓝；去扫光动画 */
.btn-youth-membership, .btn-installment,
.btn-team-purchase, .view-curriculum-btn {
  background: var(--brand) !important;
  background-image: none !important;
  border: 1px solid var(--brand) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.btn-youth-membership::before,
.btn-installment::before, .btn-team-purchase::before { display: none !important; }
.btn-youth-membership:hover, .btn-installment:hover,
.btn-team-purchase:hover, .view-curriculum-btn:hover {
  background: var(--brand-press) !important;
  border-color: var(--brand-press) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(0,113,227,.22) !important;
}

/* 3.3 描边按钮：白底 + 蓝描边蓝字 */
.btn-outline-primary {
  background: #fff !important;
  background-image: none !important;
  border: 1px solid var(--brand) !important;
  color: var(--brand) !important;
}

/* 3.4 页脚为深底：品牌标题恢复白色（Part 1 误压成墨色） */
.footer-brand h4 {
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
}


/* ============================================================
   PART 4 · emoji → boxicons 线性图标后的配套样式
   ============================================================ */

/* 赛事卡图标位：渐变色块 → 描边底 + 蓝线图标 */
.competition-icon {
  background: var(--bg-soft) !important;
  background-image: none !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.competition-icon i { font-size: 28px; color: var(--brand) !important; font-style: normal; }

/* 奖项奖牌、要点提示图标：统一克制蓝 */
.achievement-icon i,
.tip-icon i { color: var(--brand) !important; font-style: normal; line-height: 1; }


/* ============================================================
   PART 5 · 尺度收敛（整页"太大太累" → 收紧字号/留白/卡片）
   原值偏大：Hero 标题 4rem、Hero 顶 120px、区标题 2.5rem、
   区头下边距 60px、区块 padding 80px。整体下调约 30–40%。
   ============================================================ */

/* 5.1 区块纵向节奏：留白收紧 */
.section { padding: 48px 0 !important; }
.section-header { margin-bottom: 30px !important; }
.section-header h2 { font-size: 1.85rem !important; margin-bottom: 12px !important; }
.section-header p { font-size: .95rem !important; }

/* 5.2 Hero 收紧（顶部留够 ~100px 让 studio-name 避开固定导航） */
.hero-section { padding: 100px 0 44px !important; }
.title-area { margin-bottom: 32px !important; }
.studio-name { font-size: .95rem !important; margin-bottom: 6px !important; }
.main-title {
  font-size: 2.5rem !important;
  line-height: 1.15 !important;
  margin-bottom: 14px !important;
}
.hero-subtitle { font-size: 1.1rem !important; margin-bottom: 28px !important; }

/* 5.3 Hero 数据卡：更矮更紧、数字更小 */
.hero-stats-container { margin: 36px 0 !important; }
.hero-stats-grid { gap: 16px !important; margin: 0 auto !important; }
.hero-stat-card { min-height: 0 !important; padding: 22px 18px !important; }
.hero-stat-card .stat-icon {
  width: 46px !important; height: 46px !important;
  margin-bottom: 14px !important; border-radius: 12px !important;
}
.hero-stat-card .stat-icon i { font-size: 1.4rem !important; }
.hero-stat-card .stat-number { font-size: 2.2rem !important; }
.hero-stat-card .stat-suffix { font-size: 1.4rem !important; }
.hero-stat-card .stat-label { font-size: .95rem !important; margin-bottom: 10px !important; }

/* 5.4 大号区块标题统一收口（各分区自定义标题类） */
.future-plans-title, .activity-title, .promise-title, .promise-main,
.join-modern-title, .premium-section-header h2, .main-headline,
.hero-title, .title-main, .guarantee-title {
  font-size: 1.85rem !important;
  line-height: 1.2 !important;
}

/* 5.5 大号展示数字/价格收一档 */
.proof-number, .percentage-number, .award-number,
.youth-price-tag .price-main, .team-price .price-value,
.payment-amount, .awards-stats .stat-number {
  font-size: 2.2rem !important;
}

/* 5.6 卡片网格更密一点 */
.courses-grid { gap: 20px !important; }
.course-category { padding: 24px !important; }
.plans-container, .plan-card { gap: 20px !important; }

/* 5.7 正文行高略收，减轻"撑开"感 */
body { font-size: 15px; line-height: 1.55; }


/* ============================================================
   PART 6 · 收窄"框"体量（容器太宽、卡片太大）
   1200px 满宽 + Hero 2 列大卡 → 内容收窄 + 卡片变小排满一行
   ============================================================ */

/* 6.1 全站内容宽度：1200 → 1040，整体不再铺得太开 */
.container,
.hero-stats-container, .hero-stats-grid,
.top-students-container, .svip-guarantee-container,
.activity-container, .plans-container {
  max-width: 1040px !important;
}

/* 6.2 Hero 四个数据卡：2 列大框 → 一排 4 个小框 */
.hero-stats-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
}
.hero-stat-card { padding: 18px 14px !important; }
.hero-stat-card .stat-icon {
  width: 40px !important; height: 40px !important; margin-bottom: 10px !important;
}
.hero-stat-card .stat-icon i { font-size: 1.2rem !important; }
.hero-stat-card .stat-number { font-size: 1.8rem !important; }
.hero-stat-card .stat-suffix { font-size: 1.05rem !important; }
.hero-stat-card .stat-label { font-size: .85rem !important; margin-bottom: 6px !important; }
.hero-stat-card .stat-trend { font-size: .72rem !important; }
@media (max-width: 640px) {
  .hero-stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

/* 6.3 课程/卡片网格更密（单个框更小） */
.courses-grid {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
}


/* ============================================================
   PART 7 · 截图复核后的精修
   数据卡又高又空、卡3带框不一致、导航换行、副标题胶囊发光
   ============================================================ */

/* 7.1 导航：禁止单项换行 + 收紧间距，10 项排一行 */
.navbar .container { max-width: 1140px !important; }
.navbar-nav .nav-link {
  white-space: nowrap !important;
  padding: .4rem .55rem !important;
  margin: 0 !important;
  font-size: .9rem !important;
}

/* 7.2 副标题：去胶囊 + 去发光，回归干净文字 */
.hero-section .hero-subtitle, p.hero-subtitle {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

/* 7.3 数据卡：内部收紧，去掉空旷感 */
.hero-stats-container { margin: 26px 0 !important; }
.hero-stat-card { padding: 16px 12px !important; }
.hero-stat-card .stat-icon { margin-bottom: 8px !important; }
.hero-stat-card .stat-number-display { margin-bottom: 2px !important; }
.hero-stat-card .stat-label { margin-bottom: 6px !important; }
.hero-stat-card .stat-content > :last-child { margin-top: 6px !important; }

/* 7.4 卡3 的国家级奖项 chip → 降级为素文字，与其它卡一致、不再撑高 */
.stat-highlight, .highlight-text {
  background: none !important;
  background-image: none !important;
  border: none !important;
  padding: 0 !important;
  font-size: .8rem !important;
  color: var(--ink-soft) !important;
  -webkit-text-fill-color: var(--ink-soft) !important;
}

/* 7.5 进度条/星星等第4行元素：尺寸压一压，整排等高更矮 */
.hero-stat-card .stat-progress { margin-top: 8px !important; }
.hero-stat-card .progress-bar { height: 5px !important; }
.hero-stat-card .quality-stars { font-size: .85rem !important; }
.hero-stat-card .stat-trend { font-size: .78rem !important; }


/* ============================================================
   PART 8 · 漏网的彩色渐变图标/装饰（截图发现：服务区紫橙绿大圆等）
   统一为中性描边底 + 克制蓝图标；分阶段主题色全部收成蓝
   ============================================================ */

/* 8.1 各类图标圆/块：去渐变 → 中性描边底 */
.stage-icon, .step-icon, .plan-icon, .promise-icon,
.badge-icon, .feature-icon, .installment-icon,
.premium-icon, .refund-title-icon, .stat-icon {
  background: var(--bg-soft) !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 1px solid var(--line) !important;
}
.stage-icon i, .step-icon i, .plan-icon i, .promise-icon i,
.badge-icon i, .feature-icon i, .installment-icon i,
.premium-icon i, .refund-title-icon i, .stat-icon i {
  color: var(--brand) !important;
  -webkit-text-fill-color: var(--brand) !important;
}

/* 8.2 编号圆 01/02/03：中性底 + 蓝字 */
.step-number {
  background: var(--bg-soft) !important;
  background-image: none !important;
  border: 1px solid var(--line) !important;
  -webkit-text-fill-color: var(--brand) !important;
  color: var(--brand) !important;
  box-shadow: none !important;
}

/* 8.3 分阶段主题色（紫/橙/绿/红）→ 统一克制蓝（影响时间轴标记/边框/光晕） */
.step-1, .step-2, .step-3, .step-4, .step-5, .step-6, .step-7,
.process-stage, .process-stage:nth-child(1),
.process-stage:nth-child(2), .process-stage:nth-child(3) {
  --step-color-1: var(--brand) !important;
  --step-color-2: #5a9fe6 !important;
}

/* 8.4 彩色光晕/装饰点关掉或中性化 */
.stage-icon::after, .step-icon::after { display: none !important; }
.decoration-dot { background: var(--line) !important; background-image: none !important; }

/* 8.5 服务区列表项彩色花括号(border-left) + h3 彩色下划线 → 统一蓝 */
.process-stage .stage-content li { border-left-color: var(--brand) !important; }
.process-stage .stage-content h3::after { background: var(--brand) !important; }


/* ============================================================
   PART 9 · 截图复核·剩余彩色 banner / 头像统一
   紫横幅、青春会员绿头部、年度榜紫头像 → 实心克制蓝（保留白字）
   ============================================================ */
.upgrade-banner,
.youth-card-header,
.avatar-circle {
  background: var(--brand) !important;
  background-image: none !important;
}
.avatar-circle {
  border: 3px solid rgba(255, 255, 255, .95) !important;
  color: #fff !important;
}
.avatar-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 86%;
  height: 86%;
  border-radius: 50%;
  background: rgba(255, 255, 255, .16);
  font-size: 1.65rem !important;
  font-weight: 800;
  letter-spacing: 0 !important;
  line-height: 1;
}
/* 成就条目彩色左边框 → 统一蓝 */
.achievement-item { border-left-color: var(--brand) !important; }


/* ============================================================
   PART 10 · 让"西门子嵌入式"课程卡明显可点（链接到 siemens/）
   ============================================================ */
.course-item--link {
  background: rgba(0,113,227,.07) !important;
  border: 1px solid rgba(0,113,227,.35) !important;
  cursor: pointer;
}
.course-item--link .course-name {
  color: var(--brand) !important;
  font-weight: 600 !important;
}
.course-item--link .course-cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--brand) !important;
  font-weight: 600;
  font-size: .85rem;
  white-space: nowrap;
}
.course-item--link .course-cta i { transition: transform .2s ease; }
.course-item--link:hover {
  background: rgba(0,113,227,.12) !important;
  box-shadow: 0 4px 14px rgba(0,113,227,.18) !important;
}
.course-item--link:hover .course-cta i { transform: translateX(3px); }


/* ============================================================
   PART 11 · 「更多专区」入口卡（linux 导学 / ai 理念 / qa 答疑）
   ============================================================ */
.more-zones-section { background: var(--bg-soft); }
.zone-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1040px;
  margin: 0 auto;
}
.zone-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 26px 24px;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.zone-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0,113,227,.4);
  box-shadow: 0 10px 28px rgba(0,0,0,.07);
}
.zone-icon {
  width: 46px; height: 46px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 12px;
  background: var(--bg-soft);
  border: 1px solid var(--line);
  margin-bottom: 16px;
}
.zone-icon i { font-size: 1.5rem; color: var(--brand); }
.zone-card h3 {
  font-size: 1.08rem; font-weight: 650; color: var(--ink);
  margin: 0 0 8px; letter-spacing: -.01em;
}
.zone-card p {
  font-size: .9rem; color: var(--ink-soft); line-height: 1.5;
  margin: 0 0 18px; flex: 1;
}
.zone-cta {
  display: inline-flex; align-items: center; gap: 5px;
  color: var(--brand); font-weight: 600; font-size: .92rem;
}
.zone-cta i { transition: transform .2s ease; }
.zone-card:hover .zone-cta i { transform: translateX(4px); }
@media (max-width: 768px) {
  .zone-grid { grid-template-columns: 1fr; }
}


/* ============================================================
   PART 12 · 首屏克制入场动画（纯 CSS，一次性编排，~0.6s 完成）
   导航淡入 → 标题 → 副标题 → 4 张数据卡 → 按钮 依次上移淡入
   ============================================================ */
@keyframes heroRise {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes navFade {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}

.navbar { animation: navFade .5s ease both; }

/* 用长写法 + !important，盖过 Part 1 对 .main-title 的 animation:none */
.hero-section .studio-name,
.hero-section .main-title,
.hero-section .hero-subtitle,
.hero-stats-grid .hero-stat-card,
.hero-section .hero-cta {
  opacity: 0;
  animation-name: heroRise !important;
  animation-duration: .6s !important;
  animation-timing-function: cubic-bezier(.22,.61,.36,1) !important;
  animation-fill-mode: both !important;
}
.hero-section .studio-name             { animation-delay: .10s !important; }
.hero-section .main-title              { animation-delay: .18s !important; }
.hero-section .hero-subtitle           { animation-delay: .28s !important; }
.hero-stats-grid .hero-stat-card:nth-child(1) { animation-delay: .38s !important; }
.hero-stats-grid .hero-stat-card:nth-child(2) { animation-delay: .46s !important; }
.hero-stats-grid .hero-stat-card:nth-child(3) { animation-delay: .54s !important; }
.hero-stats-grid .hero-stat-card:nth-child(4) { animation-delay: .62s !important; }
.hero-section .hero-cta                { animation-delay: .72s !important; }

/* 尊重"减少动态"系统偏好：直接静态显示 */
@media (prefers-reduced-motion: reduce) {
  .navbar,
  .hero-section .studio-name, .hero-section .main-title,
  .hero-section .hero-subtitle, .hero-stats-grid .hero-stat-card,
  .hero-section .hero-cta {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ============================================================
   PART 13 · 官网式最终精简覆盖
   ============================================================ */
.hero-section .hero-top-actions {
  opacity: 0;
  animation-name: heroRise !important;
  animation-duration: .6s !important;
  animation-timing-function: cubic-bezier(.22,.61,.36,1) !important;
  animation-fill-mode: both !important;
  animation-delay: .34s !important;
}

.section-header h2,
.main-title,
.activity-title,
.youth-title,
.team-title {
  letter-spacing: 0 !important;
}

.container,
.hero-stats-grid,
.competition-cards,
.testimonial-grid,
.top-students-container,
.courses-grid,
.activity-container {
  max-width: 1120px !important;
}

.card-background-effect,
.luxury-decoration,
.decoration-elements,
.circle,
.circle-1,
.circle-2,
.circle-3 {
  display: none !important;
}

.competition-card,
.testimonial-card,
.team-purchase-card,
.youth-membership-card,
.ultimate-guarantee-card,
.course-category,
.service-card,
.feature-card,
.why-card,
.student-card {
  border: 1px solid rgba(29, 29, 31, .08) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .06) !important;
}

.testimonial-card {
  border-radius: 12px !important;
  transform: none !important;
}

.testimonial-card:hover {
  transform: translateY(-2px) !important;
}

.province-breakdown {
  border-radius: 10px !important;
  background: #f6f8fb !important;
}

.activity-container {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: 24px !important;
}

.team-purchase-card,
.youth-membership-card,
.ultimate-guarantee-card {
  padding: 32px !important;
}

@media (prefers-reduced-motion: reduce) {
  .hero-section .hero-top-actions {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}