/* =========================================================
   途策留学 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);

  /* 按钮圆钮 chip 的箭头贴图（32px tile · 单支细线箭头，端点圆润）
     data-URI 内颜色无法用 currentColor，需要新色版时单列 */
  --chip-arrow-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9.5 16h13M17.5 11 22.5 16l-5 5' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --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;
  -webkit-tap-highlight-color:transparent; }   /* 移动端去掉点按灰蓝高亮块 */

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);
}
/* 中文标题避免行尾孤字：均衡换行，把最后一行的单字并回上一行；
   旧浏览器不识别则回退为默认换行（渐进增强，无副作用） */
h1,h2{ text-wrap:balance; }
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; }

/* ---------- 按钮（Arrow-Chip 胶囊体系）----------
   原生携带箭头（svg.ic）的按钮：箭头升级为右端玻璃圆钮 chip（::after），
   hover 时箭头向右飞出、从左折返（repeat-x 无缝）；
   纯文字按钮保持干净胶囊、内容居中，不硬加箭头。
   :has() 不支持的旧内核自动回退为内联箭头原样显示。 */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:12px;
  font-family:var(--sans);
  font-size:15px; font-weight:700; border-radius:999px; cursor:pointer;
  padding:12px 26px; min-height:48px; letter-spacing:.02em;
  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::after{
  content:none; flex:none; border-radius:50%;
  width:var(--chip-tile, 32px); height:var(--chip-tile, 32px);
  background-color:var(--chip-bg, rgba(255,255,255,.26));
  /* 第一层箭头贴图（参与飞掠动画）+ 第二层玻璃光泽（静止） */
  background-image:var(--chip-arrow-white),
    linear-gradient(180deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,.05) 55%, rgba(255,255,255,.18) 100%);
  background-repeat:repeat-x, no-repeat;
  background-position:0 50%, 0 0;
  background-size:var(--chip-tile, 32px) var(--chip-tile, 32px), 100% 100%;
  /* 磨砂圆钮：blur 取到按钮自身底色，实色 chip 不受影响 */
  -webkit-backdrop-filter:blur(12px) saturate(1.6);
  backdrop-filter:blur(12px) saturate(1.6);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.45),      /* 顶缘高光 */
             inset 0 0 0 1px rgba(255,255,255,.22),       /* 玻璃内圈光边 */
             inset 0 -1px 1px rgba(0,0,0,.08);            /* 底缘厚度 */
  transition:transform .45s cubic-bezier(.34,1.56,.64,1), background-color .3s;
}
/* 仅原生带箭头的按钮生成 chip；同时收窄右缘让圆钮与胶囊同心 */
@supports selector(:has(.ic)){
  .btn .ic{ display:none; }
  .btn:has(.ic)::after{ content:""; }
  .btn:has(.ic){ padding-top:7px; padding-bottom:7px; padding-right:9px; }
  .btn--lg:has(.ic){ padding-top:9px; padding-bottom:9px; padding-right:11px; }
}
/* 箭头飞掠：第一层箭头位移一个 tile 周期，第二层光泽保持不动 */
@keyframes chip-fly{ from{ background-position:0 50%, 0 0; }
  to{ background-position:var(--chip-tile, 32px) 50%, 0 0; } }
.btn:hover::after,
.btn:focus-visible::after{ transform:scale(1.08);
  animation:chip-fly .55s cubic-bezier(.33,.75,.25,1) 1; }
.btn:active{ transform:translateY(1px); }
.btn:active::after{ transform:scale(.92); }
/* 提交中/禁用：降透明度并停掉 hover 反馈（main.js 提交流程会置 disabled） */
.btn:disabled, .btn[disabled]{ opacity:.6; cursor:default; pointer-events:none; }
.btn--lg{ --chip-tile:36px; padding:16px 34px; min-height:56px; font-size:16px; gap:14px; }
.btn--solid{
  --chip-bg:rgba(255,255,255,.18);
  background:linear-gradient(115deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,.04) 45%, rgba(255,255,255,0) 60%, rgba(255,255,255,.08) 100%),
             linear-gradient(180deg, #1B4437 0%, var(--green) 100%);
  color:#fff;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.25), inset 0 0 0 1px rgba(255,255,255,.08),
             0 12px 28px -14px rgba(20,52,43,.55);
}
.btn--solid:hover{
  background:linear-gradient(115deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,.04) 45%, rgba(255,255,255,0) 60%, rgba(255,255,255,.08) 100%),
             linear-gradient(180deg, var(--green-2) 0%, #173D31 100%);
  transform:translateY(-2px);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.25), 0 16px 34px -14px rgba(20,52,43,.6); }
/* 次级描边：磨砂玻璃胶囊（米白底上一块通透薄玻璃）+ 墨绿圆钮 */
.btn--line{
  --chip-bg:var(--green);
  background-color:rgba(255,255,255,.32);
  background-image:linear-gradient(115deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.1) 45%, rgba(255,255,255,0) 60%, rgba(255,255,255,.26) 100%);
  -webkit-backdrop-filter:blur(20px) saturate(1.5);
  backdrop-filter:blur(20px) saturate(1.5);
  border-color:rgba(20,52,43,.16); color:var(--green);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),        /* 玻璃上沿高光 */
             inset 0 0 0 1px rgba(255,255,255,.35),       /* 内圈光边 */
             inset 0 -1px 0 rgba(20,52,43,.05),           /* 底缘厚度 */
             0 8px 22px -12px rgba(20,52,43,.25);
}
.btn--line:hover{ background-color:rgba(255,255,255,.6); border-color:rgba(20,52,43,.4);
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), inset 0 0 0 1px rgba(255,255,255,.35),
             0 14px 28px -16px rgba(20,52,43,.3); }
.btn--cta{
  --chip-bg:rgba(255,255,255,.24);
  background:linear-gradient(115deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.06) 42%, rgba(255,255,255,0) 60%, rgba(0,0,0,.05) 100%),
             linear-gradient(180deg, #C05E33 0%, #AC4E26 100%);
  color:#fff; border:none;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.4),       /* 玻璃上沿高光 */
             inset 0 0 0 1px rgba(255,255,255,.12),       /* 内圈光边 */
             inset 0 -2px 4px rgba(0,0,0,.14),            /* 底部厚度 */
             0 12px 28px -14px rgba(181,84,42,.55);
}
.btn--cta:hover{
  background:linear-gradient(115deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.05) 42%, rgba(255,255,255,0) 60%, rgba(0,0,0,.05) 100%),
             linear-gradient(180deg, #B25429 0%, var(--terra-dk) 100%);
  transform:translateY(-2px);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.35), inset 0 0 0 1px rgba(255,255,255,.1),
             0 18px 36px -14px rgba(154,71,35,.6); }

.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:10px 0;
}
.nav.scrolled{ box-shadow:0 1px 0 var(--line); padding:7px 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;
}
.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:.82; letter-spacing:.02em; 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 22px; min-height:0; font-size:14px; margin-left:10px;
  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:inset 0 1px 1px rgba(255,255,255,.4), inset 0 0 0 1px rgba(255,255,255,.12),
               inset 0 -2px 4px rgba(0,0,0,.14), 0 12px 28px -14px rgba(181,84,42,.45); }
  50%{ transform:translateY(-4px);
    box-shadow:inset 0 1px 1px rgba(255,255,255,.4), inset 0 0 0 1px rgba(255,255,255,.12),
               inset 0 -2px 4px rgba(0,0,0,.14), 0 20px 34px -12px rgba(181,84,42,.62); }
}
/* hover 时暂停浮动，回落到正常 hover 态（放大上移 + 深色） */
.nav__cta:hover{ animation:none; }

.nav__burger{
  margin-left:auto; width:44px; height:44px; 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:900px; }
.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; }
}

/* ---- 服务下拉菜单（桌面 hover 展开） ---- */
.nav__drop{ position:relative; display:inline-flex; align-items:center; }
/* 透明桥接：跨过 toggle 与 submenu 之间的 8px 位移空档，消除 hover 死区防菜单闪退 */
.nav__drop::after{ content:""; position:absolute; top:100%; left:0; right:0; height:10px; z-index:59; }
.nav__submenu{
  position:absolute; top:100%; left:50%;
  transform:translateX(-50%) translateY(8px);
  min-width:184px; padding:8px 0; background:#fff;
  border:1px solid var(--line); border-radius:12px;
  box-shadow:0 18px 40px -18px rgba(20,52,43,.35);
  display:flex; flex-direction:column;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .22s var(--ease), transform .22s var(--ease);
  z-index:60;
}
.nav__drop:hover .nav__submenu,
.nav__drop:focus-within .nav__submenu{
  opacity:1; visibility:visible; pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.nav__submenu a{
  display:block; padding:9px 20px; font-size:13.5px; font-weight:600;
  color:var(--green); opacity:.82; white-space:nowrap;
  transition:background .18s, opacity .18s, color .18s;
}
.nav__submenu a:hover{ opacity:1; background:var(--bg); color:var(--gold); }
.nav__submenu a.is-active{ opacity:1; color:var(--gold); }

/* ---- 服务下拉菜单（移动端抽屉内折叠展开） ---- */
.drawer__group{ display:flex; flex-direction:column; }
.drawer__toggle{
  display:flex; align-items:center; width:100%;
  padding:14px 26px; font-family:inherit; font-size:15px; font-weight:600;
  color:var(--green); background:transparent; border:none;
  border-top:1px solid var(--line); cursor:pointer; text-align:left;
}
.drawer__sub{
  display:flex; flex-direction:column;
  max-height:0; overflow:hidden;
  background:rgba(20,52,43,.035);
  transition:max-height .4s var(--ease);
}
.drawer__group.open .drawer__sub{ max-height:460px; }
.drawer__sub a{
  padding:12px 26px 12px 42px !important;
  font-size:14px !important; font-weight:500; opacity:.85;
}
.drawer__sub a.is-active{ color:var(--gold); opacity:1; }

/* =========================================================
   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/page-hero.webp');   /* 默认 hero 背景；深色 .hero 暂未启用，指向真实存在的资源避免 404（G4）*/
  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;     /* fallback：不支持 svh 的旧浏览器 */
  min-height: 100svh;    /* 移动端按「小视口」高度，规避地址栏伸缩跳动（I3，与美本页统一）*/
  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: 0.98;
  letter-spacing: -0.035em;
  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(12px);
  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;
  /* 斜体大字左侧 side-bearing 留白会让第二行视觉上比第一行偏右；用 em 让补偿随字号缩放，大小屏一致对齐 */
  margin-left: -0.12em;
  opacity: 0;
  /* 动效轻重与视觉质量成正比：主打句行程 30px/0.95s 是最重的一拍，配角统一 10-12px */
  transform: translateY(30px);
  animation: hero-fade-up 0.95s 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: 36px;
  opacity: 0;
  transform: translateY(10px);
  animation: hero-fade-up 0.65s cubic-bezier(0.16, 1, 0.3, 1) 1.0s forwards;
}


/* —— 副文案 —— */
.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: 60px;
  opacity: 0;
  transform: translateY(10px);
  animation: hero-fade-up 0.65s cubic-bezier(0.16, 1, 0.3, 1) 1.2s forwards;
}

/* Hero 双 CTA · 并入 Arrow-Chip 胶囊体系（独立类保留入场动画钩子） */
.hero-cta-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: linear-gradient(115deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.06) 42%, rgba(255,255,255,0) 60%, rgba(0,0,0,.05) 100%),
              linear-gradient(180deg, #C05E33 0%, #AC4E26 100%);
  color: #fff;
  border: none;
  padding: 7px 9px 7px 26px;
  min-height: 48px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.02em;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.4), inset 0 0 0 1px rgba(255,255,255,.12),
              inset 0 -2px 4px rgba(0,0,0,.14),
              0 12px 28px -14px rgba(181,84,42,.55);
  transition: background 0.3s, transform 0.3s var(--ease), box-shadow 0.3s;
  cursor: pointer;
  white-space: nowrap;
}

.hero-cta-primary svg { display: none; }   /* 内联箭头改由圆钮 chip 承载 */
.hero-cta-primary::after {
  content: ""; flex: none; width: 32px; height: 32px; border-radius: 50%;
  background-color: rgba(255,255,255,.26);
  background-image: var(--chip-arrow-white),
    linear-gradient(180deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,.05) 55%, rgba(255,255,255,.18) 100%);
  background-repeat: repeat-x, no-repeat;
  background-position: 0 50%, 0 0;
  background-size: 32px 32px, 100% 100%;
  -webkit-backdrop-filter: blur(12px) saturate(1.6);
  backdrop-filter: blur(12px) saturate(1.6);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.45), inset 0 0 0 1px rgba(255,255,255,.22),
              inset 0 -1px 1px rgba(0,0,0,.08);
  transition: transform .45s cubic-bezier(.34,1.56,.64,1), background-color .3s;
}
.hero-cta-primary:hover::after {
  transform: scale(1.08);
  animation: chip-fly .55s cubic-bezier(.33,.75,.25,1) 1;
}
.hero-cta-primary:hover {
  background: linear-gradient(115deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.05) 42%, rgba(255,255,255,0) 60%, rgba(0,0,0,.05) 100%),
              linear-gradient(180deg, #B25429 0%, var(--terra-dk) 100%);
  color: #fff; transform: translateY(-2px);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.35), inset 0 0 0 1px rgba(255,255,255,.1),
              0 18px 36px -14px rgba(154,71,35,.6); }

.hero-cta-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1.5px solid rgba(255, 255, 255, 0.34);
  color: rgba(255, 255, 255, 0.94);
  background-color: rgba(255, 255, 255, 0.12);
  background-image: linear-gradient(115deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.04) 45%, rgba(255,255,255,0) 60%, rgba(255,255,255,.1) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(1.6);
  backdrop-filter: blur(24px) saturate(1.6);
  padding: 12px 26px;
  min-height: 48px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 0 1px rgba(255,255,255,.1),
              inset 0 -1px 0 rgba(0,0,0,.18),
              0 14px 30px -18px rgba(0,0,0,.45);
  transition: background 0.3s, border-color 0.3s, color 0.3s, transform 0.3s var(--ease),
              box-shadow 0.3s;
  cursor: pointer;
  white-space: nowrap;
}

.hero-cta-secondary:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.55);
  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: 28px;   /* 收进行动组：脚注是 CTA 的 reassurance 注脚，不再单独占一档 */
  /* 固定高度+宽度，防止文字变化时撑开布局引发上方元素抖动 */
  height: 22px;
  width: 100%;
  max-width: 400px;
  opacity: 0;
  animation: hero-fade-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) 1.35s forwards;   /* 改此值需同步 main.js 打字机 setTimeout */
}

.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);
  /* 收尾最轻的一拍：入场编排（~1.95s）全部落定后才淡入，不与主打句抢焦点 */
  opacity: 0;
  animation: hero-hint-in 0.8s ease 2s forwards,
             hero-scroll-bounce 2.2s ease-in-out 2.8s infinite;
  z-index: 2;
  display: flex;
}
.hero-scroll-hint.is-hidden { opacity: 0 !important; animation: none !important; }

/* 纯 opacity 关键帧：不能复用 hero-fade-up，其 translateY(0) 会覆写 translateX(-50%) 导致横移 */
@keyframes hero-hint-in {
  to { opacity: 0.55; }
}

@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; }
}

/* =========================================================
   首页 Hero · 浅色版（哥特钟楼图 · 左对齐深字）
   只挂在 index.html 的 .hero.hero--light 上，覆盖默认深色居中版
   ========================================================= */
.hero--light { background-color: var(--bg); }

.hero--light .hero-bg {
  background-image: url('../images/page-hero.webp');
  background-position: right center;
  filter: none;
}

/* 左侧米白 → 右侧透明，保证左侧文字区够亮；建筑留在右侧 */
.hero--light .hero-overlay {
  background: linear-gradient(90deg,
    var(--bg) 0%,
    rgba(250, 247, 240, 0.90) 30%,
    rgba(250, 247, 240, 0.48) 54%,
    rgba(250, 247, 240, 0) 78%);
}

.hero--light .hero-content {
  align-items: flex-start;
  text-align: left;
  max-width: var(--maxw);
  width: 100%;
  margin: 0 auto;
  /* 底部留白＞顶部：内容上提到光学中心（矮视口下 clamp 收缩，避免顶部逼近固定导航） */
  padding: 0 22px clamp(24px, 6vh, 48px);
}

/* —— eyebrow 小标 —— */
.hero-eyebrow {
  /* 间距音阶 14/36/60：组内紧（kicker 贴标题）、组间松，见 .hero-cta-group */
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #7A6535;   /* 12px 加粗小字需 ≥4.5:1，#8A7440 在米白上不达标 */
  opacity: 0;
  transform: translateY(10px);
  animation: hero-fade-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;
}

/* —— 标题：深绿主体 + 金色斜体强调，主打冲击力 —— */
.hero--light .hero-title { color: var(--green); margin-top: 0; }
.hero--light .hero-title-line1 {
  /* 铺垫句退为低语（对齐深色版 setup/punchline 手法）：主打句才是唯一重音。
     实色而非 alpha——移动端浅遮罩区 alpha 会透出建筑纹理；
     字号下限 28 保证 390px 下两行比≈1.67，不再和主打句打架 */
  font-size: clamp(28px, 5.4vw, 64px);
  font-weight: 600;
  color: #44584E;
  line-height: 1.04;
  letter-spacing: -0.03em;
}
.hero--light .hero-title-line2 {
  font-size: clamp(44px, 12vw, 130px);
  margin-top: 2px;
  margin-left: 0; /* 已改为正体，无需 italic 侧边补偿，与第一行左对齐 */
  line-height: 0.92;
  letter-spacing: -0.035em;
}
.hero--light .hero-title-line2 em {
  font-style: normal;
  font-weight: 900;
  /* 金色宁深勿飘：最浅停靠点压到 ≥3:1（大字 AA），渐变入口字不发飘 */
  background: linear-gradient(92deg, #A6893F 0%, #97813E 55%, #7E6A38 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 6px 18px rgba(126, 106, 56, 0.22));
}

/* —— 副文案 深色化 —— */
.hero--light .hero-body { color: rgba(28, 33, 27, 0.72); }
.hero--light .hero-body strong {
  color: var(--green);
  border-bottom-color: rgba(168, 145, 87, 0.6);
}

/* —— 次按钮（浅色 Hero）：对齐 .btn--line 的磨砂玻璃胶囊 —— */
.hero--light .hero-cta-secondary {
  border-color: rgba(20, 52, 43, 0.16);
  color: var(--green);
  background-color: rgba(255, 255, 255, 0.32);
  background-image: linear-gradient(115deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.1) 45%, rgba(255,255,255,0) 60%, rgba(255,255,255,.26) 100%);
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
  backdrop-filter: blur(20px) saturate(1.5);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75), inset 0 0 0 1px rgba(255,255,255,.35),
              inset 0 -1px 0 rgba(20,52,43,.05),
              0 8px 22px -12px rgba(20,52,43,.25);
}
.hero--light .hero-cta-secondary:hover {
  background-color: rgba(255, 255, 255, 0.6);
  border-color: rgba(20, 52, 43, 0.4);
  color: var(--green);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75), inset 0 0 0 1px rgba(255,255,255,.35),
              0 14px 28px -16px rgba(20,52,43,.3);
}

/* —— 脚注 / 滚动提示 —— */
.hero--light .hero-footnote {
  color: rgba(20, 52, 43, 0.55);        /* 全屏最弱层级；带 aria-live 文案，底线 0.55（≈3.4:1）不再降 */
  justify-content: flex-start;          /* 左对齐版式统一归左轴，顺带消除打字机逐字增长的水平漂移 */
}
.hero--light .hero-footnote__cursor { background: rgba(168, 145, 87, 0.55); }
.hero--light .hero-scroll-hint { color: var(--green); }

/* —— 移动端：建筑会被裁满全屏，改纵向米白遮罩整体提亮保证深字可读 —— */
@media (max-width: 600px) {
  .hero--light .hero-bg { background-position: 74% center; }
  .hero--light .hero-overlay {
    background: linear-gradient(180deg,
      rgba(250, 247, 240, 0.55) 0%,
      rgba(250, 247, 240, 0.90) 78%);
  }
}

@media (max-width: 600px) {
  .hero-content { padding: 0 20px; }
  .hero-brand-row { flex-direction: column; gap: 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; }
}

/* 四大核心亮点 · 左图卡 + 右四宫格 两栏布局（services.html · 2026-06-19）*/
.features-figure{
  position:relative; margin:0 22px; min-height:300px;
  border-radius:16px; overflow:hidden;
  display:flex; align-items:flex-start;
}
.features-figure img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.features-figure::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(105deg, rgba(20,52,43,.92) 0%, rgba(20,52,43,.78) 30%, rgba(20,52,43,.35) 62%, rgba(20,52,43,0) 90%);
}
.features-figure__cap{ position:relative; z-index:1; padding:30px 26px; max-width:62%; }
.features-figure__cap .eyebrow{ color:var(--gold-soft); }
.features-figure__cap h3{
  color:#fff; font-stretch:78%; font-weight:850; line-height:1.22;
  font-size:clamp(20px,2.4vw,27px); margin:8px 0 10px; max-width:14ch;
}
.features-figure__cap p{
  color:rgba(255,255,255,.82); font-size:13.5px; line-height:1.7; margin:0; max-width:26ch;
}
.features-main{ margin-top:32px; }
@media (max-width:879px){
  .features-figure__cap{ max-width:80%; }
}
@media (min-width:880px){
  .features-split{ display:grid; grid-template-columns:0.86fr 1fr; gap:30px; align-items:stretch; }
  .features-figure{ margin:0 0 0 22px; }
  .features-main{ margin-top:0; padding-right:22px; align-self:center; }
  .features-main .section__head{ padding:0; text-align:left; }
  .features-main .feature-grid{ padding:14px 0 0; }
}

/* =========================================================
   问题陈述（"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; }

/* =========================================================
   探索更多留学方案（详情页底部 · 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; }
/* 白底小卡片：与「核心服务」.gcard 同一族——白卡、细边、衬线绿标题、金书名号、描金虚线引线、暖金箭头；无左色带、无编号水印 */
.explore-card{
  position:relative; display:flex; flex-direction:column;
  background:var(--card); border:1px solid var(--line);
  border-radius:var(--radius-lg); padding:32px 28px 28px; color:inherit;
  box-shadow:0 12px 34px -28px rgba(20,52,43,.28);
  transition:transform .4s var(--ease), border-color .4s, box-shadow .4s;
}
.explore-card:hover{
  transform:translateY(-4px); border-color:rgba(20,52,43,.4);
  box-shadow:0 26px 52px -30px rgba(20,52,43,.3);
}
/* 标题：衬线绿 + 金书名号（悬挂标点，首字与正文左缘对齐） */
.explore-card h3{
  font-family:'Fraunces','Noto Serif SC',serif;
  font-weight:600; font-size:22px; line-height:1.45;
  color:var(--green); margin-bottom:14px; text-wrap:balance; text-indent:-.5em;
}
.explore-card h3::before{ content:"「"; color:var(--gold); }
.explore-card h3::after{ content:"」"; color:var(--gold); }
.explore-card p{ color:#555555; font-size:14px; line-height:1.9; }
/* 底部行：了解详情 ·········→（描金虚线引线连到最右箭头，与 .gcard__link 同款） */
.explore-card__link{
  margin-top:auto; padding-top:22px;
  display:flex; align-items:center;
  font-size:15px; font-weight:800; color:var(--green); letter-spacing:.02em;
}
.explore-card__link::after{
  content:""; order:1; flex:1; min-width:20px; height:0; margin:0 12px;
  border-bottom:1px dotted rgba(168,145,87,.6);
}
.explore-card__link .ic{ order:2; width:17px; height:17px; color:var(--gold); 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（深绿 hero 标题带 + 米纸卡片区 · 横向导师卡）
   ========================================================= */
/* —— 深绿 hero 标题带（牛津庭院背景，仅作页面开篇，与下方米纸卡片区形成色块对比）—— */
.team-hero{
  position:relative; z-index:0; text-align:center;
  padding:clamp(64px,8vw,104px) 22px clamp(58px,7vw,92px);
  background:
    linear-gradient(180deg, rgba(10,26,20,.97) 0%, rgba(12,34,28,.92) 50%, rgba(9,25,19,.98) 100%),
    url("../assets/bg-team.webp") center / cover no-repeat;
  background-color:var(--green);
}
.team-hero__inner{ max-width:760px; margin:0 auto; }
.team__kicker{
  font-stretch:80%; font-weight:700; font-size:12.5px;
  letter-spacing:.28em; text-transform:uppercase; color:var(--gold-soft);
  margin-bottom:16px;
}
.team__title{
  font-stretch:64%; font-weight:900; line-height:.9; letter-spacing:-.01em;
  font-size:clamp(48px,8vw,98px); color:#fff;
}
.team__lead{
  margin:22px auto 0; font-size:15.5px; line-height:1.85;
  color:rgba(255,255,255,.74); max-width:56ch;
}

/* —— 卡片区：米纸底色块 —— */
.team-grid-wrap{
  position:relative; overflow:hidden;
  min-height:100vh; display:flex; flex-direction:column; justify-content:center;
  padding:clamp(22px,2.6vw,44px) 22px clamp(24px,2.6vw,44px);
  /* 米纸底 + 左右对角线品牌色楔形（呼应参考图的斜角块，取代中央横幅）*/
  background:
    linear-gradient(225deg, rgba(20,52,43,.06) 0 13%, transparent 13%) no-repeat,
    linear-gradient(45deg,  rgba(181,84,42,.08) 0 12%, transparent 12%) no-repeat,
    var(--bg);
}
.team__grid{
  position:relative; z-index:1; width:100%;
  display:grid; grid-template-columns:1fr;
  gap:clamp(16px,2.4vh,34px) clamp(20px,2.4vw,36px);
  max-width:min(1320px,94vw); margin:0 auto;
}
@media (min-width:1000px){ .team__grid{ grid-template-columns:repeat(2,1fr); } }

/* —— 导师卡：对角线斜切照片 + 行镜像编排（呼应「Our Team」斜切版式；去掉中央横幅与白卡外框）—— */
.member{
  position:relative; display:flex; flex-direction:column; text-align:left;
  background:transparent;
}
.team__grid .member--clickable{
  cursor:pointer; transition:transform .5s var(--ease);
}
.team__grid .member--clickable:hover{ transform:translateY(-6px); }
.member--clickable:focus-visible{ outline:2px solid var(--gold); outline-offset:6px; border-radius:8px; }

.member__frame{
  position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--green-2);
  box-shadow:0 28px 52px -34px rgba(20,52,43,.55);
  transition:box-shadow .5s var(--ease);
}
.member__photo{
  width:100%; height:100%; display:block; object-fit:cover; object-position:center 18%;
  transition:transform .8s var(--ease);
}
.team__grid .member--clickable:hover .member__photo{ transform:scale(1.05); }
.team__grid .member--clickable:hover .member__frame{ box-shadow:0 42px 72px -36px rgba(20,52,43,.6); }

@media (min-width:760px){
  .member{ flex-direction:row; align-items:stretch; }
  .member__frame{
    flex:0 0 clamp(245px,26vw,360px); max-width:none; aspect-ratio:auto;
    /* 照片高度随卡片（文案）拉伸，与文案等高、不再留豁口 */
    clip-path:polygon(13% 0, 100% 0, 87% 100%, 0 100%);
  }
  .team__grid .member__name{ font-size:clamp(25px,2.1vw,32px); }
  /* 学位行强制单行（缩字号 + 不换行），避免折成两行 */
  .team__grid .member__role{ font-size:clamp(10.5px,.8vw,12px); letter-spacing:.02em; white-space:nowrap; }
  .team__grid .member__bio{ font-size:clamp(13.5px,1vw,15px); }
  /* TIM 原图人物偏上，单独下移取景，使脸部与其他人齐平 */
  .team__grid .member:nth-child(4) .member__photo{ object-position:center 50%; }
  /* 第二行（第 3、4 张）镜像：仅照片移到右侧；正文统一左对齐，
     中文长段落右对齐会让左缘参差不齐、难读，故全卡保持与上排一致的左对齐 */
  .team__grid .member:nth-child(n+3){ flex-direction:row-reverse; }
  .team__grid .member:nth-child(n+3) .member__tag{ left:auto; right:14px; }
}

/* 照片左上角身份标签 */
.member__tag{
  position:absolute; top:14px; left:14px; z-index:2;
  padding:6px 13px; border-radius:999px;
  background:rgba(14,36,28,.74); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  border:1px solid rgba(217,194,140,.5);
  font-size:11px; font-weight:700; letter-spacing:.08em; color:var(--gold-soft);
}

/* 悬停遮罩：提示「点击查看自述」 */
.member__veil{
  position:absolute; inset:0; z-index:2;
  display:flex; align-items:flex-end; justify-content:center; padding-bottom:22px;
  background:linear-gradient(180deg, rgba(14,36,28,0) 36%, rgba(14,36,28,.80) 100%);
  opacity:0; transition:opacity .45s var(--ease);
}
.member--clickable:hover .member__veil,
.member--clickable:focus-visible .member__veil{ opacity:1; }
.member__cue{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 17px; border-radius:999px;
  background:rgba(250,247,240,.96); color:var(--green);
  font-size:12.5px; font-weight:700; letter-spacing:.05em;
  box-shadow:0 10px 24px -10px rgba(0,0,0,.6);
  transform:translateY(10px); transition:transform .45s var(--ease);
}
.member--clickable:hover .member__cue,
.member--clickable:focus-visible .member__cue{ transform:none; }
.member__cue .ic{ width:15px; height:15px; }

/* 信息区 */
.member__info{ display:flex; flex-direction:column; flex:1;
  padding:clamp(14px,1.8vw,22px) clamp(16px,2vw,26px); }
.member__name{
  font-stretch:76%; font-weight:800; font-size:24px; letter-spacing:.01em; color:var(--green);
}
.member__name::after{
  content:""; display:block; width:32px; height:3px; margin-top:11px;
  border-radius:3px; background:var(--terra);
}
/* 姓名后缀「· 创始人 / · 导师」——小一号、赤陶橙、不换行 */
.member__suffix{
  font-size:.56em; font-weight:600; font-stretch:normal;
  color:var(--terra); letter-spacing:.02em; white-space:nowrap;
}
.member__role{
  margin-top:8px; font-size:11.5px; font-weight:700; letter-spacing:.04em;
  text-transform:uppercase; color:var(--gold); line-height:1.5;
}
.member__bio{ margin:13px 0 0; font-size:13.5px; line-height:1.8; color:#585852; }
.member__bio strong{ color:var(--green); font-weight:600; }
/* 履历标签：胶囊 chip，整条不换行；hover 透出品牌橙 */
.member__points{ list-style:none; margin:17px 0 4px; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.member__points li{
  font-size:11.5px; line-height:1.3; letter-spacing:.01em; color:#5b5b53; white-space:nowrap;
  padding:5px 12px; border-radius:999px;
  background:#fff; border:1px solid var(--line);
  transition:border-color .4s var(--ease), color .4s var(--ease), background .4s var(--ease);
}
.team__grid .member--clickable:hover .member__points li{
  border-color:rgba(181,84,42,.35); background:rgba(181,84,42,.06); color:var(--terra-dk);
}
/* 斜切版式：履历标签收进点击弹层，卡面展示完整第三人称描述 */
.team__grid .member__points{ display:none; }
.member__more{
  display:flex; align-items:center; gap:7px;
  margin-top:auto; padding-top:16px; border-top:1px solid rgba(181,84,42,.26);
  font-size:11.5px; font-weight:700; letter-spacing:.07em; color:var(--terra);
  transition:gap .35s var(--ease), color .35s var(--ease);
}
.member__more .ic{ width:15px; height:15px; }
.team__grid .member--clickable:hover .member__more{ gap:11px; color:var(--terra-dk); }

/* 弹层内：第一人称自述 + 履历事实块（左图右文两栏） */
/* 用 .modal 前置提升优先级，盖过后文 .modal__panel 基础规则（同详细度但在后面） */
.modal .modal__panel--mentor{ max-width:1100px; padding:0; overflow:hidden; max-height:90vh; }
.modal__panel--mentor .modal__body{ display:flex; align-items:stretch; }
/* 左侧：即梦学术建筑图，整列与文案等高 */
.mentor-modal__art{
  position:relative; flex:0 0 clamp(280px,30%,340px); margin:0; overflow:hidden; background:var(--green-2);
}
.mentor-modal__art::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(100deg, rgba(20,52,43,.20), rgba(20,52,43,0) 58%);
}
.mentor-modal__art img{ width:100%; height:100%; object-fit:cover; display:block; }
/* 右侧：自述文字；加宽弹层 + 收紧字距，常规屏一次显示全文不滚动（90vh 仅作极端兜底） */
.mentor-modal__text{
  flex:1; min-width:0; max-height:90vh; overflow:auto;
  padding:32px 38px 28px;
}
.modal__panel--mentor .mentor-modal__text h3{ margin-bottom:12px; }
.modal__panel--mentor .mentor-modal__text p{ font-size:14px; line-height:1.7; margin-bottom:10px; }
@media (max-width:640px){
  /* 与上方同等详细度（.modal 前置），媒体查询在后故生效：移动端整面板滚动 */
  .modal .modal__panel--mentor{ max-height:88vh; overflow:auto; }
  .modal__panel--mentor .modal__body{ flex-direction:column; }
  .mentor-modal__art{ flex:0 0 auto; height:148px; }
  .mentor-modal__art img{ object-position:center 30%; }
  .mentor-modal__text{ max-height:none; overflow:visible; padding:24px 22px 26px; }
}
#mentorModalBody p strong{ color:var(--green); font-weight:600; }
.modal__body .member__sub{
  margin:-4px 0 16px; font-size:13px; font-weight:700; letter-spacing:.04em; color:var(--gold);
}
.mentor-facts{
  margin-top:16px; padding-top:16px; border-top:1px solid var(--line);
  display:grid; gap:10px;
}
.mentor-facts > div{ display:grid; grid-template-columns:78px 1fr; gap:16px; align-items:start; }
.mentor-facts dt{
  font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:var(--gold); line-height:1.7;
}
.mentor-facts dd{ margin:0; font-size:13px; line-height:1.62; color:#555555; }
.mentor-facts dd .rg{ margin:0 6px 0 14px; color:var(--green); font-weight:600; }
.mentor-facts dd .rg:first-child{ margin-left:0; }
@media (max-width:520px){
  .mentor-facts > div{ grid-template-columns:1fr; gap:4px; }
}

/* === 师资弹层 · 第一人称引号 ===
   自述首尾各包一个夸张卡通的弯引号，读起来像导师真的把这段话说出口。 */
/* 自述第一段开头「"」、最后一段结尾「"」——大号、深绿、衬线体 */
.mentor-modal__text .member__sub + p{ margin-top:8px; }
.mentor-modal__text .member__sub + p::before,
.mentor-modal__text p:last-of-type::after{
  color:var(--green);
  font-family:Georgia,"Times New Roman","Noto Serif SC",serif;
  font-weight:700; font-size:2.7em; line-height:0;
}
.mentor-modal__text .member__sub + p::before{
  content:"\201C"; margin-right:.05em; vertical-align:-.40em;
}
.mentor-modal__text p:last-of-type::after{
  content:"\201D"; margin-left:.04em; vertical-align:-.60em;
}

/* =========================================================
   学员故事 + 证言
   ========================================================= */
.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; }
.story__more{ display:inline-block; margin-top:14px;
  font-size:13.5px; font-weight:700; letter-spacing:.04em; color:var(--green);
  transition:color .3s, transform .3s var(--ease); }
.story:hover .story__more{ color:var(--gold); transform:translateX(4px); }
@media (min-width:860px){ .stories__grid{ grid-template-columns:repeat(3,1fr); gap:22px; } }

/* —— 真实瞬间 · 三图画廊（cases.html / 信任加固，非装饰） —— */
.scene-gallery{ display:grid; grid-template-columns:1fr; gap:16px; margin-top:8px; }
.scene{ position:relative; border-radius:var(--radius-lg); overflow:hidden;
  box-shadow:var(--shadow-sm); background:#EFEAE0; }
.scene img{ display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:1/1;
  transition:transform .6s var(--ease); }
.scene:hover img{ transform:scale(1.05); }
.scene__cap{ position:absolute; left:0; right:0; bottom:0; padding:46px 18px 16px;
  background:linear-gradient(to top, rgba(20,52,43,.82), rgba(20,52,43,0));
  color:#fff; font-size:14px; font-weight:600; letter-spacing:.02em; }
.scene__cap em{ display:block; font-style:normal; font-size:11.5px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--gold-soft); margin-bottom:4px; }
@media (min-width:760px){ .scene-gallery{ grid-template-columns:repeat(3,1fr); gap:20px; } }

/* —— 学员之声 · 滚动剥卡（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:64px; }
.faq-section .faq__item:last-child{ margin-bottom:0; }
.faq-section .section__head{ margin-bottom:40px; }
.faq__list{ max-width:720px; margin:0; counter-reset:faq-counter; }

.faq__item{
  position:relative;
  counter-increment:faq-counter;
  background:rgba(255,255,255,.55);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  margin-bottom:14px;
  transition:background .4s ease, border-color .4s ease,
             box-shadow .4s ease, transform .4s var(--ease);
}
/* 展开态左缘金色竖线（伪元素避开圆角，scaleY 生长动画） */
.faq__item::after{
  content:""; position:absolute; left:0; top:26px; bottom:26px;
  width:2px; border-radius:2px; background:var(--gold);
  transform:scaleY(0); transform-origin:top;
  transition:transform .45s var(--ease);
}
.faq__item:hover{
  background:rgba(255,255,255,.9);
  border-color:transparent;
  box-shadow:var(--shadow-sm);
  transform:translateY(-2px);
}
.faq__item:has(.faq__q[aria-expanded="true"]){
  background:var(--white);
  border-color:transparent;
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.faq__item:has(.faq__q[aria-expanded="true"])::after{ transform:scaleY(1); }

.faq__q{
  width:100%; display:flex; align-items:center; gap:16px;
  padding:24px 24px 24px 26px; background:transparent; border:none; cursor:pointer; text-align:left;
  font-family:var(--serif); font-size:19px; font-weight:600; color:var(--ink); line-height:1.45;
  transition:color .35s ease;
}
.faq__q::before{
  content:"0" counter(faq-counter); flex:0 0 auto;
  font-family:var(--sans); font-size:13px; font-weight:700;
  color:var(--gold); opacity:.55; letter-spacing:.08em;
  width:28px; margin-top:3px;
}
.faq__q span{ flex:1 1 auto; }
.faq__q:hover::before,
.faq__q[aria-expanded="true"]::before{ opacity:1; }
.faq__q[aria-expanded="true"]{ color:var(--green); padding-bottom:14px; }

/* 圆环加号：hover 描金，展开旋转 135° 成 × 并填金 */
.faq__icon{
  flex:0 0 auto; width:34px; height:34px; padding:8px;
  stroke-width:1.6; color:var(--muted);
  border:1px solid var(--line); border-radius:50%;
  transition:transform .45s var(--ease), color .3s ease,
             background .3s ease, border-color .3s ease;
}
.faq__q:hover .faq__icon{ color:var(--gold); border-color:var(--gold); }
.faq__q[aria-expanded="true"] .faq__icon{
  transform:rotate(135deg);
  color:#fff; 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; }
/* 左缘与问题文本对齐（26 内边距 + 28 序号 + 16 间距），右缘避开图标列 */
.faq__a-inner{
  margin:0 74px 0 70px; padding:16px 0 26px;
  border-top:1px solid rgba(20,52,43,.08);
  opacity:0; transform:translateY(-6px);
  transition:opacity .45s ease .08s, transform .45s var(--ease) .08s;
}
.faq__a.open .faq__a-inner{ opacity:1; transform:none; }
.faq__a p{ color:#555555; font-size:15.5px; line-height:1.8; max-width:56ch; }
.faq__a strong{ color:var(--green); font-weight:600; }

@media (max-width:768px){
  .faq__q{ padding:20px 16px 20px 18px; font-size:16.5px; gap:12px; }
  .faq__q::before{ width:24px; font-size:12px; margin-top:2px; }
  .faq__q[aria-expanded="true"]{ padding-bottom:12px; }
  .faq__icon{ width:30px; height:30px; padding:7px; }
  .faq__a-inner{ margin:0 18px; padding:14px 0 22px; }
  .faq__a p{ font-size:15px; }
}

/* =========================================================
   留资表单
   ========================================================= */
.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:16px; color:var(--ink);   /* ≥16px：避免 iOS 聚焦时自动放大（G1）*/
  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;
  padding-right:42px;   /* 给自定义箭头留位，避免文字与箭头重叠 */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1.5l6 6 6-6' stroke='%232A3B2B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 16px center; }
.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; }
}

/* 移动端：留资表单改单列，避免窄屏双列字段过挤（I2）*/
@media (max-width:600px){
  .form{ grid-template-columns:1fr; }
}

/* =========================================================
   页脚（深色四栏 · 全站收尾）
   ========================================================= */
.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:14px 0;   /* 移动端点击高度 ≥44px（G7）*/
  transition:color .25s, transform .3s var(--ease);
}
.footer__col a:hover{ color:var(--gold-soft); transform:translateX(4px); }
@media (min-width:760px){
  /* 桌面端鼠标操作无需 44px 触控高度，收紧行距与「联系方式」列视觉一致 */
  .footer__col a{ padding:6px 0; }
}

/* 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{ display:inline; padding:0; 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:linear-gradient(115deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.06) 42%, rgba(255,255,255,0) 60%, rgba(0,0,0,.05) 100%),
             linear-gradient(180deg, #C05E33 0%, #AC4E26 100%);
  color:#fff; font-weight:700; font-size:14px;
  padding:14px 24px; border-radius:999px;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.4), inset 0 0 0 1px rgba(255,255,255,.12),
             inset 0 -2px 4px rgba(0,0,0,.14), 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-scroll-hint{ opacity:.55 !important; }   /* base 为 0 靠动画淡入，减弱动效时直接呈现 */
  .hero-eyebrow,
  .hero-title-line1,.hero-title-line2,.hero-brand-row,
  .hero-cta-group,.hero-footnote,
  .page-hero--meiben .crumbs--hero,.page-hero--meiben .eyebrow,
  .page-hero--meiben h1,.page-hero--meiben .page-hero__sub,
  .page-hero--grad .crumbs--hero,.page-hero--grad .eyebrow,
  .page-hero--grad h1,.page-hero--grad .page-hero__sub,
  .page-hero--camp .crumbs--hero,.page-hero--camp .eyebrow,
  .page-hero--camp h1,.page-hero--camp .page-hero__sub,
  .page-hero--camp .wc-meta,.page-hero--camp .wc-hero-cta,
  .page-hero--services .eyebrow,.page-hero--services h1,
  .page-hero--services .page-hero__sub,
  .page-hero--services .svc-index__item{ opacity:1 !important; transform:none !important; }
  /* 服务页 Hero 入场：减弱动效时直接呈现终态，避免空白 */
  .page-hero--services::before{ opacity:1 !important; }
  .page-hero--services .eyebrow::after{ width:30px !important; }
  .page-hero--services h1 em{ background-size:100% 2px !important; }
  .page-hero--services .svc-index::before{ transform:scaleX(1) !important; }
}

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

/* —— 导航：当前页激活态 —— */
.nav__links a.is-active{ opacity:1; color:var(--green); position:relative; }
.nav__links a.is-active i{ color:var(--green); }
/* 暖金下划线：给桌面顶级导航当前页一个持久锚点，与 hover 的纯变色区分开 */
.nav__links a.is-active::after{
  content:""; position:absolute; left:0; right:0; bottom:-2px;
  height:2px; background:var(--gold); border-radius:2px;
}
.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; }

