/* =========================================================
   途策留学 H5 — style.css
   Aesthetic: Ignite-style light · 米白底 + 途策深绿做墨色 + 金点缀
   Archivo（窄体重磅display）+ Noto Sans SC · 大留白 · 白卡 · 跑马灯
   Mobile-first · main.js 钩子全部兼容
   ========================================================= */

:root{
  --bg:        #FAF7F0;   /* 页面米白 */
  --card:      #FFFFFF;
  --green:     #14342B;   /* 品牌深绿 = "墨色" */
  --green-2:   #1E4A3C;
  --ink:       #1C211B;   /* 正文墨黑 */
  --muted:     #888888;   /* 二级辅助文字 */
  --gold:      #A89157;   /* 暖金点缀 */
  --gold-soft: #D9C28C;
  --sand:      #E8DCC8;   /* 暖米白 · 深底上的品牌名高亮 */
  --line:      #E5DFD2;
  --danger:    #B0392B;
  --terra:     #B5542A;   /* CTA 赤陶色 */
  --terra-dk:  #9A4723;

  /* 兼容自 GEO 分支并入的 FAQ 样式（映射到亮色体系） */
  --white:     #FFFFFF;
  --serif:     var(--sans);   /* Ignite 风用 grotesque：FAQ 问题沿用 Archivo */
  --shadow-sm: 0 8px 22px -14px rgba(20,52,43,.25);
  --shadow-md: 0 24px 48px -28px rgba(20,52,43,.3);

  --radius:    10px;
  --radius-lg: 18px;
  --maxw:      1180px;
  --ease:      cubic-bezier(.2,.7,.25,1);

  --sans: "Archivo","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",
          -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }

html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; background-color:var(--green); }

body{
  font-family:var(--sans);
  color:var(--ink);
  background:var(--bg);
  line-height:1.75;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul,ol{ list-style:none; }
::selection{ background:var(--green); color:var(--bg); }
:focus-visible{ outline:2px solid var(--green); outline-offset:3px; border-radius:2px; }

/* —— 窄体重磅 display（Söhne Schmal 平替：Archivo wdth 轴收窄）—— */
.d{ font-family:var(--sans); font-stretch:72%; font-weight:850;
  letter-spacing:-.015em; line-height:1.02; color:var(--green); }

/* ---------- 通用排版 ---------- */
.section{ position:relative; padding:100px 22px; max-width:var(--maxw); margin:0 auto; }
.section__head{ max-width:680px; margin:0 0 52px; text-align:left; }

.eyebrow{
  display:inline-flex; align-items:center; gap:.7em;
  font-stretch:80%; font-weight:700;
  font-size:12.5px; letter-spacing:.22em;
  color:var(--gold); text-transform:uppercase; margin-bottom:16px;
}
.eyebrow::after{ content:""; width:30px; height:2px; background:currentColor; opacity:.5; }
.eyebrow.light{ color:var(--gold-soft); }

h2{
  font-family:var(--sans); font-stretch:74%; font-weight:850;
  font-size:clamp(32px,6.8vw,56px); line-height:1.06;
  letter-spacing:-.015em; color:var(--green);
}
h3{ font-weight:800; font-size:19px; letter-spacing:.005em; color:var(--green); }
.lead{ color:var(--muted); margin-top:16px; font-size:15.5px; max-width:56ch; }
.hide-sm{ display:none; }

/* ---------- 按钮（直白 CTA） ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-family:var(--sans);
  font-size:15px; font-weight:700; border-radius:999px; cursor:pointer;
  padding:13px 26px; letter-spacing:.01em;
  transition:transform .3s var(--ease), background .3s, color .3s,
             box-shadow .3s, border-color .3s;
  border:1.5px solid transparent; white-space:nowrap; user-select:none;
}
.btn:active{ transform:translateY(1px); }
.btn--lg{ padding:16px 34px; font-size:16px; }
.btn--solid{
  background:var(--green); color:#fff;
  box-shadow:0 12px 28px -14px rgba(20,52,43,.55);
}
.btn--solid:hover{ background:var(--gold); color:var(--green); transform:translateY(-2px);
  box-shadow:0 16px 34px -14px rgba(182,146,78,.6); }
.btn--line{ border-color:var(--green); color:var(--green); }
.btn--line:hover{ background:var(--green); color:#fff; transform:translateY(-2px); }
.btn--cta{
  background:var(--terra); color:#fff; border:none;
  box-shadow:0 12px 28px -14px rgba(181,84,42,.45);
}
.btn--cta:hover{ background:var(--terra-dk); transform:translateY(-2px);
  box-shadow:0 16px 34px -14px rgba(154,71,35,.55); }

.ic{
  width:20px; height:20px; display:inline-block; flex:none;
  fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round; vertical-align:middle;
}
.ic--fill{ fill:currentColor; stroke:none; }

/* =========================================================
   导航（编号链接 · 白底 sticky）
   ========================================================= */
.nav{
  position:fixed; top:0; left:0; right:0; z-index:100;
  background:rgba(247,244,238,.85);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(20,52,43,.08);
  transition:box-shadow .35s, padding .35s; padding:8px 0;
}
.nav.scrolled{ box-shadow:0 1px 0 var(--line); padding:6px 0; }
.nav__inner{
  padding:0 22px;
  display:flex; align-items:center; gap:16px;
}
.brand{ display:flex; align-items:center; gap:10px; color:var(--green); }
.brand__badge{
  flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:8px; overflow:hidden;
  background:#fff; border:1px solid var(--line); padding:4px;
}
.brand__logo{ height:100%; width:auto; display:block; }
.brand__text{ display:flex; flex-direction:column; line-height:1.05; }
.brand__text b{ font-stretch:78%; font-weight:850; font-size:17px; letter-spacing:.01em; }
.brand__text i{
  font-style:normal; font-stretch:80%; font-size:9.5px;
  letter-spacing:.24em; color:var(--gold); font-weight:700; margin-top:2px;
}

.nav__links{ display:none; gap:22px; margin-left:auto; }
.nav__links a{
  display:inline-flex; align-items:baseline; gap:6px;
  font-size:13.5px; font-weight:600; color:var(--green);
  opacity:.78; transition:opacity .2s, color .2s; padding:2px 0;
}
.nav__links a i{
  font-style:normal; font-size:10px; font-weight:700; color:var(--gold);
  letter-spacing:.04em;
}
.nav__links a:hover{ opacity:1; color:var(--green); }
.nav__cta{
  display:none; padding:10px 20px; font-size:14px;
  animation:nav-cta-float 2.6s ease-in-out infinite;
  will-change:transform;
}
/* 轻微上下浮动 + 阴影脉冲，吸引注意；transform 不参与回流，导航布局稳定 */
@keyframes nav-cta-float{
  0%,100%{ transform:translateY(0); box-shadow:0 12px 28px -14px rgba(181,84,42,.45); }
  50%{ transform:translateY(-4px); box-shadow:0 20px 34px -12px rgba(181,84,42,.62); }
}
/* hover 时暂停浮动，回落到正常 hover 态（放大上移 + 深色） */
.nav__cta:hover{ animation:none; }

.nav__burger{
  margin-left:auto; width:42px; height:42px; border:none; background:transparent;
  display:flex; flex-direction:column; justify-content:center; gap:5px; cursor:pointer;
}
.nav__burger span{ height:2px; width:24px; background:var(--green); border-radius:2px;
  transition:.35s var(--ease); }
.nav__burger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav__burger.open span:nth-child(2){ opacity:0; }
.nav__burger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

.nav__drawer{
  display:flex; flex-direction:column; gap:2px;
  max-height:0; overflow:hidden; transition:max-height .5s var(--ease);
  background:var(--bg); border-bottom:1px solid var(--line);
}
.nav__drawer.open{ max-height:460px; }
.nav__drawer a{ padding:14px 26px; font-size:15px; font-weight:600; color:var(--green);
  border-top:1px solid var(--line); }
.nav__drawer a:hover{ color:var(--green); }
.nav__drawer .btn{ margin:12px 22px 18px; }

@media (min-width:980px){
  .nav__links{ display:flex; }
  .nav__cta{ display:inline-flex; }
  .nav__burger,.nav__drawer{ display:none; }
}

/* =========================================================
   Hero · 纯文字宣言（美化版）
   ========================================================= */

.hero {
  position: relative;
  overflow: hidden;
  /* overscroll/rubber-band 兜底：与 Hero 顶部深绿一致，向任意方向过度滚动都不露白 */
  background-color: var(--green);
}

.hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  z-index: 1;
  background: linear-gradient(to bottom, transparent 0%, #FAF7F0 100%);
  pointer-events: none;
}

.hero-bg {
  position: absolute;
  inset: 0;
  background-image: url('../images/hero-cover.png');
  background-size: cover;
  background-position: center;
  filter: saturate(0.8) brightness(0.88);
  z-index: 0;
  transform: scale(1.03);
  transition: transform 8s ease-out;
}
.hero-bg.loaded { transform: scale(1); }

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    165deg,
    rgba(20, 52, 43, 0.52) 0%,
    rgba(20, 52, 43, 0.64) 45%,
    rgba(14, 18, 14, 0.80) 100%
  );
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 100vh;
  padding: 0 28px;
  gap: 0;
}

/* —— 品牌标签 —— */
.hero-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--gold-soft);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  padding: 7px 18px;
  border: 1px solid rgba(168, 145, 87, 0.4);
  border-radius: 999px;
  background: rgba(168, 145, 87, 0.08);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  opacity: 0;
  transform: translateY(16px);
  animation: hero-fade-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;
}

.hero-label__dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--gold);
  opacity: 0.7;
  flex: none;
}

/* —— 主标题 —— */
.hero-title {
  color: #FAF7F0;
  font-stretch: 76%;
  line-height: 1.06;
  letter-spacing: -0.03em;
  margin-top: 26px;
}

.hero-title-line1 {
  display: block;
  font-size: clamp(28px, 4.6vw, 52px);
  font-weight: 600;
  color: rgba(250, 247, 240, 0.60);
  letter-spacing: -0.01em;
  text-shadow: none;
  opacity: 0;
  transform: translateY(16px);
  animation: hero-fade-up 0.65s cubic-bezier(0.16, 1, 0.3, 1) 0.28s forwards;
}

.hero-title-line2 {
  display: block;
  font-size: clamp(52px, 9.8vw, 108px);
  font-weight: 900;
  margin-top: 4px;
  opacity: 0;
  transform: translateY(20px);
  animation: hero-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.55s forwards;
}

/* 第二行：金色斜体，主打震撼 */
.hero-title-line2 em {
  font-style: italic;
  color: var(--gold-soft);
  font-weight: 900;
  background: linear-gradient(92deg, #E8CA7A 0%, #A89157 55%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: none;
  filter: drop-shadow(0 0 32px rgba(168,145,87,0.5));
}

/* —— 品牌 + 副文案横向容器 —— */
.hero-brand-row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: 22px;
  opacity: 0;
  transform: translateY(16px);
  animation: hero-fade-up 0.65s cubic-bezier(0.16, 1, 0.3, 1) 1.0s forwards;
}

/* —— 品牌字（途策留学） —— */
.hero-brand {
  font-family: 'Fraunces', 'Noto Serif SC', serif;
  font-size: clamp(20px, 3.2vw, 32px);
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--gold-soft);
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  line-height: 1.7;
  flex: none;
  margin: 0;
  padding-right: 20px;
  border-right: 1.5px solid rgba(168, 145, 87, 0.4);
}

/* —— 副文案 —— */
.hero-body {
  color: rgba(220, 215, 205, 0.9);
  font-size: clamp(14px, 2vw, 16.5px);
  line-height: 1.85;
  font-weight: 400;
  margin: 0;
  opacity: 1;
  transform: none;
  animation: none;
}

.hero-body strong {
  color: #FFFFFF;
  font-weight: 700;
  border-bottom: 1px solid rgba(168, 145, 87, 0.5);
  padding-bottom: 1px;
}

/* —— CTA 按钮组 —— */
.hero-cta-group {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 30px;
  opacity: 0;
  transform: translateY(16px);
  animation: hero-fade-up 0.65s cubic-bezier(0.16, 1, 0.3, 1) 1.35s forwards;
}

.hero-cta-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--terra);
  color: #fff;
  border: none;
  padding: 13px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.02em;
  box-shadow: 0 6px 24px rgba(181, 84, 42, 0.38), 0 1px 4px rgba(0,0,0,0.2);
  transition: background 0.3s, transform 0.3s var(--ease), box-shadow 0.3s;
  cursor: pointer;
  white-space: nowrap;
}

.hero-cta-primary svg { flex: none; transition: transform 0.3s var(--ease); }
.hero-cta-primary:hover { background: var(--terra-dk); color: #fff; transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(154, 70, 34, 0.44); }
.hero-cta-primary:hover svg { transform: translateX(3px); }

.hero-cta-secondary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1.5px solid rgba(255, 255, 255, 0.45);
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  padding: 12px 26px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  transition: background 0.3s, border-color 0.3s, color 0.3s, transform 0.3s var(--ease);
  cursor: pointer;
  white-space: nowrap;
}

.hero-cta-secondary:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.7);
  color: #fff;
  transform: translateY(-2px);
}

/* —— 脚注打字机 —— */
.hero-footnote {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 13.5px;
  letter-spacing: 0.06em;
  margin-top: 32px;
  /* 固定高度+宽度，防止文字变化时撑开布局引发上方元素抖动 */
  height: 22px;
  width: 100%;
  max-width: 400px;
  opacity: 0;
  animation: hero-fade-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) 1.6s forwards;
}

.hero-footnote__text {
  /* 宽度不参与布局流计算，字符在此容器内左对齐写入 */
  display: inline-block;
  min-width: 0;
  text-align: left;
  white-space: nowrap;
}

.hero-footnote__cursor {
  display: inline-block;
  width: 1.5px;
  height: 14px;
  background: rgba(168, 145, 87, 0.7);
  margin-left: 2px;
  animation: blink-cursor 0.8s step-end infinite;
  vertical-align: middle;
}

@keyframes blink-cursor {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* —— 向下滚动提示 —— */
.hero-scroll-hint {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--gold);
  opacity: 0.55;
  animation: hero-scroll-bounce 2.2s ease-in-out infinite;
  z-index: 2;
  display: flex;
}

@keyframes hero-fade-up {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes hero-scroll-bounce {
  0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.55; }
  50% { transform: translateX(-50%) translateY(7px); opacity: 0.35; }
}

@media (max-width: 600px) {
  .hero-content { padding: 0 20px; }
  .hero-brand-row { flex-direction: column; gap: 10px; }
  .hero-brand { border-right: none; padding-right: 0; border-bottom: 1.5px solid rgba(168, 145, 87, 0.4); padding-bottom: 10px; }
  .hero-body { max-width: 92%; }
  .hero-cta-group {
    flex-direction: column;
    width: 100%;
    gap: 10px;
  }
  .hero-cta-primary,
  .hero-cta-secondary {
    width: 100%;
    justify-content: center;
  }
  .hero-divider__line { width: 40px; }
}



/* =========================================================
   真实数据带 + 核心亮点（.stats 系 ids 为 main.js 钩子，勿改名）
   ========================================================= */