/* —— 方法论四卡（services.html #methodology · 拒绝千人一面） —— */
.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; }

/* —— 标题手势：入场后赤陶「红笔」笔触划掉「千人一面」，四字退灰 ——
   2026-07-03 重做：旧 ::after 直线在标题换行时会错位；
   改为内嵌 SVG 手绘曲线（编辑改稿的红笔隐喻）+ 标题锁单行，跨屏稳定 */
.problem__same{
  /* inline-block：让 SVG 划线的定位包含块 = 四字整体宽度（inline 包含块跨行/宽度不稳定） */
  position:relative; display:inline-block; white-space:nowrap;
  transition:color .5s ease .75s;
}
.strike-svg{
  position:absolute; left:-2.5%; top:0; width:105%; height:100%;
  overflow:visible; pointer-events:none;
}
.strike-svg path{
  /* stroke 用 viewBox 单位（高 24 被拉伸至标题字高，1.7 ≈ 视觉 5px @74px 字号）；
     不要加 vector-effect:non-scaling-stroke——它与 pathLength 归一化冲突，dash 会画不满 */
  fill:none; stroke:var(--terra); stroke-width:1.7;
  stroke-linecap:round;
  stroke-dasharray:1; stroke-dashoffset:1;
  transition:stroke-dashoffset .85s cubic-bezier(.7,0,.2,1) .5s;
}
.strategy__head.in .problem__same{ color:#B9B3A4; }
.strategy__head.in .strike-svg path{ stroke-dashoffset:0; }

/* —— 编辑式 Bento：一主两副一条款 —— */
.strategy__bento{ display:grid; grid-template-columns:1fr; gap:14px; }
@media (min-width:640px){
  .strategy__bento{ grid-template-columns:repeat(2,1fr); gap:16px; }
  .sc--lead,.sc--pact{ grid-column:1/-1; }
}
@media (min-width:1024px){
  .strategy__bento{ grid-template-columns:repeat(3,1fr); gap:18px; }
  .sc--lead{ grid-column:1/3; grid-row:1/3; }
  .sc--team{ grid-column:3; grid-row:1; }
  .sc--depth{ grid-column:3; grid-row:2; }
  .sc--pact{ grid-column:1/-1; grid-row:3; margin-top:14px; }
}

.sc{ position:relative; overflow:hidden; border-radius:var(--radius-lg); }
.sc-kicker{
  font-stretch:80%; font-size:11px; font-weight:800; letter-spacing:.22em;
  text-transform:uppercase; color:var(--gold); margin-bottom:14px;
}

/* 主卡 · G7 深绿大开本 */
.sc--lead{
  background:var(--green); color:#FAF7F0;
  padding:40px 36px 34px;
  display:flex; flex-direction:column; align-items:flex-start;
}
.sc--lead>:not(.sc-astro){ position:relative; z-index:1; max-width:52ch; }
.sc--lead .sc-kicker{ color:var(--gold-soft); }
.sc--lead .sc-title{
  font-stretch:72%; font-weight:850; font-size:clamp(24px,3vw,32px);
  line-height:1.3; color:#FAF7F0;
}
.sc-title{ text-wrap:balance; }
.sc--lead .sc-body{ margin-top:12px; font-size:14px; line-height:1.9; color:rgba(250,247,240,.78); }
.sc-chips{ margin:18px 0 30px; display:flex; flex-wrap:wrap; gap:8px; }
.sc-chip{
  font-size:12px; padding:5px 12px; border-radius:999px;
  border:1px solid rgba(217,194,140,.35); color:var(--gold-soft);
}
.sc-quote{ margin-top:auto; padding-left:14px; border-left:2px solid var(--gold); }
.sc-quote p{ font-size:13.5px; line-height:1.8; color:rgba(250,247,240,.85); }
.sc-quote cite{ display:block; margin-top:6px; font-size:11.5px; font-style:normal; color:rgba(217,194,140,.7); }

/* 星盘：唯一插图（手写 SVG），入场后浮现 + 90s 慢转 */
.sc-astro{
  position:absolute; right:-60px; top:-60px; width:340px; height:340px;
  opacity:0; transform:translateY(14px); pointer-events:none;
  transition:opacity .8s var(--ease) .25s, transform .8s var(--ease) .25s;
}
.sc--lead.in .sc-astro{ opacity:.5; transform:none; }
.sc--lead.in:hover .sc-astro{ opacity:.7; }
.sc-astro__spin{ animation:sc-orbit 90s linear infinite; transform-origin:210px 210px; }
@keyframes sc-orbit{ to{ transform:rotate(360deg); } }

/* 副卡 · 白卡 + 巨型描边序号（被卡角裁切） */
.sc--side{
  background:var(--card); border:1px solid var(--line);
  padding:26px 24px 28px;
  transition:transform .4s var(--ease), border-color .4s, box-shadow .4s;
}
.sc--side:hover{
  transform:translateY(-4px); border-color:var(--green);
  box-shadow:0 20px 44px -26px rgba(20,52,43,.3);
}
.sc--side>:not(.sc-num){ position:relative; z-index:1; }
.sc--side .sc-title{ font-size:17.5px; margin:10px 0 8px; }
.sc--side .sc-body{ font-size:13.5px; line-height:1.8; color:#555555; }
/* 插图位：出血到卡缘，占位符沿用全站深绿渐变+金标签模式，换 <img> 即可上真图 */
.sc-media{ margin:-26px -24px 20px; aspect-ratio:16/10; overflow:hidden; }
.sc-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.sc-media__ph{
  width:100%; height:100%; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:10px;
  background:linear-gradient(135deg, var(--green) 0%, var(--green-2) 100%);
}
.sc-media__ph .ic{ width:26px; height:26px; color:var(--gold-soft); }
.sc-media__ph span{
  font-size:12px; font-weight:600; letter-spacing:.14em;
  color:rgba(217,194,140,.9);
}
/* 主卡插图位：弹性吸收剩余高度，深底上改用细金框贴片 */
.sc-media--lead{
  margin:2px 0 28px; flex:1 1 auto; aspect-ratio:auto; min-height:200px;
  width:100%; max-width:none; align-self:stretch;
  border-radius:12px; overflow:hidden;
}
.sc-media--lead .sc-media__ph{
  background:rgba(250,247,240,.045);
  border:1px solid rgba(217,194,140,.22); border-radius:12px;
}
.sc-num{
  position:absolute; top:-24px; right:-10px; z-index:2; line-height:.8;
  font-stretch:70%; font-weight:900; font-size:clamp(96px,10vw,150px);
  letter-spacing:-.04em; color:transparent;
  -webkit-text-stroke:1.5px rgba(217,194,140,.55);
  user-select:none; pointer-events:none;
  opacity:0; transform:translateY(14px);
  transition:opacity .8s var(--ease) .25s, transform .8s var(--ease) .25s,
             -webkit-text-stroke-color .5s var(--ease);
}
.sc--side.in .sc-num{ opacity:1; transform:none; }
.sc--side.in:hover .sc-num{ transform:translate(-6px,4px); -webkit-text-stroke-color:rgba(217,194,140,.85); }
@supports not (-webkit-text-stroke:1px #000){
  .sc-num{ color:rgba(217,194,140,.16); }
}
.sc-schools{
  margin-top:14px; padding-top:12px; border-top:1px solid var(--line);
  font-stretch:80%; font-size:10.5px; font-weight:700; letter-spacing:.14em;
  line-height:2; text-transform:uppercase; color:#999999; transition:color .4s;
}
.sc--team:hover .sc-schools{ color:var(--green); }
.sc-caption{ margin-top:6px; font-size:11px; color:#888888; }
.sc-steps{
  margin-top:14px; padding-top:12px; border-top:1px solid var(--line);
  font-size:12px; font-weight:600; color:var(--green);
}
.sc-steps em{ font-style:normal; color:var(--gold); padding:0 4px; }

/* 条款带 · 版权页式双细线，不做卡（「透明」用形式自证） */
.sc--pact{
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  border-radius:0; overflow:visible; padding:24px 4px;
}
.sc-pact__head h3{ font-size:15px; margin-top:2px; }
.sc-pact__head .sc-kicker{ margin-bottom:0; }
.sc-pact__no{
  display:block; font-style:normal; font-size:11px; font-weight:800;
  letter-spacing:.12em; color:var(--gold); transition:color .35s;
}
.sc-pact__name{
  display:inline-block; font-size:14px; font-weight:700; color:var(--green);
  margin:4px 0 6px; transition:color .35s;
}
.sc-pact__name::after{
  content:""; display:block; width:0; height:2px; background:var(--gold);
  margin-top:4px; transition:width .35s var(--ease);
}
.sc-pact__item p{ font-size:12.5px; color:#555555; line-height:1.7; }
.sc-pact__note p{ font-size:12px; color:#888888; text-wrap:balance; }
.sc-pact__note p:first-child{ color:var(--gold); }
/* 移动端单列：虚线分隔 */
.sc-pact__item{ border-bottom:1px dashed var(--line); padding:14px 0; }
.sc-pact__head{ padding-bottom:2px; }
.sc-pact__note{ padding-top:14px; }
@media (min-width:640px){
  .sc--pact{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px 24px; align-items:start; }
  .sc-pact__head,.sc-pact__note{ grid-column:1/-1; }
  .sc-pact__item{ border-bottom:0; padding:0; }
  .sc-pact__note{ padding-top:4px; }
}
@media (min-width:1024px){
  .sc--pact{ grid-template-columns:minmax(150px,auto) repeat(3,1fr) minmax(170px,auto); gap:28px; }
  .sc-pact__head,.sc-pact__note{ grid-column:auto; }
  .sc-pact__head{ max-width:190px; padding-bottom:0; }
  .sc-pact__note{ max-width:210px; text-align:right; justify-self:end; padding-top:0; }
}
/* hover：静止无卡、触碰才浮出一张纸（仅悬停设备） */
@media (hover:hover){
  .sc-pact__item{ border-radius:10px; transition:background .35s; }
  .sc-pact__item:hover{ background:#FFFFFF; }
  .sc-pact__item:hover .sc-pact__no,
  .sc-pact__item:hover .sc-pact__name{ color:var(--gold); }
  .sc-pact__item:hover .sc-pact__name::after{ width:28px; }
}
@media (hover:hover) and (min-width:640px){
  .sc-pact__item{ margin:-8px -14px; padding:8px 14px; }
}
/* 375px 收口：主卡收边距、星盘只露一角且不压文字、巨字缩号 */
@media (max-width:639px){
  .sc--lead{ padding:28px 22px 26px; }
  .sc-astro{ width:220px; height:220px; right:-80px; top:-80px; }
  .sc--lead .sc-kicker,.sc--lead .sc-title{ padding-right:48px; }
  .sc-num{ font-size:clamp(88px,24vw,110px); top:-18px; }
}

/* （原 .strategy__exits 规则已删：#strategy 板块改版为 #service-summary 后全站无此类名） */

/* =========================================================
   板块 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 · 申请流程（蜿蜒时间轴）
   ========================================================= */
/* =========================================================
   板块 3 · 申请流程（动态直线蛇形布局）
   ========================================================= */
.organic-snake {
  max-width: 1160px;
  margin: 40px auto 0;
  padding: 0 20px;
  position: relative;
}
.os-row {
  display: flex;
  position: relative;
  align-items: stretch;
  min-height: 240px;
  margin-bottom: 20px;
}
.os-row--ltr { flex-direction: row; }
.os-row--rtl { flex-direction: row-reverse; }

/* Legacy dead class: os-phase-bg removed from HTML, kept for CSS fallback only */
.os-phase-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Fraunces', serif;
  font-size: 130px;
  font-weight: 800;
  color: rgba(229, 223, 210, 0.25);
  z-index: 0;
  letter-spacing: 0.05em;
  pointer-events: none;
  white-space: nowrap;
}

/* The Animated SVG Curve */
.os-curve {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  overflow: visible;
}
.os-path {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
}
/* Phase colors */
.phase-planning .os-path { stroke: #A89157; }
.phase-application .os-path { stroke: #2D5A4C; }
.phase-beyond .os-path { stroke: #C36B42; }

/* Smooth curves with cubic bezier */
.os-path { stroke-linecap: round; stroke-linejoin: round; }

@supports (animation-timeline: view()) {
  .os-path {
    animation: scrollDraw linear forwards;
    animation-timeline: view();
    animation-range: entry 10% cover 60%;
  }
}
@keyframes scrollDraw {
  0% { stroke-dashoffset: 100; }
  100% { stroke-dashoffset: 0; }
}
/* 不支持 scroll-timeline 的优雅降级 */
@supports not (animation-timeline: view()) {
  .os-path {
    animation: drawIn 3s ease-out forwards;
  }
}
@keyframes drawIn {
  to { stroke-dashoffset: 0; }
}

/* Cells */
.os-cell {
  flex: 0 0 20%;
  width: 20%;
  position: relative;
  z-index: 2;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  align-items: center; /* Centers number, dot, and text */
}
.os-cell--empty {
  visibility: hidden;
}

/* 锚点圆点 (Dot) */
.os-dot {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: #A89157;
  border-radius: 50%;
  box-shadow: 0 0 0 5px var(--bg, #FAF7F0);
  z-index: 3;
  transition: transform 0.3s;
}
.phase-application .os-dot { background: #2D5A4C; }
.phase-beyond .os-dot { background: #C36B42; }
.os-cell:not(.os-cell--empty):hover .os-dot {
  transform: translate(-50%, -50%) scale(1.32);
}

/* 关键里程碑：同色描金光环，不打断色系 */
.os-dot--strong {
  transform: translate(-50%, -50%) scale(1.28);
  box-shadow:
    0 0 0 4px var(--bg, #FAF7F0),
    0 0 0 6px rgba(168,145,87, 0.6);
}
.phase-application .os-dot--strong { box-shadow: 0 0 0 4px var(--bg), 0 0 0 6px rgba(45,90,76, 0.6); }
.phase-beyond .os-dot--strong { box-shadow: 0 0 0 4px var(--bg), 0 0 0 6px rgba(195,107,66, 0.6); }
.os-cell:not(.os-cell--empty):hover .os-dot--strong {
  transform: translate(-50%, -50%) scale(1.42);
}

/* Phase Header — tag + title */
.os-phase-cell {
  justify-content: flex-start;
  align-items: center;
  z-index: 10;
  padding-top: 32px;
}
.os-phase-tag {
  display: inline-block;
  font-family: 'Fraunces', serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
  padding: 4px 14px;
  border-radius: 20px;
  background: #A89157;
  color: #fff;
  margin-bottom: 8px;
}
.os-phase-tag--green { background: #2D5A4C; }
.os-phase-tag--copper { background: #C36B42; }
.os-phase-cell h3 {
  font-size: 22px;
  font-weight: 850;
  color: var(--green);
  margin-bottom: 4px;
}
.os-phase-cell p {
  font-size: 12.5px;
  color: var(--muted);
  line-height: 1.5;
}

/* Items — number sits as a thin backdrop, text reads cleanly below */
.os-item__no {
  position: absolute;
  top: 44px;
  font-family: 'Fraunces', serif;
  font-size: 58px;
  font-style: italic;
  font-weight: 200;
  line-height: 1;
  letter-spacing: -.03em;
  color: rgba(168,145,87, 0.15);
  pointer-events: none;
  left: 50%;
  transform: translateX(-50%);
}
.phase-application .os-item__no { color: rgba(45,90,76, 0.12); }
.phase-beyond .os-item__no { color: rgba(195,107,66, 0.12); }

.os-item__text {
  margin-top: 106px;
  text-align: center;
  width: 100%;
}
.os-item__text h4 {
  font-size: 16px;
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 8px;
}
.os-item__text p {
  font-size: 12.5px;
  color: #666;
  line-height: 1.5;
}

/* Items on mobile */
@media (max-width: 900px) {
  .os-item__no {
    position: absolute;
    left: 64px;
    top: -12px;
    font-size: 52px;
    z-index: 1;
    opacity: 0.3;
    transform: none;
  }
  .os-item__text {
    margin-top: 28px;
    text-align: left;
    position: relative;
    z-index: 2;
  }
  .os-dot {
    top: 0; left: 14px;
    transform: none;
  }
  .os-seal {
    top: 2px; left: -4px;
    transform: none;
    width: 40px; height: 40px;
  }
  .os-seal svg { width: 20px; height: 20px; }
  .os-seal-cell:hover .os-seal { transform: scale(1.05); }
}

/* Strong Item */
.os-item--strong h4 {
  color: #A89157;
  display: inline-block;
  position: relative;
}
.phase-application .os-item--strong h4 { color: #2D5A4C; }
.phase-beyond .os-item--strong h4 { color: #C36B42; }

.os-item--strong h4::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -2px;
  height: 4px;
  background: rgba(168,145,87, 0.3);
  z-index: -1;
}
.phase-application .os-item--strong h4::after { background: rgba(45,90,76,0.3); }
.phase-beyond .os-item--strong h4::after { background: rgba(195,107,66,0.3); }

/* =========================================================
   终点印章（桌面） — 沿用已有样式，无需修改
   ========================================================= */
/* 该区块的样式现在在上方，此处仅为占位 */
/* =========================================================
   终点印章（桌面）— 描金赤陶环
   ========================================================= */
.os-seal {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 62px;

  height: 62px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #FBF3E7;
  background: radial-gradient(circle at 32% 28%, #C6713F, #A34B29);
  box-shadow:
    0 0 0 5px var(--bg, #FAF7F0),      /* 米白环：从赤陶线上分离 */
    0 0 0 6px rgba(168,145,87, 0.65),  /* 描金细边 */
    0 12px 26px -10px rgba(120,50,25, 0.45);
  z-index: 4;
  transition: transform 0.35s var(--ease, ease), box-shadow 0.35s ease;
}
.os-seal svg { width: 30px; height: 30px; display: block; }
.os-seal-cell:hover .os-seal {
  transform: translate(-50%, -50%) scale(1.06);
  box-shadow:
    0 0 0 5px var(--bg, #FAF7F0),
    0 0 0 7px rgba(168,145,87, 0.85),
    0 16px 30px -10px rgba(120,50,25, 0.5);
}
.os-item--seal .os-item__text h4 { color: #A34B29; }
.os-item--seal .os-item__text p { color: #7a6f63; }

/* Mobile Adaptation (Vertical) */
@media (max-width: 900px) {
  .os-row {
    flex-direction: column !important;
    height: auto !important; /* Override the fixed 260px height */
    margin-bottom: 0;
    padding-bottom: 30px;
  }
  .os-curve {
    display: none; 
  }
  .organic-snake::before {
    content: "";
    position: absolute;
    top: 20px; bottom: 0; left: 34px;
    width: 2px; 
    background: rgba(168,145,87,0.35);
  }
  .os-cell {
    width: 100%;
    padding: 0 0 30px 64px;
    align-items: flex-start; /* Left align on mobile */
  }
  .os-cell--empty {
    display: none;
  }
  
  .os-phase-cell {
    padding-top: 0;
    padding-bottom: 24px;
  }
  .os-phase-tag {
    font-size: 11px;
    padding: 2px 12px;
  }

  /* Dot & Number */
  .os-dot {
    top: 0; left: 14px;
    transform: none;
  }
  .os-item__no {
    position: absolute;
    left: 64px;
    top: -12px;
    font-size: 52px;
    z-index: 1;
    opacity: 0.3;
    transform: none;
  }
  .os-item__text {
    margin-top: 28px;
    text-align: left;
    position: relative;
    z-index: 2;
  }
  
  .os-cell:not(.os-cell--empty):hover .os-dot {
    transform: scale(1.3);
  }
  
  /* 终点印章：作为竖向时间轴的收束节点，居于轴线上 */
  .os-seal {
    top: 2px; left: -4px;
    transform: none;
    width: 40px; height: 40px;
  }
  .os-seal svg { width: 20px; height: 20px; }
  .os-seal-cell:hover .os-seal { transform: scale(1.05); }
}

/* =========================================================
   子页面 · 顶部标题区 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); }

/* —— 图片版 page-hero：通栏哥特钟楼背景，文字压在左侧留白上 —— */
.page-hero--img{
  max-width:none; padding:0; overflow:hidden;
  border-bottom:3px solid var(--green);
  background-image:
    linear-gradient(90deg, var(--bg) 0%, rgba(250,247,240,.86) 30%, rgba(250,247,240,.45) 52%, rgba(250,247,240,0) 74%),
    url('../images/page-hero.webp');
  background-size:cover; background-position:right center; background-repeat:no-repeat;
}
.page-hero--img .page-hero__inner{
  max-width:var(--maxw); margin:0 auto;
  padding:148px 22px 56px;
}
.page-hero--img .page-hero__sub{ max-width:44ch; }
@media (max-width:640px){
  .page-hero--img{
    background-position:78% center;
    background-image:
      linear-gradient(180deg, rgba(250,247,240,.62) 0%, rgba(250,247,240,.86) 100%),
      url('../images/page-hero.webp');
  }
  .page-hero--img .page-hero__inner{ padding:120px 22px 40px; }
}

/* =========================================================
   服务页 · 美国本科专题区（深绿大卡）
   ========================================================= */
.featured{
  display:block;
  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);
  transition:transform .4s var(--ease), box-shadow .4s;
}
.featured:hover{ transform:translateY(-4px);
  box-shadow:0 40px 80px -36px rgba(20,52,43,.6); }
.featured:hover .featured__link{ color:#fff; gap:14px; }
.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; }

/* =========================================================
   子页面底部 · 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, .sec-dark .btn--line, .page-hero--camp .btn--line{
  --chip-bg:rgba(255,255,255,.18);
  background-color:rgba(255,255,255,.12);
  background-image:linear-gradient(115deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.04) 45%, rgba(255,255,255,0) 60%, rgba(255,255,255,.1) 100%);
  -webkit-backdrop-filter:blur(24px) saturate(1.6);
  backdrop-filter:blur(24px) saturate(1.6);
  border-color:rgba(255,255,255,.34); color:#F7F2E7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),    /* 顶缘高光 = 玻璃上沿 */
             inset 0 0 0 1px rgba(255,255,255,.1),   /* 玻璃内圈光边 */
             inset 0 -1px 0 rgba(0,0,0,.18),         /* 底缘暗线 = 厚度 */
             0 18px 36px -18px rgba(0,0,0,.5);       /* 底部柔影 = 悬浮 */
}
.cta-band .btn--line:hover, .sec-dark .btn--line:hover, .page-hero--camp .btn--line:hover{
  background-color:rgba(255,255,255,.2); border-color:rgba(255,255,255,.55); color:#fff;
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 0 1px rgba(255,255,255,.1),
             0 22px 40px -18px rgba(0,0,0,.55);
}
/* 不支持 backdrop-filter 的旧内核：提高不透明度补偿失焦缺失 */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .cta-band .btn--line, .sec-dark .btn--line, .page-hero--camp .btn--line{
    background:rgba(232,220,200,.14);
  }
  .btn--line, .hero--light .hero-cta-secondary{ background:rgba(255,255,255,.88); }
  .cta-band .btn--line:hover, .sec-dark .btn--line:hover, .page-hero--camp .btn--line:hover{
    background:rgba(232,220,200,.22);
  }
}
/* 深底上的主 CTA：外投影换深色版，避免赤陶投影在深绿上发脏 */
.cta-band .btn--cta, .sec-dark .btn--cta{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(0,0,0,.1),
             0 16px 34px -16px rgba(0,0,0,.5);
}
@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-cream::before{ background:#ECE3D0; }   /* 更明显的暖米色带，用于相邻浅色板块拉开区分 */

/* 深色板块内文字反白 */
.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; }
}

/* —— 服务准则（三条价值主张 · 单卡容器 + 三点轴线）—— */
.principles{ max-width:var(--maxw); margin:0 auto; padding:20px 22px 100px; }
.principles__card{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:46px 30px 40px; box-shadow:var(--shadow-md);
}
.principles__card .section__head{ margin-bottom:36px; }
.principle-grid{
  display:grid; grid-template-columns:1fr; gap:28px;
}
.principle-item{ padding-top:20px; border-top:2px solid var(--gold); }
/* 去序号：衬线大标题直接顶着描金线，标题本身立层级 */
.principle-item h3{
  font-family:'Fraunces','Noto Serif SC',serif;
  font-weight:600; font-size:clamp(22px,2.2vw,26px); line-height:1.3;
  letter-spacing:.02em; color:var(--green); margin-bottom:12px;
}
.principle-item p{ color:#4a4a44; font-size:14px; line-height:1.8; }
@media (min-width:760px){
  .principles__card{ padding:52px 48px 46px; }
  .principle-grid{ grid-template-columns:repeat(3,1fr); 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 .btn--line{ background:var(--bg); }
.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 */
/* z-index:0 自建层叠上下文，::before（z-index:-1）盖在底色之上、内容之下 */
.blog-top{ position:relative; z-index:0; background:#f5f0e8; }
/* 哥特钟楼 duotone（即梦 4529）靠右上弱呈现，左侧标题区净空，呼应其余板块手法 */
.blog-top::before{
  content:""; position:absolute; top:0; bottom:0; left:50%;
  width:100vw; transform:translateX(-50%); z-index:-1;
  background:
    /* 底部纵向淡出：把建筑下沿融进米底，避免硬裁切线与下一板块生硬相接 */
    linear-gradient(180deg, rgba(245,240,232,0) 58%, rgba(245,240,232,.85) 86%, #f5f0e8 100%),
    linear-gradient(90deg, #f5f0e8 0%, rgba(245,240,232,.97) 38%, rgba(245,240,232,.82) 66%, rgba(245,240,232,.6) 100%),
    url("../assets/bg-blog-hero.webp") right top / cover no-repeat;
  opacity:.62;   /* 建筑整体压淡，避免与置顶封面图争视觉 */
  animation:blogHeroBgIn 1.4s var(--ease) both;   /* 建筑随首屏轻缓淡入（减弱动效时由媒体查询关闭）*/
}
@keyframes blogHeroBgIn{ from{ opacity:0 } to{ opacity:1 } }
.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;
}

/* 分类筛选 · 编辑式文字 Tab（当前项金色下划线高亮，呼应样图右侧分类条） */
.blog-filter{
  display:flex; flex-wrap:wrap; align-items:center; gap:2px 4px; margin:0 -12px;
}
.pill{
  position:relative; border:none; cursor:pointer; background:transparent;
  font-family:var(--sans); font-size:14.5px; font-weight:600; letter-spacing:.01em;
  padding:9px 12px 11px; border-radius:8px; color:var(--muted);
  transition:color .25s var(--ease), background .25s var(--ease);
}
.pill::after{
  content:""; position:absolute; left:12px; right:12px; bottom:3px; height:2px;
  background:var(--gold); border-radius:2px;
  transform:scaleX(0); transform-origin:center; transition:transform .28s var(--ease);
}
.pill:hover{ color:var(--green); }
.pill.is-active{ color:var(--green); }
.pill.is-active::after{ transform:scaleX(1); }

/* 卡片基础阴影（博客共用） */
.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; position:relative;
  display:grid; grid-template-columns:1fr; align-items:center;
  background:transparent; box-shadow:none; border-radius:0; overflow:visible;
}
.featured-post:hover{ transform:none;   /* 取消整卡位移/阴影，交由子层各自处理 */
  box-shadow:none; }

/* 左侧大图 */
.featured-post__cover{
  position:relative; border-radius:20px; overflow:hidden;
  width:100%; aspect-ratio:2.35 / 1;   /* 保留原始封面图比例（微信封面 2.35:1）*/
  background:var(--green);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 22px 48px -26px rgba(20,52,43,.40);
}
.featured-post__cover img{
  width:100%; height:100%; object-fit:cover;
  transition:transform .7s var(--ease);
}
.featured-post:hover .featured-post__cover img{ transform:scale(1.04); }
.featured-post__cover-ph .ic{ width:54px; height:54px; color:rgba(255,255,255,.4); }
/* 角标「FEATURED」标签（左上角，避开浮层白卡） */
.featured-post__watermark{
  position:absolute; left:24px; top:22px; right:auto; bottom:auto;
  display:inline-flex; align-items:center; gap:9px;
  font-stretch:84%; font-weight:800; letter-spacing:.16em;
  font-size:12.5px; line-height:1; color:#fff; text-transform:uppercase;
  text-shadow:0 2px 14px rgba(0,0,0,.45); pointer-events:none; user-select:none;
}
.featured-post__watermark::before{
  content:""; width:22px; height:2px; background:var(--gold-soft); border-radius:2px;
}

/* 右侧浮层白卡 */
.featured-post__body{
  background:var(--card); border-radius:18px;
  padding:30px 30px 30px;
  box-shadow:0 1px 3px rgba(0,0,0,.05), 0 24px 54px -28px rgba(20,52,43,.34);
  margin:-44px 16px 0;          /* 移动端：上移叠在大图上，左右内缩成浮层 */
  position:relative; z-index:2;
}
.featured-post__tags{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:16px; }
.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-family:'Fraunces','Noto Serif SC',serif;
  font-weight:600; font-size:clamp(23px,3.2vw,30px);
  line-height:1.3; letter-spacing:.005em; color:var(--green); margin-bottom:14px;
}
.featured-post__digest{
  color:#555555; font-size:15px; line-height:1.85; max-width:54ch;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.featured-post__foot{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
  margin-top:22px; 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);
  transition:gap .25s var(--ease);
}
.featured-post:hover .featured-post__more{ gap:11px; }

/* ≥880：真正左右分栏，白卡浮在大图右侧 */
@media (min-width:880px){
  /* 封面图独占常规流、决定板块高度；白卡绝对定位悬浮于右侧，永不撑高板块。
     白卡比封面高时会上下对称外溢，故米带底部留足空间把下沿外溢兜住，
     否则白卡底角会探入下一板块（最新文章）露出一截浅底 */
  .blog-top__inner{ padding-bottom:120px; }
  .featured-post{ display:block; }
  .featured-post__cover{ width:62%; }
  .featured-post__body{
    position:absolute; top:50%; right:0; transform:translateY(-50%);
    width:42%; margin:0; padding:34px 40px;   /* 左缘约在 58%，与封面右侧 62% 微微相叠 */
    display:flex; flex-direction:column; justify-content:center;
  }
}

/* 最新文章列表 · 取首页「申请流程」板块底色（米白 --bg #FAF7F0，比 hero #f5f0e8 更浅），
   与上方 hero 米带形成由深到浅的板块区分 */
.blog-list{ background:var(--bg); }
.blog-list__inner{ padding-top:64px; padding-bottom:80px; }
/* 标题行：左「最新文章」+ 右分类 Tab（与样图一致；窄屏自动换行左对齐） */
.blog-list__head{
  display:flex; align-items:baseline; justify-content:space-between;
  flex-wrap:wrap; gap:12px 28px; margin-bottom:30px;
  padding-bottom:18px; border-bottom:1px solid rgba(20,52,43,.1);
}
.blog-list__kicker{   /* 与全站板块标题统一：var(--sans) 压缩粗体（同 Hero「留学洞察」/ h2）*/
  font-family:var(--sans); font-stretch:74%; font-weight:850;
  font-size:clamp(24px,3.4vw,34px); letter-spacing:-.015em;
  color:var(--green); text-transform:none; margin-bottom:0;
}
.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; }

/* 策略复盘·真实申请故事：放大右侧封面图 */
.case-stories .post-card__thumb{ width:160px; height:108px; border-radius:10px; align-self:center; }

/* —— 留学洞察列表：多列网格 + 竖版编辑卡（仅 blog.html 作用域，
   不影响 cases.html 的 .case-stories 横版卡；.blog-list 前缀提高优先级，
   稳压前面无前缀的 .post-card 响应式规则）—— */
.blog-list .post-grid{ grid-template-columns:1fr; gap:22px; }
@media (min-width:560px){ .blog-list .post-grid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:860px){ .blog-list .post-grid{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:1100px){ .blog-list .post-grid{ grid-template-columns:repeat(4,1fr); } }   /* 4 列 × 2 行 = 8 篇/页 */

.blog-list .post-card{
  flex-direction:column; align-items:stretch; gap:0; padding:0; border-radius:14px;
}
.blog-list .post-card__thumb{
  width:100%; height:auto; aspect-ratio:2 / 1; border-radius:0;   /* 比封面 2.35:1 略高，仅裁左右各约7% */
  align-self:stretch; background:rgba(20,52,43,.05);
}
.blog-list .post-card__thumb img{
  width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease);
}
.blog-list .post-card:hover .post-card__thumb img{ transform:scale(1.05); }
.blog-list .post-card__ph{
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--green) 0%, var(--green-2) 100%);
}
.blog-list .post-card__ph .ic{ width:30px; height:30px; color:var(--gold-soft); }
.blog-list .post-card__main{ flex:1 1 auto; padding:20px 22px 22px; gap:0; }
.blog-list .post-card .cat-tag{ align-self:flex-start; margin-bottom:13px; }
.blog-list .post-card__title{
  font-family:'Fraunces','Noto Serif SC',serif;
  font-weight:600; font-size:18px; line-height:1.5; color:var(--green);
  margin:0; min-height:calc(1.5em * 2);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.blog-list .post-card__date{ margin-top:14px; padding-top:0; color:var(--muted); font-size:13px; }

/* 加载更多 */
.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; }

/* ===== 文章列表翻页：两侧大箭头 + 底部滑块 ===== */

/* 卡片区容器（承载两侧悬浮箭头） */
.post-deck{ position:relative; }

/* 翻页内容渐隐渐显 */
.post-grid{ transition:opacity .18s var(--ease, ease); }
.post-deck .post-grid.is-swapping{ opacity:0; }

/* 两侧悬浮大箭头（极简镂空线条，无底框） */
.post-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:64px; height:64px; z-index:5; padding:0;
  display:inline-flex; align-items:center; justify-content:center;
  border:none; background:none; color:rgba(20,52,43,.55); cursor:pointer;
  transition:transform .25s var(--ease, ease), color .25s, opacity .25s;
}
.post-nav svg{ width:50px; height:50px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.post-nav--prev{ left:-66px; }
.post-nav--next{ right:-66px; }
.post-nav:hover:not([disabled]){ color:var(--green); transform:translateY(-50%) scale(1.12); }
.post-nav:active:not([disabled]){ transform:translateY(-50%) scale(1.04); }
.post-nav[disabled]{ opacity:.3; cursor:not-allowed; }
/* 单页时隐藏整套翻页控件 */
.post-deck.is-single .post-nav{ display:none; }

/* 底部滑块翻页 */
.pager{ display:flex; justify-content:center; margin-top:48px; }
.pslider{
  position:relative; width:min(420px, 78%); padding:26px 6px 8px;
  cursor:pointer; touch-action:none; outline:none;
}
.pslider__track{
  position:relative; height:4px; border-radius:99px;
  background:rgba(20,52,43,.12);
}
.pslider__fill{
  position:absolute; left:0; top:0; height:100%; width:0;
  border-radius:99px; background:var(--gold);
  transition:width .3s var(--ease, ease);
}
.pslider.is-dragging .pslider__fill{ transition:none; }
.pslider__thumb{
  position:absolute; top:50%; left:0; transform:translate(-50%,-50%);
  width:20px; height:20px; border-radius:50%;
  background:var(--green); border:3px solid #fff;
  box-shadow:0 2px 8px rgba(20,52,43,.28);
  cursor:grab; touch-action:none;
  transition:left .3s var(--ease, ease), transform .2s, box-shadow .2s;
}
.pslider.is-dragging .pslider__thumb{ transition:none; cursor:grabbing; }
.pslider__thumb:hover, .pslider:focus-visible .pslider__thumb{
  box-shadow:0 0 0 7px rgba(168,145,87,.16), 0 2px 8px rgba(20,52,43,.28);
}
.pslider.is-dragging .pslider__thumb{ box-shadow:0 0 0 9px rgba(168,145,87,.22), 0 2px 10px rgba(20,52,43,.3); }
/* 悬浮标签（实时页码） */
.pslider__tip{
  position:absolute; bottom:calc(100% + 12px); left:50%; transform:translateX(-50%);
  white-space:nowrap; padding:4px 11px; border-radius:7px;
  background:var(--green); color:#fff; font-family:var(--sans);
  font-size:12.5px; font-weight:600; letter-spacing:.02em;
  box-shadow:0 4px 14px rgba(20,52,43,.22);
  opacity:0; transition:opacity .2s; pointer-events:none;
}
.pslider__tip::after{
  content:""; position:absolute; top:100%; left:50%; transform:translateX(-50%);
  border:5px solid transparent; border-top-color:var(--green);
}
.pslider:hover .pslider__tip,
.pslider:focus-visible .pslider__tip,
.pslider.is-dragging .pslider__tip{ opacity:1; }

@media (max-width:1200px){
  .post-nav--prev{ left:-40px; }
  .post-nav--next{ right:-40px; }
}
@media (max-width:960px){
  .post-nav svg{ width:40px; height:40px; }
  .post-nav--prev{ left:-10px; }
  .post-nav--next{ right:-10px; }
}
/* 窄屏：单列卡片时隐藏两侧箭头，仅留底部滑块（避免遮挡卡片内容） */
@media (max-width:560px){
  .post-deck .post-nav{ display:none; }
  .pslider{ width:88%; }
  .pslider__tip{ opacity:1; }   /* 触屏无 hover，标签常显 */
}

@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; }
  .case-stories .post-card__thumb{ width:108px; height:74px; }
  .post-card__title{ font-size:15.5px; }
}

/* =========================================================
   首页板块5 · 留学洞察（期刊目录页 2026-07-06 改版）
   编辑部式非对称排版：左「特稿」+ 右「编号索引」，中缝 hairline 分栏；
   索引行为竖版编辑卡（封面通栏在上 + 编号/标题在下）；
   无封面时走「藏书票」排印面板（深绿 + 双线细框 + Fraunces 大引号），
   呼应全站印刷双线 / Fraunces 斜体金字母题
   ========================================================= */
.insights-band.sec-bleed::before{ background:#fbf9f4; }

/* 超大 ghost 词：Fraunces 斜体压底，与压缩粗黑 h2 形成衬线/无衬线对位 */
.insights-ghost{
  position:absolute; top:36px; right:-8px; z-index:-1;
  font-family:'Fraunces','Noto Serif SC',serif; font-style:italic; font-weight:500;
  font-size:clamp(88px, 15vw, 190px); line-height:1; letter-spacing:-.02em;
  color:rgba(20,52,43,.05);
  pointer-events:none; user-select:none;
}

/* 标题区与「查看全部文章」同排：左标题、右出口 */
.insights-head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:32px; margin-bottom:58px;
}
.insights-band .section__head{ margin-bottom:0; }

/* —— 编辑部网格：特稿 7 / 索引 5 —— */
.insights-editorial{
  display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  column-gap:clamp(34px, 5vw, 62px);
  align-items:stretch;
}

/* 共用：整块可点 + 交错入场 */
.insight-link{
  cursor:pointer;
  animation:insight-in .65s var(--ease) backwards;
  animation-delay:calc(var(--i, 0) * 120ms);
}
.insight-link:focus-visible{ outline:2px solid var(--gold); outline-offset:4px; border-radius:4px; }

/* 标题下划线：金色细线从左划入（inline 背景，多行同步） */
.tsweep{
  background:linear-gradient(to right, rgba(168,145,87,.75), rgba(168,145,87,.75))
             no-repeat 0 100% / 0 1px;
  padding-bottom:3px;
  transition:background-size .55s var(--ease);
}
.insight-link:hover .tsweep{ background-size:100% 1px; }

/* 顶行：N°01 ——— 分类 · 日期（中段细线撑满，期刊目录手法） */
.insight-topline{ display:flex; align-items:center; gap:16px; }
.insight-no{
  flex:0 0 auto;
  font-family:'Fraunces','Noto Serif SC',serif; font-style:italic; font-weight:500;
  font-size:15px; letter-spacing:.06em; color:var(--gold);
}
.insight-rule{ flex:1 1 auto; height:1px; background:rgba(20,52,43,.14); }
.insight-meta{ flex:0 0 auto; display:inline-flex; align-items:center; gap:10px; min-width:0; }
.insight-meta__cat{
  font-size:12.5px; font-weight:700; letter-spacing:.08em; color:var(--green-2);
  white-space:nowrap;
}
.insight-meta__date{
  display:inline-flex; align-items:center; gap:10px;
  color:#A8A29A; font-size:12.5px;
  font-variant-numeric:tabular-nums; letter-spacing:.04em; white-space:nowrap;
}
.insight-meta__date::before{
  content:""; width:3px; height:3px; border-radius:50%;
  background:var(--gold); opacity:.7;
}

/* —— 左栏 · 特稿 —— */
.insight-feature{ display:flex; flex-direction:column; }
.insight-feature__media{
  position:relative; overflow:hidden; border-radius:10px;
  aspect-ratio:16 / 9; background:rgba(20,52,43,.05);
  /* 错位金线画框：底色垫层 + 金线各错 1px，画廊装裱感 */
  box-shadow:
    11px 11px 0 0 #fbf9f4,
    12px 12px 0 0 rgba(168,145,87,.4);
  transition:box-shadow .45s var(--ease);
}
.insight-feature:hover .insight-feature__media{
  box-shadow:
    11px 11px 0 0 #fbf9f4,
    12px 12px 0 0 rgba(168,145,87,.7);
}
.insight-feature__media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .7s var(--ease);
}
.insight-feature:hover .insight-feature__media img{ transform:scale(1.045); }
.insight-feature__media::after{
  content:""; position:absolute; inset:0; border-radius:10px;
  box-shadow:inset 0 0 0 1px rgba(20,52,43,.08);
  pointer-events:none;
}

/* 藏书票兜底：深绿底 + 内嵌双线细框 + 大引号 + 分类题签 */
.insight-plate{
  position:relative; width:100%; height:100%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px;
  background:
    radial-gradient(120% 90% at 78% 14%, rgba(217,194,140,.15), transparent 55%),
    linear-gradient(150deg, #17382E 0%, var(--green) 55%, #0F2A21 100%);
}
.insight-plate::before{
  content:""; position:absolute; inset:12px;
  border:1px solid rgba(217,194,140,.38); border-radius:5px;
  transition:border-color .45s var(--ease);
}
.insight-plate::after{
  content:""; position:absolute; inset:17px;
  border:1px solid rgba(217,194,140,.15); border-radius:3px;
}
.insight-link:hover .insight-plate::before{ border-color:rgba(217,194,140,.62); }
.insight-plate__mark{
  font-family:'Fraunces',Georgia,serif; font-weight:400; line-height:.62;
  font-size:clamp(88px, 9vw, 124px); color:var(--gold);
  opacity:.32; margin-bottom:-6px;
  transition:opacity .45s var(--ease);
}
.insight-link:hover .insight-plate__mark{ opacity:.48; }
.insight-plate__cat{
  font-size:14px; font-weight:600; letter-spacing:.42em; text-indent:.42em;
  color:rgba(217,194,140,.92);
}
.insight-plate__brand{
  position:absolute; left:0; right:0; bottom:25px; text-align:center;
  font-size:10px; font-weight:700; letter-spacing:.4em; text-indent:.4em;
  color:rgba(255,255,255,.32);
}

.insight-feature__body{
  display:flex; flex-direction:column; flex:1 1 auto;
  padding:30px 6px 0 2px;
}
.insight-feature__title{
  font-family:'Fraunces','Noto Serif SC',serif; font-weight:600;
  font-size:clamp(22px, 2.4vw, 30px); line-height:1.45; letter-spacing:.005em;
  color:var(--green); margin:18px 0 0;
}
.insight-feature__digest{
  margin:14px 0 0; font-size:15px; line-height:1.9; color:#555;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden;
}
.insight-feature__cta{
  margin-top:22px; align-self:flex-start;
  display:inline-flex; align-items:center; gap:7px;
  font-size:14px; font-weight:700; letter-spacing:.03em; color:var(--green);
  border-bottom:1px solid rgba(20,52,43,.28); padding-bottom:4px;
  transition:border-color .3s, color .3s;
}
.insight-feature__cta .ic{ width:15px; height:15px; transition:transform .3s var(--ease); }
.insight-feature:hover .insight-feature__cta{ border-color:var(--gold); color:var(--green-2); }
.insight-feature:hover .insight-feature__cta .ic{ transform:translateX(4px); }

/* —— 右栏 · 编号索引：hairline 分栏，竖版编辑卡，底部印刷双线注脚 —— */
.insights-index{
  display:flex; flex-direction:column;
  border-left:1px solid rgba(20,52,43,.12);
  padding-left:clamp(26px, 3.4vw, 44px);
}
.insight-row{
  flex:0 0 auto; display:flex; flex-direction:column; align-items:stretch;
  gap:20px; position:relative; padding:30px 0;
}
.insight-row:first-child{ padding-top:2px; }   /* 图顶与左栏特稿封面对齐 */
.insight-row + .insight-row{ border-top:1px solid rgba(20,52,43,.10); }
/* 封面通栏：2:1 宽幅，外圈墨色 hairline */
.insight-row__media{
  position:relative; overflow:hidden; width:100%;
  aspect-ratio:2 / 1; border-radius:10px;
  background:rgba(20,52,43,.05);
}
.insight-row__media::after{
  content:""; position:absolute; inset:0; border-radius:10px;
  box-shadow:inset 0 0 0 1px rgba(20,52,43,.08);
  pointer-events:none;
}
.insight-row__media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .6s var(--ease);
}
.insight-row:hover .insight-row__media img{ transform:scale(1.05); }
/* 小号藏书票：缩小引号与题签、收窄双线框（结构同特稿 .insight-plate） */
.insight-plate--sm{ gap:6px; }
.insight-plate--sm::before{ inset:9px; border-radius:4px; }
.insight-plate--sm::after{ inset:13px; border-radius:2px; }
.insight-plate--sm .insight-plate__mark{ font-size:54px; margin-bottom:-2px; }
.insight-plate--sm .insight-plate__cat{ font-size:12px; letter-spacing:.34em; text-indent:.34em; }

.insight-row__body{ display:flex; align-items:flex-start; gap:18px; }
.insight-row__no{
  flex:0 0 auto; margin-top:-2px;
  font-family:'Fraunces','Noto Serif SC',serif; font-style:italic; font-weight:400;
  font-size:30px; line-height:1; color:rgba(20,52,43,.22);
  font-variant-numeric:tabular-nums;
  transition:color .35s var(--ease);
}
.insight-row:hover .insight-row__no{ color:var(--gold); }
.insight-row__main{ flex:1 1 auto; display:flex; flex-direction:column; gap:12px; min-width:0; }
.insight-row__title{
  font-family:'Fraunces','Noto Serif SC',serif; font-weight:600;
  font-size:17.5px; line-height:1.55; letter-spacing:.005em;
  color:var(--green); margin:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}

/* 注脚：印刷双线 + Fraunces 斜体（同 .wc-count 母题），锚在栏底 */
.insights-colophon{
  margin-top:auto; padding:13px 0 2px; text-align:center;
  font-family:'Fraunces','Noto Serif SC',serif; font-style:italic; font-weight:500;
  font-size:13px; letter-spacing:.14em; color:rgba(168,145,87,.85);
  border-top:4px double rgba(168,145,87,.4);
}

/* 中屏以下：单栏竖排，特稿在上、索引在下 */
@media (max-width:919px){
  .insights-editorial{ grid-template-columns:1fr; }
  .insights-index{ border-left:0; padding-left:0; margin-top:40px; }
  .insight-row{ padding:26px 0; }
  .insight-row:first-child{ border-top:1px solid rgba(20,52,43,.10); padding-top:26px; }
  .insights-colophon{ margin-top:10px; }
  .insights-ghost{ top:48px; }
}
@media (max-width:520px){
  .insight-feature__body{ padding-top:26px; }
  .insight-feature__title{ font-size:21px; }
  .insight-feature__digest{ -webkit-line-clamp:4; }
  .insight-row{ gap:16px; }
  .insight-row__no{ font-size:26px; }
  .insight-row__title{ font-size:16.5px; }
  .insight-row__body{ gap:14px; }
  .insight-plate--sm .insight-plate__mark{ font-size:46px; }
  .insight-topline{ gap:12px; }
}
@media (prefers-reduced-motion:reduce){
  .insight-link{ animation:none; }
  .tsweep, .insight-feature__media, .insight-feature__media img, .insight-row__media img{ transition:none; }
  .insight-feature:hover .insight-feature__media img,
  .insight-row:hover .insight-row__media img{ transform:none; }
}

@keyframes insight-in{
  from{ opacity:0; transform:translateY(22px); }
  to{ opacity:1; transform:translateY(0); }
}

.insights-band__more{
  flex:0 0 auto; align-self:flex-end; white-space:nowrap;
  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 .ic{ transition:transform .25s var(--ease); }
.insights-band__more:hover{ border-color:var(--green); }
.insights-band__more:hover .ic{ transform:translateX(3px); }

/* 窄屏：标题与出口竖排，出口回到标题下方，避免并排拥挤 */
@media (max-width:600px){
  .insights-head{ flex-direction:column; align-items:flex-start; gap:18px; margin-bottom:40px; }
  .insights-band__more{ align-self:flex-start; }
}

/* =========================================================
   首页板块背景图（即梦学术建筑素材 · 2026-06-19）
   深色板块：覆深绿遮罩保白字可读；浅色板块：覆米白遮罩做极淡纹理
   均走 100vw 满幅 ::before，与 .sec-bleed 同一手法，内容不受影响
   ========================================================= */

/* 板块1 · 策略定制（米色）→ 淡雅钟楼，靠右弱呈现，左侧文案区净空 */
.strategy::before{
  content:""; position:absolute; top:0; bottom:0; left:50%;
  width:100vw; transform:translateX(-50%); z-index:-1;
  background:
    linear-gradient(90deg, rgba(250,247,240,.95) 0%, rgba(250,247,240,.86) 55%, rgba(250,247,240,.78) 100%),
    url("../assets/bg-strategy.webp") right center / cover no-repeat;
}

/* 板块3 · 申请流程（米色）→ 图书馆长廊一点透视，隐喻申请路径，极淡 */
.flow::before{
  content:""; position:absolute; top:0; bottom:0; left:50%;
  width:100vw; transform:translateX(-50%); z-index:-1;
  background:
    linear-gradient(180deg, rgba(250,247,240,.86) 0%, rgba(250,247,240,.70) 45%, rgba(250,247,240,.88) 100%),
    url("../assets/bg-process.webp") center / cover no-repeat;
}

/* 板块2 · 数据冲击（深绿反白）→ 深绿钟楼，左侧深绿留白衬数字 */
.data-band.sec-dark::before{
  background:
    linear-gradient(90deg, rgba(20,52,43,.93) 0%, rgba(20,52,43,.86) 55%, rgba(20,52,43,.72) 100%),
    url("../assets/bg-stats.webp") right center / cover no-repeat;
  background-color:var(--green);
}

/* 板块5 · 联系我们（更深绿）→ 欧式穹顶，整体压暗保表单可读 */
.consult.sec-dark::before{
  background:
    linear-gradient(90deg, rgba(16,42,32,.94) 0%, rgba(16,42,32,.88) 50%, rgba(16,42,32,.78) 100%),
    url("../assets/bg-consult.webp") right center / cover no-repeat;
  background-color:#102A20;
}

/* =========================================================
   子页面板块背景图（即梦学术建筑素材 · 2026-06-19）
   services 标题区 / teachers 团队带 / cases 学员之声 / 全站共用 CTA 带
   ========================================================= */

/* services 标题区 → 淡雅拱门钟楼，靠右弱呈现，左侧标题区净空（满幅 ::before）*/
/* z-index:0 自建层叠上下文，否则 ::before 的 z-index:-1 会被 body 背景遮挡（此前一直未显示）*/
.page-hero--bg{ position:relative; z-index:0; }
.page-hero--bg::before{
  content:""; position:absolute; top:0; bottom:0; left:50%;
  width:100vw; transform:translateX(-50%); z-index:-1;
  background:
    linear-gradient(90deg, var(--bg) 0%, rgba(250,247,240,.88) 32%, rgba(250,247,240,.5) 58%, rgba(250,247,240,.12) 82%),
    url("../assets/bg-services-hero.webp") right center / cover no-repeat;
}

/* 全站共用 CTA 带 → 哥特教堂门廊，极淡纹理统一各页页脚 CTA */
.cta-band{
  background:
    linear-gradient(rgba(16,42,32,.91), rgba(16,42,32,.91)),
    url("../assets/bg-cta.webp") center / cover no-repeat;
  background-color:#102A20;
}

/* =========================================================
   浅色底板块 · 淡建筑纹理背景（即梦浅色素材 · 2026-06-19）
   首页 FAQ（微暖灰）/ cases 成长场景带（微暖灰）—— 极淡，不抢内容
   ========================================================= */

/* 首页 FAQ → 复古深绿调图书馆穹顶（即梦 07-01 素材），右侧呈现，左侧问答区留净空 */
/* 背景随页面正常滚动；按宽度铺(100% auto) + 顶部对齐：
   尺寸只随宽度定 → 手风琴展开不缩放、不上下弹；
   叠一层 px 定位的纵向渐隐（560→800px 溶入纸色），无论板块多高都不露图片硬边 */
.faq-section.sec-soft::before{
  background:
    linear-gradient(180deg, rgba(239,234,224,0) 560px, rgba(239,234,224,.85) 700px, #EFEAE0 800px),
    linear-gradient(90deg, rgba(239,234,224,.94) 0%, rgba(239,234,224,.75) 46%, rgba(239,234,224,.4) 100%),
    url("../assets/bg-faq-dome.webp") right top / 100% auto no-repeat;
  background-color:#EFEAE0;
}
/* 移动端图只剩 ~220px 高、正好垫在标题后面 → 加重雾化成淡纹理，保证导语可读 */
@media (max-width:768px){
  .faq-section.sec-soft::before{
    background:
      linear-gradient(180deg, rgba(239,234,224,.72) 0, rgba(239,234,224,.82) 140px, #EFEAE0 250px),
      url("../assets/bg-faq-dome.webp") right top / 100% auto no-repeat;
    background-color:#EFEAE0;
  }
}

/* cases 成长场景带 → 哥特图书馆长廊，居中淡纹理衬图廊 */
#scenes.sec-soft::before{
  background:
    linear-gradient(180deg, rgba(239,234,224,.90) 0%, rgba(239,234,224,.82) 45%, rgba(239,234,224,.90) 100%),
    url("../assets/bg-scenes.webp") center / cover no-repeat;
  background-color:#EFEAE0;
}

/* =========================================================
   美本页背景图（即梦学术建筑素材 · 2026-06-22）
   ========================================================= */

/* 美本标题区 → 图书馆穹顶 duotone，靠右下呈现深色穹顶+柱廊，左侧标题区净空
   注：z-index:0 自建层叠上下文，避免 ::before 的 z-index:-1 逃逸到根、被 body 背景遮挡 */
/* 整屏 hero：穹顶满铺一屏，「美国本科申请」占满首屏，#system 在下一屏。
   面包屑钉在顶部压在图上；正文竖直居中；图满铺至导航栏。
   z-index:0 自建层叠上下文，避免 ::before 的 z-index:-1 被 body 背景遮挡 */
/* 几何对齐研究生页 hero：顶对齐(去 flex 居中/min-height)、padding 150/74、面包屑内联、h1 同字号 */
.page-hero--meiben{
  z-index:0;
  padding-top:150px; padding-bottom:74px;
}
.page-hero--meiben .crumbs--hero{
  position:static; max-width:none; margin:0 0 30px; padding:0;
}
.page-hero--meiben h1{ font-size:clamp(40px,8.4vw,80px); }
.page-hero--meiben::before{
  content:""; position:absolute; top:0; bottom:0; left:50%;
  width:100vw; transform:translateX(-50%); z-index:-1;
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(90deg, var(--bg) 0%, rgba(250,247,240,.9) 30%, rgba(250,247,240,.5) 56%, rgba(250,247,240,.08) 84%),
    url("../assets/bg-meiben-hero.webp") right top / cover no-repeat;
}
@media (min-width:760px){ .page-hero--meiben .page-hero__sub{ max-width:54ch; } }
/* hero 与下一模块之间加大留白，多一些呼吸感（只影响美本页首个 section） */
.page-hero--meiben + .section{ padding-top:156px; }
@media (max-width:640px){
  .page-hero--meiben + .section{ padding-top:116px; }
  .page-hero--meiben::before{
    background:
      linear-gradient(180deg, rgba(250,247,240,.5) 0%, rgba(250,247,240,.78) 58%, var(--bg) 95%),
      url("../assets/bg-meiben-hero.webp") right top / cover no-repeat;
  }
}
/* 文案逐行渐入上浮（复用首页 hero-fade-up 缓动语言），消除静态死板感 */
.page-hero--meiben .crumbs--hero,
.page-hero--meiben .eyebrow,
.page-hero--meiben h1,
.page-hero--meiben .page-hero__sub{
  opacity:0; transform:translateY(18px);
  animation:hero-fade-up .7s cubic-bezier(.16,1,.3,1) forwards;
}
.page-hero--meiben .crumbs--hero{ animation-delay:.05s; }
.page-hero--meiben .eyebrow{ animation-delay:.14s; }
.page-hero--meiben h1{ animation-delay:.26s; }
.page-hero--meiben .page-hero__sub{ animation-delay:.4s; }

/* =========================================================
   ✦ 美本页重做（2026-06-22）· 三大模块 → 杂志编排
   #system   → 模块索引导航（全局地图，非重复内容）
   #module-1/2/3 → 左右交替 + 深浅交替的编辑式分栏
   services #undergrad → 紧凑引流栏（不再铺三段完整模块）
   全部新增类；旧 .featured/.module/.system__grid/.phases 不动，
   writing-camp / blog 等共用页零影响
   ========================================================= */

/* —— 模块索引：阶段时间轴 + 三大模块卡片（莫兰迪阶段色：金 #B69445 / 深绿 #143F38 / 暖橙 #C8642F）
   2026-07-06 质感微调（结构不变）：卡片收薄、胶囊变细、编号块加受光渐变、
   轴线细线与光晕减淡、悬停位移更克制 —— */
.sys-track{
  --c1:#B69445; --c2:#143F38; --c3:#C8642F;
  list-style:none; display:grid; grid-template-columns:repeat(3,1fr);
  position:relative; margin:6px 0 36px; padding:0;
}
.sys-track::before{   /* 贯穿三节点的渐变细线 金→绿→橙（1.5px，更收敛） */
  content:""; position:absolute; left:calc(100%/6); right:calc(100%/6); top:9px;
  height:1.5px; border-radius:2px;
  background:linear-gradient(90deg, var(--c1), var(--c2) 50%, var(--c3));
  opacity:.42;
}
.sys-track__node{
  position:relative; display:flex; flex-direction:column; align-items:center; gap:12px;
  text-align:center;
}
.sys-track__dot{   /* 双层圆环：外圈半透明 + 内芯实心 */
  position:relative; z-index:1; width:18px; height:18px; border-radius:50%;
  background:var(--bg); border:1.5px solid var(--node, var(--gold));
  box-shadow:0 0 0 5px color-mix(in srgb, var(--node, var(--gold)) 10%, transparent);
}
.sys-track__dot::after{   /* 内芯实心点 */
  content:""; position:absolute; inset:4px; border-radius:50%; background:var(--node, var(--gold));
}
.sys-track__node--1{ --node:var(--c1); }
.sys-track__node--2{ --node:var(--c2); }
.sys-track__node--3{ --node:var(--c3); }
.sys-track__node--2 .sys-track__dot{   /* 当前阶段节点：略大 + 微光（光晕减淡） */
  width:21px; height:21px;
  box-shadow:0 0 0 5px color-mix(in srgb, var(--node) 12%, transparent),
             0 0 14px 1px color-mix(in srgb, var(--node) 22%, transparent);
}
.sys-track__label{
  font-stretch:82%; font-weight:800; font-size:15px; letter-spacing:.02em;
  color:var(--green);
}
.sys-track__sub{   /* 阶段副标题 · 浅灰 */
  font-weight:500; font-size:12.5px; letter-spacing:.01em; color:#9B968C; margin-top:-5px;
}

/* —— 三大卡片：Apple 风漂浮卡 · 中性细描边（尺度整体收紧一档）—— */
.sys-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; align-items:start; }
.sys-card{
  --c:var(--gold);
  position:relative; display:flex; flex-direction:column; min-height:430px;
  background-color:#FBF7EF;
  background-repeat:no-repeat;
  background-position:right -18px bottom -18px;   /* 右下角超大品牌水印（各卡 background-image 指定） */
  background-size:190px 190px;
  border:1px solid rgba(28,38,32,.06); border-radius:24px;
  padding:30px 28px 26px; color:inherit; overflow:hidden;
  box-shadow:0 18px 36px -26px rgba(28,38,32,.18);
  transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .4s;
}
.sys-card:hover{
  transform:translateY(-6px);
  box-shadow:0 34px 58px -30px rgba(20,52,43,.26);
  border-color:color-mix(in srgb, var(--c) 26%, transparent);
}
/* 三卡：统一暖象牙底色，仅主题色（金·绿·橙）+ 右下角品牌水印（Compass / Cap / Sparkles）区分 */
.sys-card--1{ --c:#B69445;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B69445' stroke-opacity='0.10' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15.6 8.4-2.1 5.1-5.1 2.1 2.1-5.1z'/%3E%3C/svg%3E"); }
.sys-card--2{ --c:#143F38;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23143F38' stroke-opacity='0.09' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 9 12 5l9.5 4-9.5 4z'/%3E%3Cpath d='M6 11v4.2c0 1.3 2.7 2.4 6 2.4s6-1.1 6-2.4V11'/%3E%3Cpath d='M21.5 9v4.6'/%3E%3C/svg%3E"); }
.sys-card--3{ --c:#C8642F;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8642F' stroke-opacity='0.11' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5c.4 3 1.9 4.5 4.9 4.9-3 .4-4.5 1.9-4.9 4.9-.4-3-1.9-4.5-4.9-4.9 3-.4 4.5-1.9 4.9-4.9z'/%3E%3Cpath d='M18.6 14.4c.2 1.4.9 2.1 2.3 2.3-1.4.2-2.1.9-2.3 2.3-.2-1.4-.9-2.1-2.3-2.3 1.4-.2 2.1-.9 2.3-2.3z'/%3E%3C/svg%3E"); }

.sys-card__top{ display:flex; align-items:center; justify-content:space-between; gap:14px; }
.sys-card__eyebrow{
  font-stretch:82%; font-weight:800; font-size:12px; letter-spacing:.12em;
  color:var(--c); margin:0;
}
.sys-card__no{   /* 圆角矩形编号 Badge · 主题色实心 + 顶部受光面 · 白字 */
  flex:none; display:flex; align-items:center; justify-content:center;
  width:50px; height:50px; border-radius:14px;
  background:linear-gradient(155deg, color-mix(in srgb, var(--c) 84%, #fff), var(--c));
  color:#fff;
  font-stretch:70%; font-weight:850; font-size:24px; line-height:1;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.35),
             0 10px 20px -12px color-mix(in srgb, var(--c) 70%, transparent);
  pointer-events:none; user-select:none;
}
.sys-card__title{   /* 视觉焦点：大标题（nowrap 保证三卡均单行不折字）*/
  font-stretch:76%; font-weight:850; font-size:clamp(26px,2.6vw,34px); line-height:1.14;
  white-space:nowrap; color:var(--green); margin:20px 0 0;
  display:flex; align-items:center; flex-wrap:wrap; gap:9px;
}
.sys-card__badge{   /* 「申请主模块」赤陶色标签 */
  font-stretch:normal; font-weight:800; font-size:11px; letter-spacing:.02em; line-height:1;
  color:#fff; background:var(--terra); border-radius:999px; padding:5px 10px;
  transform:translateY(2px);
}
.sys-card__hook{   /* 描述：15px / 行高 1.75 / 中性灰，两三行 */
  font-weight:500; font-size:15px; line-height:1.75; color:#6E6E6E;
  margin-top:12px; min-height:3.4em;   /* 统一预留两行，三卡标签行对齐 */
}
.sys-card__tags{
  list-style:none; display:flex; flex-wrap:wrap; gap:9px; margin:20px 0 0; padding:0;
}
.sys-card__tags li{   /* 胶囊 Pill · 仅描边 · 透明底（更细一档） */
  font-size:12.5px; font-weight:600; color:var(--green);
  background:transparent;
  border:1px solid color-mix(in srgb, var(--c) 30%, var(--line));
  border-radius:999px; padding:7px 14px; line-height:1.2;
}
.sys-card__link{   /* CTA：SemiBold + 下方极细渐变线 */
  position:relative; display:inline-flex; align-items:center; gap:9px;
  margin-top:auto; padding:22px 0 10px;
  font-weight:700; font-size:15px; color:var(--green); align-self:flex-start;
}
.sys-card__link::after{   /* 底部极细渐变线 */
  content:""; position:absolute; left:0; bottom:0; width:100%; height:1px;
  background:linear-gradient(90deg, var(--c), color-mix(in srgb, var(--c) 15%, transparent));
  opacity:.55;
}
.sys-card__link .ic{ width:16px; height:16px; color:var(--c); transition:transform .3s var(--ease); }
.sys-card:hover .sys-card__link .ic{ transform:translateX(5px); }

@media (max-width:1024px){
  .sys-cards{ gap:22px; }
}
@media (max-width:860px){
  .sys-cards{ grid-template-columns:1fr; gap:18px; }
  .sys-card{ min-height:0; }
  .sys-track{ margin-bottom:26px; }
  .sys-track__label{ font-size:14px; }
  .sys-track__sub{ font-size:12px; }
}
@media (max-width:600px){
  .sys-card{ padding:26px 22px 22px; }
}

/* —— 模块索引 #system 锚点偏移 + 暖白画布（极淡奶油渐变，衬托漂浮卡）—— */
#system{
  /* 偏移量 = 导航实测高度 --nav-h（main.js setNavH 写入），跳转后板块顶正好贴住导航底，
     不会露出上一板块色带；--nav-h 未就绪时用 60px 兜底 */
  scroll-margin-top:var(--nav-h,60px);
  position:relative; z-index:0;
}
#system::before{   /* 全宽暖米底色带，避免居中限宽显出「方块」；
     色阶居中：比卡片 #FBF7EF 深、比下一板块 .sec-cream #ECE3D0 浅 */
  content:""; position:absolute; top:0; bottom:0; left:50%;
  width:100vw; transform:translateX(-50%); z-index:-1;
  background:#F4EDE0;
}

/* ============================================================
   编辑式版式 —— 整幅高图占位 + 编号大卡（参考 slide「1 / 2 / 3」横排）
   作用域：.gplan / .grow（三大模块共用）
   主题色经两个变量驱动，三大模块各自换肤：
     --g-line  图上点缀（编号 / 短线 / 胶囊点），需在深色图上够亮
     --g-card  卡片点缀（顶线 / 英文标签 / 菱形 / hover 描边），落在米色卡片上
   模块一(默认) 金 · 模块二 .gplan--green 绿 · 模块三 .gplan--orange 橙
   翻转：.gplan--flip 图移至右侧（桌面）
   ============================================================ */
.gplan{
  --g-line:var(--gold); --g-card:var(--gold);
  scroll-margin-top:var(--nav-h,60px);   /* 对齐导航实测高度，见 #system 说明 */
  max-width:min(1560px,95vw);
  /* 紧凑：不再撑满整屏 → 上下内边距由 100px 收窄，左右也略收，让卡片更贴近板块边缘 */
  padding-block:clamp(44px,5vw,56px);
  padding-inline:clamp(16px,2.2vw,30px);
}
.gplan__inner{ display:grid; grid-template-columns:1fr; gap:18px; }

/* —— 左侧：整幅图片占位，标题浮于其上 —— */
.gplan__media{ display:flex; }
.gplan__figure{
  position:relative; margin:0; overflow:hidden; width:100%;
  display:flex; flex-direction:column; justify-content:flex-end;   /* caption 流式沉底：内容再多也不溢出图框 */
  border-radius:22px; min-height:440px;
  /* 牛津哥特学院群 金色 duotone 作氛围纹理：顶部薄露金色建筑与米纸高光，向底部加深暖棕保证白字标题可读 */
  background:
    linear-gradient(165deg, rgba(58,44,20,.06) 0%, rgba(52,39,18,.30) 50%, rgba(28,20,9,.82) 100%),
    #241a0d url("../assets/bg-meiben-growth.webp") center / cover no-repeat;
  border:1px solid var(--line);
}
.gplan__figure::after{   /* 暖色蒙版：保证浮于其上的文字可读 */
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(28,20,9,0) 28%, rgba(28,20,9,.45) 66%, rgba(18,12,4,.86) 100%);
}
/* 参考稿的叠加大圆，金色低透明，落在上半部不压标题 */
.gplan__blob{ position:absolute; border-radius:50%; pointer-events:none; }
.gplan__blob--1{ width:46%; aspect-ratio:1; left:10%; top:8%;  background:rgba(168,145,87,.20); }
.gplan__blob--2{ width:38%; aspect-ratio:1; left:34%; top:20%; background:rgba(217,194,140,.12); }
.gplan__blob--3{ width:30%; aspect-ratio:1; right:8%; top:4%;  background:rgba(168,145,87,.16); }
.gplan__ph{
  position:absolute; top:18px; left:18px; z-index:2;
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:rgba(255,255,255,.78);
  padding:8px 14px; border:1px dashed rgba(255,255,255,.4); border-radius:999px;
}
.gplan__ph .ic{ width:15px; height:15px; }
.gplan__caption{
  position:relative; z-index:2;   /* 随 figure flex 沉底（原 absolute 定位，caption 变高会溢出）*/
  padding:clamp(26px,3vw,44px) clamp(24px,2.8vw,40px);
}
.gplan__caption::before{   /* 标题上方主题色短线 */
  content:""; display:block; width:40px; height:3px; margin-bottom:18px;
  background:var(--g-line); border-radius:2px;
}
.gplan__caption .eyebrow{ margin-bottom:6px; }
.gplan__no{
  display:block; font-family:var(--serif); font-weight:800; line-height:.82;
  font-size:clamp(52px,8vw,86px); color:var(--g-line); letter-spacing:-.02em;
  margin-bottom:4px;
}
.gplan__caption h2{ color:#fff; line-height:1.02; font-size:clamp(32px,4.6vw,46px); }
.gplan__lead{ color:rgba(255,255,255,.82); font-size:14.5px; line-height:1.85; margin-top:16px; max-width:42ch; }
.gplan__for{
  display:inline-flex; align-items:center; gap:9px; margin-top:20px;
  font-size:12px; font-weight:600; line-height:1.6;
  color:color-mix(in srgb, var(--g-line) 55%, #fff);   /* 主题色提亮版，三模块换肤自动跟随 */
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2);
  padding:9px 15px; border-radius:999px; backdrop-filter:blur(4px);
}
.gplan__for::before{
  content:""; flex:none; width:7px; height:7px; border-radius:50%;
  background:var(--g-line); box-shadow:0 0 0 3px color-mix(in srgb, var(--g-line) 24%, transparent);
}
/* —— caption 底部行：适合人群胶囊 + 阶段咨询出口（长内容段内的转化锚点）—— */
.gplan__foot{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; margin-top:22px; }
.gplan__foot .gplan__for{ margin-top:0; }
.gplan__cta{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13.5px; font-weight:700; color:#fff; padding-bottom:5px;
  border-bottom:1px solid color-mix(in srgb, var(--g-line) 60%, transparent);
  transition:gap .3s var(--ease), border-color .3s;
}
.gplan__cta .ic{ width:16px; height:16px; color:var(--g-line); transition:transform .3s var(--ease); }
.gplan__cta:hover{ border-bottom-color:#fff; }
.gplan__cta:hover .ic{ transform:translateX(4px); }

/* —— 右侧：编号大卡 —— */
.gplan__rows{ display:grid; gap:16px; }
.grow{
  position:relative; display:grid; gap:16px;
  grid-template-columns:minmax(0,1fr);   /* 显式单列：无列定义时 auto 轨道按 max-content 撑宽 → 窄屏正文被 overflow:hidden 裁切 */
  background:#FBF8F1; border:1px solid var(--line); border-radius:20px;
  padding:clamp(20px,2.4vw,28px) clamp(20px,2.6vw,32px);
  box-shadow:0 1px 2px rgba(20,52,43,.04);
  transition:transform .45s var(--ease), box-shadow .45s var(--ease), border-color .4s;
  overflow:hidden;
}
.grow::before{
  content:""; position:absolute; left:0; top:0; height:3px; width:100%;
  background:linear-gradient(90deg,var(--g-card), transparent 78%);
  transform:scaleX(0); transform-origin:left; transition:transform .55s var(--ease);
}
.grow:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 46px -26px rgba(20,52,43,.32);
  border-color:color-mix(in srgb, var(--g-card) 42%, var(--line));
}
.grow:hover::before{ transform:scaleX(1); }
.grow__title{   /* 小标题置于卡片左上角 */
  font-stretch:78%; font-weight:850; font-size:clamp(20px,1.9vw,23px);
  color:var(--green); line-height:1.28;
  padding-bottom:14px; border-bottom:1px solid var(--line);
}
.grow__title i{   /* 英文眉标置于中文标题上方（eyebrow → headline 编辑式层级）*/
  display:block; font-style:normal; margin:0 0 8px;
  font-size:11px; font-weight:800; letter-spacing:.12em;
  text-transform:uppercase; color:var(--g-card);
}
.grow__grid{ display:grid; grid-template-columns:1fr; gap:13px 26px; min-width:0; }
.grow__grid li{ position:relative; padding-left:18px; }
.grow__grid li::before{
  content:""; position:absolute; left:0; top:7px;
  width:7px; height:7px; border-radius:2px; background:var(--g-card);
  transform:rotate(45deg);
}
.grow__grid b{ display:block; font-weight:800; font-size:14.5px; color:var(--green); line-height:1.5; }
.grow__grid span{ display:block; font-size:13.5px; color:#555555; line-height:1.75; margin-top:2px; }
.grow__deliver{   /* 交付物条：元信息从能力项里抽出，卡底通栏 + 虚线分隔 */
  grid-column:1 / -1; display:flex; align-items:flex-start; gap:9px;
  margin-top:2px; padding-top:14px;
  border-top:1px dashed color-mix(in srgb, var(--g-card) 38%, var(--line));
  font-size:13px; line-height:1.7; color:#555555;
}
.grow__deliver .ic{ flex:none; width:17px; height:17px; margin-top:2px; color:var(--g-card); }
.grow__deliver b{ flex:none; font-weight:800; color:var(--green); }

@media (min-width:860px){
  /* 左图占画面约 1/3：图列 1fr ∶ 卡片列 2fr。不再撑满整屏 → 块高随卡片内容自适应（紧凑）。
     min-height:656px = 三卡模块(02/03)宽屏下的自然高度，作为下限把只有两卡的模块一(01)托到同高；
     内容更多时自然超过此值、不受影响（纯下限，绝不压缩卡片） */
  .gplan__inner{ grid-template-columns:1fr 2fr; gap:clamp(18px,2vw,26px); align-items:stretch; min-height:656px; }
  .gplan__figure{ min-height:0; height:100%; }
  /* repeat(n,1fr)：容器高改由内容决定后，各卡等高对齐「最高那张」的自然高度——
     卡片尺寸不被压缩，也不再被拉伸出上下大片空白 */
  .gplan__rows{ grid-template-rows:repeat(3,1fr); }
  .gplan__rows--2{ grid-template-rows:repeat(2,1fr); }
  /* 卡片：标题独立一列 + 内容列；右栏较宽，内容用双列 */
  .grow{ grid-template-columns:minmax(140px,176px) 1fr; align-items:start; align-content:center; column-gap:clamp(22px,2.4vw,40px); }
  .grow__title{ padding-bottom:0; border-bottom:none; }
  .grow__grid{ grid-template-columns:1fr 1fr; }
}

/* —— 翻转：图移至右侧（桌面）· 用于模块二 —— */
@media (min-width:860px){
  .gplan--flip .gplan__inner{ grid-template-columns:2fr 1fr; }
  .gplan--flip .gplan__media{ order:2; }   /* 图 → 右 */
  .gplan--flip .gplan__rows{  order:1; }   /* 卡片 → 左 */
}

/* —— 模块二 · 绿色主题（哥特玫瑰花窗，图本身即绿调 → 轻罩色留住彩窗，仅压暗底部放字）—— */
.gplan--green{ --g-line:var(--gold-soft); --g-card:var(--green-2); }
.gplan--green .gplan__figure{
  border:none;   /* 02 板块去掉白色描边 */
  background:
    linear-gradient(165deg, rgba(16,40,32,.06) 0%, rgba(15,38,30,.14) 55%, rgba(9,26,20,.34) 100%),
    #0f261e url("../assets/bg-meiben-rose.webp") center / cover no-repeat;
}
.gplan--green .gplan__figure::after{
  background:linear-gradient(180deg, rgba(9,26,20,0) 34%, rgba(11,32,25,.42) 62%, rgba(6,18,13,.9) 100%);
}

/* —— 模块三 · 橙色主题（哥特拱门夕阳，图本身即暖橙 → 轻罩色留住暖光，仅压暗底部放字）—— */
.gplan--orange{ --g-line:#F0B98A; --g-card:var(--terra); }
.gplan--orange .gplan__figure{
  background:
    linear-gradient(165deg, rgba(120,52,20,.05) 0%, rgba(110,46,18,.12) 55%, rgba(70,26,10,.34) 100%),
    #5a2410 url("../assets/bg-meiben-arch.webp") center / cover no-repeat;
}
.gplan--orange .gplan__figure::after{
  background:linear-gradient(180deg, rgba(70,26,10,0) 34%, rgba(96,38,16,.42) 62%, rgba(48,16,6,.9) 100%);
}

/* —— 探索板块以上整屏对齐：#system / #meiben-edge 与 hero、三大模块同为 100vh ——
   之前这两块按内容自然高（偏短），三大模块却撑满整屏 → 上下滚动长短不一。
   断点取 860px（与 .gplan__inner min-height 同断点）：桌面全部整屏、节奏统一；
   窄屏各板块按内容自然高度，与模块保持一致，不强撑空屏。
   内容用 flex 纵向居中，留白均分上下，观感与 hero 一致 */
@media (min-width:860px){
  #system,
  #meiben-edge{
    min-height:100vh;
    display:flex; flex-direction:column; justify-content:center;
  }
}

/* —— 仅美本页：G7 途策方法两栏 → 编辑式潜能卡（不影响共用 .feat 其它页）—— */
#meiben-edge{ z-index:0; }
/* 满幅暖米色背景带：奶油色渐变 + 顶部柔光，呼应设计稿 */
#meiben-edge::before{
  content:""; position:absolute; inset:0; left:50%; width:100vw;
  transform:translateX(-50%); z-index:-2;
  background:
    radial-gradient(130% 90% at 84% -8%, rgba(255,253,246,.9) 0%, rgba(255,253,246,0) 52%),
    linear-gradient(180deg,#F4ECDB 0%, #F0E8D6 54%, #ECE3D0 100%);
}
/* 极轻装饰层：右上圆弧细线 + 点阵 + 近乎不可察觉的噪点纹理（透明度均 <6%）*/
#meiben-edge::after{
  content:""; position:absolute; top:0; left:50%; width:100vw; height:100%;
  transform:translateX(-50%); z-index:-1; pointer-events:none;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='560' viewBox='0 0 560 560' fill='none'%3E%3Cg stroke='%2314342B' stroke-width='1' opacity='0.05'%3E%3Ccircle cx='470' cy='96' r='150'/%3E%3Ccircle cx='470' cy='96' r='232'/%3E%3Ccircle cx='470' cy='96' r='314'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='120'%3E%3Cdefs%3E%3Cpattern id='d' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2' cy='2' r='1.5' fill='%2314342B'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='150' height='120' fill='url(%23d)' opacity='0.05'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  background-repeat:no-repeat, no-repeat, repeat;
  background-position:top -60px right -80px, top 150px right 46px, top left;
  background-size:560px 560px, 150px 120px, 120px 120px;
}

/* 板块头部：主标题放大、与副标题拉开留白、副标题收窄 */
#meiben-edge .section__head{ max-width:780px; margin-bottom:clamp(28px,3.2vw,42px); }
#meiben-edge .section__head h2{
  font-size:clamp(36px,5.4vw,62px); line-height:1.08; letter-spacing:-.02em;
}
#meiben-edge .section__head .lead{
  margin-top:14px; max-width:42ch; font-size:16px; line-height:1.7; color:#6b6459;
}

#meiben-edge .why__grid{ border-top:none; gap:clamp(18px,2vw,24px); align-items:stretch; }

/* 编辑式潜能卡 —— Apple 悬浮质感 */
#meiben-edge .feat{
  position:relative; border-bottom:none;
  display:flex; flex-direction:column;
  padding:clamp(26px,2.6vw,38px);
  background:linear-gradient(180deg,#FFFEFB,#FCFAF3);
  border:1px solid rgba(0,0,0,.05); border-radius:24px;
  box-shadow:0 2px 4px rgba(20,52,43,.03),
             0 26px 54px -32px rgba(20,52,43,.18);
  transition:transform .55s var(--ease), box-shadow .55s var(--ease), border-color .4s;
  overflow:hidden;
}
#meiben-edge .feat:hover{
  transform:translateY(-6px); border-color:rgba(0,0,0,.07);
  box-shadow:0 4px 8px rgba(20,52,43,.04),
             0 44px 72px -34px rgba(20,52,43,.3);
}

/* 卡头：品牌色圆形图标 + 小标题 */
#meiben-edge .feat__top{ display:flex; align-items:center; gap:16px; margin-bottom:16px; }
#meiben-edge .feat__icon{
  width:54px; height:54px; border-radius:50%; flex:none; display:grid; place-items:center;
  color:#fff; background:linear-gradient(155deg,#C4AC71,#A89157);
  box-shadow:0 12px 24px -12px rgba(168,145,87,.75);
}
#meiben-edge .feat--green .feat__icon{
  background:linear-gradient(155deg,#245C4A,#14342B);
  box-shadow:0 12px 24px -12px rgba(20,52,43,.6);
}
#meiben-edge .feat__icon .ic{ width:25px; height:25px; stroke-width:1.7; }
#meiben-edge .feat__idx{
  margin:0; color:var(--green); font-size:15px; font-weight:700; letter-spacing:.01em;
}

/* 标题：加大、加重、关键词描橙 */
#meiben-edge .feat h3{
  color:var(--green); font-weight:800; line-height:1.3; letter-spacing:.004em;
  font-size:clamp(24px,3vw,34px); margin-bottom:12px; max-width:19ch;
}
#meiben-edge .feat h3 em{ font-style:normal; color:var(--terra); }   /* 关键词描橙 */

/* 正文：加大字号、放宽行距、满宽排布 */
#meiben-edge .feat p{ color:#4c4a46; font-size:clamp(15.5px,1.05vw,16.5px); line-height:1.8; max-width:none; }

/* 卡底三项能力标签：Icon + 两行文字，Hover 品牌色高亮 */
#meiben-edge .feat__tags{
  list-style:none; margin:auto 0 0; padding:18px 0 4px;
  display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
  border-top:1px solid rgba(20,52,43,.08);
}
#meiben-edge .feat__tags li{ display:flex; align-items:center; gap:12px; }
#meiben-edge .tag__ic{
  width:42px; height:42px; border-radius:50%; flex:none; display:grid; place-items:center;
  border:1px solid rgba(20,52,43,.1); background:rgba(255,255,255,.55); color:#9d978a;
  transition:color .3s var(--ease), border-color .3s, background .3s, box-shadow .3s;
}
#meiben-edge .tag__ic .ic{ width:20px; height:20px; }
#meiben-edge .tag__tx{ display:flex; flex-direction:column; font-size:12.5px; color:#8a857b; line-height:1.35; }
#meiben-edge .tag__tx b{ font-weight:700; font-size:13.5px; color:var(--green); }
#meiben-edge .feat__tags li:hover .tag__ic{
  color:#fff; border-color:transparent; background:var(--gold);
  box-shadow:0 9px 20px -9px rgba(168,145,87,.65);
}
#meiben-edge .feat--green .feat__tags li:hover .tag__ic{
  background:var(--green); box-shadow:0 9px 20px -9px rgba(20,52,43,.55);
}

/* 窄屏：能力标签降列 */
@media (max-width:640px){
  #meiben-edge .feat__tags{ grid-template-columns:1fr; gap:14px; }
}

/* 暖米色 G7 带 → 「探索更多」：补足顶部呼吸，标题不再贴着色块底边（同研究生页处理）*/
#meiben-edge + .explore{ padding-top:104px; }

/* —— services 引流卡：三模块紧凑栏（替代三段完整模块）—— */
.featured__modules{
  display:grid; grid-template-columns:1fr; gap:0; margin-top:32px;
  border-top:1px solid rgba(255,255,255,.16);
}
.fmod{
  display:grid; grid-template-columns:auto 1fr; align-items:baseline; column-gap:16px;
  padding:18px 2px; border-bottom:1px solid rgba(255,255,255,.12);
}
.fmod__no{
  /* 数字独占左列并跨越「标题 + 描述」两行，右列 1fr 才能拿到全部剩余宽度；
     否则描述 <i> 会回流到左列把 auto 撑宽，反过来挤窄标题列 → 标题逐字换行 */
  grid-row:1 / span 2; align-self:baseline;
  font-stretch:70%; font-weight:880; font-size:30px; line-height:1;
  color:transparent; -webkit-text-stroke:1.3px var(--gold-soft);
}
.fmod b{ font-size:16px; font-weight:800; color:#fff; }
.fmod i{ display:block; font-style:normal; font-size:13px; line-height:1.6;
  color:rgba(255,255,255,.66); margin-top:7px; }
@media (min-width:760px){
  .featured__modules{ grid-template-columns:repeat(3,1fr); column-gap:48px; }
  .fmod{ display:block; padding-top:30px; border-bottom:none; }
  .fmod__no{ display:block; margin-bottom:12px; font-size:34px; }
  .fmod b{ display:block; }
}

/* =========================================================
   ✦ 研究生页重做（2026-06-23）· 深绿编辑式 Hero + 流程时间轴 + 三大支柱
   全部新增 .g* / .page-hero--grad 类，零影响其他页面
   ========================================================= */

/* —— Hero：深绿满幅 · 装饰描边大词 · 暖金辉光 · 资历账目条 —— */
/* 深绿为基准：拱廊内庭实拍垫底，压一层深绿渐变——左侧近实心保证白字，右侧半透露出建筑纵深 */
.page-hero--grad{
  overflow:hidden;
  /* 高度下限对齐美本页 Hero（美本副标题占 3 行 ≈511px，研究生副标题仅 2 行会矮 ~30px，
     导致下一板块标题在首屏折线上方提前露出）——补足后两页 Hero 等高，
     「服务流程」标题落到折线以下，刚打开只见 Hero 标题，下滑才揭示（配合下方 #grad-process 顶部留白）。 */
  min-height:512px;
  padding-top:150px; padding-bottom:74px;
  background:
    radial-gradient(125% 95% at 90% 6%, rgba(168,145,87,.20) 0%, rgba(168,145,87,0) 56%),
    linear-gradient(180deg, rgba(20,52,43,0) 42%, rgba(20,52,43,.38) 100%),
    linear-gradient(90deg, rgba(20,52,43,.96) 0%, rgba(20,52,43,.88) 32%, rgba(20,52,43,.62) 64%, rgba(20,52,43,.46) 100%),
    url("../assets/bg-grad-hero.webp") center center / cover no-repeat,
    var(--green);
}
@media (max-width:640px){
  /* 窄屏文案更密：改为整体压深的竖向渐变，图片弱化为氛围底纹，全部文字优先可读 */
  .page-hero--grad{
    background:
      radial-gradient(140% 80% at 88% 4%, rgba(168,145,87,.18) 0%, rgba(168,145,87,0) 58%),
      linear-gradient(180deg, rgba(20,52,43,.74) 0%, rgba(20,52,43,.86) 58%, rgba(20,52,43,.93) 100%),
      url("../assets/bg-grad-hero.webp") center center / cover no-repeat,
      var(--green);
  }
}
/* 底部一道暖金渐隐细线，给深绿块一个明确的收口，避免下一段“漏一截”露出 */
.page-hero--grad::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg, rgba(217,194,140,0), rgba(217,194,140,.4) 30%, rgba(217,194,140,.4) 70%, rgba(217,194,140,0));
}
.page-hero--grad .page-hero__inner{ position:relative; }
.page-hero--grad .crumbs--hero{
  position:static; max-width:none; margin:0 0 30px; padding:0;
  color:rgba(255,255,255,.6);
}
.page-hero--grad .crumbs--hero a{ color:rgba(255,255,255,.6); }
.page-hero--grad .crumbs--hero a:hover{ color:#fff; }
.page-hero--grad .crumbs--hero b{ color:var(--gold-soft); }
.page-hero--grad h1{ position:relative; font-size:clamp(40px,8.4vw,80px); }
.page-hero--grad .page-hero__sub{ position:relative; max-width:54ch; }

/* —— Hero 文案逐行渐入上浮（复用 hero-fade-up 缓动）—— */
.page-hero--grad .crumbs--hero,
.page-hero--grad .eyebrow,
.page-hero--grad h1,
.page-hero--grad .page-hero__sub{
  opacity:0; transform:translateY(20px);
  animation:hero-fade-up .72s cubic-bezier(.16,1,.3,1) forwards;
}
.page-hero--grad .crumbs--hero{ animation-delay:.06s; }
.page-hero--grad .eyebrow{ animation-delay:.16s; }
.page-hero--grad h1{ animation-delay:.28s; }
.page-hero--grad .page-hero__sub{ animation-delay:.42s; }

/* （旧「.gflow 竖向时间轴」已由 2026-07-01「服务流程」板块取代，样式见文件末尾 .svc-* 区块） */

/* —— 为什么选择我们 · 宣言式三联标语（2026-07-08 二稿：居中诗节式）——
   深绿底 + 居中 Fraunces 大标语（关键词描金斜体）+ 一行小字注脚，
   诗节之间以「描金渐隐细线 + 菱形花饰」分隔。标语即标题：
   板块只留 eyebrow 引子，不设 h2 大标题，避免两级大字互相打架。 */
.gwhy{
  padding-top:clamp(68px,8.5vw,96px); padding-bottom:clamp(72px,9vw,104px);
  text-align:center;
}
/* eyebrow 居中：补一条左侧短线，与自带的右侧短线对称 */
.gwhy .eyebrow{ margin-bottom:clamp(30px,4.5vw,44px); }
.gwhy .eyebrow::before{ content:""; width:30px; height:2px; background:currentColor; opacity:.5; }
.gwhy__slogan{
  font-family:'Fraunces','Noto Serif SC',serif; font-weight:500;
  font-size:clamp(27px,5.6vw,50px); line-height:1.32; letter-spacing:.005em;
  color:#F5F1E6;
}
.gwhy__slogan em{ font-style:italic; font-weight:500; color:var(--gold-soft); padding:0 .04em; }
.gwhy__note{
  margin:13px auto 0; max-width:34em;
  color:rgba(255,255,255,.58); font-size:14.5px; line-height:1.8;
}
.gwhy__fleuron{
  display:flex; align-items:center; justify-content:center; gap:18px;
  margin:clamp(26px,4vw,40px) auto;
  color:var(--gold-soft); font-size:11px; line-height:1;
}
.gwhy__fleuron::before,
.gwhy__fleuron::after{
  content:""; width:56px; height:1px;
  background:linear-gradient(90deg, rgba(217,194,140,0), rgba(217,194,140,.45));
}
.gwhy__fleuron::after{ background:linear-gradient(90deg, rgba(217,194,140,.45), rgba(217,194,140,0)); }

/* —— 衔接节奏微调（仅研究生页）—— */
/* 深绿 Hero → 流程：给浅色流程区更从容的顶部留白，绿→米过渡更利落。
   顶部留白对齐美本页（156/116），把「服务流程」标题推到首屏折线以下——
   刚打开只见 Hero 一个标题，往下滑才揭示下一板块标题（.section__head.reveal）。 */
#grad-process{ padding-top:156px; }
@media (max-width:640px){
  #grad-process{ padding-top:116px; }
}
/* 深绿「为什么」宣言带 → 「探索更多」：补足顶部呼吸，标题不再贴着色块边缘 */
#why-grad + .explore{ padding-top:104px; }
/* 文书训练营（六易其稿改版后）：FAQ → 「探索更多」，补足顶部呼吸 */
#camp-faq + .explore{ padding-top:36px; }
/* 转学页：FAQ 色块带 → 「探索更多」，补足顶部呼吸 */
#faq + .explore{ padding-top:104px; }
/* 多国联申页：服务方案色块带 → 「探索更多」，补足顶部呼吸 */
#solution + .explore{ padding-top:104px; }

/* =========================================================
   ✦ 研究生页 · 服务流程重做（2026-07-01）
   OUR PROCESS 横向时间轴 + 四步图文交替大卡（图注 + 图标胶囊清单 + 附赠盒）
   命名空间 .svc-*，仅研究生页引用，零影响其他页面
   ========================================================= */
.svc-flow .section__head{ max-width:740px; }
.svc-flow .section__head h2{ line-height:1.12; }

/* —— 横向时间轴：四步索引（圆点在左 · 文字在右 · 四色圆点 · 连接线带中点）—— */
.svc-rail{
  margin-top:clamp(30px,4vw,44px);
  display:grid; grid-template-columns:repeat(2,1fr); gap:26px 18px;
}
.svc-rail__node{ display:flex; align-items:center; gap:16px; min-width:0; }
.svc-rail__dot{
  flex:none; display:grid; place-items:center; width:60px; height:60px; border-radius:50%;
  background:var(--gold); color:#fff;
  font-family:"Fraunces",Georgia,serif; font-weight:600; font-size:24px; letter-spacing:.01em;
  box-shadow:0 12px 24px -12px rgba(20,52,43,.5);
}
/* 四色圆点：取自各卡图片主色（与下方四张大卡逐一对应）暖金 / 松绿 / 古铜 / 桃花心木 */
.svc-rail__node:nth-child(1) .svc-rail__dot{ background:#9E7A38; box-shadow:0 12px 24px -13px rgba(158,122,56,.7); }
.svc-rail__node:nth-child(2) .svc-rail__dot{ background:#2E5344; box-shadow:0 12px 24px -13px rgba(46,83,68,.6); }
.svc-rail__node:nth-child(3) .svc-rail__dot{ background:#6F5A3A; box-shadow:0 12px 24px -13px rgba(111,90,58,.6); }
.svc-rail__node:nth-child(4) .svc-rail__dot{ background:#7C3E2A; box-shadow:0 12px 24px -13px rgba(124,62,42,.6); }
.svc-rail__tx{ display:flex; flex-direction:column; line-height:1.34; }
.svc-rail__tx b{ font-weight:800; font-size:16.5px; color:var(--green); }
.svc-rail__tx i{ font-style:normal; font-weight:600; font-size:15px; color:#6b6459; margin-top:2px; }
@media (min-width:760px){
  .svc-rail{ display:flex; align-items:center; gap:0; }
  /* 前三节点 grow → 连接线拉长撑满；末节点仅占内容宽被顶到右端 → 整行占满、无右侧留白 */
  .svc-rail__node{ flex:1 1 0; }
  .svc-rail__node:last-child{ flex:0 0 auto; }
  /* 连接线：占满节点剩余宽度，细线居中 + 中点小圆点 */
  .svc-rail__node:not(:last-child)::after{
    content:""; flex:1 1 auto; height:9px; margin:0 clamp(16px,1.8vw,30px);
    background-image:
      radial-gradient(circle, var(--gold) 0 3.5px, transparent 4px),
      linear-gradient(var(--line), var(--line));
    background-repeat:no-repeat, no-repeat;
    background-position:center, center;
    background-size:8px 8px, 100% 1.5px;
  }
}

/* —— 四步图文交替大卡 —— */
.svc-steps{ display:grid; gap:clamp(16px,2vw,24px); margin-top:clamp(40px,5vw,60px); }
.svc-step{
  --acc:var(--gold);
  position:relative; display:grid; grid-template-columns:1fr; gap:0;
  background:#fff; border:none; border-radius:26px; overflow:hidden;
  /* 多层柔和投影：贴地薄影 + 中景 + 远景，营造卡片浮于米底之上的立体感 */
  box-shadow:
    0 1px 2px rgba(20,52,43,.05),
    0 10px 22px -12px rgba(20,52,43,.14),
    0 26px 50px -28px rgba(20,52,43,.20);
  transition:transform .5s var(--ease), box-shadow .5s var(--ease);
}
/* 每张卡片一色，取自各卡图片主色，与上方轴线分点逐一对应 */
.svc-steps > .svc-step:nth-child(1){ --acc:#9E7A38; } /* 卡1 台灯暖金 */
.svc-steps > .svc-step:nth-child(2){ --acc:#2E5344; } /* 卡2 深绿墙面 */
.svc-steps > .svc-step:nth-child(3){ --acc:#6F5A3A; } /* 卡3 旧墙皮革·古铜 */
.svc-steps > .svc-step:nth-child(4){ --acc:#7C3E2A; } /* 卡4 酒红护照·桃花心木 */
.svc-step:hover{
  transform:translateY(-6px);
  box-shadow:
    0 2px 4px rgba(20,52,43,.06),
    0 18px 34px -14px rgba(20,52,43,.18),
    0 40px 72px -32px rgba(20,52,43,.28);
}

/* 媒体（插画面板）*/
.svc-step__media{ display:flex; }
/* 图片面板占满一侧、无独立描边圆角（外层卡片 overflow:hidden 负责裁外角）*/
.svc-art{
  position:relative; flex:1; overflow:hidden; min-height:190px;
  background:radial-gradient(125% 125% at 24% 16%,
    color-mix(in srgb, var(--acc) 6%, #FCF9F2) 0%,
    color-mix(in srgb, var(--acc) 16%, #F1E7D3) 60%,
    color-mix(in srgb, var(--acc) 28%, #E7DBC2) 100%);
  display:grid; place-items:center;
}
.svc-art::before{   /* 装饰点阵（右下渐隐）*/
  content:""; position:absolute; inset:0; opacity:.5; pointer-events:none;
  background-image:radial-gradient(color-mix(in srgb, var(--acc) 34%, transparent) 1.4px, transparent 1.6px);
  background-size:16px 16px;
  -webkit-mask-image:radial-gradient(120% 120% at 82% 86%, #000 0%, transparent 56%);
          mask-image:radial-gradient(120% 120% at 82% 86%, #000 0%, transparent 56%);
}
/* 真实图片素材：铺满面板、居中裁切 */
.svc-art__img{
  position:absolute; inset:0; z-index:1; display:block;
  width:100%; height:100%; object-fit:cover;
}
.svc-art__icon{
  position:relative; z-index:1; width:clamp(58px,6.4vw,84px); height:auto;
  color:var(--acc); filter:drop-shadow(0 12px 20px rgba(20,52,43,.14));
}
.svc-art__mini{
  position:absolute; z-index:1; right:14%; bottom:15%;
  width:clamp(30px,3.2vw,40px); height:auto; color:var(--green-2);
  background:#fff; border-radius:12px; padding:7px;
  box-shadow:0 12px 26px -12px rgba(20,52,43,.42);
}

/* 正文 */
.svc-step__body{ position:relative; padding:clamp(24px,3.4vw,44px); }
/* 序号 · 统一置于大标题左侧（同款彩色，随卡片强调色）*/
.svc-step__head{ display:flex; align-items:center; gap:clamp(12px,1.5vw,18px); margin-bottom:26px; }
.svc-step__no{
  flex:none; line-height:1; letter-spacing:.01em;
  font-family:"Fraunces",Georgia,serif; font-weight:600;
  font-size:clamp(34px,3.8vw,48px); color:var(--acc);
}
.svc-step__title{
  font-stretch:80%; font-weight:850; font-size:clamp(23px,2.6vw,30px);
  color:var(--green); line-height:1.18; letter-spacing:-.01em;
  margin:0; max-width:none; white-space:nowrap;
}
.svc-list{ display:grid; gap:clamp(14px,1.6vw,18px); }
/* 图标顶对齐 → 文字换行时锚定第一行（而非在两行间居中浮动）*/
.svc-list > li{ display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:start; }
/* 小 logo · 实心圆底 + 白色图标（随卡片强调色）*/
.svc-ic{
  flex:none; width:32px; height:32px; border-radius:50%;
  display:grid; place-items:center; color:#fff;
  background:var(--acc); border:none;
  box-shadow:0 8px 16px -8px color-mix(in srgb, var(--acc) 65%, transparent);
}
/* 负外边距把图标光学对齐到首行中线（首行高 ≈ 24px，32px 圆需上提约 4px）*/
.svc-list > li > .svc-ic{ margin-top:-4px; }
.svc-ic .ic{ width:17px; height:17px; stroke-width:2; }
/* 小标题 + 解释同行排布：标题加粗、冒号分隔，解释紧随其后 */
.svc-list b{ display:inline; font-weight:800; font-size:14px; color:var(--green); line-height:1.7; }
.svc-list b::after{ content:"："; }
.svc-list p{ display:inline; font-size:14px; color:#555555; line-height:1.7; margin:0; max-width:none; }

/* 附赠服务（卡三）· 无盒 · 描边药丸标签 + 次级小圆标记 */
.svc-bonus{ margin-top:22px; padding-top:20px;
  border-top:1px solid color-mix(in srgb, var(--terra) 16%, var(--line)); }
.svc-bonus__tag{
  display:inline-flex; align-items:center; margin-bottom:15px;
  font-size:12px; font-weight:800; letter-spacing:.08em;
  color:var(--terra);
  border:1.5px solid color-mix(in srgb, var(--terra) 34%, transparent);
  background:color-mix(in srgb, var(--terra) 6%, #fff);
  padding:5px 15px; border-radius:999px;
}
.svc-bonus__tag::after{ content:"："; margin-left:-.12em; }
.svc-bonus ul{ display:grid; gap:12px; }
.svc-bonus li{ display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:center; }
/* 次级标记：柔和赤陶色底 + 赤陶色描线图标，弱于上方主列表的实心大圆 */
.svc-bonus .svc-ic{
  width:22px; height:22px; border-radius:50%; box-shadow:none;
  background:color-mix(in srgb, var(--terra) 13%, #fff);
  color:var(--terra);
}
.svc-bonus .svc-ic .ic{ width:13px; height:13px; stroke-width:2.4; }
.svc-bonus b{ font-weight:600; font-size:14px; color:var(--green); line-height:1.6; }

@media (min-width:900px){
  .svc-step{ grid-template-columns:0.5fr 1fr; align-items:stretch; gap:0; }
  /* 翻转卡（图在右）：列宽随之镜像，正文仍占宽列、图片占窄列 */
  .svc-step--flip{ grid-template-columns:1fr 0.5fr; }
  .svc-step--flip .svc-step__media{ order:2; }
  .svc-step--flip .svc-step__body{ order:1; }
  .svc-art{ min-height:210px; height:100%; }
  .svc-step__body{ align-self:center; padding:clamp(26px,2.6vw,40px); }
}

/* =========================================================
   ✦ services.html · 高级化改版（2026-07-03 · scope=.services-page）
   编辑杂志式升级：Hero 服务目录索引 / featured 加拱窗插画位 /
   服务卡图头化（.card--media）/ 四种服务模式编辑式卡 /
   通用插画占位组件 .ph-art（客户供图后原位替换 <img>）
   仅作用于 services 页，其他页面共用类不受影响
   ========================================================= */

/* —— 0 · 服务地图卡 · 真实陪伴照片条（原 scene-banner 并入 featured 卡） —— */
.featured__scene{
  display:grid; grid-template-columns:1fr; gap:0;
  margin:26px 0 0; border-radius:calc(var(--radius-lg) - 8px); overflow:hidden;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
}
.featured__scene img{
  width:100%; height:210px; object-fit:cover; object-position:center 46%; display:block;
}
.featured__scene figcaption{ padding:20px 22px 22px; }
.featured__scene .eyebrow{ color:var(--gold-soft); }
.featured__scene b{
  display:block; font-stretch:78%; font-weight:850; font-size:19px;
  color:#fff; margin:6px 0 6px; line-height:1.3;
}
.featured__scene span{
  display:block; font-size:13.5px; line-height:1.8;
  color:rgba(255,255,255,.78); max-width:56ch;
}
@media (min-width:860px){
  .featured__scene{ grid-template-columns:5fr 4fr; align-items:stretch; }
  .featured__scene img{ height:100%; min-height:200px; }
  .featured__scene figcaption{ align-self:center; padding:24px 28px; }
}

/* —— 1 · Hero：拉开留白 + 杂志目录式服务索引 —— */
.services-page .page-hero--services{ padding-top:140px; padding-bottom:8px; }
.svc-index{
  display:grid; grid-template-columns:1fr; gap:0;
  margin-top:44px; border-top:1px solid rgba(20,52,43,.16);
}
.svc-index__item{
  position:relative; display:grid;
  grid-template-columns:auto 1fr auto; grid-template-areas:"no name ic" "no note ic";
  column-gap:16px; align-items:baseline;
  padding:15px 2px; border-bottom:1px solid rgba(20,52,43,.10);
  transition:background .3s var(--ease), padding .3s var(--ease);
}
.svc-index__item i{
  grid-area:no; align-self:baseline;
  font-family:'Fraunces','Noto Serif SC',serif; font-style:normal;
  font-weight:600; font-size:15px; color:var(--gold); line-height:1;
  min-width:26px;
}
.svc-index__item b{
  grid-area:name; font-stretch:80%; font-weight:800; font-size:16.5px;
  color:var(--green); letter-spacing:.01em; line-height:1.3;
  transition:color .3s;
}
.svc-index__item span{
  grid-area:note; font-size:12.5px; color:var(--muted); line-height:1.5; margin-top:3px;
}
.svc-index__item .ic{
  grid-area:ic; align-self:center; width:17px; height:17px; color:var(--gold);
  opacity:0; transform:translateX(-6px);
  transition:opacity .3s var(--ease), transform .3s var(--ease);
}
.svc-index__item:hover{ background:rgba(255,255,255,.55); }
.svc-index__item:hover b{ color:var(--terra); }
.svc-index__item:hover .ic{ opacity:1; transform:translateX(0); }
@media (min-width:700px){
  .svc-index{ grid-template-columns:repeat(2,1fr); column-gap:40px; }
  /* 双列时右列同样需要顶部细线（首行两项都贴 border-top，其余靠 item 底线） */
}
@media (min-width:1024px){
  .svc-index{ grid-template-columns:repeat(3,1fr); column-gap:48px; }
  .svc-index__item{ padding:18px 2px; }
}

/* =========================================================
   服务页 Hero · 编辑式入场编排（2026-07-03）
   分层剧本：背景沉降 → 标签描线 → 标题拉幕 → 金线扫出
              → 副标题浮入 → 目录顶线画出 → 五条索引逐条落定
   纯 CSS load 即播（hero 在首屏，复用全站 hero-fade-up 缓动语言）
   ========================================================= */
@keyframes svc-bg-settle{        /* 背景建筑图：缩放沉降 + 淡入（电影式开幕） */
  from{ opacity:0; transform:translateX(-50%) scale(1.06); }
  to{   opacity:1; transform:translateX(-50%) scale(1); }
}
@keyframes svc-curtain{          /* 标题：由上至下拉幕揭示 + 轻上浮 */
  from{ clip-path:inset(-0.12em 0 100% 0); transform:translateY(0.24em); opacity:0; }
  55%{  opacity:1; }
  to{   clip-path:inset(-0.12em 0 -0.16em 0); transform:translateY(0); opacity:1; }
}
@keyframes svc-tick{ to{ width:30px; } }           /* eyebrow 描金小横标画出 */
@keyframes svc-underline{ to{ background-size:100% 2px; } } /* em 描金下划线扫出 */
@keyframes svc-rule{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } } /* 目录顶线 */
@keyframes svc-row-in{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }

/* 1 · 背景图沉降 */
.page-hero--services::before{
  opacity:0; transform-origin:center;
  animation:svc-bg-settle 1.4s cubic-bezier(.16,1,.3,1) forwards;
}
/* 2 · 标签浮入 + 描金小横标画出 */
.page-hero--services .eyebrow{
  opacity:0; transform:translateY(16px);
  animation:hero-fade-up .6s cubic-bezier(.16,1,.3,1) .15s forwards;
}
.page-hero--services .eyebrow::after{
  width:0; animation:svc-tick .55s var(--ease) .48s forwards;
}
/* 3 · 主标题拉幕（全场主角） */
.page-hero--services h1{
  opacity:0; will-change:clip-path, transform;
  animation:svc-curtain .95s cubic-bezier(.16,1,.3,1) .32s forwards;
}
/* 4 · em 斜体金字：描金下划线扫出 */
.page-hero--services h1 em{
  background:linear-gradient(var(--gold),var(--gold)) 0 92% / 0% 2px no-repeat;
  animation:svc-underline .7s var(--ease) 1.05s forwards;
}
/* 5 · 副标题浮入 */
.page-hero--services .page-hero__sub{
  opacity:0; transform:translateY(18px);
  animation:hero-fade-up .7s cubic-bezier(.16,1,.3,1) .55s forwards;
}
/* 6 · 目录顶线由左向右画出（用 ::before 描线接管原 border-top 细线） */
.page-hero--services .svc-index{ position:relative; border-top-color:transparent; }
.page-hero--services .svc-index::before{
  content:""; position:absolute; top:-1px; left:0; right:0; height:1px;
  background:rgba(20,52,43,.16); transform:scaleX(0); transform-origin:left;
  animation:svc-rule .7s var(--ease) .72s forwards;
}
/* 7 · 五条服务索引逐条错峰落定 */
.page-hero--services .svc-index__item{
  opacity:0; animation:svc-row-in .6s var(--ease) forwards;
}
.page-hero--services .svc-index__item:nth-child(1){ animation-delay:.82s; }
.page-hero--services .svc-index__item:nth-child(2){ animation-delay:.92s; }
.page-hero--services .svc-index__item:nth-child(3){ animation-delay:1.02s; }
.page-hero--services .svc-index__item:nth-child(4){ animation-delay:1.12s; }
.page-hero--services .svc-index__item:nth-child(5){ animation-delay:1.22s; }

/* —— 2 · 通用插画占位 .ph-art：暖米渐变 + 点阵 + 说明标签 ——
   客户供图后：占位 <figure> 内放 <img>，标签自动被图片盖住或删 data-ph 即可 */
.services-page .ph-art{
  --acc:var(--gold);
  position:relative; overflow:hidden; display:grid; place-items:center;
  background:radial-gradient(125% 125% at 24% 16%,
    color-mix(in srgb, var(--acc) 6%, #FCF9F2) 0%,
    color-mix(in srgb, var(--acc) 16%, #F1E7D3) 60%,
    color-mix(in srgb, var(--acc) 28%, #E7DBC2) 100%);
}
.services-page .ph-art::before{
  content:""; position:absolute; inset:0; opacity:.5; pointer-events:none;
  background-image:radial-gradient(color-mix(in srgb, var(--acc) 34%, transparent) 1.4px, transparent 1.6px);
  background-size:16px 16px;
  -webkit-mask-image:radial-gradient(120% 120% at 82% 86%, #000 0%, transparent 56%);
          mask-image:radial-gradient(120% 120% at 82% 86%, #000 0%, transparent 56%);
}
.services-page .ph-art::after{
  content:attr(data-ph); position:relative; z-index:1;
  max-width:82%; text-align:center;
  font-size:12px; font-weight:600; letter-spacing:.04em; line-height:1.6;
  color:color-mix(in srgb, var(--acc) 62%, #4a4a44);
  background:rgba(255,255,255,.72); border:1px dashed color-mix(in srgb, var(--acc) 45%, transparent);
  border-radius:10px; padding:8px 14px;
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
}
.services-page .ph-art[data-ph=""]::after,
.services-page .ph-art:not([data-ph])::after{ display:none; }
/* 深色变体：深绿底 + 暖金点阵（featured / 训练营卡用） */
.services-page .ph-art--dark{
  background:radial-gradient(130% 130% at 22% 14%,
    #1E4A3C 0%, #17392E 58%, #102A20 100%);
}
.services-page .ph-art--dark::before{
  background-image:radial-gradient(rgba(217,194,140,.4) 1.4px, transparent 1.6px);
  opacity:.45;
}
.services-page .ph-art--dark::after{
  color:var(--gold-soft);
  background:rgba(16,42,32,.5); border-color:rgba(217,194,140,.4);
}
/* 供图后的真实图片：铺满面板、居中裁切 + hover 缓慢放大（预留） */
.services-page .ph-art img{
  position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover;
  transition:transform .7s var(--ease);
}
.services-page .card--media:hover .ph-art img{ transform:scale(1.05); }

/* —— 3 · 美本 featured：文字左 + 拱窗插画右 —— */
.services-page .featured__grid{ display:grid; grid-template-columns:1fr; gap:30px; }
.services-page .featured__art{
  margin:6px auto 0; width:min(320px,78%); aspect-ratio:3/4;
  border:1px solid rgba(217,194,140,.4);
  border-radius:clamp(120px,22vw,999px) clamp(120px,22vw,999px) 16px 16px; /* 学院拱窗 */
  box-shadow:inset 0 0 0 6px rgba(16,42,32,.55), 0 30px 60px -36px rgba(0,0,0,.6);
}
.services-page .featured__art.ph-art{
  background:radial-gradient(130% 130% at 30% 12%, #1E4A3C 0%, #17392E 55%, #0E2721 100%);
}
.services-page .featured__art.ph-art::before{
  background-image:radial-gradient(rgba(217,194,140,.38) 1.4px, transparent 1.6px);
  opacity:.4;
}
.services-page .featured__art.ph-art::after{
  color:var(--gold-soft); background:rgba(16,42,32,.55);
  border-color:rgba(217,194,140,.42);
}
.services-page .featured__top{ margin-bottom:0; }
.services-page .featured .featured__tags{ margin-top:26px; }
@media (min-width:880px){
  .services-page .featured__grid{
    grid-template-columns:1.35fr .9fr; gap:clamp(36px,4.5vw,64px); align-items:center;
  }
  .services-page .featured__art{ margin:0 0 0 auto; width:min(300px,100%); }
}

/* —— 4 · 服务卡图头化：.card--media 上图下文 —— */
.services-page .card--grad{ --acc:#9E7A38; }      /* 暖金 */
.services-page .card--transfer{ --acc:#2E5344; }  /* 松绿 */
.services-page .card--ukeu{ --acc:#B5542A; }      /* 赤陶 */
.services-page .card--media{ padding:0; }
.services-page .card--media::before{ display:none; }  /* 图头自带主色，撤掉左色带 */
.services-page .card__media{ aspect-ratio:16/10; width:100%; }
.services-page .card--media .card__body{
  flex:1; display:flex; flex-direction:column;
  padding:24px 26px 28px;
}
.services-page .card--media .card__body .card__link{ margin-top:auto; padding-top:20px; }
/* 标签色随各卡主色（覆盖旧的三行配色规则，统一由 --acc 派生） */
.services-page .card--media .card__tags span{
  background:color-mix(in srgb, var(--acc) 10%, #fff);
  color:color-mix(in srgb, var(--acc) 78%, #333);
}
/* hover：占位面板点阵轻微提亮（真实图片时上方 scale 规则生效） */
.services-page .card--media:hover .ph-art::before{ opacity:.72; }

/* —— 5 · 单项服务横条卡：kicker + 菜单墙 —— */
.services-page .card__kicker{
  font-stretch:80%; font-weight:700; font-size:11.5px; letter-spacing:.22em;
  color:var(--gold); text-transform:uppercase; margin-bottom:10px;
}
.services-page .card--single .card__menu{ gap:12px; }
.services-page .card__menu span{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13.5px; font-weight:700; letter-spacing:.02em; color:var(--green);
  background:#fff; border:1px solid var(--line);
  padding:11px 18px; border-radius:12px;
  box-shadow:0 6px 14px -10px rgba(20,52,43,.25);
  transition:transform .3s var(--ease), border-color .3s, box-shadow .3s;
}
.services-page .card__menu span::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:var(--gold); flex:none;
}
.services-page .card--single:hover .card__menu span{
  border-color:color-mix(in srgb, var(--green) 30%, var(--line));
}
.services-page .card--single{ background:linear-gradient(135deg, #FFFFFF 0%, #FBF6EB 100%); }

/* —— 6 · 训练营卡：深色图头 + 反白正文 —— */
.services-page .card--camp{ padding:0; display:flex; flex-direction:column; }
.services-page .card--camp .card__body{
  flex:1; display:flex; flex-direction:column;
  padding:24px 26px 28px;
}
.services-page .card--camp .card__body .card__link{ margin-top:auto; padding-top:20px; }
.services-page .card--camp .card__media{ aspect-ratio:16/10; }
/* 平板段（700–1023）训练营横跨整行：图左文右，避免 16:10 图头过高 */
@media (min-width:700px) and (max-width:1023px){
  .services-page .card--camp{ flex-direction:row; align-items:stretch; }
  .services-page .card--camp .card__media{ aspect-ratio:auto; width:42%; flex:none; min-height:230px; }
  .services-page .card--camp .card__body{ padding:30px 32px; justify-content:center; }
  .services-page .card--camp .card__body .card__link{ margin-top:18px; padding-top:0; }
}

/* —— 7 · 四种服务模式：编辑式白卡（去序号，衬线大标题为锚 + 图标 + 适合人群） —— */
.services-page .feature-card{
  --acc:var(--green);
  flex-direction:column; gap:0; align-items:stretch;
  background:#fff; border:1px solid var(--line); border-radius:14px;
  padding:22px 22px 20px;
  box-shadow:0 1px 3px rgba(0,0,0,.03), 0 6px 16px -10px rgba(20,52,43,.10);
  transition:transform .35s var(--ease), box-shadow .35s, border-color .35s;
}
.services-page .feature-card:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb, var(--acc) 38%, var(--line));
  box-shadow:0 2px 6px rgba(0,0,0,.04), 0 18px 34px -18px color-mix(in srgb, var(--acc) 45%, transparent);
}
.services-page .feature-card--1{ --acc:#14342B; }
.services-page .feature-card--2{ --acc:#A89157; }
.services-page .feature-card--3{ --acc:#B5694D; }
.services-page .feature-card--4{ --acc:#1E4A3C; }
.services-page .feature-card__head{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:14px; margin-bottom:12px;
}
/* 标题即锚点：衬线放大顶到卡头，图标退为右侧点缀 */
.services-page .feature-card__head h3{
  font-family:'Fraunces','Noto Serif SC',serif;
  font-weight:600; font-size:clamp(19px,1.7vw,22px); line-height:1.35;
  color:var(--green); margin:0; padding-top:5px;
}
.services-page .feature-card__icon{
  flex:none; width:38px; height:38px; border-radius:10px;
  background:color-mix(in srgb, var(--acc) 10%, #fff);
  color:var(--acc);
  display:flex; align-items:center; justify-content:center;
  transition:background .35s, color .35s;
}
.services-page .feature-card:hover .feature-card__icon{ background:var(--acc); color:#fff; }
.services-page .feature-card p{ font-size:13.5px; line-height:1.75; color:#555555; }
.services-page .feature-card__fit{
  display:block; font-style:normal; margin-top:14px; padding-top:12px;
  border-top:1px dashed color-mix(in srgb, var(--acc) 26%, var(--line));
  font-size:12.5px; font-weight:600; line-height:1.6;
  color:color-mix(in srgb, var(--acc) 72%, #333);
}

/* —— 8 · 商务合作横幅：eyebrow 收窄标题层级 —— */
.services-page .biz-callout__text .eyebrow{ margin-bottom:10px; }
.services-page .biz-callout__text h3{ font-stretch:78%; font-weight:850; }

/* =========================================================
   ✦ writing-camp.html · 六易其稿改版（2026-07-03 · scope=.camp-page）
   竞稿综合方案「五日手稿」：编辑式深绿 Hero + 数字带 Blur Reveal +
   Day1–5 课表（复用 .svc-*）+ 深绿师资 Masthead + V1→V6 手稿对比 +
   三方案对比卡 + 营期条 + FAQ；插画占位统一走 .wc-ph
   （客户供图后在 <figure> 内放 <img> 原位替换，占位标签自动被盖住）
   全部 .wc-* / .page-hero--camp 命名空间，零影响其他页面
   ========================================================= */

/* —— 0 · 标题衬线强调：粗黑标题里嵌 Fraunces 意大利体金字（同 services 页手法） —— */
.camp-page h2 em{
  font-family:'Fraunces','Noto Serif SC',serif;
  font-style:italic; font-weight:500; font-stretch:100%;
  color:var(--gold); letter-spacing:0; padding-right:.04em;
}

/* —— 1 · Hero：深绿满幅编辑式（bg-strategy 暂代底图，客户供 bg-camp-hero 后替换 url） —— */
.page-hero--camp{
  overflow:hidden; min-height:540px;
  padding-top:150px; padding-bottom:80px;
  background:
    radial-gradient(125% 95% at 88% 8%, rgba(168,145,87,.22) 0%, rgba(168,145,87,0) 55%),
    linear-gradient(180deg, rgba(16,42,32,.05) 0%, rgba(16,42,32,.55) 100%),
    linear-gradient(90deg, rgba(16,42,32,.97) 0%, rgba(19,48,39,.93) 36%, rgba(22,56,45,.86) 68%, rgba(24,60,48,.82) 100%),
    url("../assets/bg-strategy.webp") center 28% / cover no-repeat,
    var(--green);
}
@media (max-width:640px){
  /* 窄屏文案更密：竖向压深渐变，底图弱化为氛围底纹，文字可读优先 */
  .page-hero--camp{
    background:
      radial-gradient(140% 80% at 88% 4%, rgba(168,145,87,.18) 0%, rgba(168,145,87,0) 58%),
      linear-gradient(180deg, rgba(16,42,32,.86) 0%, rgba(16,42,32,.92) 58%, rgba(16,42,32,.96) 100%),
      url("../assets/bg-strategy.webp") center center / cover no-repeat,
      var(--green);
  }
}
/* 底部暖金渐隐细线：深绿块的明确收口 */
.page-hero--camp::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg, rgba(217,194,140,0), rgba(217,194,140,.4) 30%, rgba(217,194,140,.4) 70%, rgba(217,194,140,0));
}
.page-hero--camp .page-hero__inner{ position:relative; }
.page-hero--camp .crumbs--hero{
  position:static; max-width:none; margin:0 0 30px; padding:0;
  color:rgba(255,255,255,.6);
}
.page-hero--camp .crumbs--hero a{ color:rgba(255,255,255,.6); }
.page-hero--camp .crumbs--hero a:hover{ color:#fff; }
.page-hero--camp .crumbs--hero b{ color:var(--gold-soft); }
.page-hero--camp h1{ position:relative; font-size:clamp(38px,8vw,76px); }
.page-hero--camp .page-hero__sub{ position:relative; max-width:54ch; }

/* Hero 规格铭牌：hairline 上边线 + 竖分隔的四项参数 */
.wc-meta{
  display:flex; flex-wrap:wrap; margin-top:38px;
  border-top:1px solid rgba(217,194,140,.28);
}
.wc-meta__item{
  padding:18px 28px 0 0; min-width:0;
}
.wc-meta__item + .wc-meta__item{
  padding-left:28px; border-left:1px solid rgba(255,255,255,.14);
}
.wc-meta__item b{
  display:block; font-stretch:74%; font-weight:850; font-size:20px;
  letter-spacing:.01em; color:#fff; line-height:1.2;
}
.wc-meta__item span{
  display:block; margin-top:4px; font-size:12px; letter-spacing:.04em;
  color:rgba(255,255,255,.62);
}
@media (max-width:640px){
  .wc-meta{ display:grid; grid-template-columns:1fr 1fr; gap:16px 20px; padding-top:4px; }
  .wc-meta__item{ padding:14px 0 0; }
  .wc-meta__item + .wc-meta__item{ padding-left:0; border-left:none; }
}

/* Hero 双 CTA（深底玻璃拟态样式随全站深底规则，见 .cta-band 处合并规则） */
.wc-hero-cta{ display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }

/* Hero 文案逐行渐入上浮（复用 hero-fade-up 缓动；reduced-motion 白名单已补） */
.page-hero--camp .crumbs--hero,
.page-hero--camp .eyebrow,
.page-hero--camp h1,
.page-hero--camp .page-hero__sub,
.page-hero--camp .wc-meta,
.page-hero--camp .wc-hero-cta{
  opacity:0; transform:translateY(20px);
  animation:hero-fade-up .72s cubic-bezier(.16,1,.3,1) forwards;
}
.page-hero--camp .crumbs--hero{ animation-delay:.06s; }
.page-hero--camp .eyebrow{ animation-delay:.16s; }
.page-hero--camp h1{ animation-delay:.28s; }
.page-hero--camp .page-hero__sub{ animation-delay:.42s; }
.page-hero--camp .wc-meta{ animation-delay:.56s; }
.page-hero--camp .wc-hero-cta{ animation-delay:.68s; }

/* —— 2 · 数字带：薄带 + Blur Reveal（与 cases.html 同机制的本页副本） —— */
.camp-page .stats--compact{ padding:120px 0 0; }
.camp-page .stats--compact > .eyebrow{ margin:0 22px 4px; }
.camp-page .stats--compact .stats__band{ margin-top:22px; margin-bottom:0; }
.camp-page .stat-blur{
  opacity:0; filter:blur(12px); transform:scale(1.1);
  transition:opacity .8s cubic-bezier(.25,.46,.45,.94),
             filter .8s cubic-bezier(.25,.46,.45,.94),
             transform .8s cubic-bezier(.25,.46,.45,.94);
}
.camp-page .stat-blur.is-revealed{ opacity:1; filter:blur(0); transform:scale(1); }
.camp-page .stat-blur:nth-child(1){ transition-delay:0s; }
.camp-page .stat-blur:nth-child(2){ transition-delay:.15s; }
.camp-page .stat-blur:nth-child(3){ transition-delay:.30s; }
.camp-page .stat-blur:nth-child(4){ transition-delay:.45s; }
@media (prefers-reduced-motion:reduce){
  .camp-page .stat-blur{ opacity:1; filter:none; transform:none; transition:none; }
}

/* —— 3 · 五日课表：rail 分段着色（D1–3 小班暖金 / D4–5 一对一松绿） —— */
#days .svc-rail__node:nth-child(-n+3) .svc-rail__dot{
  background:#9E7A38; box-shadow:0 12px 24px -13px rgba(158,122,56,.7);
}
#days .svc-rail__node:nth-child(n+4) .svc-rail__dot{
  background:#2E5344; box-shadow:0 12px 24px -13px rgba(46,83,68,.6);
}
/* 中文长标题允许换行（覆盖 grad 页 nowrap，防窄屏溢出） */
#days .svc-step__title{ white-space:normal; }

/* 阶段图例小胶囊 */
.wc-legend{ display:flex; flex-wrap:wrap; gap:10px; margin:-14px 0 8px; }
.wc-legend__chip{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12.5px; font-weight:700; letter-spacing:.02em; color:var(--green);
  background:#fff; border:1px solid var(--line); border-radius:999px; padding:7px 15px;
  box-shadow:0 6px 14px -10px rgba(20,52,43,.25);
}
.wc-legend__chip::before{ content:""; width:8px; height:8px; border-radius:50%; flex:none; }
.wc-legend__chip--gold::before{ background:#9E7A38; }
.wc-legend__chip--green::before{ background:#2E5344; }

/* 卡内阶段眉标 + 引言段 */
.wc-step-kicker{
  display:block; font-stretch:80%; font-weight:700; font-size:11.5px;
  letter-spacing:.2em; color:var(--acc); text-transform:uppercase; margin-bottom:12px;
}
.wc-step-intro{
  font-size:14.5px; line-height:1.85; color:#555555; margin:-8px 0 20px;
}

/* 逐日 mini 课表（Day 胶囊 + 内容行） */
.wc-agenda > div{
  display:grid; grid-template-columns:64px 1fr; gap:14px; align-items:start;
  padding:12px 0; border-top:1px solid var(--line);
}
.wc-agenda dt{
  font-stretch:76%; font-weight:850; font-size:12px; line-height:1;
  color:var(--acc); background:color-mix(in srgb, var(--acc) 10%, #fff);
  border-radius:999px; padding:6px 0; text-align:center;
}
.wc-agenda dd{ font-size:14px; line-height:1.7; color:#555555; }

/* 阶段产出行（虚线上边 + 主题色文字） */
.wc-out{
  margin-top:18px; padding-top:14px;
  border-top:1px dashed color-mix(in srgb, var(--acc) 30%, var(--line));
  font-size:13px; line-height:1.8;
  color:color-mix(in srgb, var(--acc) 70%, #333);
}
.wc-out b{ font-weight:800; }

/* —— 4 · 师资 Masthead（深绿带） —— */
.wc-mentors-grid{ display:grid; grid-template-columns:1fr; gap:36px; }
#mentors .section__head{ margin-bottom:0; }
@media (min-width:880px){
  .wc-mentors-grid{ grid-template-columns:1.05fr .95fr; gap:clamp(40px,5vw,64px); align-items:center; }
}
.wc-mentor{
  background:#FCFAF4; border-radius:var(--radius-lg); padding:26px;
  display:grid; grid-template-columns:120px 1fr; gap:22px; align-items:center;
  box-shadow:0 30px 60px -34px rgba(0,0,0,.55);
  transition:transform .45s var(--ease), box-shadow .45s var(--ease);
}
.wc-mentor:hover{ transform:translateY(-4px); box-shadow:0 38px 72px -34px rgba(0,0,0,.65); }
.wc-mentor__photo{ width:120px; aspect-ratio:3/4; border-radius:12px; }
.wc-mentor__role{
  display:block; font-stretch:80%; font-weight:700; font-size:11.5px;
  letter-spacing:.18em; color:var(--gold); text-transform:uppercase; margin-bottom:8px;
}
.wc-mentor__name{
  display:block; font-stretch:76%; font-weight:850; font-size:21px;
  color:var(--green); line-height:1.25; margin-bottom:8px;
}
.wc-mentor__info p{ font-size:13.5px; line-height:1.75; color:#666666; }
@media (max-width:520px){
  .wc-mentor{ grid-template-columns:92px 1fr; gap:16px; padding:20px; }
  .wc-mentor__photo{ width:92px; }
}

/* 十人 monogram 叠排条（默认形态即上线形态，零供图依赖） */
.wc-team-row{ margin-top:28px; display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.wc-team-strip{ display:flex; }
.wc-team-strip span{
  display:grid; place-items:center; width:44px; height:44px; border-radius:50%;
  margin-left:-10px; border:2px solid var(--green);
  background:var(--gold); color:#fff;
  font-family:'Fraunces','Noto Serif SC',serif; font-weight:600; font-size:15px;
}
.wc-team-strip span:first-child{ margin-left:0; }
.wc-team-strip span:nth-child(even){ background:#8F7A48; }
.wc-team-chip{
  font-size:12.5px; font-weight:600; letter-spacing:.03em;
  color:rgba(255,255,255,.78); border:1px solid rgba(255,255,255,.3);
  border-radius:999px; padding:6px 14px;
}
/* 版权页计数行：印刷双线（double border）+ Fraunces 斜体居中 */
.wc-count{
  max-width:680px; margin:56px auto 0; padding:14px 10px; text-align:center;
  font-family:'Fraunces','Noto Serif SC',serif; font-style:italic; font-weight:500;
  font-size:15px; line-height:1.7; color:var(--gold-soft);
  border-top:4px double rgba(217,194,140,.5);
  border-bottom:4px double rgba(217,194,140,.5);
}
.wc-team-more{ margin-top:30px; text-align:center; }
/* 深绿带内的描边按钮：玻璃拟态样式随全站深底规则（见 .cta-band 处合并规则） */

/* —— 5 · 手稿工坊 V1→V6（页面招牌，纯排版零图片） —— */
.wc-quote{
  position:relative; margin:0 0 56px;
  font-family:'Fraunces','Noto Serif SC',serif; font-style:italic; font-weight:500;
  font-size:clamp(26px,5.2vw,44px); line-height:1.4; color:var(--green);
  max-width:22ch; text-wrap:balance;
}
.wc-quote::before{
  content:"\201C"; position:absolute; top:-38px; left:-12px;
  font-family:'Fraunces',Georgia,serif; font-style:normal; font-weight:400;
  font-size:140px; line-height:1; color:var(--gold); opacity:.16; pointer-events:none;
}

/* V1→V6 版本轨道：V1–V5 空心点、V6 金色实心放大 + 光晕 */
.wc-rail{
  position:relative; display:flex; justify-content:space-between;
  max-width:760px; margin:6px 0 44px; padding:0;
}
.wc-rail::before{
  content:""; position:absolute; top:11px; left:28px; right:28px;
  height:1px; background:var(--line);
}
.wc-rail li{
  position:relative; z-index:1;
  display:flex; flex-direction:column; align-items:center; gap:8px;
}
.wc-rail i{
  display:grid; place-items:center; width:22px; height:22px; border-radius:50%;
  background:#FFFDF8; border:1px solid var(--line); color:var(--muted);
  font-style:normal; font-size:11px; font-weight:700; line-height:1;
}
.wc-rail span{ font-size:11.5px; color:var(--muted); letter-spacing:.02em; white-space:nowrap; }
.wc-rail li.is-final i{
  background:var(--gold); border-color:var(--gold); color:#fff;
  transform:scale(1.2); box-shadow:0 0 0 5px rgba(168,145,87,.14);
}
.wc-rail li.is-final span{ color:var(--gold); font-weight:700; }
@media (max-width:640px){
  /* 窄屏只保留首尾标签，中间点位仍在，轨道不换行 */
  .wc-rail li:not(:first-child):not(:last-child) span{ display:none; }
}

/* 手稿双卡：米纸 + 叠纸投影（box-shadow 负 spread 叠纸手法） */
.wc-draft{ display:grid; grid-template-columns:1fr; gap:28px; }
@media (min-width:880px){ .wc-draft{ grid-template-columns:1fr 1fr; gap:30px; align-items:start; } }
.wc-draft__card{
  position:relative; background:#FCFAF4;
  border:1px solid var(--line); border-radius:14px; padding:34px 30px 30px;
  box-shadow:
    0 6px 0 -2px #FCFAF4,
    0 6px 0 -1px rgba(229,223,210,.7),
    0 12px 0 -5px #fffdf8,
    0 12px 0 -4px rgba(229,223,210,.55),
    0 30px 55px -32px rgba(20,52,43,.25);
}
.wc-draft__card--final{ border-top:3px solid var(--green); }
.wc-draft__tag{
  display:inline-block; font-stretch:80%; font-weight:850; font-size:11px;
  letter-spacing:.16em; text-transform:uppercase;
  padding:5px 13px; border-radius:999px; margin-bottom:22px;
}
.wc-draft__tag--v1{
  color:var(--terra); border:1.5px solid color-mix(in srgb, var(--terra) 40%, transparent);
  background:color-mix(in srgb, var(--terra) 5%, #fff);
}
.wc-draft__tag--v6{ color:#fff; background:var(--green); }
/* 手稿正文：衬线 + 宽行距（内容即衬线的正当场景） */
.wc-draft__text{
  font-family:'Fraunces','Noto Serif SC',serif;
  font-size:15.5px; line-height:2; color:#3E443C;
}
.wc-draft__text p + p{ margin-top:12px; }
.wc-cut{
  text-decoration:line-through; text-decoration-color:var(--terra);
  text-decoration-thickness:2px; color:#B8B0A2;
}
.wc-mark{ background:linear-gradient(transparent 62%, rgba(217,194,140,.55) 62%); }
.wc-note{
  font-family:'Fraunces','Noto Serif SC',serif;
  font-style:italic; font-weight:500; font-size:13px !important; line-height:1.65 !important;
  color:var(--gold);
  border-left:2px solid var(--gold-soft); padding-left:10px;
  margin:10px 0 !important;
}
/* 手稿印章：双线描边 + 轻旋转 */
.wc-stamp{
  position:absolute; top:22px; right:22px; transform:rotate(-6deg);
  border:2px double currentColor; border-radius:4px; padding:5px 13px;
  font-stretch:80%; font-weight:850; font-size:12.5px;
  letter-spacing:.28em; text-indent:.28em; text-transform:uppercase;
  opacity:.85; pointer-events:none;
}
.wc-stamp--draft{ color:var(--terra); }
.wc-stamp--final{ color:var(--green); }
.wc-draft__foot{ margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }
.wc-draft__foot p{
  font-family:'Fraunces','Noto Serif SC',serif; font-style:italic;
  font-size:14px; line-height:1.7; color:#555555;
}
.wc-draft__foot span{ display:block; margin-top:6px; font-size:12px; letter-spacing:.04em; color:var(--muted); }
.wc-draft-note{ margin:22px 0 34px; font-size:12px; color:var(--muted); }

/* —— 6 · 适合谁 + 对比 + 营期 —— */
.wc-honest{
  margin-top:26px; max-width:680px;
  border-left:3px solid var(--gold); background:#FBF7EF;
  padding:18px 22px; border-radius:0 10px 10px 0;
  font-size:14.5px; line-height:1.8; color:#666666;
}
.wc-honest b{ color:var(--green); font-weight:800; }

.wc-compare-head{ margin:72px 0 26px; }
.wc-compare-head h3{ font-stretch:78%; font-weight:850; font-size:22px; color:var(--green); }
.wc-compare{ display:grid; grid-template-columns:1fr; gap:18px; }
@media (min-width:880px){ .wc-compare{ grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch; } }
.wc-compare__card{
  position:relative; display:flex; flex-direction:column; overflow:hidden;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:26px 24px 24px; box-shadow:var(--shadow-sm);
}
.wc-compare__card h4{ font-stretch:78%; font-weight:850; font-size:18px; color:var(--green); }
.wc-compare__card > p{ margin-top:4px; font-size:12.5px; color:var(--muted); }
.wc-compare__card dl{ margin-top:16px; }
.wc-compare__card dt{
  font-stretch:80%; font-weight:700; font-size:11px; letter-spacing:.18em;
  color:var(--gold); text-transform:uppercase;
  padding-top:12px; border-top:1px solid var(--line);
}
.wc-compare__card dd{ margin:4px 0 12px; font-size:14px; line-height:1.7; color:#555555; }
.wc-compare__card dd:last-of-type{ margin-bottom:20px; }
.wc-compare__card .btn{ margin-top:auto; align-self:flex-start; }
.wc-compare__link{
  margin-top:auto; padding-top:6px;
  display:inline-flex; align-items:center; gap:8px;
  font-size:13.5px; font-weight:700; color:var(--green); letter-spacing:.02em;
}
.wc-compare__link .ic{ width:16px; height:16px; transition:transform .3s var(--ease); }
.wc-compare__link:hover .ic{ transform:translateX(5px); }
/* 训练营卡高亮：金顶线 + 暖底 + 赤陶角标 */
.wc-compare__card--hot{
  background:#FBF7EF; border-color:rgba(168,145,87,.42);
}
.wc-compare__card--hot::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--gold), rgba(168,145,87,0));
}
.wc-compare__flag{
  position:absolute; top:14px; right:14px; font-style:normal;
  font-size:11px; font-weight:700; letter-spacing:.06em;
  color:#fff; background:var(--terra); border-radius:999px; padding:4px 11px;
}

/* 营期条：沙色横幅 + 限额印章 + CTA */
.wc-batch{
  margin-top:26px; display:flex; flex-wrap:wrap; align-items:center; gap:18px 26px;
  background:linear-gradient(135deg, #F3EBDB 0%, #E8DCC8 100%);
  border:1px solid rgba(168,145,87,.35); border-radius:var(--radius-lg);
  padding:26px 30px;
}
.wc-batch__info b{
  display:block; font-stretch:76%; font-weight:850; font-size:20px; color:var(--green);
}
.wc-batch__info span{ display:block; margin-top:4px; font-size:12.5px; color:#8A8172; }
.wc-batch .wc-stamp{
  position:static; transform:rotate(-3deg);
  color:var(--green); font-size:12px; letter-spacing:.12em; text-indent:.12em;
  padding:7px 14px;
}
.wc-batch .btn{ margin-left:auto; }
@media (max-width:700px){
  .wc-batch{ align-items:flex-start; flex-direction:column; gap:14px; }
  .wc-batch .btn{ margin-left:0; }
}

/* —— 7 · 通用插画占位 .wc-ph（.ph-art 的去前缀复制版）——
   客户供图后：占位 <figure> 内放 <img>，标签自动被图片盖住 */
.wc-ph{
  --acc:var(--gold);
  position:relative; overflow:hidden; display:grid; place-items:center;
  background:radial-gradient(125% 125% at 24% 16%,
    color-mix(in srgb, var(--acc) 6%, #FCF9F2) 0%,
    color-mix(in srgb, var(--acc) 16%, #F1E7D3) 60%,
    color-mix(in srgb, var(--acc) 28%, #E7DBC2) 100%);
}
.wc-ph::before{
  content:""; position:absolute; inset:0; opacity:.5; pointer-events:none;
  background-image:radial-gradient(color-mix(in srgb, var(--acc) 34%, transparent) 1.4px, transparent 1.6px);
  background-size:16px 16px;
  -webkit-mask-image:radial-gradient(120% 120% at 82% 86%, #000 0%, transparent 56%);
          mask-image:radial-gradient(120% 120% at 82% 86%, #000 0%, transparent 56%);
}
.wc-ph::after{
  content:attr(data-ph); position:relative; z-index:1;
  max-width:82%; text-align:center;
  font-family:var(--sans);
  font-size:12px; font-weight:600; letter-spacing:.04em; line-height:1.6;
  color:color-mix(in srgb, var(--acc) 62%, #4a4a44);
  background:rgba(255,255,255,.72); border:1px dashed color-mix(in srgb, var(--acc) 45%, transparent);
  border-radius:10px; padding:8px 14px;
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
}
.wc-ph[data-ph=""]::after,
.wc-ph:not([data-ph])::after{ display:none; }
.wc-ph img{
  position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover;
}
/* 窄小占位（导师照）标签缩小防挤爆 */
.wc-mentor__photo.wc-ph::after{ font-size:10.5px; padding:6px 8px; max-width:90%; }

/* —— 8 · 移动端断行控制：仅窄屏生效的 <br>（长标题两行锁排，防溢出） —— */
.wc-br-sm{ display:none; }
@media (max-width:640px){
  .wc-br-sm{ display:inline; }
  /* Hero 长眉标收紧字距防触边 */
  .page-hero--camp .eyebrow{ font-size:11px; letter-spacing:.15em; }
}

/* =========================================================
   ✦ services.html 三板块改版（2026-07-03 · 编辑式高级化）
   ① 服务地图 .svcmap：深绿版面 + 路径胶囊 + 描金三站卡 + 装饰插图（2026-07-03 二改：删全局视角实景带）
   ② 方法论 .method：左栏宣言 sticky + 右栏标题索引台账（去序号）
   ③ 核心服务 .goal-grid：目标先行决策卡（美本深绿主卡）
   全部新增类，旧 .featured/.hl/.card 规则保留给其他页面
   ========================================================= */

/* —— 板块间距节奏（接管旧 #undergrad 死规则）—— */
.services-page #service-map{ padding-top:32px; padding-bottom:48px; }
.services-page #methodology{ padding-top:72px; padding-bottom:88px; }

/* ---------- ① 服务地图 ---------- */
.svcmap{
  position:relative; overflow:hidden;
  background:
    radial-gradient(120% 90% at 88% 0%, rgba(168,145,87,.16) 0%, rgba(168,145,87,0) 55%),
    var(--green);
  color:#fff; border-radius:var(--radius-lg);
  padding:52px 28px 44px;
  box-shadow:0 34px 70px -38px rgba(20,52,43,.45);
}
.svcmap .eyebrow{ color:var(--gold-soft); }
.svcmap h2{ color:#fff; }
/* 装饰插图：纯氛围层，仅桌面加载（background-image 只写在 ≥860px 查询内），右上向左下 mask 渐隐 */
.svcmap__bg{ position:absolute; top:0; right:0; pointer-events:none; z-index:0; }
.svcmap__head,.svcmap__route,.svcmap__foot{ position:relative; z-index:1; }
.svcmap__head{ max-width:640px; }
.svcmap__lead{
  margin-top:18px; color:rgba(255,255,255,.78);
  font-size:15.5px; line-height:1.85; max-width:56ch;
}

/* 路径胶囊：四条申请线的语境捷径（签前金点=路线站点母题微缩） */
.svcmap__pills{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:26px; }
.svcmap__pills-k{
  font-style:normal; font-stretch:80%; font-weight:700; font-size:11.5px;
  letter-spacing:.2em; text-transform:uppercase; color:rgba(217,194,140,.75);
  margin-right:2px;
}
.svcmap__pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 18px; border-radius:999px;
  border:1px solid rgba(232,220,200,.5); /* 边框是唯一热区边界，保 ≥3:1 非文本对比 */
  color:var(--sand); font-size:13px; font-weight:600; letter-spacing:.05em;
  transition:color .3s, border-color .3s, background .3s, transform .3s var(--ease);
}
.svcmap__pill::before{
  content:""; width:5px; height:5px; border-radius:50%;
  background:var(--gold-soft); opacity:.75;
}
.svcmap__pill:hover{
  color:#fff; border-color:var(--gold-soft);
  background:rgba(217,194,140,.1); transform:translateY(-2px);
}

/* 描金路径：窄屏竖向书脊线，宽屏横向路线三站（圆点=站点、短线=站台、卡片=站牌） */
.svcmap__route{
  position:relative; display:grid; gap:26px;
  margin-top:40px; padding-left:30px;
}
.svcmap__route::before{
  content:""; position:absolute; left:5px; top:8px; bottom:8px; width:1.5px;
  background:linear-gradient(180deg, var(--gold-soft), rgba(217,194,140,.12));
}
.rt-stage{
  position:relative; display:flex; flex-direction:column;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  border:1px solid rgba(232,220,200,.14); border-radius:14px;
  padding:24px 22px 20px;
  transition:transform .35s var(--ease), border-color .35s;
}
.rt-stage:hover{ transform:translateY(-4px); border-color:rgba(217,194,140,.42); }
.rt-stage::before{
  content:""; position:absolute; left:-30px; top:24px;
  width:11px; height:11px; border-radius:50%;
  background:var(--gold-soft); box-shadow:0 0 0 4px rgba(217,194,140,.16);
}
/* 卡内五层：① 头行元信息 ② 站名 ③ 金句 ④ 两段式条目 ⑤ 产出脚注 */
.rt-stage__top{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.rt-stage__no{
  font-stretch:70%; font-weight:880; font-size:28px; line-height:1;
  color:transparent; -webkit-text-stroke:1.3px var(--gold-soft);
}
.rt-stage__phase{
  font-style:normal; font-stretch:80%; font-weight:700; font-size:11px;
  letter-spacing:.18em; text-transform:uppercase; color:rgba(217,194,140,.85); /* 卡面有提亮渐变，.75 会跌破 AA 4.5:1 */
}
.rt-stage h3{ color:#fff; font-size:18.5px; margin:14px 0 8px; }
.rt-stage__line{
  font-family:'Fraunces','Noto Serif SC',serif; font-style:italic; font-weight:500;
  font-size:14.5px; color:var(--gold-soft); margin-bottom:14px;
}
.rt-stage__list{ display:grid; gap:10px; margin-bottom:18px; }
.rt-stage__list li{ position:relative; padding-left:18px; font-size:14px; line-height:1.6; }
.rt-stage__list li::before{
  content:""; position:absolute; left:0; top:.72em;
  width:10px; height:1.5px; background:rgba(217,194,140,.6);
}
.rt-stage__list b{ color:rgba(255,255,255,.9); font-weight:650; margin-right:6px; }
.rt-stage__list span{ font-size:12.5px; color:rgba(255,255,255,.55); }
.rt-stage__out{
  margin-top:auto; padding-top:14px;
  border-top:1px dashed rgba(217,194,140,.28);
  font-size:12.5px; color:rgba(255,255,255,.72); letter-spacing:.04em;
}
.rt-stage__out i{ font-style:normal; color:var(--gold-soft); margin-right:4px; }

/* 收尾条：发丝线上引导语 + CTA（镜像浅底 goal-foot 的收口方式） */
.svcmap__foot{
  margin-top:40px; padding-top:24px;
  border-top:1px solid rgba(232,220,200,.14);
  display:flex; flex-wrap:wrap; align-items:center;
  justify-content:space-between; gap:14px 28px;
}
.svcmap__foot p{ font-size:14px; color:rgba(255,255,255,.65); }
.svcmap__cta{
  display:inline-flex; align-items:center; gap:9px;
  font-size:15px; font-weight:700; color:var(--gold-soft);
  transition:gap .3s var(--ease), color .3s;
}
.svcmap__cta:hover{ color:#fff; gap:14px; }
.svcmap__cta .ic{ width:18px; height:18px; }
/* 全局焦点环为 --green，深绿底上同色不可见，块内链接改描金 */
.svcmap a:focus-visible{ outline-color:var(--gold-soft); }
/* 同理：全站深底场景（数据带/转化带/深色 hero）焦点环统一改描金 */
.sec-dark :focus-visible,
.cta-band :focus-visible,
.page-hero--camp :focus-visible{ outline-color:var(--gold-soft); }
/* #consult 白色表单卡内部恢复绿环（描金对白底不可见；须写在上一条之后靠后生效） */
.consult__card :focus-visible{ outline-color:var(--green); }

@media (min-width:860px){
  .svcmap{ padding:60px 56px 56px; }
  .svcmap__bg{
    width:min(680px,56%); height:440px;
    background:url("../assets/bg-svcmap-palace.webp") 80% 18% / cover no-repeat;
    opacity:.18; filter:brightness(1.1);
    -webkit-mask-image:radial-gradient(115% 110% at 100% 0%, #000 26%, transparent 72%);
            mask-image:radial-gradient(115% 110% at 100% 0%, #000 26%, transparent 72%);
  }
  .svcmap__route{
    grid-template-columns:repeat(3,1fr); column-gap:32px;
    padding-left:0; padding-top:36px; margin-top:48px;
  }
  .svcmap__route::before{
    left:0; right:0; top:5px; bottom:auto; width:auto; height:1.5px;
    background:linear-gradient(90deg, var(--gold-soft), rgba(217,194,140,.12));
  }
  /* 站点圆点钉在路线上：卡片 hover 抬升时圆点反向补偿、站台线拉长，路线不断线 */
  .rt-stage::before{ left:2px; top:-36px; transition:transform .35s var(--ease); }
  .rt-stage:hover::before{ transform:translateY(4px); }
  .rt-stage::after{
    content:""; position:absolute; left:7px; top:-25px;
    width:1.5px; height:25px;
    background:linear-gradient(180deg, var(--gold-soft), rgba(217,194,140,.2));
    transition:top .35s var(--ease), height .35s var(--ease);
  }
  .rt-stage:hover::after{ top:-29px; height:29px; }
  .rt-stage__no{ font-size:32px; }
  .svcmap__foot{ margin-top:48px; }
}

/* ---------- ② 方法论（拒绝千人一面） ---------- */
.method{ display:grid; grid-template-columns:1fr; gap:44px; }
.method .strategy__head{ margin:0; }
/* 标题锁单行（配合 .strike-svg 划线），字号收敛保证 6 字不折行 */
.method .strategy__word{ font-size:clamp(40px,6.6vw,74px); }

/* 左栏实拍：真实陪伴（图说压图，编辑式 photo card） */
.method__photo{
  position:relative; margin-top:36px; overflow:hidden;
  border-radius:var(--radius-lg); box-shadow:var(--shadow-md);
}
.method__photo img{ width:100%; aspect-ratio:3/2; object-fit:cover; }
.method__photo figcaption{
  position:absolute; left:0; right:0; bottom:0;
  padding:64px 24px 20px;
  background:linear-gradient(180deg, rgba(14,30,24,0) 0%, rgba(14,30,24,.55) 40%, rgba(14,30,24,.88) 100%);
}
.method__photo-eyebrow{
  font-stretch:80%; font-weight:800; font-size:11px; letter-spacing:.24em;
  text-transform:uppercase; color:var(--gold-soft); margin-bottom:8px;
}
.method__photo b{ display:block; font-size:17px; font-weight:800; color:#fff; margin-bottom:7px; }
.method__photo span{ display:block; font-size:13px; line-height:1.75; color:rgba(255,255,255,.82); }

/* 右栏：编辑式索引台账 —— 去序号，大号衬线标题独占左列做视觉锚点，
   英文小标垫在标题下，描述与落点行归右列，发丝线分隔行 */
.method__list{ border-bottom:1px solid rgba(20,52,43,.16); }
.mstep{
  position:relative; display:grid; grid-template-columns:1fr;
  row-gap:12px; padding:26px 0 28px;
  border-top:1px solid rgba(20,52,43,.16);
}
.mstep::after{
  content:""; position:absolute; left:0; top:-1px; height:2px; width:0;
  background:var(--gold); transition:width .5s var(--ease);
}
.mstep:hover::after{ width:56px; }
.mstep__title{
  font-family:'Fraunces','Noto Serif SC',serif;
  font-weight:600; font-size:clamp(23px,4.8vw,29px); line-height:1.3;
  letter-spacing:.02em; color:var(--green);
  transition:transform .45s var(--ease);
}
.mstep:hover .mstep__title{ transform:translateX(6px); }
.mstep__en{
  display:block; margin-top:8px;
  font-family:var(--sans); font-style:normal; font-stretch:80%;
  font-weight:700; font-size:11px; letter-spacing:.24em; text-transform:uppercase;
  color:rgba(168,145,87,.75);
}
.mstep__body p{ color:#43423c; font-size:15px; line-height:1.8; max-width:52ch; }
.mstep__body p.mstep__proof{
  display:flex; align-items:baseline; gap:9px; margin-top:10px;
  font-size:13px; color:#8a8578; letter-spacing:.01em;
}
.mstep__proof::before{
  content:""; flex:none; width:14px; height:1.5px; background:var(--gold);
  transform:translateY(-3.5px);
}

@media (min-width:1024px){
  .method{ grid-template-columns:0.92fr 1.08fr; gap:72px; align-items:start; }
  .method__intro{ position:sticky; top:110px; }
  /* 台账行拉成两列：标题列锁 150–190px，行随标题字高加深呼吸 */
  .mstep{ grid-template-columns:minmax(150px,190px) 1fr; column-gap:40px; padding:32px 0 34px; }
  /* 首行正文与大标题首行的光学对齐补偿 */
  .mstep__body{ padding-top:6px; }
}

/* ---------- ③ 核心服务（目标先行决策卡 · 目录页语法：
   描边大编号入口 → 「目标句」 → 单行金点事实句 → 点线引导行终点） ---------- */
.goal-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
.gcard{
  position:relative; display:flex; flex-direction:column;
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:32px 28px 28px; color:inherit;
  transition:transform .4s var(--ease), border-color .4s, box-shadow .4s;
}
.gcard:hover{
  transform:translateY(-4px); border-color:rgba(20,52,43,.4);
  box-shadow:0 26px 52px -30px rgba(20,52,43,.3);
}
/* 编号：GOAL 小金签留在流内（紧），巨型衬线数字做水印印在卡面右上（弛）。
   水印 z-index:-1 + 卡面 isolation 保证压在底色/照片之上、文字之下；顶部微出血裁切 */
.goal-grid .gcard{ overflow:hidden; isolation:isolate; }
.gcard__num{ margin-bottom:12px; }
.gcard__num i{
  font-style:normal; font-stretch:80%; font-weight:800; font-size:11px;
  letter-spacing:.24em; text-transform:uppercase; color:var(--gold);
}
.gcard__num b{
  position:absolute; z-index:-1; top:-22px; right:12px;
  font-family:'Fraunces','Noto Serif SC',serif;
  font-weight:500; font-size:clamp(120px,13vw,180px); line-height:1;
  letter-spacing:-.04em; color:rgba(20,52,43,.07);
}
/* 深色照片卡：overlay 混合让数字"印进"照片，保留底图纹理 */
.gcard--lead .gcard__num b, .gcard--warm .gcard__num b{
  color:rgba(244,239,230,.34); mix-blend-mode:overlay;
}
/* 主卡数字左移避开徽章、落在穹顶中间调区域，透明度单独提档 */
.gcard--lead .gcard__num b{
  font-size:clamp(150px,15vw,230px); top:-34px; right:96px;
  color:rgba(244,239,230,.46);
}
@supports not (-webkit-text-stroke:1px #000){
  .gcard__mods li i{ color:rgba(217,194,140,.6); }
  .rt-stage__no{ color:rgba(217,194,140,.55); }
}
.gcard__goal{
  font-family:'Fraunces','Noto Serif SC',serif;
  font-weight:600; font-size:22px; line-height:1.45;
  color:var(--green); margin-bottom:14px; text-wrap:balance;
  text-indent:-.5em; /* 「悬挂标点：首个实字与下方内容左缘对齐 */
}
.gcard__goal::before{ content:"「"; color:var(--gold); }
.gcard__goal::after{ content:"」"; color:var(--gold); }
/* 单行事实句：具体交付物，金色间隔点分隔（宽屏按事实段整段换行，分隔符随前段收尾） */
.gcard__fact{ color:#555555; font-size:14px; line-height:1.9; }
.gcard__fact i{ font-style:normal; color:var(--gold); margin:0 7px; }
@media (min-width:700px){
  .gcard__fact span{ white-space:nowrap; }
}
/* 转学卡展示件：描金箭头行（学分衔接 →→ 梯队升级） */
.gcard__shift{
  display:flex; align-items:center; gap:12px; margin:2px 0 12px;
  font-family:'Fraunces','Noto Serif SC',serif;
  font-weight:600; font-size:18.5px; color:var(--green);
}
.gcard__shift i{ flex:0 0 36px; height:1px; background:var(--gold); position:relative; }
.gcard__shift i::after{
  content:""; position:absolute; right:0; top:-3px;
  border:3.5px solid transparent; border-left:6px solid var(--gold);
}
/* 英欧加港卡展示件：衬线地区行；硕士卡展示件：衬线四步行（同款排印，深底反白） */
.gcard__regions, .gcard__steps{
  margin:2px 0 12px;
  font-family:'Fraunces','Noto Serif SC',serif;
  font-weight:600; font-size:clamp(18px,1.8vw,21px); color:var(--green);
}
.gcard__regions i, .gcard__steps i{ font-style:normal; color:var(--gold); margin:0 8px; }
.gcard--warm .gcard__steps{ color:#fff; }
.gcard--warm .gcard__steps i{ color:var(--gold-soft); }
.gcard__chips{ display:flex; flex-wrap:wrap; gap:8px; margin:2px 0 14px; }
.gcard__chips span{
  font-size:12.5px; font-weight:600; letter-spacing:.02em; color:var(--green-2);
  background:rgba(30,74,60,.08); padding:6px 13px; border-radius:999px;
}
/* 终点引导行：路径名 + 点线 leader + 金色箭头（杂志目录语法，五个出口各不相同） */
.gcard__link{
  margin-top:auto; padding-top:24px;
  display:flex; align-items:baseline; gap:12px;
}
.gcard__link b{
  font-size:15px; font-weight:800; color:var(--green);
  letter-spacing:.02em; white-space:nowrap;
}
.gcard__leader{
  flex:1; min-width:24px;
  border-bottom:1px dotted rgba(168,145,87,.6);
  transform:translateY(-4px);
}
.gcard__arrow{ font-weight:700; color:var(--gold); transition:transform .3s var(--ease); }
.gcard:hover .gcard__arrow{ transform:translateX(6px); }
.gcard--lead .gcard__link b, .gcard--warm .gcard__link b{ color:#fff; }
.gcard--lead .gcard__leader, .gcard--warm .gcard__leader{ border-bottom-color:rgba(217,194,140,.75); }
.gcard--lead .gcard__arrow, .gcard--warm .gcard__arrow{ color:var(--gold-soft); }

/* 美本主卡内的三大模块细目行（贴底，细线收口） */
.gcard__mods{
  margin-top:auto; padding-top:24px; border-top:1px solid rgba(255,255,255,.14);
  display:flex; flex-wrap:wrap; gap:12px 30px;
}
.gcard__mods li{ display:flex; align-items:baseline; gap:9px;
  font-size:14px; font-weight:700; color:#fff; }
.gcard__mods li i{
  font-style:normal; font-stretch:70%; font-weight:880; font-size:17px; line-height:1;
  color:transparent; -webkit-text-stroke:1px var(--gold-soft);
}
/* mods 行已有描金细线收口，引导行紧随其后避免双线 */
.gcard--lead .gcard__link{ margin-top:0; padding-top:18px; }

/* 美本主卡：深绿底 + 复古图书馆穹顶（左压实色保白字，右露建筑；底部渐深托住模块行） */
.gcard--lead{
  background:
    linear-gradient(180deg, rgba(20,52,43,0) 52%, rgba(16,42,32,.78) 100%),
    linear-gradient(90deg, #14342B 0%, rgba(20,52,43,.94) 36%, rgba(20,52,43,.6) 68%, rgba(20,52,43,.28) 100%),
    url("../assets/bg-goal-library.webp") right center / cover no-repeat,
    var(--green);
  border-color:rgba(255,255,255,.12);
}
@media (max-width:699px){
  /* 窄屏文字满宽：改竖向压深，建筑弱化为氛围底 */
  .gcard--lead{
    background:
      linear-gradient(180deg, rgba(20,52,43,.9) 0%, rgba(20,52,43,.72) 55%, rgba(16,42,32,.92) 100%),
      url("../assets/bg-goal-library.webp") 72% center / cover no-repeat,
      var(--green);
  }
}
.gcard--lead:hover{
  border-color:rgba(217,194,140,.5);
  box-shadow:0 30px 60px -30px rgba(20,52,43,.6);
}
.gcard--lead .gcard__goal{ color:#fff; font-size:clamp(24px,2.6vw,29px); }
.gcard--lead .gcard__goal::before,
.gcard--lead .gcard__goal::after{ color:var(--gold-soft); }
.gcard--lead .gcard__num i{ color:var(--gold-soft); }
.gcard--lead .gcard__fact{ color:rgba(255,255,255,.78); }
.gcard--lead .gcard__fact i{ color:var(--gold-soft); }
/* badge 去胶囊边框：纯文字 + 大字距，降低深底上的盒状噪音 */
.gcard__badge{
  position:absolute; top:28px; right:28px;
  font-size:12px; font-weight:700; letter-spacing:.22em;
  color:var(--gold-soft);
}

/* 研究生卡：暖橘拱门框景，与深绿主卡撞色（同族于站内赤陶 CTA 色） */
.gcard--warm{
  background:
    linear-gradient(180deg, rgba(45,22,10,.66) 0%, rgba(45,22,10,.44) 48%, rgba(38,18,8,.84) 100%),
    url("../assets/bg-goal-arch.webp") center 32% / cover no-repeat,
    var(--terra-dk);
  border-color:rgba(255,255,255,.14);
}
.gcard--warm:hover{
  border-color:rgba(255,214,170,.55);
  box-shadow:0 28px 56px -28px rgba(94,42,17,.62);
}
.gcard--warm .gcard__num i{ color:var(--gold-soft); }
.gcard--warm .gcard__goal{ color:#fff; }
.gcard--warm .gcard__goal::before,
.gcard--warm .gcard__goal::after{ color:var(--gold-soft); }
.gcard--warm .gcard__fact{ color:rgba(255,255,255,.85); }
.gcard--warm .gcard__fact i{ color:var(--gold-soft); }

/* 犹豫用户承接条 */
.goal-foot{
  margin-top:36px; padding-top:28px; border-top:1px solid var(--line);
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px 24px;
}
.goal-foot p{ color:#555555; font-size:15px; }

@media (min-width:700px){
  .goal-grid{ grid-template-columns:repeat(2,1fr); gap:18px; }
  .gcard--lead{ grid-column:1/-1; padding:40px 38px 34px; }
}
@media (min-width:1024px){
  .goal-grid{ grid-template-columns:repeat(3,1fr); gap:20px; }
  .gcard--lead{ grid-column:1/3; grid-row:1/3; }
  .gcard--menu{ grid-column:2/4; }
  .gcard--menu .gcard__chips{ max-width:70%; }
}

/* =========================================================
   首页 · 申请路径「银雕陈列廊 The Silver Gallery」（2026-07-03 改版）
   #service-summary：—01 深绿主展厅（美国本科·大卡）+ —02/03/04 侧廊展柜
   · 四尊银色液态金属雕塑（去底 webp）立在卡面上，描金发丝拱为"壁龛"
   · 命名空间 .svcgal-*，与 services.html 的 .card 体系完全隔离
   · 移动端小卡为横向"陈列条"，≥1024 恢复 1.9fr+1+1+1 竖柜栅格
   ========================================================= */
.svcgal{ display:grid; grid-template-columns:1fr; gap:14px; }
.svcgal-card{
  position:relative; display:flex; flex-direction:column; align-items:flex-start;
  border-radius:var(--radius-lg); overflow:hidden; color:var(--ink);
  transform:translateZ(0);   /* Safari 圆角裁切兜底 */
  transition:transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);
}
.svcgal-card > *:not(.svcgal-card__stage){ position:relative; z-index:1; }
.svcgal-card:hover{ transform:translateY(-5px); }

/* —— 编号：破折金线 + 空心描边数字（延用 .card__no 母题） —— */
.svcgal-card__no{
  display:inline-flex; align-items:center; gap:10px;
  font-stretch:70%; font-weight:880; font-size:24px; line-height:1; letter-spacing:.02em;
  color:transparent; -webkit-text-stroke:1.2px var(--gold);
}
.svcgal-card__no::before{
  content:""; width:24px; height:2px; background:var(--gold); opacity:.7;
  transition:width .5s var(--ease);
}
@supports not (-webkit-text-stroke:1px #000){
  .svcgal-card__no{ color:rgba(168,145,87,.55); }
}
.svcgal-card:hover .svcgal-card__no{ color:var(--gold); }
.svcgal-card:hover .svcgal-card__no::before{ width:40px; }

/* —— 展台：雕塑 + 描金发丝拱 + Fig. 展签 —— */
.svcgal-card__stage{
  position:absolute; z-index:0; pointer-events:none;
  display:flex; align-items:flex-end; justify-content:center;
}
.svcgal-card__stage img{
  display:block; position:relative; width:auto;
  filter:drop-shadow(0 22px 30px rgba(10,25,20,.32));
  transition:transform .7s var(--ease); transform-origin:bottom center;
}
.svcgal-card:hover .svcgal-card__stage img{ transform:scale(1.04); }
.svcgal-card__arch{
  position:absolute; bottom:0; border:1px solid rgba(168,145,87,.38); border-bottom:none;
  border-radius:999px 999px 0 0; transition:border-color .4s var(--ease);
}
.svcgal-card:hover .svcgal-card__arch{ border-color:rgba(168,145,87,.68); }
.svcgal-card__fig{
  position:absolute; left:50%; bottom:14px; transform:translateX(-50%) translateY(6px);
  font-family:'Fraunces','Noto Serif SC',serif; font-style:italic; font-weight:500;
  font-size:11.5px; letter-spacing:.04em; color:var(--gold); white-space:nowrap;
  background:rgba(255,255,255,.92); border:1px solid rgba(217,194,140,.5);
  border-radius:999px; padding:4px 12px; opacity:0;
  transition:opacity .5s var(--ease) .1s, transform .5s var(--ease) .1s;
}
.svcgal-card:hover .svcgal-card__fig{ opacity:1; transform:translateX(-50%) translateY(0); }
@media (hover:none){
  .svcgal-card__fig{ opacity:.85; transform:translateX(-50%); }
}

/* —— 大卡 —01 美国本科：深绿主展厅 —— */
.svcgal-card--us{
  background:var(--green); color:#fff; min-height:480px; padding:30px 24px 0;
  box-shadow:0 34px 70px -38px rgba(20,52,43,.45); isolation:isolate;
}
.svcgal-card--us::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(120% 90% at 88% 0%, rgba(168,145,87,.16), transparent 55%);
  transition:opacity .6s var(--ease);
}
.svcgal-card--us:hover{ box-shadow:0 40px 80px -40px rgba(20,52,43,.6); }
.svcgal-card--us .svcgal-card__no{ font-size:36px; -webkit-text-stroke:1.3px var(--gold-soft); }
.svcgal-card--us .svcgal-card__no::before{ background:var(--gold-soft); }
.svcgal-card--us:hover .svcgal-card__no{ color:var(--gold-soft); }
@supports not (-webkit-text-stroke:1px #000){
  .svcgal-card--us .svcgal-card__no{ color:rgba(217,194,140,.6); }
}
.svcgal-card--us h3{
  font-size:clamp(26px,2.4vw,32px); color:#F4EFE4; line-height:1.15; margin:14px 0 12px;
}
.svcgal-card--us .svcgal-card__tag{   /* 「·核心业务」缀语：细鎏金字随标题基线，无框 */
  margin-left:10px; font-size:13.5px; font-weight:500; letter-spacing:.2em;
  color:var(--gold-soft); white-space:nowrap;
}
.svcgal-card--us .svcgal-card__desc{
  color:rgba(255,255,255,.72); font-size:14.5px; line-height:1.7;
  max-width:30ch; margin:0 0 26px;
}
.svcgal-card--us .svcgal-card__stage{ left:0; right:0; bottom:0; height:46%; }
.svcgal-card--us .svcgal-card__arch{
  left:50%; transform:translateX(-50%); width:min(250px,66%); height:86%;
  border-color:rgba(217,194,140,.34);
}
.svcgal-card--us:hover .svcgal-card__arch{ border-color:rgba(217,194,140,.62); }
.svcgal-card--us .svcgal-card__stage img{ height:118%; margin-bottom:-12px; }
.svcgal-card--us .svcgal-card__fig{
  background:rgba(20,52,43,.55); color:var(--gold-soft);
  border-color:rgba(217,194,140,.4); backdrop-filter:blur(2px);
}

/* —— 小卡共性：<1024 为横向"陈列条"（图右文左），编号+名称的极简索引 —— */
.svcgal-card--sm{
  background:var(--card); border:1px solid var(--line);
  min-height:168px; padding:20px 39% 20px 22px; justify-content:center;
}
.svcgal-card--sm:hover{
  border-color:var(--green); box-shadow:0 26px 52px -30px rgba(20,52,43,.35);
}
.svcgal-card--sm h3{ font-size:19px; color:var(--green); margin:8px 0 0; text-wrap:balance; }
.svcgal-card--sm .svcgal-card__desc{
  color:var(--muted); font-size:13px; line-height:1.7; margin:8px 0 0; max-width:24ch;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.svcgal-card .svcgal-card__chip{   /* 提高优先级压过 > *:not() 通配，保住 absolute */
  position:absolute; top:18px; right:18px; width:34px; height:34px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(168,145,87,.45); border-radius:50%; color:var(--green);
  transition:background .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease);
}
.svcgal-card__chip .ic{ width:15px; height:15px; transform:rotate(-45deg); transition:transform .3s var(--ease); }
.svcgal-card:hover .svcgal-card__chip{ background:var(--green); border-color:var(--green); color:#F4EFE4; }
.svcgal-card:hover .svcgal-card__chip .ic{ transform:rotate(-45deg) translateX(2px); }

/* —01 专属圆钮：同族异构 —— 侧廊描线空心，主展厅实心鎏金 + 脱开的发丝光环（呼应描金拱母题） */
.svcgal-card--us .svcgal-card__chip{
  top:22px; right:22px; width:44px; height:44px;
  background:var(--gold-soft); border-color:transparent; color:var(--green);
  box-shadow:0 14px 30px -14px rgba(0,0,0,.55);
}
.svcgal-card--us .svcgal-card__chip::after{
  content:""; position:absolute; inset:-6px; border-radius:50%;
  border:1px solid rgba(217,194,140,.38);
  transition:inset .35s var(--ease), border-color .35s var(--ease);
}
.svcgal-card--us .svcgal-card__chip .ic{ width:18px; height:18px; transform:none; }   /* 主展厅箭头水平向右，与侧廊 ↗ 区分 */
.svcgal-card--us:hover .svcgal-card__chip{ background:#F4EFE4; border-color:transparent; color:var(--green); }
.svcgal-card--us:hover .svcgal-card__chip::after{ inset:-9px; border-color:rgba(217,194,140,.75); }
.svcgal-card--us:hover .svcgal-card__chip .ic{ transform:translateX(2px); }
.svcgal-card--sm .svcgal-card__stage{ top:0; right:0; bottom:0; width:37%; }
.svcgal-card--sm .svcgal-card__fig{ display:none; }   /* 陈列条太窄，展签只在竖柜出现 */

/* —02 研究生：米绢底 · 正拱居中"拱中拱"（—04 同底：绿|米|白|米 收束节奏） */
.svcgal-card--grad, .svcgal-card--transfer{ background:#ECE3D0; }
.svcgal-card--grad .svcgal-card__arch{ left:16%; right:16%; height:76%; }
.svcgal-card--grad .svcgal-card__stage img{ height:92%; margin-bottom:-8px; }

/* —03 多国本科：窄哥特拱 · 右缘出血 */
.svcgal-card--multi .svcgal-card__stage{ justify-content:flex-end; }
.svcgal-card--multi .svcgal-card__arch{ right:-26px; width:120px; height:74%; }
.svcgal-card--multi .svcgal-card__stage img{
  height:112%; margin:0 14px -12px 0; transform-origin:right bottom;
}

/* —04 本科转学：无拱 · 书阶从左下角向右上拾级 */
.svcgal-card--transfer .svcgal-card__stage{ justify-content:flex-end; }
.svcgal-card--transfer .svcgal-card__stage img{
  height:102%; margin:0 -8px -14px 0; transform-origin:left bottom;
}
.svcgal-card--transfer .svcgal-card__fig{ left:auto; right:14px; transform:translateY(6px); }
.svcgal-card--transfer:hover .svcgal-card__fig{ transform:translateY(0); }
@media (hover:none){ .svcgal-card--transfer .svcgal-card__fig{ transform:none; } }

@media (max-width:1023.98px){
  .svcgal-card .svcgal-card__chip{ display:none; }   /* 陈列条形态下会压住出血雕塑，仅桌面竖柜显示 */
  .svcgal-card--us .svcgal-card__chip{ display:flex; }   /* 主展厅无出血遮挡，且删按钮后圆钮为唯一入口提示，全端保留 */
}

/* —— 700–1023：大卡改横版（文左图右），陈列条放宽 —— */
@media (min-width:700px){
  .svcgal{ gap:18px; }
  .svcgal-card--us{
    min-height:400px; padding:36px 46% 36px 32px; justify-content:center;
  }
  .svcgal-card--us .svcgal-card__stage{ left:auto; right:0; width:46%; height:100%; }
  .svcgal-card--us .svcgal-card__arch{
    left:50%; transform:translateX(-50%); width:min(230px,72%); height:66%;
  }
  .svcgal-card--us .svcgal-card__stage img{ height:86%; margin-bottom:-14px; }
  .svcgal-card--sm{ min-height:184px; padding:24px 40% 24px 28px; }
}

/* —— ≥1024：恢复 1.9fr + 1 + 1 + 1 主次栅格，小卡变竖柜 —— */
@media (min-width:1024px){
  .svcgal{ grid-template-columns:1.9fr 1fr 1fr 1fr; gap:20px; align-items:stretch; }
  .svcgal-card{ min-height:560px; }
  .svcgal-card--us{ padding:34px 36px 0; justify-content:flex-start; }
  .svcgal-card--us .svcgal-card__stage{ left:0; right:0; top:auto; width:auto; height:55%; }
  .svcgal-card--us .svcgal-card__arch{ width:min(260px,66%); height:82%; }
  .svcgal-card--us .svcgal-card__stage img{ height:120%; margin-bottom:-16px; }
  .svcgal-card--sm{ padding:28px 22px 0; justify-content:flex-start; }
  .svcgal-card--sm .svcgal-card__no{ font-size:32px; }
  .svcgal-card--sm h3{ font-size:21px; margin:14px 0 0; }
  .svcgal-card--sm .svcgal-card__stage{ top:auto; left:0; right:0; bottom:0; width:auto; height:52%; }
  .svcgal-card--sm .svcgal-card__fig{ display:block; }
  .svcgal-card--grad .svcgal-card__arch{ left:12%; right:12%; height:90%; }
  .svcgal-card--grad .svcgal-card__stage img{ height:104%; margin-bottom:-14px; }
  .svcgal-card--multi .svcgal-card__stage{ height:62%; }
  .svcgal-card--multi .svcgal-card__arch{ right:-30px; width:156px; height:78%; }
  .svcgal-card--multi .svcgal-card__stage img{ height:122%; margin:0 20px -16px 0; }
  .svcgal-card--transfer .svcgal-card__stage{ height:48%; justify-content:flex-start; }
  .svcgal-card--transfer .svcgal-card__stage img{
    height:auto; width:96%; margin:0 0 -16px -16px;
  }
}

@media (prefers-reduced-motion:reduce){
  .svcgal-card, .svcgal-card__stage img, .svcgal-card__fig{ transition:none; }
}
/* =========================================================
   ✦ 首页 · 师资签名横条 #team（2026-07-06 · 2026-07-07 恢复）
   编辑部 masthead：纸白全宽底带 + Fraunces 品牌信条（首尾成对
   金色引号）+ 4 位导师头像叠排（各自链向师资页对应导师锚点）+
   描边按钮链师资页。位于案例(深绿)与申请流程(米色)之间
   ========================================================= */
.sec-paper::before{ background:#FFFDF7; box-shadow:inset 0 -1px 0 var(--line); }

.team-band{ padding:96px 22px 100px; text-align:center; }
/* 居中场景下 eyebrow 补一条对称左侧描金短线 */
.team-band .eyebrow::before{ content:""; width:30px; height:2px; background:currentColor; opacity:.5; }

.team-band__quote{
  font-family:'Fraunces','Noto Serif SC',serif; font-weight:600;
  font-size:clamp(24px,4vw,38px); line-height:1.5; letter-spacing:.005em;
  color:var(--green); max-width:21em; margin:6px auto 0; text-wrap:balance;
}
/* 首尾成对引号：随文行内排布的金色衬线引号，有开有合 */
.team-band__quote::before,
.team-band__quote::after{
  font-family:'Fraunces',Georgia,serif; font-size:1.3em; line-height:0;
  color:var(--gold); opacity:.8;
}
.team-band__quote::before{ content:"\201C"; margin-right:.06em; }
.team-band__quote::after{ content:"\201D"; margin-left:.06em; }
.team-band__quote em{ font-style:italic; color:var(--gold); }

/* 头像叠排：a 包 img（各自可点跳导师锚点），叠排与上浮动效挂在 a 上 */
.team-band__faces{ display:flex; justify-content:center; margin-top:36px; }
.team-band__faces a{
  position:relative; display:block; border-radius:50%;
  transition:transform .35s var(--ease);
}
.team-band__faces a + a{ margin-left:-18px; }
.team-band__faces a:hover,
.team-band__faces a:focus-visible{ transform:translateY(-6px); z-index:1; }
.team-band__faces img{
  display:block; width:88px; height:88px; border-radius:50%;
  border:3px solid #FFFDF7; background:var(--sand); object-fit:cover;
  box-shadow:0 6px 16px -6px rgba(20,52,43,.35);
}

.team-band__names{ margin-top:16px; font-size:14px; color:#555555; letter-spacing:.03em; }
.team-band__names i{ font-style:normal; color:var(--muted); }
.team-band .btn--line{ margin-top:30px; }

@media (max-width:640px){
  .team-band{ padding:72px 22px 78px; }
  .team-band__quote{ font-size:clamp(17px,5.2vw,22px); line-height:1.7; }
  .team-band__faces img{ width:64px; height:64px; }
  .team-band__faces a + a{ margin-left:-14px; }
  .team-band__names{ font-size:13px; }
  .team-band__names i{ display:block; margin-top:4px; }
}
@media (prefers-reduced-motion:reduce){
  .team-band__faces a{ transition:none; }
}

/* =========================================================
   ✦ 转学页改版（2026-07-06）· 全部新增 .tf-* / .page-hero--transfer 类
   内容源：《美本转学申请》分享文档（录取数据为 2023 U.S.News）
   仅追加，零影响其他页面（2026-07-07 数据丢失后回填恢复）
   ========================================================= */

/* —— Hero：深绿满幅 · 描边装饰大词（无图版；如需实拍底图，参考 .page-hero--grad 加 url 层）—— */
.page-hero--transfer{
  overflow:hidden; min-height:512px;
  padding-top:150px; padding-bottom:74px;
  background:
    radial-gradient(125% 95% at 88% 4%, rgba(168,145,87,.22) 0%, rgba(168,145,87,0) 56%),
    linear-gradient(180deg, rgba(13,34,26,0.3) 0%, rgba(13,34,26,.85) 100%),
    url("../assets/bg-transfer-hero.png") center/cover no-repeat;
}

.page-hero--transfer::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg, rgba(217,194,140,0), rgba(217,194,140,.4) 30%, rgba(217,194,140,.4) 70%, rgba(217,194,140,0));
}
.page-hero--transfer .crumbs--hero{
  position:static; max-width:none; margin:0 0 30px; padding:0;
  color:rgba(255,255,255,.6);
}
.page-hero--transfer .crumbs--hero a{ color:rgba(255,255,255,.6); }
.page-hero--transfer .crumbs--hero a:hover{ color:#fff; }
.page-hero--transfer .crumbs--hero b{ color:var(--gold-soft); }
.page-hero--transfer h1{ position:relative; font-size:clamp(40px,8.4vw,80px); }
.page-hero--transfer .page-hero__sub{ position:relative; max-width:54ch; }
.page-hero--transfer .crumbs--hero,
.page-hero--transfer .eyebrow,
.page-hero--transfer h1,
.page-hero--transfer .page-hero__sub{
  opacity:0; transform:translateY(20px);
  animation:hero-fade-up .72s cubic-bezier(.16,1,.3,1) forwards;
}
.page-hero--transfer .crumbs--hero{ animation-delay:.05s; }
.page-hero--transfer .eyebrow{ animation-delay:.14s; }
.page-hero--transfer h1{ animation-delay:.26s; }
.page-hero--transfer .page-hero__sub{ animation-delay:.4s; }

/* —— 结论横幅：深绿底 + 衬线大倍数，先给结论再给证据（2026-07-08 改版）—— */
.tf-verdict{
  position:relative; overflow:hidden;
  display:grid; grid-template-columns:1fr; gap:18px; align-items:center;
  background:var(--green); border-radius:var(--radius-lg);
  padding:clamp(28px,4.5vw,46px) clamp(24px,4.5vw,54px);
  margin:0 0 clamp(34px,4.5vw,52px);
  box-shadow:var(--shadow-md);
}
.tf-verdict::after{   /* 右上暖金辉光（与研究生 Hero 同一视觉语言）*/
  content:""; position:absolute; right:-90px; top:-110px; width:340px; height:340px;
  background:radial-gradient(circle, rgba(217,194,140,.2), transparent 62%);
  pointer-events:none;
}
.tf-verdict__num{
  font-family:"Fraunces",Georgia,serif; font-weight:600; line-height:.92;
  font-size:clamp(64px,9vw,110px); color:var(--sand); letter-spacing:-.01em;
  white-space:nowrap;
}
.tf-verdict__num i{ font-style:normal; color:var(--gold-soft); }
.tf-verdict__num em{ font-style:normal; font-size:.46em; color:var(--gold-soft); margin-left:2px; }
.tf-verdict__tx b{ display:block; font-size:clamp(16.5px,1.9vw,19px); color:#fff; line-height:1.55; }
.tf-verdict__tx p{ margin-top:9px; font-size:13.5px; color:rgba(255,255,255,.72); line-height:1.9; max-width:560px; }
@media (min-width:860px){
  .tf-verdict{ grid-template-columns:auto 1fr; gap:clamp(30px,4.5vw,60px); }
}

/* —— 双色条形对比图：转学 vs 新生，条长即差距（取代数据表格）—— */
.tf-chart__legend{
  display:flex; flex-wrap:wrap; gap:8px 22px; justify-content:flex-end;
  font-size:12px; color:var(--muted);
}
.tf-chart__legend i{
  display:inline-block; vertical-align:-1px; margin-right:7px;
  width:14px; height:10px; border-radius:2.5px;
}
.tf-chart__legend .k-tr{ background:linear-gradient(90deg,var(--green-2),var(--green)); }
.tf-chart__legend .k-fr{ background:#DCD3BE; }
.tf-chart__legend .k-x{
  width:auto; height:auto; background:none; border-radius:0; vertical-align:baseline;
  font-style:normal; font-family:"Fraunces",Georgia,serif; font-weight:600;
  font-size:14px; color:var(--gold);
}
.tf-chart__group{
  display:flex; align-items:center; gap:14px;
  margin:28px 0 4px; font-size:11.5px; font-weight:800;
  letter-spacing:.16em; color:var(--gold); white-space:nowrap;
}
.tf-chart__group::after{ content:""; flex:1; height:1px; background:var(--line); }
.tf-row{
  position:relative;
  display:grid; grid-template-columns:1fr; gap:7px;
  padding:14px 0 15px; border-bottom:1px solid var(--line);
}
.tf-row__name{ padding-right:64px; }
.tf-row__name b{ font-size:14px; color:var(--ink); font-weight:700; }
.tf-row__name span{
  margin-left:8px; font-family:"Fraunces",Georgia,serif;
  font-size:11.5px; color:var(--muted);
}
.tf-row__bars{ display:grid; gap:5px; }
.tf-bar{ display:flex; align-items:center; gap:10px; min-width:0; }
.tf-bar i{ display:block; width:0; border-radius:3px; transition:width 1.1s var(--ease); }
.tf-bar--tr i{ height:16px; background:linear-gradient(90deg,var(--green-2),var(--green)); }
.tf-bar--fr i{ height:9px; background:#DCD3BE; }
.reveal.in .tf-bar i{ width:var(--w); }
@media (prefers-reduced-motion:reduce){ .tf-bar i{ width:var(--w); } }
.tf-bar em{
  font-style:normal; font-family:"Fraunces",Georgia,serif;
  font-size:13.5px; white-space:nowrap;
}
.tf-bar--tr em{ color:var(--green-2); font-weight:700; }
.tf-bar--fr em{ font-size:12px; color:var(--muted); }
.tf-row__x{
  position:absolute; top:12px; right:0;
  font-family:"Fraunces",Georgia,serif; font-weight:600;
  font-size:17px; color:var(--gold);
}
.tf-row--hot .tf-row__x{ color:var(--terra); }
.tf-row--hot .tf-row__x::after{
  content:"最大差距"; display:block; margin-top:1px; opacity:.85; text-align:right;
  font-family:var(--sans); font-size:9.5px; font-weight:800; letter-spacing:.12em;
}
@media (min-width:820px){
  .tf-row{ grid-template-columns:196px 1fr 76px; gap:20px; align-items:center; padding:13px 0; }
  .tf-row__name{ padding-right:0; }
  .tf-row__x{ position:static; text-align:right; font-size:19px; }
}
.tf-src{ margin-top:14px; font-size:12px; color:var(--muted); line-height:1.7; }

/* —— 截止日徽章（行内，用于时间轴关键节点）—— */
.tf-due{
  display:inline-block; vertical-align:2px; margin:0 2px;
  font-size:10.5px; font-weight:800; letter-spacing:.1em;
  color:#fff; background:var(--terra); border-radius:999px; padding:2px 9px;
  white-space:nowrap;
}

/* —— 纵向时间轴 ROADMAP：杂志目录式 · 描金书脊（取代图文大卡）—— */
.tf-road{
  list-style:none; margin:clamp(40px,6vw,64px) auto 0; max-width:980px;
}
.tf-leg{
  display:grid; grid-template-columns:46px 1fr; column-gap:16px;
  grid-template-areas:"line when" "line body";
}
.tf-leg__when{
  grid-area:when; display:flex; align-items:baseline; gap:10px; padding-top:6px;
}
.tf-leg__when i{
  font-style:normal; font-size:10.5px; font-weight:800;
  letter-spacing:.18em; color:var(--gold);
}
.tf-leg__when b{
  font-family:"Fraunces",Georgia,serif; font-weight:600; line-height:1;
  font-size:clamp(24px,3vw,32px); color:var(--green);
}
.tf-leg__line{ grid-area:line; position:relative; display:flex; justify-content:center; }
.tf-leg__dot{
  position:relative; z-index:1; display:grid; place-items:center;
  width:38px; height:38px; border-radius:50%;
  background:var(--green); color:var(--gold-soft);
  font-family:"Fraunces",Georgia,serif; font-weight:600; font-size:14px;
  box-shadow:0 10px 22px -12px rgba(20,52,43,.55);
}
.tf-leg__line::before{   /* 书脊线：节点之间的描金渐隐竖线 */
  content:""; position:absolute; top:44px; bottom:-6px; left:calc(50% - .5px); width:1px;
  background:linear-gradient(180deg, var(--gold-soft), rgba(168,145,87,.18));
}
.tf-leg:last-child .tf-leg__line::before{ display:none; }
.tf-leg__body{
  grid-area:body; display:grid; grid-template-columns:1fr; gap:18px;
  padding:14px 0 clamp(40px,6vw,58px);
}
.tf-leg__tx h3{ font-size:clamp(17px,2vw,20px); color:var(--ink); }
.tf-leg__tx p{ margin-top:9px; font-size:14px; color:#555555; line-height:1.95; max-width:56ch; }
.tf-leg__dues{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.tf-leg__dues .tf-due{ margin:0; }
.tf-leg__pic{
  width:112px; height:140px; object-fit:cover;
  border-radius:60px 60px 14px 14px;   /* 拱门形 · 书院气质 */
  border:1px solid var(--line); box-shadow:var(--shadow-sm);
}
.tf-leg--end .tf-leg__dot{ background:var(--gold); color:#fff; font-size:16px; }
.tf-leg--end .tf-leg__body{ padding-bottom:8px; }
@media (min-width:860px){
  .tf-leg{
    grid-template-columns:170px 84px 1fr; column-gap:0;
    grid-template-areas:"when line body";
  }
  .tf-leg__when{
    flex-direction:column; align-items:flex-end; gap:7px;
    padding-top:0; text-align:right;
  }
  .tf-leg__body{ grid-template-columns:1fr auto; align-items:start; gap:clamp(20px,3vw,44px); padding-top:4px; }
  .tf-leg__pic{ width:128px; height:160px; }
}

/* 广告式重点：机会/路径板块内的加粗统一压品牌绿，密度降下来、重点跳出来 */
#odds .lead b, #path .lead b, .tf-leg__tx p b{
  color:var(--green-2); font-weight:700;
}

/* =========================================================
   ✦ 美本页 · 名校文书训练营改版（2026-07-06）
   「课程手册」三段式：深绿主卡（3+2 结构宣言 + 五日课程表）
   → 成果条（结营带走）→ 理念对开（课堂实拍占位 + 双理念）
   全部新增 .camp-* 类，meiben.html#writing-camp 使用
   （uk-eu.html#belief 复用 .camp-values）；
   旧 .featured/.fmod 保留给 writing-camp.html 跳转页
   （2026-07-07 数据丢失后回填恢复）
   ========================================================= */
#writing-camp{ scroll-margin-top:var(--nav-h,60px); }   /* writing-camp.html 跳转落点对齐导航 */

/* —— 主卡：深绿底 + 右上暖金辉光（与研究生 Hero 同一视觉语言）—— */
.camp-board{
  position:relative; overflow:hidden;
  display:grid; grid-template-columns:1fr; gap:34px;
  background:
    radial-gradient(120% 90% at 96% -10%, rgba(168,145,87,.22) 0%, rgba(168,145,87,0) 55%),
    var(--green);
  color:#fff; border-radius:26px;
  padding:clamp(30px,4vw,54px);
  box-shadow:0 34px 70px -38px rgba(20,52,43,.45);
}
.camp-board__intro{ display:flex; flex-direction:column; align-items:flex-start; }
.camp-board__format{ display:flex; align-items:baseline; flex-wrap:wrap; margin:0; }
.camp-board__format b{
  font-stretch:70%; font-weight:850; font-size:clamp(56px,6.4vw,84px);
  line-height:.9; letter-spacing:-.02em; color:#fff;
}
.camp-board__format i{
  font-style:normal; font-weight:700; font-size:15px; letter-spacing:.04em;
  color:var(--gold-soft); margin-left:8px;
}
.camp-board__format em{
  font-style:normal; font-weight:300; font-size:clamp(30px,3vw,42px);
  color:var(--gold-soft); margin:0 14px; align-self:center;
}
.camp-board__lead{ margin-top:18px; color:rgba(255,255,255,.8); font-size:15px; line-height:1.85; max-width:40ch; }
.camp-board__facts{ list-style:none; width:100%; margin:24px 0 0; padding:0; }
.camp-board__facts li{
  display:grid; grid-template-columns:86px 1fr; column-gap:16px; align-items:baseline;
  padding:11px 2px; border-top:1px solid rgba(255,255,255,.14); font-size:13.5px;
}
.camp-board__facts b{ font-weight:800; letter-spacing:.02em; color:var(--gold-soft); }
.camp-board__facts span{ color:rgba(255,255,255,.78); line-height:1.7; }
.camp-board__cta{ margin-top:auto; padding-top:26px; }
.camp-board .btn--cta{   /* 深绿底上的赤陶 CTA：外投影换深色版（同 .sec-dark 规则）*/
  box-shadow:inset 0 2px 3px rgba(255,255,255,.45), inset 0 -3px 5px rgba(122,53,17,.55),
             0 12px 26px -10px rgba(0,0,0,.5), 0 2px 5px rgba(0,0,0,.3);
}

/* —— 五日课程表：D1-3 小班（描边标签）/ D4-5 一对一（金底标签）—— */
.camp-days{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; justify-content:center; }
.camp-day{
  display:grid; grid-template-columns:58px 1fr; column-gap:18px; align-items:start;
  padding:15px 2px 14px; border-top:1px solid rgba(255,255,255,.14);
}
.camp-day:first-child{ border-top:none; padding-top:2px; }
.camp-day__no{ display:flex; flex-direction:column; gap:3px; }
.camp-day__no i{
  font-style:normal; font-size:10px; font-weight:800; letter-spacing:.18em;
  color:rgba(255,255,255,.45);
}
.camp-day__no b{
  font-stretch:70%; font-weight:880; font-size:27px; line-height:1;
  color:transparent; -webkit-text-stroke:1.2px var(--gold-soft);
}
.camp-day__body b{
  display:flex; align-items:center; flex-wrap:wrap; gap:9px;
  font-size:16px; font-weight:800; color:#fff;
}
.camp-day__tag{
  font-size:11px; font-weight:800; letter-spacing:.05em; line-height:1;
  padding:4px 10px; border-radius:999px;
  border:1px solid rgba(217,194,140,.55); color:var(--gold-soft);
}
.camp-day--solo .camp-day__tag{ background:var(--gold-soft); border-color:var(--gold-soft); color:var(--green); }
.camp-day__body i{
  display:block; font-style:normal; margin-top:6px;
  font-size:13px; line-height:1.7; color:rgba(255,255,255,.66);
}
@media (min-width:860px){
  .camp-board{ grid-template-columns:minmax(300px,5fr) 7fr; gap:clamp(36px,4vw,64px); }
  .camp-days{ border-left:1px solid rgba(255,255,255,.12); padding-left:clamp(26px,3vw,48px); }
  .camp-day:first-child{ padding-top:0; }
}

/* —— 成果条：feature → benefit，替代旧关键词胶囊 —— */
.camp-gains{ margin-top:clamp(26px,3vw,38px); }
.camp-gains__title{
  font-stretch:82%; font-weight:800; font-size:12.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--gold); margin:0 0 14px;
}
.camp-gains__grid{ list-style:none; display:grid; grid-template-columns:1fr; gap:12px; margin:0; padding:0; }
.camp-gain{
  display:flex; align-items:flex-start; gap:12px;
  background:#FBF8F1; border:1px solid var(--line); border-radius:16px;
  padding:16px 18px; box-shadow:0 1px 2px rgba(20,52,43,.04);
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .3s;
}
.camp-gain:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb, var(--gold) 45%, var(--line));
  box-shadow:0 16px 30px -20px rgba(20,52,43,.3);
}
.camp-gain .ic{ flex:none; width:20px; height:20px; margin-top:2px; color:var(--gold); }
.camp-gain b{ display:block; font-size:14.5px; font-weight:800; color:var(--green); line-height:1.5; }
.camp-gain span{ display:block; margin-top:3px; font-size:12.5px; line-height:1.65; color:#777777; }
@media (min-width:640px){ .camp-gains__grid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1080px){ .camp-gains__grid{ grid-template-columns:repeat(4,1fr); } }

/* —— 理念对开：左课堂实拍占位 + 右双理念（编辑式细线分隔）—— */
.camp-values{
  display:grid; grid-template-columns:1fr; gap:26px;
  margin-top:clamp(34px,4.4vw,56px); align-items:stretch;
}
.camp-values__media{
  position:relative; margin:0; min-height:320px; border-radius:22px;
  overflow:hidden;
}
.camp-values__media img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;
}
.camp-values__list{ display:flex; flex-direction:column; justify-content:center; }
.camp-value{ padding:26px 2px; border-top:1px solid var(--line); }
.camp-value:first-child{ border-top:none; padding-top:4px; }
.camp-value__idx{
  font-stretch:82%; font-weight:800; font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--gold); margin:0 0 12px;
}
.camp-value__idx::before{
  content:""; display:block; width:26px; height:3px; border-radius:2px;
  background:currentColor; margin-bottom:12px; opacity:.9;
}
.camp-value--green .camp-value__idx{ color:var(--green-2); }
.camp-value h3{ font-size:clamp(20px,2.1vw,24px); color:var(--green); line-height:1.42; margin-bottom:10px; max-width:24ch; }
.camp-value p{ font-size:14.5px; line-height:1.85; color:#555555; max-width:56ch; }
@media (min-width:860px){
  .camp-values{ grid-template-columns:5fr 6fr; gap:clamp(30px,3.6vw,56px); }
  .camp-values__media{ min-height:0; }
}

/* =========================================================
   ✦ 多国联申页（2026-07-06）· uk-eu.html 全新内容
   全部新增 .mc-* / .page-hero--multi 类；
   复用 .camp-values（理念对开）
   四幕结构（2026-07-08 叙事重排）：风险诊断 → 镜像案例 →
   途策方案（懂逻辑 tiers / 选组合 combos / 抓落地 path 三步递进）→
   概率重组（sec-dark 深绿满幅顿点 + 悬念揭示 + finale CTA 收口）
   内容源：《2026 多国联申》素材（概率数据：Open Doors / NACAC 倾向分析）
   仅追加，零影响其他页面（2026-07-07 数据丢失后回填恢复）
   ========================================================= */

/* —— Hero：深绿满幅 · 描边装饰大词 PORTFOLIO（结构同 .page-hero--transfer）—— */
.page-hero--multi{
  overflow:hidden; min-height:512px;
  padding-top:150px; padding-bottom:74px;
  background:
    radial-gradient(125% 95% at 88% 4%, rgba(168,145,87,.22) 0%, rgba(168,145,87,0) 56%),
    linear-gradient(180deg, rgba(13,34,26,0.3) 0%, rgba(13,34,26,.85) 100%),
    url("../assets/bg-multi-hero.png") center/cover no-repeat;
}

.page-hero--multi::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg, rgba(217,194,140,0), rgba(217,194,140,.4) 30%, rgba(217,194,140,.4) 70%, rgba(217,194,140,0));
}
.page-hero--multi .crumbs--hero{
  position:static; max-width:none; margin:0 0 30px; padding:0;
  color:rgba(255,255,255,.6);
}
.page-hero--multi .crumbs--hero a{ color:rgba(255,255,255,.6); }
.page-hero--multi .crumbs--hero a:hover{ color:#fff; }
.page-hero--multi .crumbs--hero b{ color:var(--gold-soft); }
.page-hero--multi h1{ position:relative; font-size:clamp(40px,8.4vw,80px); }
.page-hero--multi .page-hero__sub{ position:relative; max-width:54ch; }
.page-hero--multi .crumbs--hero,
.page-hero--multi .eyebrow,
.page-hero--multi h1,
.page-hero--multi .page-hero__sub{
  opacity:0; transform:translateY(20px);
  animation:hero-fade-up .72s cubic-bezier(.16,1,.3,1) forwards;
}
.page-hero--multi .crumbs--hero{ animation-delay:.05s; }
.page-hero--multi .eyebrow{ animation-delay:.14s; }
.page-hero--multi h1{ animation-delay:.26s; }
.page-hero--multi .page-hero__sub{ animation-delay:.4s; }

/* —— 三大赛道风险卡：顶部主题色条 + 国家刊头 + 风险要点 —— */
.mc-risks{
  display:grid; grid-template-columns:1fr; gap:48px;
  margin-top:48px; border-top:1px solid rgba(0,0,0,0.1); padding-top:56px;
}
@media (min-width:860px){
  .mc-risks{ grid-template-columns:repeat(3,minmax(0, 1fr)); column-gap:64px; row-gap:0; }
  .mc-risk + .mc-risk::after {
    content:""; position:absolute; left:-32px; top:0; bottom:0; width:1px; background:rgba(0,0,0,0.06);
  }
}
.mc-risk{
  --acc: var(--gold);
  position: relative;
  display: flex; flex-direction: column;
}
.mc-risk--us{ --acc:#9B4B38; }
.mc-risk--uk{ --acc:var(--gold); }
.mc-risk--ca{ --acc:var(--green-2); }
/* 四条信息带（刊头 / 风险标签 / 大数据 / 要点表）用 subgrid 逐行跨列对齐，
   无论各国文案长短，三张卡的分隔线与数字基线始终整齐划一 */
@supports (grid-template-rows:subgrid){
  @media (min-width:860px){
    .mc-risks{ grid-template-rows:auto auto auto auto; }
    .mc-risk{ display:grid; grid-row:span 4; grid-template-rows:subgrid; row-gap:0; }
    /* subgrid 已保证「要点表」逐行对齐，取消 flex 的置底 margin，改为顶对齐让分隔线严格齐平
       （选择器多带一层 .mc-risks 抬权重：基础规则 .mc-risk ul{margin-top:auto} 写在本块之后，
       同权重会反向覆盖此处，导致三卡分隔线随内容高低错位） */
    .mc-risks .mc-risk ul{ margin-top:0; align-self:start; }
  }
}

.mc-risk__head{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:16px; }
.mc-risk__head h3{ font-size:24px; color:#111; font-weight:800; letter-spacing:0.02em; }
.mc-risk__head i{
  font-style:normal; font-family:"Fraunces",Georgia,serif; font-weight:500;
  font-size:13px; letter-spacing:.15em; color:var(--acc); opacity:0.8;
}
.mc-risk__tag{
  display:inline-table; font-size:12px; font-weight:700; letter-spacing:.1em; 
  color:var(--acc); background:color-mix(in srgb, var(--acc) 10%, transparent); 
  padding:6px 12px; border-radius:100px; margin-bottom:40px;
}
.mc-risk__stat{ margin:0 0 48px 0; display:flex; flex-direction:column; gap:12px; }
.mc-risk__stat-num{
  display:inline-block; font-size:80px; font-weight:300; color:var(--acc); line-height:0.9;
  font-family:"Fraunces",Georgia,serif; letter-spacing:-0.03em;
}
.mc-risk__stat-num i{ font-size:28px; font-style:normal; margin-left:4px; font-weight:400; color:var(--acc); opacity:0.6; }
.mc-risk__stat-desc{
  display:block; font-size:16px; color:#111; font-weight:600; line-height:1.5;
}
.mc-risk ul{ display:grid; gap:24px; border-top:1px solid rgba(0,0,0,0.08); padding-top:32px; margin-top:auto; text-align:justify; }
.mc-risk li{ position:relative; padding-left:24px; font-size:15px; color:#555; line-height:1.7; }
.mc-risk li::before{
  content:""; position:absolute; left:0; top:11px; width:12px; height:1px; background:var(--acc);
}
.mc-risk li b{ color:#111; font-weight:600; box-shadow:inset 0 -6px 0 color-mix(in srgb, var(--acc) 15%, transparent); }
/* 窄屏堆叠时补横向分隔线（桌面竖线只在 ≥860px 生效） */
@media (max-width:859px){
  .mc-risks{ gap:40px; }
  .mc-risk + .mc-risk{ border-top:1px solid rgba(0,0,0,.08); padding-top:40px; }
}

/* —— 结论金句：描金短线 + 衬线大字 —— */
.mc-verdict{ margin:48px auto 0; max-width:720px; text-align:center; }
.mc-verdict::before{
  content:""; display:block; width:34px; height:3px; border-radius:2px;
  background:var(--gold); margin:0 auto 18px;
}
.mc-verdict p{
  font-family:"Fraunces",Georgia,serif; font-weight:500;
  font-size:clamp(19px,2.6vw,26px); line-height:1.7; color:var(--green);
}
.mc-verdict em{ font-style:italic; color:var(--gold); }

/* —— 镜像案例对开：单国死磕（米纸暗调）vs 多国联申（深绿描金）—— */
/* 一大一小对决：A 收敛为小卡（反面教材），B 放大为主卡（策略胜果），VS 居中压在两卡之间 */
.mc-duel{ position:relative; display:grid; grid-template-columns:1fr; gap:18px; align-items:center; }
@media (min-width:860px){
  .mc-duel{
    grid-template-columns:minmax(0,4.3fr) auto minmax(0,6.5fr);
    column-gap:clamp(12px,2vw,26px); align-items:center;
  }
}
.mc-player{
  position:relative; display:flex; flex-direction:column;
  border-radius:var(--radius-lg); padding:30px 28px;
  background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-sm);
}
.mc-player__num i{
  font-family:inherit; font-style:normal; font-size:.32em; font-weight:700;
  margin-left:5px; letter-spacing:.02em; opacity:.85;
}
.mc-player__tag{
  font-size:11px; font-weight:800; letter-spacing:.14em; color:var(--muted);
}
.mc-player h3{ margin-top:10px; font-size:24px; }
/* 档案清单：两卡严格同构（学生背景 / 申请布局 / 最终录取），逐行虚线台账 */
.mc-player__sheet{ margin:20px 0 0; }
.mc-player__sheet > div{ padding:13px 0 14px; border-top:1px dashed var(--line); }
.mc-player__sheet dt{ font-size:11px; font-weight:800; letter-spacing:.16em; color:var(--muted); }
.mc-player__sheet dd{ margin-top:6px; font-size:13.5px; font-weight:600; line-height:1.75; color:#4a473e; }
.mc-player__sheet dd b{ font-weight:800; color:var(--green); }
.mc-player__result{
  display:grid; grid-template-columns:auto 1fr; column-gap:18px; align-items:center;
  margin-top:auto; padding-top:18px; border-top:1px dashed var(--line);
}
.mc-player__num{
  font-family:"Fraunces",Georgia,serif; font-weight:600; line-height:1;
  font-size:clamp(52px,6vw,72px); color:var(--danger);
}
.mc-player__result p{ font-size:13.5px; line-height:1.75; color:#555555; }
.mc-player__result b{ display:block; font-weight:800; color:var(--ink); margin-bottom:2px; }
/* A · 单国死磕：褪色米纸 + 全灰调（策略失败的「暗面」），收敛为小卡；
   连 dd 里的 b 也压成灰，让 A 卡上没有任何值得羡慕的高光 */
.mc-player--solo{ background:#F1EDE3; }
.mc-player--solo h3{ color:#6d6a5f; }
.mc-player--solo .mc-player__sheet dd{ color:#75725f; }
.mc-player--solo .mc-player__sheet dd b{ color:#5c594c; }
.mc-player--solo .mc-player__result b{ color:#5c594c; }
.mc-player--solo .mc-player__result p{ color:#75725f; }
.mc-player--solo .mc-player__num{ font-size:clamp(46px,5vw,58px); }
@media (min-width:860px){
  .mc-player--solo{ align-self:center; padding:26px 26px; }
  .mc-player--solo h3{ font-size:21px; }
}
/* B · 多国联申：深绿描金（策略成功的「亮面」）*/
.mc-player--multi{
  background:
    radial-gradient(120% 90% at 96% -10%, rgba(168,145,87,.24) 0%, rgba(168,145,87,0) 55%),
    var(--green);
  border-color:transparent; color:#fff;
  box-shadow:0 30px 60px -34px rgba(20,52,43,.55);
}
.mc-player--multi .mc-player__tag{ color:var(--gold-soft); }
.mc-player--multi h3{ color:#fff; }
.mc-player--multi .mc-player__sheet > div{ border-top-color:rgba(255,255,255,.18); }
.mc-player--multi .mc-player__sheet dt{ color:var(--gold-soft); }
.mc-player--multi .mc-player__sheet dd{ color:rgba(255,255,255,.88); }
.mc-player--multi .mc-player__sheet dd b{ color:var(--gold-soft); }
.mc-player--multi .mc-player__result{ border-top-color:rgba(255,255,255,.18); }
.mc-player--multi .mc-player__num{ color:var(--gold-soft); }
.mc-player--multi .mc-player__result b{ color:#fff; }
.mc-player--multi .mc-player__result p{ color:rgba(255,255,255,.8); }
/* B 放大为主卡：加大留白 + 描金细边 + 更大的胜果数字 */
.mc-player--multi .mc-player__num{ font-size:clamp(66px,8vw,92px); }
@media (min-width:860px){
  .mc-player--multi{ padding:40px 36px 34px; border:1px solid rgba(217,194,140,.35); }
}
/* B 冠冕徽标：描金药丸，压在主卡右上角 */
.mc-player__crown{
  position:absolute; top:-13px; right:26px; z-index:3;
  display:inline-flex; align-items:center; gap:6px;
  font-size:11.5px; font-weight:800; letter-spacing:.14em; color:var(--green);
  background:linear-gradient(120deg,#E7CE96,var(--gold-soft));
  padding:7px 15px; border-radius:100px;
  box-shadow:0 10px 22px -10px rgba(168,145,87,.7);
}
/* A 卡镜像徽标：描红空心「全盘皆输」，与 B 的描金实心「策略致胜」对仗 */
.mc-player__crown--loss{
  background:var(--bg);
  border:1.5px solid color-mix(in srgb, var(--danger) 55%, transparent);
  color:var(--danger);
  box-shadow:0 10px 22px -12px rgba(20,52,43,.25);
}
/* VS 徽章：作为流内网格项，居中压在两卡之间（含移动端堆叠）*/
.mc-duel__vs{
  justify-self:center; align-self:center; z-index:2;
  display:grid; place-items:center;
  width:54px; height:54px; border-radius:50%;
  background:var(--bg); border:1.5px solid var(--gold);
  font-family:"Fraunces",Georgia,serif; font-style:italic; font-weight:600;
  font-size:15px; color:var(--gold);
  box-shadow:0 10px 24px -12px rgba(20,52,43,.4);
}

/* —— 概率图（2026-07-08 三改）：财经编辑式刻度图 ——
   顶部 0–100% 标尺 + 25% 网格线 + 左基线；三条细条错峰充能，
   前两行纸白哑光，末行描金加高发光——整幕唯一的高光就是答案本身 */
.mc-odds{ max-width:920px; }
.mc-odds__scale{ display:none; }
.mc-odds__ticks{
  display:flex; justify-content:space-between;
  font-size:10.5px; font-weight:700; letter-spacing:.1em; font-style:normal;
  color:rgba(255,255,255,.42);
}
.mc-odds__ticks i{ font-style:normal; }
.mc-odd{ padding:22px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.mc-odd__label{ margin-bottom:12px; }
.mc-odd__label b{ display:block; font-size:15px; font-weight:800; color:rgba(255,255,255,.92); }
.mc-odd__label span{ display:block; margin-top:3px; font-size:12px; color:rgba(255,255,255,.5); }
.mc-odd__bar{
  position:relative; height:28px;
  border-left:2px solid rgba(255,255,255,.4);
  border-right:1px solid rgba(255,255,255,.14);
  background-image:linear-gradient(90deg, rgba(255,255,255,.13) 1px, transparent 1px);
  background-size:25% 100%;
}
.mc-odd__fill{
  display:flex; align-items:center; justify-content:flex-end;
  height:100%; width:0; border-radius:0 3px 3px 0;
  background:linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,.28));
  transition:width 1.1s var(--ease) .2s;
}
/* 三条错峰充能：一条接一条点亮，读数随后浮现 */
.mc-odd + .mc-odd .mc-odd__fill{ transition-delay:.55s; }
.mc-odd + .mc-odd + .mc-odd .mc-odd__fill{ transition-delay:.9s; }
.reveal.in .mc-odd__fill{ width:var(--w); }
.mc-odd__fill em{
  font-style:italic; font-family:"Fraunces","Noto Serif SC",Georgia,serif; font-weight:500;
  font-size:15px; color:rgba(255,255,255,.9); padding:0 12px; white-space:nowrap;
  opacity:0; transition:opacity .5s var(--ease) 1.2s;
}
.mc-odd + .mc-odd .mc-odd__fill em{ transition-delay:1.55s; }
.mc-odd + .mc-odd + .mc-odd .mc-odd__fill em{ transition-delay:1.95s; }
.reveal.in .mc-odd__fill em{ opacity:1; }
/* 答案行：描金加高 + 微光晕，读数深绿压金 */
.mc-odd--hi .mc-odd__label b{ color:var(--gold-soft); font-size:16px; }
.mc-odd--hi .mc-odd__bar{ height:44px; }
.mc-odd--hi .mc-odd__fill{
  background:linear-gradient(90deg, #A98F52, var(--gold-soft));
  box-shadow:0 0 30px rgba(217,194,140,.32);
}
.mc-odd--hi .mc-odd__fill em{
  font-size:clamp(18px,2.4vw,21px); font-weight:600; color:var(--green); padding:0 16px;
}
.mc-odds__src{ margin-top:18px; font-size:12px; color:rgba(255,255,255,.45); line-height:1.7; }
@media (min-width:760px){   /* 桌面：标签列 + 图形列的双列台账，标尺行统领图形列 */
  .mc-odds__scale{
    display:grid; grid-template-columns:230px 1fr; column-gap:clamp(24px,3vw,40px);
    padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.14);
  }
  .mc-odd{
    display:grid; grid-template-columns:230px 1fr; column-gap:clamp(24px,3vw,40px);
    align-items:center; padding:26px 0;
  }
  .mc-odd__label{ margin-bottom:0; }
}
@media (prefers-reduced-motion: reduce){
  .mc-odd__fill{ width:var(--w); transition:none; }
  .mc-odd__fill em{ opacity:1; transition:none; }
}

/* —— #result 深绿满幅顿点（2026-07-08 精简）：板块本身即深色带，
   柱状图居中放大为本幕唯一主角，答案（85–90%）只在充能动画里揭示 —— */
#result.sec-dark::before{
  background:
    radial-gradient(120% 90% at 92% -6%, rgba(168,145,87,.2) 0%, rgba(168,145,87,0) 55%),
    var(--green);
}
.mc-oddboard{ margin-top:clamp(44px,5.5vw,64px); }
.mc-oddboard .mc-odds{ margin:0 auto; }
/* 终幕金句收口（无按钮，把注意力留给图表；转化由下方 cta-band 承接） */
.mc-verdict--finale{ margin-top:clamp(52px,6.5vw,72px); }
.mc-verdict--finale p{ color:#fff; }
.mc-verdict--finale em{ color:var(--gold-soft); }

/* —— #result 深色带 → explore 的呼吸空间（explore 全站共用，仅本页加距） —— */
#result + .explore{ margin-top:clamp(88px,11vw,132px); }

/* —— Step 01 · 风险-回报阶梯（2026-07-08 去卡片化重设计）：
   三列踏步从左到右步步登高，踏步（色块基座）高度 = 风险与投入同向抬升，
   版式即内容；文字区顶对齐、基座底对齐，中间弹性留白 —— */
.mc-ladder{ display:grid; grid-template-columns:1fr; gap:38px; margin-top:40px; }
@media (min-width:860px){
  .mc-ladder{ grid-template-columns:repeat(3,1fr); column-gap:clamp(28px,4vw,56px); }
}
.mc-lstep{ --acc:var(--gold); display:flex; flex-direction:column; }
.mc-lstep--low{  --acc:var(--green-2); }
.mc-lstep--mid{  --acc:var(--gold); }
.mc-lstep--high{ --acc:var(--terra); }
.mc-lstep__grade{ display:flex; align-items:center; gap:9px; margin-bottom:14px; }
.mc-lstep__dots{ display:inline-flex; gap:4px; }
.mc-lstep__dots i{
  width:7px; height:7px; border-radius:50%;
  border:1.5px solid var(--acc); background:transparent;
}
.mc-lstep--low  .mc-lstep__dots i:nth-child(-n+1),
.mc-lstep--mid  .mc-lstep__dots i:nth-child(-n+2),
.mc-lstep--high .mc-lstep__dots i{ background:var(--acc); }
.mc-lstep__grade b{ font-size:12px; font-weight:800; letter-spacing:.08em; color:var(--acc); white-space:nowrap; }
.mc-lstep h4{ font-size:19px; color:var(--ink); font-weight:800; line-height:1.45; }
.mc-lstep > p{ margin:10px 0 auto; font-size:13.5px; color:#6b6657; line-height:1.8; }
/* 踏步基座：主题色渐隐色块 + 顶部实线，内置国家代码与参考预算 */
.mc-lstep__base{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  margin-top:26px; padding:12px 16px;
  height:52px; border-top:2px solid var(--acc);
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--acc) 13%, transparent),
    color-mix(in srgb, var(--acc) 3%, transparent));
}
.mc-lstep__base i{
  font-style:normal; font-family:"Fraunces",Georgia,serif; font-weight:500;
  font-size:11.5px; letter-spacing:.13em; color:var(--acc); white-space:nowrap;
}
.mc-lstep__base span{ font-size:12.5px; font-weight:700; color:var(--green); }
@media (min-width:860px){
  .mc-lstep--low  .mc-lstep__base{ height:56px; }
  .mc-lstep--mid  .mc-lstep__base{ height:102px; }
  .mc-lstep--high .mc-lstep__base{ height:148px; }
}

/* —— 图片占位（理念对开左图 · 待客户供图）—— */
.mc-ph{
  position:absolute; inset:0; display:grid; place-items:center;
  background:
    radial-gradient(120% 90% at 90% -8%, rgba(168,145,87,.3) 0%, rgba(168,145,87,0) 58%),
    linear-gradient(150deg, #1C4436 0%, #14342B 58%, #0F291F 100%);
}
.mc-ph i{
  font-style:normal; font-size:11px; font-weight:700; letter-spacing:.16em;
  color:rgba(255,255,255,.55); border:1px dashed rgba(255,255,255,.32);
  padding:9px 16px; border-radius:999px;
}
/* 广告式重点：#diagnosis / #mirror / #strategy / #solution 的 lead 加粗压品牌绿（同转学页 #odds 规则） */
#diagnosis .lead b, #mirror .lead b, #strategy .lead b, #solution .lead b{ color:var(--green-2); font-weight:700; }

/* ═══════════════════════════════════════════════════════════
   ✦ 服务方案区（#solution 四种黄金组合 + 一国一策五步落地）
   2026-07-08 客户内容填充；仅追加 mc- 类，零影响其他页面
   ═══════════════════════════════════════════════════════════ */

/* —— 区块内二级标题 —— */
.mc-block{ margin-top:clamp(48px,6vw,74px); }
.mc-block__head .mc-kicker{
  display:block; font-family:"Fraunces",Georgia,serif; font-style:italic;
  font-size:15px; color:var(--gold); margin-bottom:8px;
}
.mc-block__head h3{ font-size:clamp(22px,3.4vw,30px); color:var(--green); line-height:1.32; }
.mc-block__head p{ margin-top:12px; font-size:15px; color:#555; line-height:1.85; max-width:62ch; }

/* —— 黄金组合：台账式三列对齐行（2026-07-08 二改）——
   三行严格同构：组合名称｜适合家庭画像｜核心优势与逻辑，
   桌面端共用一套 grid 列轨 + 顶部列头统领，同一列永远是同一类内容；
   三组等权处理（统一描金），不再单独突出任何一组 —— */
.mc-combos{ margin-top:34px; counter-reset:combo; border-top:2px solid var(--green); }
.mc-combos__legend{ display:none; }
.mc-combo{
  counter-increment:combo;
  padding:30px 0 36px;
  border-bottom:1px solid rgba(0,0,0,.1);
}
/* 衬线序号：组合名上方，描金半透明 */
.mc-combo__id::before{
  content:"0" counter(combo);
  display:block;
  font-family:"Fraunces",Georgia,serif; font-style:italic; font-weight:400;
  font-size:34px; line-height:1; letter-spacing:-.02em;
  color:color-mix(in srgb, var(--gold) 72%, transparent);
}
.mc-combo__name{
  /* inline-block 收缩到文字宽度：hover 金线只延展到字末，不再冲满整列 */
  position:relative; display:inline-block; margin-top:12px; padding-bottom:9px;
  font-size:25px; font-weight:800; color:var(--green); letter-spacing:.02em; line-height:1.2;
}
.mc-combo__name::after{
  content:""; position:absolute; left:0; bottom:0; height:2px; width:30px;
  background:var(--gold); transition:width .5s var(--ease);
}
.mc-combo:hover .mc-combo__name::after{ width:100%; }
.mc-combo__zone{
  display:block; width:fit-content; margin-top:14px;
  font-size:11.5px; font-weight:800; letter-spacing:.09em; color:#8a7440;
  background:color-mix(in srgb,var(--gold) 14%,transparent);
  border:1px solid color-mix(in srgb,var(--gold) 36%,transparent);
  padding:6px 13px; border-radius:100px;
}
/* 移动端字段小标（桌面由列头接管后隐藏） */
.mc-combo__lab{
  display:block; margin-bottom:8px;
  font-size:11px; font-weight:800; letter-spacing:.14em; color:var(--muted);
}
.mc-combo__for{ margin-top:24px; font-size:14.5px; color:#3f3d34; line-height:1.85; }
.mc-combo__for b{ color:var(--green); font-weight:800; }
.mc-combo__logic{ margin-top:22px; }
/* 优势口号：描金短杠打头，18px 深绿加粗，是每行的第二视觉锚点 */
.mc-combo__logic > b{
  position:relative; display:block; padding-left:26px;
  font-size:18px; font-weight:800; color:var(--green); letter-spacing:.03em;
}
.mc-combo__logic > b::before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:16px; height:3px; background:var(--gold);
}
.mc-combo__logic > p{ margin-top:10px; font-size:14px; color:#5c574a; line-height:1.9; }
.mc-combo__logic > p b{ color:#3a372c; font-weight:800; }
@media(min-width:860px){
  .mc-combos__legend{
    display:grid; grid-template-columns:210px 1fr 1.4fr; column-gap:clamp(30px,4vw,54px);
    padding:14px 0 12px; border-bottom:1px solid rgba(0,0,0,.1);
    font-size:11px; font-weight:800; letter-spacing:.14em; color:var(--muted);
  }
  .mc-combo{
    display:grid; grid-template-columns:210px 1fr 1.4fr; column-gap:clamp(30px,4vw,54px);
    align-items:start;
    padding:36px 0 42px;
  }
  .mc-combo__lab{ display:none; }
  /* 与左列衬线序号的视觉水平线对齐 */
  .mc-combo__for{ margin-top:0; padding-top:6px; }
  .mc-combo__logic{ margin-top:0; padding-top:4px; }
}

/* —— 一国一策·五步落地：描金纵轴里程碑路线（呼应首页申请流程的书脊母题）——
   节点圆填充 = SOLUTION 板块的米白底色 var(--bg)，让描金脊线无缝穿过每个里程碑 */
.mc-path{
  --band:var(--bg);
  position:relative; margin-top:clamp(40px,5vw,52px); padding:0; list-style:none;
  counter-reset:mcstep;
}
.mc-milestone{
  counter-increment:mcstep;
  position:relative; display:grid;
  grid-template-columns:48px 1fr; align-items:start;
  column-gap:clamp(18px,3vw,28px);
  padding:0 0 clamp(30px,4vw,42px);
}
.mc-milestone:last-child{ padding-bottom:0; }
/* 节点之间的描金连线（最后一节不画）：从本节点圆心向下延伸至下一节点 */
.mc-milestone::before{
  content:""; position:absolute; z-index:0; left:24px; top:24px; width:2px; height:100%;
  transform:translateX(-50%);
  background:linear-gradient(180deg, var(--gold) 0%, color-mix(in srgb, var(--gold) 42%, transparent) 100%);
}
.mc-milestone:last-child::before{ display:none; }
/* 里程碑节点：衬线斜体序号，band 色描金环遮住脊线，坐落于书脊之上 */
.mc-milestone__node{
  position:relative; z-index:1;
  width:48px; height:48px; border-radius:50%;
  display:grid; place-items:center;
  background:var(--band); border:1.5px solid var(--gold);
  box-shadow:0 0 0 6px var(--band), 0 12px 24px -16px rgba(20,52,43,.55);
  font-family:"Fraunces",Georgia,serif; font-style:italic; font-weight:500;
  font-size:19px; color:var(--gold);
  transition:background .35s var(--ease), color .35s var(--ease),
             border-color .35s var(--ease), transform .35s var(--ease);
}
.mc-milestone__node::before{ content:"0" counter(mcstep); }
.mc-milestone:hover .mc-milestone__node{
  background:var(--green); border-color:var(--green); color:var(--gold-soft); transform:translateY(-2px);
}
.mc-milestone__body{ padding-top:3px; max-width:66ch; }
/* 主标题：每行四个字，一眼扫完五件事 */
.mc-milestone__body h4{
  font-size:clamp(22px,2.6vw,26px); color:var(--green); font-weight:800;
  letter-spacing:.06em; line-height:1.3;
}
/* 细节小字降级：标题一眼扫完，感兴趣再读 */
.mc-milestone__body p{ margin-top:10px; font-size:13.5px; color:#85806f; line-height:1.85; }
/* 补充行：原长标题降级为一句话副题（写在基础 p 规则之后以更高权重覆盖） */
.mc-milestone__body p.mc-milestone__sub{
  margin-top:7px; font-size:14.5px; font-weight:700; color:#57523f; line-height:1.6;
}
.mc-milestone__body p b{ color:#55503f; font-weight:700; }
/* 右侧「一眼关键词」：大号描金衬线，五步各提炼一个记忆点 */
.mc-milestone__key{ display:none; }
@media (min-width:760px){
  .mc-milestone{ grid-template-columns:56px 1fr auto; column-gap:clamp(22px,3vw,34px); }
  .mc-milestone::before{ left:28px; top:28px; }
  .mc-milestone__node{ width:56px; height:56px; font-size:22px; }
  .mc-milestone__key{
    display:block; align-self:start; padding-top:30px;
    font-family:"Fraunces","Noto Serif SC",Georgia,serif; font-style:italic; font-weight:500;
    font-size:23px; letter-spacing:.02em; color:var(--gold);
    white-space:nowrap;
  }
}