.stats{ position:relative; padding:0 0 84px; max-width:var(--maxw); margin:0 auto; }
.stats__band{
  display:grid; grid-template-columns:repeat(2,1fr); gap:0;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  margin:0 22px 96px;
}
.figure{ padding:34px 18px; border-bottom:1px solid var(--line); }
.figure:nth-child(odd){ border-right:1px solid var(--line); }
.figure b{
  display:block; line-height:1; color:var(--green); letter-spacing:-1px;
  font-variant-numeric:tabular-nums;
  font-size:44px; font-weight:600;
  font-family:Georgia,'Noto Serif SC','Times New Roman',serif;
}
.figure__desc{ display:block; margin-top:14px; font-size:13px; letter-spacing:.06em; color:#999999; }
/* 数字落定弹跳 */
.stat-num{ display:inline-block; transform-origin:center 70%; }
.stat-num.is-pop{ animation:stat-pop .55s var(--ease); }
@keyframes stat-pop{ 0%{ transform:scale(1); } 35%{ transform:scale(1.14); } 70%{ transform:scale(.97); } 100%{ transform:scale(1); } }
/* + 号与单位做层级区分（相对数字字号缩放） */
.stat-plus{ color:var(--gold); font-size:.46em; font-weight:700; vertical-align:.5em; margin-left:2px; }
.stat-unit{ font-family:var(--sans); font-size:.32em; font-weight:600; color:var(--gold); letter-spacing:.04em; margin-left:5px; vertical-align:.18em; }
@media (min-width:760px){
  .stats__band{ grid-template-columns:repeat(4,1fr); }
  .figure{ border-bottom:none; border-right:1px solid var(--line); }
  .figure:last-child{ border-right:none; }
  .figure b{ font-size:58px; }
}
.stats .section__head{ padding:0 22px; }

/* 四大核心亮点 · 2×2 彩色浅底块 + 图标 */
.feature-grid{
  display:grid; grid-template-columns:1fr; gap:12px;
  padding:8px 22px 4px;
}
.feature-card{
  display:flex; gap:14px; align-items:flex-start;
  border-radius:12px; padding:1.25rem;
}
.feature-card--1{ background:rgba(20,52,43,.07); }
.feature-card--2{ background:rgba(168,145,87,.1); }
.feature-card--3{ background:rgba(181,105,77,.1); }
.feature-card--4{ background:rgba(30,74,60,.08); }
.feature-card__icon{
  width:40px; height:40px; border-radius:10px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
}
.feature-card__icon svg{ width:20px; height:20px; }
.feature-card--1 .feature-card__icon{ background:#14342B; }
.feature-card--2 .feature-card__icon{ background:#A89157; }
.feature-card--3 .feature-card__icon{ background:#B5694D; }
.feature-card--4 .feature-card__icon{ background:#1E4A3C; }
.feature-card h3{
  font-size:14px; font-weight:600; color:#14342B; margin-bottom:4px;
}
.feature-card p{
  font-size:13px; line-height:1.6; color:#4a4a44;
}
@media (min-width:700px){
  .feature-grid{ grid-template-columns:1fr 1fr; }
}

/* =========================================================
   问题陈述（"Brutal." 式）
   ========================================================= */
.problem{
  max-width:var(--maxw); margin:0 auto; padding:56px 22px 110px;
}
.problem__word{
  font-stretch:68%; font-weight:900; letter-spacing:-.02em;
  font-size:clamp(56px,12vw,140px); line-height:1; color:var(--green);
}
.problem__reject {
  color: var(--terra); /* 赤陶色起强调作用 */
}
.problem__same {
  color: var(--green); /* 原本的深绿色 */
}
.problem__turn{
  margin-top:30px; font-size:clamp(16px,2.4vw,21px); color:var(--muted);
  max-width:40ch; margin-left:auto; text-align:right;
}
.problem__turn b{ color:var(--green); }

/* =========================================================
   服务（白卡网格）
   ========================================================= */
.services__grid{ display:grid; grid-template-columns:1fr; gap:16px; }
.card{
  position:relative; display:flex; flex-direction:column;
  background:var(--card); border:1px solid var(--line);
  border-radius:var(--radius-lg); padding:30px 26px;
  transition:transform .4s var(--ease), border-color .4s, box-shadow .4s;
}
.card:hover{ transform:translateY(-5px); border-color:var(--green);
  box-shadow:0 26px 52px -30px rgba(20,52,43,.35); }
.card__no{
  font-stretch:70%; font-weight:880; font-size:40px; line-height:1;
  color:transparent; -webkit-text-stroke:1.3px var(--gold);
  margin-bottom:24px; transition:color .35s;
}
.card:hover .card__no{ color:var(--gold); }
.card h3{ font-size:21px; margin-bottom:9px; }
.card p{ color:#555555; font-size:14.5px; line-height:1.8; }
.card__link{
  margin-top:auto; padding-top:24px;
  display:inline-flex; align-items:center; gap:8px;
  font-size:13.5px; font-weight:700; color:var(--green); letter-spacing:.04em;
}
.card__link .ic{ width:17px; height:17px; transition:transform .3s var(--ease); }
.card__link:hover .ic{ transform:translateX(6px); }
@media (min-width:700px){ .services__grid{ grid-template-columns:repeat(2,1fr); gap:18px; } }
@media (min-width:1024px){ .services__grid{ grid-template-columns:repeat(3,1fr); gap:20px; } }

/* =========================================================
   三大模块（带编号三列）
   ========================================================= */
.system__grid{ display:grid; grid-template-columns:1fr; gap:0;
  border-top:1px solid var(--line); }
.module{ padding:34px 4px 38px; border-bottom:1px solid var(--line); }
.module__no{
  font-stretch:70%; font-weight:880; font-size:clamp(48px,8vw,72px); line-height:1;
  color:transparent; -webkit-text-stroke:1.4px var(--green); display:block; margin-bottom:18px;
}
.module h3{ font-size:21px; margin-bottom:10px; line-height:1.35; }
.module p{ color:#555555; font-size:14.5px; line-height:1.8; max-width:46ch; }
@media (min-width:860px){
  .system__grid{ grid-template-columns:repeat(3,1fr); column-gap:44px; }
  .module{ border-bottom:none; padding-top:44px; }
}

/* =========================================================
   为什么选途策（2×2 直白条目）
   ========================================================= */
.why__grid{ display:grid; grid-template-columns:1fr; gap:0; border-top:1px solid var(--line); }
.feat{ padding:30px 4px 34px; border-bottom:1px solid var(--line); }
.feat__idx{
  display:inline-block; font-weight:800; font-size:15px; color:var(--gold);
  margin-bottom:12px; letter-spacing:.08em;
}
.feat h3{ font-size:22px; margin-bottom:9px; }
.feat p{ color:#555555; font-size:14.5px; line-height:1.8; max-width:52ch; }
@media (min-width:760px){
  .why__grid{ grid-template-columns:repeat(2,1fr); column-gap:54px; }
}

/* =========================================================
   方法论（紧凑编号列）
   ========================================================= */
.mlist{ max-width:760px; }
.mlist li{ display:flex; gap:20px; padding:22px 0; border-bottom:1px solid var(--line); }
.mlist li:first-child{ border-top:1px solid var(--line); }
.mlist b{
  flex:0 0 auto; font-stretch:70%; font-weight:880; font-size:26px; line-height:1.3;
  color:var(--gold); font-variant-numeric:tabular-nums; width:34px;
}
.mlist h3{ font-size:17.5px; }
.mlist p{ color:#555555; font-size:14px; line-height:1.8; margin-top:3px; }

/* =========================================================
   申请流程（三阶段并列）
   ========================================================= */
.phases{ display:grid; grid-template-columns:1fr; gap:18px; }
.phase{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:28px 26px;
}
.phase__label{
  display:flex; align-items:baseline; gap:10px; margin-bottom:18px;
  font-stretch:74%; font-weight:850; font-size:22px; color:var(--green);
}
.phase__label i{
  font-style:normal; font-stretch:80%; font-size:11px; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; color:var(--gold);
}
.phase__list{ list-style:none; counter-reset:step; }
.phase__list li{
  position:relative; padding:12px 0 12px 40px; border-top:1px solid var(--line);
  counter-increment:step;
}
.phase__list li::before{
  content:counter(step, decimal-leading-zero);
  position:absolute; left:0; top:13px;
  font-weight:800; font-size:13px; color:var(--gold);
}
.phase__list b{ display:block; font-weight:800; font-size:15.5px; color:var(--green); }
.phase__list span{ display:block; font-size:13.5px; color:#555555; line-height:1.8; margin-top:2px; }
/* 让计数从 start 属性继续 */
.phase__list[start="5"]{ counter-reset:step 4; }
.phase__list[start="9"]{ counter-reset:step 8; }
@media (min-width:980px){ .phases{ grid-template-columns:repeat(3,1fr); align-items:start; } }

/* =========================================================
   探索更多留学方案（详情页底部 · CTA 之前）
   ========================================================= */
.explore{ padding:0 22px; max-width:var(--maxw); margin:0 auto 104px; }
.explore__head{ text-align:center; margin-bottom:40px; }
.explore__head p{ margin-top:12px; color:#888888; font-size:15px; }
.explore__grid{ display:grid; grid-template-columns:1fr; gap:18px; }
.explore-card{
  position:relative; display:flex; flex-direction:column; overflow:hidden;
  background:var(--card); border:1px solid var(--line);
  border-radius:var(--radius-lg); padding:30px 26px 26px; color:inherit;
  transition:transform .4s var(--ease), box-shadow .4s;
}
.explore-card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:5px;
  background:var(--band, var(--green));
}
.explore-card:hover{ transform:translateY(-5px);
  box-shadow:0 26px 52px -30px rgba(20,52,43,.35); }
.explore-card h3{ font-size:21px; margin-bottom:9px; }
.explore-card p{ color:#555555; font-size:14.5px; line-height:1.8; }
.explore-card__link{
  margin-top:auto; padding-top:24px;
  display:inline-flex; align-items:center; gap:8px;
  font-size:13.5px; font-weight:700; color:var(--green); letter-spacing:.04em;
}
.explore-card__link .ic{ width:17px; height:17px; transition:transform .3s var(--ease); }
.explore-card:hover .explore-card__link .ic{ transform:translateX(6px); }
.explore__more{ text-align:center; margin-top:34px; }
.explore__more a{
  display:inline-flex; align-items:center; gap:8px;
  font-size:14.5px; font-weight:700; color:var(--green); letter-spacing:.04em;
  transition:gap .3s var(--ease);
}
.explore__more a:hover{ gap:14px; }
.explore__more .ic{ width:18px; height:18px; }
@media (min-width:700px){ .explore__grid{ grid-template-columns:repeat(3,1fr); gap:20px; } }

/* =========================================================
   师资 · THE TEAM（Ignite 深色团队版 · 品牌深绿）
   ========================================================= */
.team-wrap{ background:var(--green); padding:110px 22px; }
.team{
  max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns:1fr; gap:56px;
}
.team__kicker{
  font-stretch:80%; font-weight:700; font-size:12.5px;
  letter-spacing:.24em; text-transform:uppercase; color:var(--gold-soft);
  margin-bottom:20px;
}
.team__title{
  font-stretch:64%; font-weight:900; line-height:.86; letter-spacing:-.02em;
  font-size:clamp(72px,13vw,160px); color:#fff;
}
.team__lead{
  margin-top:26px; font-size:15.5px; line-height:1.8;
  color:rgba(255,255,255,.72); max-width:36ch;
}
.team__grid{ display:grid; grid-template-columns:1fr; gap:48px 40px; }
.member{ text-align:left; }
.member__photo{
  width:min(220px,58vw); aspect-ratio:1; border-radius:50%; object-fit:cover;
  border:1px solid rgba(217,194,140,.45);
  box-shadow:0 0 0 5px rgba(250,247,240,.06), 0 26px 52px -26px rgba(0,0,0,.55);
  transition:transform .45s var(--ease), box-shadow .45s, border-color .45s;
}
.member:hover .member__photo{
  transform:scale(1.03);
  border-color:var(--gold);
  box-shadow:0 0 0 5px rgba(182,146,78,.22), 0 30px 58px -26px rgba(0,0,0,.6);
}
.member h3{
  margin-top:22px; font-stretch:76%; font-weight:800; font-size:23px; color:#fff;
}
.member__role{ margin-top:5px; font-size:13px; font-weight:700; letter-spacing:.04em;
  color:var(--gold-soft); }
.member__bio{ margin-top:10px; font-size:13.5px; line-height:1.8;
  color:rgba(255,255,255,.62); max-width:40ch; }
@media (min-width:700px){ .team__grid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px){
  .team{ grid-template-columns:.62fr 1fr; gap:64px; align-items:start; }
}

/* =========================================================
   学员故事 + 证言
   ========================================================= */
.stories__grid{ display:grid; grid-template-columns:1fr; gap:18px; }
.story{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg);
  overflow:hidden;
  transition:transform .4s var(--ease), border-color .4s, box-shadow .4s;
}
.story:hover{ transform:translateY(-5px); border-color:var(--green);
  box-shadow:0 26px 52px -30px rgba(20,52,43,.35); }
.story__media{ position:relative; aspect-ratio:16/10; background:#EFEAE0; overflow:hidden; }
.story__media img{ width:100%; height:100%; object-fit:cover;
  transition:transform .7s var(--ease); }
.story:hover .story__media img{ transform:scale(1.05); }
.story__badge{
  position:absolute; left:14px; top:14px;
  font-stretch:80%; font-weight:800; font-size:11.5px; letter-spacing:.12em;
  text-transform:uppercase; color:#fff; background:var(--green);
  padding:5px 13px; border-radius:999px;
}
.story__body{ padding:20px 22px 24px; }
.story__tag{ font-size:12.5px; font-weight:700; letter-spacing:.05em; color:var(--gold); }
.story__school{ margin:7px 0 9px; font-stretch:76%; font-weight:850; font-size:21px;
  color:var(--green); line-height:1.25; }
.story__body p{ color:#555555; font-size:14px; line-height:1.8; }
@media (min-width:860px){ .stories__grid{ grid-template-columns:repeat(3,1fr); gap:22px; } }

/* —— 学员之声 · 滚动剥卡（Ignite testimonials.ts 机制移植） ——
   .voices = 滚动跑道（JS 在滚动模式下拉高为 (卡数+1)×视口高）
   .voices__sticky = 钉在视口的舞台；剥完卡后巨型词完整亮相 */
.voices{
  margin-top:96px; text-align:center;
  width:100vw; margin-inline:calc(50% - 50vw);
}
.voices__sticky{
  position:sticky; top:0; min-height:100svh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:8px; overflow:hidden; padding:36px 0;
}
.voices__kicker{
  font-stretch:80%; font-weight:700; font-size:12.5px;
  letter-spacing:.24em; text-transform:uppercase; color:var(--gold);
  margin-bottom:8px;
}
/* 舞台：巨型词与卡堆同格叠放 */
.voices__stage{
  display:grid; place-items:center; width:100%;
  padding:16px 0 24px;
}
.voices__word{
  grid-area:1/1;
  font-stretch:62%; font-weight:900; line-height:.82; letter-spacing:-.02em;
  font-size:clamp(110px,24vw,330px); color:var(--green);
  white-space:nowrap; user-select:none; pointer-events:none;
}
.voices__stack{
  grid-area:1/1; display:grid; place-items:center;
  width:min(560px,86vw); outline-offset:6px;
}
.vcard{
  grid-area:1/1; width:100%;
  background:#fff; border:1px solid var(--line); border-radius:14px;
  padding:30px 32px 26px; text-align:center;
  box-shadow:0 34px 64px -30px rgba(20,52,43,.45);
  will-change:transform;
}
/* —— 滚动模式（.voices--scroll，JS 添加）：transform 全权交给 GSAP 内联，
      z 序 = DOM 自然序（最后一张在顶、先剥） —— */
.voices--scroll .vcard{ z-index:auto; }
/* —— 回退点击模式（无 ScrollTrigger / reduced-motion）：保留便签堆叠 + 轮换 —— */
.voices:not(.voices--scroll) .voices__stack{ cursor:pointer; }
.voices:not(.voices--scroll) .vcard{ transition:transform .55s var(--ease), opacity .3s; }
.voices:not(.voices--scroll) .vcard[data-pos="0"]{ z-index:3; transform:rotate(-1.5deg); }
.voices:not(.voices--scroll) .vcard[data-pos="1"]{ z-index:2; transform:rotate(4deg) translate(3%,-5%) scale(.985); }
.voices:not(.voices--scroll) .vcard[data-pos="2"]{ z-index:1; transform:rotate(-6deg) translate(-4%,-2%) scale(.97); }
.voices:not(.voices--scroll) .voices__stack:hover .vcard[data-pos="0"]{ transform:rotate(0deg) translateY(-5px); }
.voices:not(.voices--scroll) .vcard.fly{
  transform:rotate(8deg) translate(14%,-16%) !important; opacity:0;
  transition:transform .26s ease-in, opacity .26s ease-in;
}
.vcard__school{
  font-size:12.5px; font-weight:800; letter-spacing:.06em; color:var(--gold);
}
.vcard blockquote{
  margin-top:13px; font-size:16.5px; line-height:1.8; color:var(--ink);
  font-weight:500;
}
.vcard figcaption{ margin-top:14px; font-size:12.5px; color:#999999; }
.voices__more{ margin-top:6px; }

/* =========================================================
   FAQ 常见问题
   ========================================================= */
.faq-section{ padding-bottom:96px; }
.faq-section .section__head{ margin-bottom:40px; }
.faq__list{ max-width:720px; margin:0; counter-reset:faq-counter; }
.faq__item{ 
  border-bottom:1px solid var(--line); 
  counter-increment:faq-counter; 
  transition:all .4s ease; 
  border-radius:var(--radius-lg);
  margin-bottom:6px;
}
.faq__item:first-child{ border-top:1px solid var(--line); }
.faq__item:hover{ 
  border-color:transparent; 
  background:rgba(255,255,255,0.72); 
  box-shadow:var(--shadow-sm); 
  transform:translateY(-1px);
}
.faq__item:has(.faq__q[aria-expanded="true"]) {
  border-color:transparent; 
  background:var(--white); 
  box-shadow:var(--shadow-md);
  transform:translateY(-1px);
}

.faq__q{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:32px 8px; background:transparent; border:none; cursor:pointer; text-align:left;
  font-family:var(--serif); font-size:20px; font-weight:500; color:var(--ink); line-height:1.4;
  transition:all .35s var(--ease);
}
.faq__q::before {
  content:"0" counter(faq-counter); flex:0 0 auto;
  font-family:var(--sans); font-size:14px; font-weight:600; 
  color:var(--gold); opacity:0.6; letter-spacing:0.05em;
  width:24px; margin-top:2px;
}
.faq__q span {
  flex:1 1 auto;
}
.faq__q:hover{ padding-left:16px; color:var(--gold); }
.faq__q:hover::before { opacity:1; }

.faq__q[aria-expanded="true"]{ color:var(--ink); padding-bottom:16px; padding-left:16px; }
.faq__q[aria-expanded="true"]::before { opacity:1; color:var(--gold); }
.faq__q[aria-expanded="true"] span { color:var(--gold); }

.faq__arrow{
  flex:0 0 auto; width:26px; height:26px; stroke-width:1.5;
  transition:all .4s var(--ease); color:var(--muted);
  border-radius:50%; border:1px solid transparent; padding:2px;
}
.faq__q:hover .faq__arrow { color:var(--gold); }
.faq__q[aria-expanded="true"] .faq__arrow{ 
  transform:rotate(180deg);
  color:var(--white); background:var(--gold); border-color:var(--gold);
}

.faq__a{
  overflow:hidden; max-height:0;
  transition:max-height .5s var(--ease);
}
.faq__a.open{ max-height:400px; }
.faq__a-inner{ padding:0 8px 32px 48px; }
.faq__a p{ color:#555555; font-size:15.5px; line-height:1.8; }

@media (max-width:768px){
  .faq__q{ padding:24px 4px; font-size:18px; gap:16px; }
  .faq__q:hover{ padding-left:8px; }
  .faq__q[aria-expanded="true"]{ padding-left:8px; padding-bottom:12px; }
  .faq__a-inner{ padding:0 4px 24px 44px; }
}

/* =========================================================
   留资表单
   ========================================================= */
.consult{ padding-top:96px; padding-bottom:110px; }
.consult .section__head h2{ color:#fff; }
.consult .section__head .eyebrow{ color:var(--gold-soft); }
.consult .section__head .eyebrow::after{ background:var(--gold-soft); }
.consult__card{
  background:var(--card); border:1px solid rgba(255,255,255,0.10); border-radius:var(--radius-lg);
  overflow:hidden; display:grid; grid-template-columns:1fr;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,0.06);
}
.consult__copy{
  padding:42px 30px;
  background:linear-gradient(160deg, #1A3D30 0%, #0F2820 100%);
  color:#fff;
  border-right:1px solid rgba(255,255,255,0.07);
  }
.consult__copy .eyebrow{ color:var(--gold-soft); }
.consult__copy .eyebrow::after{ background:var(--gold-soft); }
.consult__copy h2{ color:#fff; margin-top:6px; font-size:clamp(24px,3.8vw,36px); }
.consult__copy .lead{ color:rgba(255,255,255,0.6); margin-top:14px; }
.consult__pts{ margin-top:26px; display:grid; gap:14px; }
.consult__pts li{
  position:relative; padding-left:26px;
  color:rgba(255,255,255,0.82); font-size:14.5px; line-height:1.6;
  }
.consult__pts li::before{
  content:""; position:absolute; left:0; top:10px; width:12px; height:1.5px;
  background:var(--gold-soft);
  }

.form{ padding:32px 26px 34px; display:grid; grid-template-columns:1fr 1fr; gap:18px 16px; }
.field{ display:flex; flex-direction:column; }
.field--full{ grid-column:1 / -1; }
.field label{ font-size:12.5px; font-weight:700; color:var(--green); margin-bottom:8px;
  letter-spacing:.02em; }
.field label i{ font-style:normal; font-size:11px; color:var(--danger); font-weight:700;
  margin-left:5px; }
.field label i.opt{ color:var(--muted); font-weight:400; }
.field input,.field select,.field textarea{
  font-family:inherit; font-size:15px; color:var(--ink);
  padding:13px 14px; border:1.5px solid var(--line); border-radius:10px;
  background:var(--bg); transition:border-color .25s, background .25s, box-shadow .25s;
  width:100%;
}
.field input::placeholder,.field textarea::placeholder{ color:#B3AEA1; }
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none; border-color:var(--green); background:#fff;
  box-shadow:0 0 0 3px rgba(20,52,43,.12);
}
.field input.invalid,.field select.invalid{ border-color:var(--danger); }
.field textarea{ resize:vertical; min-height:58px; }
.field select{ -webkit-appearance:none; appearance:none; cursor:pointer; }
.err{ color:var(--danger); font-size:12px; min-height:14px; margin-top:6px; }

.agree{ display:flex; align-items:flex-start; gap:10px; font-size:13px; color:var(--muted);
  line-height:1.6; }
.agree input{ margin-top:3px; width:16px; height:16px; accent-color:var(--green);
  flex:0 0 auto; }
.agree a{ color:var(--green); font-weight:700; text-decoration:underline;
  text-underline-offset:2px; }

.form__note{ font-size:14px; font-weight:600; text-align:center; padding:6px 0; }
.form__note.ok{ color:var(--green); animation:popIn .45s var(--ease); }
.form__note.bad{ color:var(--danger); }
@keyframes popIn{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }

@media (min-width:1024px){
  .consult__card{ grid-template-columns:.92fr 1.08fr; }
  .consult__copy{ padding:54px 44px; }
  .form{ padding:46px 42px; }
}

/* =========================================================
   页脚（深色四栏 · 全站收尾）
   ========================================================= */
.footer{
  background:#102A20;
  color:rgba(255,255,255,.7);
  /* CTA 与 footer 同为深绿，靠这条暖金分隔线区分两个区域（取代第五轮的换色方案）*/
  border-top:1px solid rgba(168,145,87,.28);
  padding:72px 22px 28px;
}
.footer__inner{
  max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns:1fr; gap:40px;
}
@media (min-width:760px){
  .footer__inner{ grid-template-columns:1.6fr 1.1fr 1fr 1.2fr; gap:48px; }
}

/* 1 · 品牌栏（三层递进：品牌名 → 英文小字 → 标语）*/
.brand--footer .brand__text b{
  color:var(--sand); font-stretch:78%; font-weight:850; font-size:22px; letter-spacing:.01em;
}
.brand--footer .brand__text i{
  color:rgba(255,255,255,.5); font-stretch:80%; font-weight:600;
  font-size:12px; letter-spacing:.15em; margin-top:5px;
}
.footer__desc{ color:rgba(255,255,255,.6); margin-top:14px; font-size:14px;
  max-width:260px; line-height:1.8; }

/* 栏标题 */
.footer__col h4{
  font-stretch:78%; font-weight:800; font-size:13.5px; color:#fff;
  margin-bottom:18px; letter-spacing:.08em;
  position:relative; padding-bottom:12px;
}
.footer__col h4::after{
  content:""; position:absolute; left:0; bottom:0; width:24px; height:2px;
  background:var(--gold); opacity:.75;
}

/* 3 · 快速链接 */
.footer__col a{
  display:block; color:rgba(255,255,255,.65); font-size:14px; padding:6px 0;
  transition:color .25s, transform .3s var(--ease);
}
.footer__col a:hover{ color:var(--gold-soft); transform:translateX(4px); }

/* 2 · 联系方式 */
.footer__contact{ display:grid; gap:14px; }
.footer__contact li{
  display:flex; align-items:flex-start; gap:10px;
  color:rgba(255,255,255,.65); font-size:14px; line-height:1.6;
}
.footer__contact .ic{ width:17px; height:17px; color:var(--gold-soft); flex:none; margin-top:2px; }
.footer__contact a{ color:rgba(255,255,255,.65); transition:color .25s; }
.footer__contact a:hover{ color:var(--gold-soft); }

/* 4 · 关注我们 / 二维码 */
.footer__qr--dual{ display:flex; gap:18px; }
.qr-item{ text-align:center; }
.qr{
  width:108px; height:108px; border-radius:8px; background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,.5); font-size:12px; text-align:center; line-height:1.5; overflow:hidden;
}
.qr--sm{ width:108px; height:108px; }
/* 真图为白底 JPEG，object-fit:contain 在方框内铺满；background:#fff 为透明/失败兜底 */
.qr img{ width:100%; height:100%; object-fit:contain; background:#fff; border-radius:8px; }
.qr--empty::after{
  content:attr(data-ph); color:rgba(255,255,255,.5);
  font-size:12px; text-align:center; line-height:1.5; padding:0 8px;
}
.qr-item p{ margin-top:10px; font-size:12.5px; color:rgba(255,255,255,.6); }

/* 底部版权条 */
.footer__bar{
  max-width:var(--maxw); margin:48px auto 0; padding-top:24px;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex; flex-direction:column; gap:6px;
  font-size:12.5px; color:rgba(255,255,255,.45);
}
@media (min-width:600px){
  .footer__bar{ flex-direction:row; justify-content:space-between; align-items:center; }
}

/* =========================================================
   常驻 CTA / 弹层
   ========================================================= */
.float-cta{
  position:fixed; right:16px; bottom:18px; z-index:40;
  background:var(--terra); color:#fff; font-weight:700; font-size:14px;
  padding:14px 24px; border-radius:999px;
  box-shadow:0 16px 36px -14px rgba(181,84,42,.6);
  transform:translateY(130px); transition:transform .5s var(--ease);
}
.float-cta.show{ transform:translateY(0); }
@media (min-width:980px){ .float-cta{ display:none; } }

.modal[hidden]{ display:none; }
.modal{ position:fixed; inset:0; z-index:100; display:flex; align-items:center;
  justify-content:center; padding:22px; }
.modal__backdrop{ position:absolute; inset:0; background:rgba(20,30,25,.45);
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); animation:fadeIn .3s var(--ease); }
.modal__panel{
  position:relative; max-width:560px; width:100%; max-height:82vh; overflow:auto;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:34px 30px; box-shadow:0 48px 100px -32px rgba(20,52,43,.45);
  animation:popIn .4s var(--ease);
}
.modal__panel h3{ font-stretch:76%; font-weight:850; font-size:22px; color:var(--green);
  margin-bottom:14px; }
.modal__body p{ color:#555555; font-size:14.5px; line-height:1.8; margin-bottom:12px; }
.modal__close{
  position:absolute; top:10px; right:14px; background:none; border:none;
  font-size:28px; line-height:1; color:var(--muted); cursor:pointer; transition:color .2s;
}
.modal__close:hover{ color:var(--green); }
@keyframes fadeIn{ from{ opacity:0 } to{ opacity:1 } }

/* =========================================================
   滚动揭示（main.js IO 驱动；GSAP 在场时接管）
   ========================================================= */
.reveal{ opacity:0; transform:translateY(26px);
  transition:opacity .8s var(--ease), transform .8s var(--ease); }
.reveal.in{ opacity:1; transform:none; }
html.has-gsap .reveal{ transition:none; }

/* =========================================================
   动效减弱
   ========================================================= */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation:none !important; transition:none !important; }
  html{ scroll-behavior:auto; }
  .reveal{ opacity:1; transform:none; }
  .mq__track{ transform:none; }
  /* Hero 文案靠动画淡入，减弱动效时直接显示，避免空白 */
  .hero-title-line1,.hero-title-line2,.hero-brand-row,
  .hero-cta-group,.hero-footnote{ opacity:1 !important; transform:none !important; }
}

/* =========================================================
   ✦ 2026 重构新增样式
   导航激活态 / 板块1 策略定制 / 板块2 数据+案例 /
   板块3 申请流程时间轴 / 子页 page-hero / cta-band / 美本专题
   —— 全部复用既有变量与组件语言，保持视觉统一
   ========================================================= */

/* —— 导航：当前页激活态 —— */
.nav__links a.is-active{ opacity:1; color:var(--green); }
.nav__links a.is-active i{ color:var(--green); }
.nav__drawer a.is-active{ color:var(--green); }

/* =========================================================
   板块 1 · 策略定制（拒绝千人一面）
   ========================================================= */
.strategy{ padding-top:96px; padding-bottom:100px; }
.strategy__head{ max-width:780px; margin:0 0 44px; }
.strategy__word{
  font-stretch:68%; font-weight:900; letter-spacing:-.02em;
  font-size:clamp(44px,8.8vw,92px); line-height:1.02; color:var(--green);
  margin:10px 0 0;
}
.strategy__lead{
  margin-top:26px; color:var(--muted); line-height:1.9; max-width:60ch;
  font-size:clamp(15px,1.9vw,16px);
}
.strategy__lead b,.strategy__lead strong{ color:var(--green); font-weight:700; }

.strategy__grid{ display:grid; grid-template-columns:1fr; gap:14px; }
@media (min-width:640px){ .strategy__grid{ grid-template-columns:repeat(2,1fr); gap:16px; } }
@media (min-width:1024px){ .strategy__grid{ grid-template-columns:repeat(4,1fr); gap:18px; } }
.hl{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:26px 24px 28px;
  transition:transform .4s var(--ease), border-color .4s, box-shadow .4s;
}
.hl:hover{ transform:translateY(-4px); border-color:var(--green);
  box-shadow:0 20px 44px -26px rgba(20,52,43,.3); }
.hl__idx{
  display:inline-block; font-weight:800; font-size:13px; color:var(--gold);
  margin-bottom:16px; letter-spacing:.12em;
  padding:4px 10px; border:1px solid rgba(168,145,87,.3); border-radius:999px;
  background:rgba(168,145,87,.06);
}
.hl h3{ font-size:17.5px; margin-bottom:8px; }
.hl p{ color:#555555; font-size:13.5px; line-height:1.8; }

.strategy__exits{
  margin-top:48px; display:flex; flex-wrap:wrap; align-items:center; gap:14px 18px;
}
.strategy__exits .btn .ic{ width:18px; height:18px; transition:transform .3s var(--ease); }
.strategy__exits .btn:hover .ic{ transform:translateX(5px); }
/* 移动端：双按钮竖向堆叠、各自占满整行 */
@media (max-width:560px){
  .strategy__exits{ flex-direction:column; align-items:stretch; }
  .strategy__exits .btn{ width:100%; }
}

/* =========================================================
   板块 2 · 数据冲击 + 案例引导
   ========================================================= */
.data-band .stats__band{ margin:0 0 72px; }
.data-band .section__head{ margin-bottom:44px; }
.data-band .stories__grid{ margin-top:0; }
.data-band__cta{ margin-top:52px; text-align:center; }

/* =========================================================
   板块 3 · 申请流程（滑动卡片 + 横向时间轴）
   ========================================================= */
.flow__carousel{ position:relative; }
.flow__track{
  display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory;
  padding:8px 4px 26px; -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.flow__track::-webkit-scrollbar{ display:none; }
.flow-card{
  flex:0 0 100%; scroll-snap-align:center;
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:34px 30px 30px;
}
.flow-card__head{ display:flex; align-items:baseline; gap:12px; margin-bottom:8px; }
.flow-card__phase{
  font-stretch:74%; font-weight:850; font-size:24px; color:var(--green);
}
.flow-card__en{
  font-stretch:80%; font-size:11.5px; font-weight:700; letter-spacing:.2em;
  text-transform:uppercase; color:var(--gold);
}
.flow-card__sub{ color:var(--muted); font-size:13.5px; margin-bottom:6px; }

/* 横向时间轴 —— 连线贯穿整张卡片宽度，节点均匀分布 */
.timeline{
  position:relative;
  display:flex;
  margin-top:34px;
}
/* 贯穿整张卡片可用宽度的连线 */
.timeline::before{
  content:""; position:absolute; top:6px; left:0; right:0; height:2px;
  background:var(--line);
}
.tl-node{
  position:relative; flex:1 1 0; min-width:0;
  padding:30px 12px 0; text-align:center;
}
/* 圆点：均匀落在连线上 */
.tl-node::after{
  content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:14px; height:14px; border-radius:50%;
  background:var(--gold); box-shadow:0 0 0 4px var(--card);
}
.tl-no{ display:block; font-weight:800; font-size:12px; color:var(--gold);
  letter-spacing:.08em; margin-bottom:5px; }
.tl-node h3{ font-size:15.5px; margin-bottom:5px; }
.tl-node p{ font-size:12.5px; color:#555555; line-height:1.7; }

/* 竖向时间轴（窄屏）—— 圆点回到左侧，连线逐节点串联 */
@media (max-width:760px){
  .timeline{ display:block; margin-top:22px; }
  .timeline::before{ display:none; }
  .tl-node{ padding:0 0 26px 32px; text-align:left; }
  .tl-node:last-child{ padding-bottom:2px; }
  .tl-node:not(:last-child)::before{
    content:""; position:absolute; left:6px; top:8px; bottom:0; width:2px;
    background:var(--line);
  }
  .tl-node::after{ top:4px; left:0; transform:none; width:13px; height:13px; }
  .tl-node h3{ font-size:16px; }
  .tl-node p{ font-size:13px; }
}

.flow__nav{
  display:none; position:absolute; top:46%; z-index:2;
  width:46px; height:46px; border-radius:50%; cursor:pointer;
  background:#fff; color:var(--green); font-size:22px; line-height:1;
  border:1px solid var(--line);
  box-shadow:0 8px 22px -12px rgba(20,52,43,.3);
  transition:background .3s, color .3s, transform .3s var(--ease);
}
.flow__nav:hover{ background:var(--green); color:#fff; transform:scale(1.06); }
.flow__prev{ left:-8px; }
.flow__next{ right:-8px; }
.flow__dots{ display:flex; justify-content:center; gap:8px; padding-top:2px; }
.flow__dot{
  width:7px; height:7px; border-radius:99px; border:none; cursor:pointer; padding:0;
  background:#D8D2C4; transition:background .3s, width .3s var(--ease);
}
.flow__dot.active{ background:var(--green); width:22px; }
@media (min-width:980px){ .flow__nav{ display:block; } }

/* =========================================================
   子页面 · 顶部标题区 page-hero
   ========================================================= */
.page-hero{
  position:relative; max-width:var(--maxw); margin:0 auto;
  padding:128px 22px 24px;
}
.page-hero h1{
  font-stretch:74%; font-weight:850; letter-spacing:-.015em; color:var(--green);
  font-size:clamp(34px,7vw,62px); line-height:1.06;
}
.page-hero h1 em{ font-style:italic; color:var(--gold); font-weight:800; }
.page-hero__sub{
  margin-top:18px; color:var(--muted); font-size:16px; line-height:1.85; max-width:60ch;
}
.page-hero--dark{ background:var(--green); max-width:none; }
.page-hero--dark .page-hero__inner{ max-width:var(--maxw); margin:0 auto; padding:0 22px; }
.page-hero--dark h1{ color:#fff; }
.page-hero--dark .eyebrow{ color:var(--gold-soft); }
.page-hero--dark .page-hero__sub{ color:rgba(255,255,255,.75); }

/* =========================================================
   服务页 · 美国本科专题区（深绿大卡）
   ========================================================= */
.featured{
  background:var(--green); color:#fff; border-radius:var(--radius-lg);
  padding:46px 30px 40px; margin-top:8px;
  box-shadow:0 34px 70px -38px rgba(20,52,43,.45);
}
.featured__top{ max-width:680px; margin-bottom:8px; }
.featured .eyebrow{ color:var(--gold-soft); }
.featured h2{ color:#fff; }
.featured__lead{ margin-top:16px; color:rgba(255,255,255,.8); font-size:15.5px;
  line-height:1.85; max-width:58ch; }
.featured .system__grid{ border-top-color:rgba(255,255,255,.18); margin-top:30px; }
.featured .module{ border-bottom-color:rgba(255,255,255,.14); }
.featured .module__no{ -webkit-text-stroke-color:var(--gold-soft); }
.featured .module h3{ color:#fff; }
.featured .module p{ color:rgba(255,255,255,.72); }
@media (min-width:860px){ .featured{ padding:56px 54px 50px; } }

.services-sub__head{ margin-top:64px; }

/* 师资页：在浅色页面中嵌入深绿团队区时，去掉额外圆角间距 */
.teachers-page .team-wrap{ padding-top:40px; }

/* =========================================================
   子页面底部 · CTA 转化带（与首页板块4一致的语气）
   ========================================================= */
.cta-band{ background:#102A20; color:#fff; }
.cta-band__inner{
  max-width:var(--maxw); margin:0 auto; padding:74px 22px;
  display:flex; flex-direction:column; align-items:flex-start; gap:20px;
}
.cta-band .eyebrow{ color:var(--gold-soft); }
.cta-band h2{ color:#fff; max-width:18ch; }
.cta-band p{ color:rgba(255,255,255,.78); font-size:15.5px; line-height:1.8; max-width:52ch; }
.cta-band__actions{ margin-top:6px; display:flex; flex-wrap:wrap; gap:14px; }
/* 深绿底上的 ghost 按钮：白色描边+白字，提升对比度避免发虚 */
.cta-band .btn--line{ border-color:rgba(255,255,255,.5); color:rgba(255,255,255,.8); }
.cta-band .btn--line:hover{
  background:transparent; border-color:rgba(255,255,255,1); color:rgba(255,255,255,1);
  transform:translateY(-2px);
}
@media (min-width:860px){ .cta-band__inner{ padding:92px 22px; } }

/* =========================================================
   ✦ 第二轮 · 板块背景区分（全宽底色带）
   .section 默认 max-width 居中，用 ::before 铺满整屏底色，
   内容仍居中；相邻板块换色，滚动时能明确感知进入新区域
   ========================================================= */
.sec-bleed{ position:relative; z-index:0; }
.sec-bleed::before{
  content:""; position:absolute; top:0; bottom:0; left:50%;
  width:100vw; transform:translateX(-50%); z-index:-1;
}
.sec-dark::before{ background:var(--green); }
.sec-soft::before{ background:#EFEAE0; }

/* 深色板块内文字反白 */
.sec-dark .eyebrow{ color:var(--gold-soft); }
.sec-dark h2{ color:#fff; }
.sec-dark .lead{ color:rgba(255,255,255,.72); }

/* 板块2 · 数据冲击（深绿底，数字反白、单位描金） */
.data-band .stats__band{ border-color:rgba(255,255,255,.22); }
.data-band .figure{ border-color:rgba(255,255,255,.16); }
.data-band .figure b{ color:#FAF7F0; }
.data-band .figure__desc{ color:rgba(255,255,255,.6); }

/* 板块5 · 联系我们（更深一档绿，衬托内部绿色文案面板） */
.consult.sec-dark::before{ background:#102A20; }
.consult .consult__card{ border:1px solid rgba(255,255,255,.12); }

/* =========================================================
   ✦ 服务 Hub 重构 + 详情页（2026-06-17）
   新增组件：面包屑 / featured 标签+深入链接 / 整卡可点击 +
   服务卡标签 / 商务合作横幅 / 详情页占位区 / 训练营链接按钮
   ========================================================= */

/* —— 面包屑（详情页顶部，第一元素需清开 fixed nav）—— */
.crumbs{
  max-width:var(--maxw); margin:0 auto; padding:110px 22px 0;
  font-size:13px; color:var(--muted); letter-spacing:.02em;
}
.crumbs a{ color:var(--muted); transition:color .3s; }
.crumbs a:hover{ color:var(--green); }
.crumbs i{ font-style:normal; margin:0 8px; opacity:.45; }
.crumbs b{ color:var(--green); font-weight:700; }
.crumbs + .page-hero{ padding-top:16px; }

/* —— 美本 Featured 大卡：关键词标签 + 深入了解链接 —— */
.featured__tags{ display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.featured__tags span{
  font-size:13px; font-weight:600; letter-spacing:.02em; color:var(--sand);
  border:1px solid rgba(255,255,255,.28); padding:7px 15px; border-radius:999px;
}
.featured__link{
  display:inline-flex; align-items:center; gap:9px; margin-top:28px;
  font-size:15px; font-weight:700; color:var(--gold-soft);
  transition:gap .3s var(--ease), color .3s;
}
.featured__link:hover{ color:#fff; gap:14px; }
.featured__link .ic{ width:18px; height:18px; }

/* —— 服务卡：整卡可点击（<a class="card">）+ 关键词标签 —— */
a.card{ color:inherit; }
.card__tags{ display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 4px; }
.card__tags span{
  font-size:12px; font-weight:600; letter-spacing:.02em; color:var(--green);
  background:rgba(20,52,43,.06); border:1px solid var(--line);
  padding:5px 12px; border-radius:999px;
}
.card:hover .card__link .ic{ transform:translateX(6px); }

/* —— 商务合作 callout 横幅 —— */
.biz-wrap{ max-width:var(--maxw); margin:0 auto 100px; padding:0 22px; }
.biz-callout{
  display:flex; flex-direction:column; gap:18px; align-items:flex-start;
  background:var(--sand); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:40px 28px;
}
.biz-callout__text h3{ font-size:25px; }
.biz-callout__text p{ color:#555; font-size:14.5px; line-height:1.8; margin-top:8px; max-width:54ch; }
@media (min-width:760px){
  .biz-callout{ flex-direction:row; align-items:center; justify-content:space-between; padding:48px 48px; gap:40px; }
}

/* —— 四大核心亮点直接接在 page-hero 之后时，补一点顶部呼吸 —— */
.stats--lead{ padding-top:52px; }

/* —— 详情页“内容建设中”占位区 —— */
.coming{ max-width:760px; margin:0 auto; padding:30px 22px 110px; }
.coming__panel{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:44px 34px;
}
.coming__panel .eyebrow{ color:var(--gold); }
.coming__panel h2{ font-size:clamp(26px,5vw,38px); }
.coming__panel p{ color:#555; font-size:15px; line-height:1.85; margin-top:16px; }
.coming__tags{ display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 30px; }
.coming__tags span{
  font-size:13px; font-weight:600; color:var(--green);
  background:rgba(20,52,43,.06); border:1px solid var(--line);
  padding:6px 14px; border-radius:999px;
}

/* =========================================================
   ✦ services.html · UI 精修（2026-06-17 · 纯视觉 · scope = .services-page）
   去“豆腐块”：纯内容轮播卡 / 服务卡去描边改阴影 + 左侧色带 /
   打破等大网格（单项横条 + 训练营深绿焦点）/ 间距节奏 / 标签随色带
   仅作用于 services 页，meiben.html 等共用 .stat-card/.card 不受影响
   ========================================================= */

/* —— 改动3 · 间距节奏（新版顺序：Hero → 美本专题 → 不止于美本 → 亮点 → 商务）——
   上半部分（美本 + 服务卡）紧凑，下半部分（亮点 + CTA）节奏稍缓 */
.services-page #undergrad{ padding-top:28px; padding-bottom:24px; }   /* Hero→美本 ≈ 60px（含 featured margin-top:8）*/
.services-page #more-services{ padding-top:48px; padding-bottom:64px; } /* 美本→不止于美本 ≈ 72px */
.services-page #features{ padding-top:16px; padding-bottom:60px; }     /* 服务卡→亮点 ≈ 80px；亮点→商务 60px */
.services-page #biz{ margin-bottom:56px; }

/* —— 美本专题区：三大模块在深绿底内改为浅绿卡片（meiben/writing-camp 不受影响）—— */
.services-page .featured .system__grid{
  border-top:none; margin-top:32px; gap:18px;
}
.services-page .featured .module{
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10);
  border-radius:14px; padding:30px 26px 32px;
}
.services-page .featured .module__no{
  -webkit-text-stroke-color:#A89157; -webkit-text-fill-color:transparent; margin-bottom:14px;
}
.services-page .featured .featured__tags{ margin-top:30px; }
@media (min-width:860px){
  .services-page .featured .module{ padding-top:34px; }
}

/* —— 改动2a · 服务卡：去描边 → 微阴影 + hover 上移 —— */
.services-page .services__grid .card{
  border:none; overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03);
  transition:box-shadow .3s ease, transform .3s ease;
}
.services-page .services__grid .card:hover{
  transform:translateY(-2px); border:none;
  box-shadow:0 2px 8px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.06);
}

/* —— 改动2b · 左侧 4px 色带（伪元素，随卡片圆角裁切）—— */
.services-page .services__grid .card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px; z-index:1;
}
.services-page .card--grad::before{ background:var(--green); }
.services-page .card--transfer::before{ background:var(--gold); }
.services-page .card--ukeu::before{ background:var(--terra); }
.services-page .card--single::before{ background:var(--green-2); }

/* —— 改动5 · 标签：浅色填充底 + 深色文字，颜色跟随色带 —— */
.services-page .card__tags span{ border:none; }
.services-page .card--grad .card__tags span{ background:rgba(20,52,43,.08); color:#14342B; }
.services-page .card--transfer .card__tags span{ background:rgba(168,145,87,.14); color:#6B5A2A; }
.services-page .card--ukeu .card__tags span{ background:rgba(181,84,42,.10); color:#9A4723; }

/* —— 改动2c · 单项服务：横向长条卡（标题/描述 + 横排模块菜单）—— */
.services-page .card--single .card__main{ display:flex; flex-direction:column; }
.services-page .card--single .card__link{ margin-top:16px; padding-top:0; }
.services-page .card__menu{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.services-page .card__menu span{
  font-size:13px; font-weight:600; letter-spacing:.02em; color:var(--green-2);
  background:rgba(30,74,60,.08); padding:8px 16px; border-radius:999px;
}

/* —— 改动2c · 名校文书训练营：深绿底视觉焦点（与美本 featured 呼应）—— */
.services-page .card--camp{
  background:var(--green);
  box-shadow:0 20px 44px -26px rgba(20,52,43,.5);
}
.services-page .card--camp::before{ display:none; }
.services-page .card--camp h3{ color:#fff; }
.services-page .card--camp p{ color:rgba(255,255,255,.74); }
.services-page .card--camp .card__link{ color:var(--gold-soft); }
.services-page .card--camp .card__tags span{ background:rgba(255,255,255,.10); color:var(--sand); }
.services-page .card--camp:hover{ box-shadow:0 26px 56px -26px rgba(20,52,43,.62); }

/* —— 改动2c · 第二排布局：平板满行训练营 banner；桌面 单项(2/3)+训练营(1/3) —— */
@media (min-width:700px){
  .services-page .card--camp{ grid-column:1 / -1; }
}
@media (min-width:1024px){
  .services-page .card--wide{ grid-column:span 2; }
  .services-page .card--camp{ grid-column:auto; }
  .services-page .card--single{ flex-direction:row; align-items:center; gap:40px; }
  .services-page .card--single .card__main{ flex:1 1 auto; }
  .services-page .card--single .card__menu{
    margin-top:0; flex:0 0 auto; max-width:48%; justify-content:flex-end;
  }
}

/* =========================================================
   ✦ 留学洞察 / 博客（blog.html）+ 首页板块5（2026-06-18）
   复用全站色值与卡片语气，不引入新色
   ========================================================= */
/* 顶部浅米带：Hero + 分类筛选 + 置顶文章共用 #f5f0e8 */
.blog-top{ background:#f5f0e8; }
.blog-top__inner,
.blog-list__inner{ max-width:var(--maxw); margin:0 auto; padding:0 22px; }
.blog-top__inner{ padding-top:120px; padding-bottom:64px; }

/* Hero */
.blog-hero{ max-width:720px; }
.blog-hero__kicker{
  display:inline-flex; align-items:center; gap:12px; margin-bottom:18px;
}
.blog-hero__kicker::before{
  content:""; width:3px; height:18px; background:var(--gold); border-radius:2px;
}
.blog-hero__kicker span{
  font-stretch:80%; font-weight:700; font-size:12.5px;
  letter-spacing:2px; color:var(--gold); text-transform:uppercase;
}
.blog-hero h1{
  font-stretch:74%; font-weight:850; letter-spacing:-.015em; color:var(--green);
  font-size:clamp(34px,7vw,58px); line-height:1.06;
}
.blog-hero__sub{
  margin-top:18px; color:var(--muted); font-size:16px; line-height:1.85; max-width:54ch;
}

/* 分类筛选药丸 */
.blog-filter{
  display:flex; flex-wrap:wrap; gap:10px; margin-top:38px;
}
.pill{
  border:none; cursor:pointer; font-family:var(--sans);
  font-size:13.5px; font-weight:600; letter-spacing:.01em;
  padding:9px 18px; border-radius:999px; color:var(--green);
  background:rgba(20,52,43,.08); transition:background .25s, color .25s, transform .2s;
}
.pill:hover{ transform:translateY(-1px); }
.pill.is-active{ background:var(--green); color:#fff; }

/* 卡片基础阴影（博客共用） */
.blog-card{
  background:var(--card); border-radius:12px; overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
  cursor:pointer;
}
.blog-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.08), 0 12px 28px rgba(0,0,0,.05);
}

/* 置顶文章大卡片 */
.featured-post{ margin-top:40px; }
.featured-post__cover{
  position:relative; height:180px; background:var(--green);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.featured-post__cover img{ width:100%; height:100%; object-fit:cover; }
.featured-post__cover-ph .ic{ width:46px; height:46px; color:rgba(255,255,255,.35); }
.featured-post__watermark{
  position:absolute; right:18px; bottom:6px;
  font-stretch:74%; font-weight:850; letter-spacing:.04em;
  font-size:clamp(40px,8vw,72px); line-height:1;
  color:rgba(255,255,255,.08); pointer-events:none; user-select:none;
}
.featured-post__body{ padding:26px 28px 28px; }
.featured-post__tags{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:14px; }
.tag-pin{
  font-size:12px; font-weight:700; letter-spacing:.04em;
  padding:4px 11px; border-radius:999px;
  background:rgba(168,145,87,.12); color:var(--gold);
}
.cat-tag{
  font-size:12px; font-weight:700; letter-spacing:.03em;
  padding:4px 11px; border-radius:999px;
}
.featured-post__title{
  font-stretch:78%; font-weight:850; font-size:clamp(22px,3.4vw,28px);
  line-height:1.25; color:var(--green); margin-bottom:12px;
}
.featured-post__digest{ color:#555555; font-size:15px; line-height:1.8; max-width:62ch; }
.featured-post__foot{
  display:flex; align-items:center; justify-content:space-between;
  margin-top:20px; padding-top:18px; border-top:1px solid var(--line);
}
.featured-post__date{ color:var(--muted); font-size:13.5px; }
.featured-post__more{
  display:inline-flex; align-items:center; gap:6px;
  font-size:14px; font-weight:700; color:var(--terra);
}

/* 最新文章列表（深米底 #eae4d9） */
.blog-list{ background:#eae4d9; }
.blog-list__inner{ padding-top:64px; padding-bottom:80px; }
.blog-list__kicker{
  font-size:13px; font-weight:700; letter-spacing:.06em;
  color:var(--muted); text-transform:none; margin-bottom:22px;
}
.post-grid{ display:grid; gap:16px; }
.post-card{ display:flex; align-items:stretch; gap:18px; padding:18px 20px; }
.post-card__main{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; }
.post-card__title{
  font-weight:500; font-size:17px; line-height:1.5; color:var(--green);
  margin:10px 0 0;
}
.post-card .cat-tag{ align-self:flex-start; }
.post-card__date{ margin-top:auto; padding-top:12px; color:var(--muted); font-size:13px; }
.post-card__thumb{
  flex:0 0 auto; width:72px; height:72px; border-radius:8px; overflow:hidden;
  display:flex; align-items:center; justify-content:center; align-self:center;
}
.post-card__thumb img{ width:100%; height:100%; object-fit:cover; }
.post-card__thumb .ic{ width:26px; height:26px; }

/* 加载更多 */
.blog-list__more{ display:flex; justify-content:center; margin-top:34px; }
.blog-list__more[hidden]{ display:none; }
.blog-empty{ color:var(--muted); font-size:14.5px; padding:30px 0; text-align:center; }

@media (min-width:760px){
  .post-card{ padding:20px 24px; }
  .post-card__thumb{ width:84px; height:84px; }
}

/* 窄屏：缩略图缩小 */
@media (max-width:520px){
  .post-card{ gap:14px; padding:16px; }
  .post-card__thumb{ width:60px; height:60px; }
  .post-card__title{ font-size:15.5px; }
  .featured-post__cover{ height:150px; }
}

/* =========================================================
   首页板块5 · 留学洞察预览（深米底 #eae4d9）
   ========================================================= */
.insights-band.sec-bleed::before{ background:#eae4d9; }
.insights-band .post-grid{ margin-top:8px; }
.insights-band__more{ margin-top:34px; }
.insights-band__more a{
  display:inline-flex; align-items:center; gap:6px;
  font-size:15px; font-weight:700; color:var(--green);
  border-bottom:1px solid transparent; transition:border-color .25s;
}
.insights-band__more a:hover{ border-color:var(--green); }
@media (min-width:760px){
  .insights-band .post-grid{ grid-template-columns:repeat(3,1fr); gap:16px; }
}