/* ============================================================
   韩国永进专门大学中国创新中心 — V2 样式表
   依据《网站建议.docx》视觉参数：
   深蓝 #123A63 / 中蓝 #2F6FA3 / 暖金 #C79A4B / 浅灰 #F5F7FA
   配色比例：白+浅灰 70% / 深蓝 20% / 中蓝 7% / 金 3%
   原则：少颜色、少动画、少装饰；多留白、强层级、强可信度
   ============================================================ */

/* ---------- 1. 设计变量 ---------- */
:root{
  /* 主色 */
  --navy:#123A63;         /* 主色：导航、一级标题、主按钮、页脚 */
  --navy-deep:#0E2E4F;    /* 深蓝加深，用于 hover 与渐变 */
  --blue:#2F6FA3;         /* 辅助蓝：hover、次级按钮、图标、链接 */
  --gold:#C79A4B;         /* 点缀金：控制在全站 5% 以内 */

  /* 中性 */
  --bg:#FFFFFF;
  --bg-alt:#F5F7FA;       /* 浅灰区块底 */
  --text:#27313C;         /* 正文深灰 */
  --text-2:#667085;       /* 次级文字 */
  --line:#E4E8EE;         /* 分隔线 / 卡片边框 */
  --line-soft:#EDF0F5;

  /* 字体：不引外部字体（大陆访问 Google Fonts 会失败），走系统栈 */
  --font:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
         "Microsoft YaHei", "Source Han Sans SC", "Noto Sans SC", sans-serif;
  --font-en:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* 布局 */
  --max:1240px;
  --gutter:24px;
  --nav-h:76px;
  --radius:10px;          /* 卡片圆角 */
  --radius-btn:7px;       /* 按钮圆角，不做胶囊 */
  --shadow-card:0 2px 4px rgba(18,58,99,.04);
  --shadow-hover:0 10px 28px rgba(18,58,99,.10);
}

/* ---------- 2. 基础 ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:calc(var(--nav-h) + 16px)}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font); font-size:16px; line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
ul,ol{margin:0; padding:0; list-style:none}
h1,h2,h3,h4{margin:0; font-weight:700; line-height:1.35; color:var(--navy)}
p{margin:0}
::selection{background:rgba(47,111,163,.16)}

/* ---------- 3. 布局 ---------- */
.wrap{max-width:var(--max); margin:0 auto; padding:0 var(--gutter)}
.section{padding:100px 0}
.section--sm{padding:76px 0}
.section--alt{background:var(--bg-alt)}
.section--navy{background:var(--navy); color:#fff}
.section--navy h2,.section--navy h3{color:#fff}

/* 区块表头 */
.sec-head{max-width:760px; margin-bottom:52px}
.sec-head--center{margin-left:auto; margin-right:auto; text-align:center}
.eyebrow{
  font-family:var(--font-en); font-size:13px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:var(--gold);
  display:flex; align-items:center; gap:10px; margin-bottom:16px;
}
.eyebrow::before{content:""; width:24px; height:1px; background:var(--gold)}
.sec-head--center .eyebrow{justify-content:center}
h2,.h2{font-size:38px; letter-spacing:-.01em}
.sec-lead{margin-top:18px; font-size:17px; color:var(--text-2); line-height:1.85}
.section--navy .sec-lead{color:rgba(255,255,255,.76)}
.section--navy .eyebrow{color:var(--gold)}

/* ---------- 4. 按钮 ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:50px; padding:0 28px; border-radius:var(--radius-btn);
  font-size:16px; font-weight:600; line-height:1; white-space:nowrap;
  border:1px solid transparent; cursor:pointer;
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}
.btn--primary{background:var(--navy); color:#fff}
.btn--primary:hover{background:var(--navy-deep)}
.btn--ghost{background:#fff; color:var(--navy); border-color:#C6D2DF}
.btn--ghost:hover{border-color:var(--blue); color:var(--blue)}
.btn--onnavy{background:#fff; color:var(--navy)}
.btn--onnavy:hover{background:#EAF0F6}
.btn--outline-light{background:transparent; color:#fff; border-color:rgba(255,255,255,.42)}
.btn--outline-light:hover{border-color:#fff; background:rgba(255,255,255,.08)}
.btn-row{display:flex; flex-wrap:wrap; gap:14px}
.link-more{
  display:inline-flex; align-items:center; gap:6px;
  color:var(--blue); font-weight:600; font-size:15px;
}
.link-more::after{content:"→"; transition:transform .18s ease}
.link-more:hover::after{transform:translateX(3px)}

/* ---------- 5. 顶部导航 ---------- */
.nav{
  position:sticky; top:0; z-index:60; background:#fff;
  border-bottom:1px solid transparent; transition:box-shadow .2s ease, border-color .2s ease;
}
.nav.is-stuck{border-bottom-color:var(--line); box-shadow:0 1px 12px rgba(18,58,99,.06)}
.nav__in{height:var(--nav-h); display:flex; align-items:center; gap:32px}
.brand{display:flex; flex-direction:column; justify-content:center; line-height:1.25}
.brand__cn{font-size:17px; font-weight:700; color:var(--navy); letter-spacing:.01em}
.brand__en{font-family:var(--font-en); font-size:11px; letter-spacing:.08em; color:var(--text-2)}
.nav__menu{display:flex; align-items:center; gap:34px; margin-left:auto}
.nav__menu a{
  font-size:16px; color:var(--text); padding:6px 0; position:relative;
  transition:color .18s ease;
}
.nav__menu a:hover{color:var(--blue)}
.nav__menu a.is-active{color:var(--navy); font-weight:600}
.nav__menu a.is-active::after{
  content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px; background:var(--gold);
}
.nav__cta{margin-left:8px}
.nav__menu a.btn--primary{color:#fff}          /* 覆盖导航链接色，保证按钮白字 */
.nav__menu a.btn--primary:hover{color:#fff}
.nav__toggle{
  display:none; margin-left:auto; width:44px; height:44px; border:1px solid var(--line);
  border-radius:6px; background:#fff; align-items:center; justify-content:center; cursor:pointer;
}
.nav__toggle span{display:block; width:18px; height:1.5px; background:var(--navy); position:relative}
.nav__toggle span::before,.nav__toggle span::after{
  content:""; position:absolute; left:0; width:18px; height:1.5px; background:var(--navy);
}
.nav__toggle span::before{top:-6px} .nav__toggle span::after{top:6px}

/* ---------- 6. 图片容器 ---------- */
.media{position:relative; overflow:hidden; border-radius:var(--radius); background:#E4E9F0}
.media img{width:100%; height:100%; object-fit:cover; display:block}
.media--wide{aspect-ratio:16/10}
.media--card{aspect-ratio:3/2; border-radius:0; border-bottom:1px solid var(--line-soft)}
.media--sq{aspect-ratio:4/3}
.media__cap{
  position:absolute; left:0; right:0; bottom:0; padding:22px 16px 12px;
  font-size:13px; color:#fff; letter-spacing:.04em;
  background:linear-gradient(180deg, transparent, rgba(14,46,79,.72));
}
/* 三张专业实训图 */
.gal3{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px}
.gal3 .media{aspect-ratio:3/2}
.gal3 figcaption{margin-top:12px; font-size:15px; color:var(--navy); font-weight:600}
.gal3 figure{margin:0}

/* ---------- 6b. 图片位（素材未到位时的占位，保留备用） ---------- */
.ph{
  position:relative; background:
    linear-gradient(135deg,#EDF1F6 0%, #E2E9F1 52%, #EAEFF5 100%);
  border:1px solid var(--line); border-radius:var(--radius);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.ph::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,.55) 1px, transparent 1px),
                   linear-gradient(90deg, rgba(255,255,255,.55) 1px, transparent 1px);
  background-size:38px 38px; opacity:.7;
}
.ph__label{
  position:relative; display:flex; flex-direction:column; align-items:center; gap:8px;
  font-size:13px; color:#8A97A8; letter-spacing:.04em; text-align:center; padding:0 16px;
}
.ph__label svg{width:22px; height:22px; stroke:#9AA7B7; stroke-width:1.4; fill:none}
.ph--wide{aspect-ratio:16/10}
.ph--card{aspect-ratio:3/2; border-radius:0; border:0; border-bottom:1px solid var(--line-soft)}
.ph--sq{aspect-ratio:4/3}

/* ---------- 7. 首屏 Hero ---------- */
.hero{position:relative; background:var(--navy); color:#fff; overflow:hidden}
.hero__bg{
  position:absolute; inset:0;
  background:var(--navy) url(../img/hero.jpg) center 42% / cover no-repeat;
}
/* 左侧深色文字层：从深蓝渐透到右侧，让照片主体留在右半边 */
.hero__bg::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(95deg,
    rgba(14,46,79,.96) 0%, rgba(14,46,79,.90) 34%,
    rgba(18,58,99,.58) 58%, rgba(18,58,99,.22) 82%, rgba(18,58,99,.12) 100%);
}
/* 底部再压一层，保证按钮区域文字可读 */
.hero__bg::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:38%;
  background:linear-gradient(180deg, transparent, rgba(14,46,79,.45));
}
.hero__in{position:relative; padding:150px 0 140px; max-width:640px}
.hero__tag{
  display:inline-flex; align-items:center; gap:9px; font-size:13px; letter-spacing:.1em;
  color:var(--gold); font-weight:600; margin-bottom:22px;
}
.hero__tag::before{content:""; width:26px; height:1px; background:var(--gold)}
.hero h1{font-size:52px; line-height:1.28; color:#fff; letter-spacing:-.015em}
.hero__sub{margin-top:24px; font-size:19px; line-height:1.8; color:rgba(255,255,255,.88)}
.hero__btns{margin-top:40px}
.hero__note{
  position:absolute; right:var(--gutter); bottom:26px; font-size:12px;
  color:rgba(255,255,255,.42); letter-spacing:.04em;
}

/* 内页小 Hero */
.phero{background:var(--navy); color:#fff; position:relative; overflow:hidden}
.phero::after{
  content:""; position:absolute; inset:0; opacity:.14;
  background-image:linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:linear-gradient(90deg, transparent 40%, #000 100%);
  mask-image:linear-gradient(90deg, transparent 40%, #000 100%);
}
.phero__in{position:relative; padding:78px 0 72px; max-width:760px; z-index:1}
.phero h1{font-size:42px; color:#fff; line-height:1.32}
.phero__sub{margin-top:18px; font-size:18px; color:rgba(255,255,255,.78); line-height:1.8}

/* ---------- 8. 为什么选择永进：大图 + 四模块 ---------- */
.split{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center}
.feat-list{display:grid; gap:34px}
.feat{display:flex; gap:18px}
.feat__ico{
  flex:0 0 auto; width:44px; height:44px; border:1px solid var(--line); border-radius:8px;
  display:flex; align-items:center; justify-content:center; background:#fff;
}
.feat__ico svg{width:21px; height:21px; stroke:var(--blue); stroke-width:1.5; fill:none;
  stroke-linecap:round; stroke-linejoin:round}
.feat h3{font-size:20px; margin-bottom:6px}
.feat p{font-size:15.5px; color:var(--text-2); line-height:1.8}

/* ---------- 9. 三大核心项目卡片 ---------- */
.cards{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px}
.card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  overflow:hidden; display:flex; flex-direction:column;
  box-shadow:var(--shadow-card);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.card:hover{transform:translateY(-5px); box-shadow:var(--shadow-hover); border-color:#D6DEE8}
.card__body{padding:28px 26px 30px; display:flex; flex-direction:column; flex:1}
.card__num{
  font-family:var(--font-en); font-size:13px; font-weight:700; letter-spacing:.14em;
  color:var(--gold); margin-bottom:12px;
}
.card h3{font-size:21px; margin-bottom:12px}
.card p{font-size:15.5px; color:var(--text-2); line-height:1.8; flex:1}
.card .link-more{margin-top:20px}

/* ---------- 10. 升学路径四步 ---------- */
.steps{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin-top:8px}
.step{position:relative; padding:0 26px 0 0}
.step + .step{padding-left:26px}
.step + .step::before{
  content:""; position:absolute; left:0; top:12px; bottom:6px; width:1px; background:var(--line);
}
.step__num{
  font-family:var(--font-en); font-size:30px; font-weight:700; color:var(--gold);
  line-height:1; letter-spacing:-.02em;
}
.step h3{font-size:20px; margin:14px 0 8px}
.step p{font-size:15px; color:var(--text-2); line-height:1.8}
.note{
  margin-top:36px; padding-left:16px; border-left:2px solid var(--line);
  font-size:14px; color:var(--text-2); line-height:1.85;
}
.section--navy .note{border-left-color:rgba(255,255,255,.28); color:rgba(255,255,255,.66)}

/* ---------- 11. 合作伙伴深蓝屏 ---------- */
.chips{display:flex; flex-wrap:wrap; gap:10px; margin-top:26px}
.chip{
  font-size:14.5px; padding:7px 15px; border-radius:6px;
  background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.16); color:rgba(255,255,255,.9);
}
.cols3{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px; margin-top:56px}
.col__ico svg{width:24px; height:24px; stroke:var(--gold); stroke-width:1.5; fill:none;
  stroke-linecap:round; stroke-linejoin:round}
.col h3{font-size:21px; margin:16px 0 10px}
.col p{font-size:15.5px; color:rgba(255,255,255,.74); line-height:1.85}
.rule-top{border-top:1px solid rgba(255,255,255,.18); padding-top:22px}

/* ---------- 12. 三方架构 ---------- */
.roles{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px}
.role{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:30px 26px; border-top:3px solid var(--navy);
}
.role--blue{border-top-color:var(--blue)}
.role--gold{border-top-color:var(--gold)}
.role__en{font-family:var(--font-en); font-size:12px; letter-spacing:.14em; color:var(--text-2); font-weight:600}
.role h3{font-size:20px; margin:10px 0 12px}
.role p{font-size:15.5px; color:var(--text-2); line-height:1.8}

/* ---------- 13. 内页通用板块 ---------- */
.block{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:60px; align-items:center}
.block + .block{margin-top:96px}
.block--rev .block__media{order:2}
.block__num{
  font-family:var(--font-en); font-size:13px; font-weight:700; letter-spacing:.16em; color:var(--gold);
  margin-bottom:14px; display:block;
}
.block h2{font-size:30px}
.block__lead{margin-top:8px; font-size:17px; color:var(--blue); font-weight:600}
.block__text{margin-top:18px; font-size:16px; color:var(--text-2); line-height:1.9}
.ticks{margin-top:22px; display:grid; gap:11px}
.ticks li{position:relative; padding-left:24px; font-size:15.5px; color:var(--text); line-height:1.75}
.ticks li::before{
  content:""; position:absolute; left:2px; top:11px; width:7px; height:7px;
  border-radius:2px; background:var(--gold);
}

/* 项目详情大块 */
.prog{border-top:1px solid var(--line); padding-top:48px}
.prog + .prog{margin-top:72px}
.prog__head{display:flex; align-items:baseline; gap:16px; flex-wrap:wrap}
.prog__num{font-family:var(--font-en); font-size:14px; font-weight:700; letter-spacing:.16em; color:var(--gold)}
.prog h2{font-size:32px}
.prog__sub{font-size:16px; color:var(--text-2)}
.prog__grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:34px}
.pane h4{font-size:17px; color:var(--navy); margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid var(--line)}
.pane p{font-size:15.5px; color:var(--text-2); line-height:1.85}
.pane li{position:relative; padding-left:20px; font-size:15.5px; color:var(--text-2); line-height:1.8; margin-bottom:8px}
.pane li::before{content:""; position:absolute; left:0; top:12px; width:6px; height:1.5px; background:var(--blue)}

/* 问答式（合作伙伴页） */
.qa{display:grid; grid-template-columns:300px minmax(0,1fr); gap:56px; padding:44px 0; border-top:1px solid var(--line)}
.qa h2{font-size:26px; line-height:1.45}
.qa__q{font-family:var(--font-en); font-size:13px; font-weight:700; letter-spacing:.16em; color:var(--gold); display:block; margin-bottom:12px}
.qa p{font-size:16px; color:var(--text-2); line-height:1.9}
.grid2{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 34px; margin-top:6px}

/* 区域中心晋级四步 */
.ladder{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:30px}
.rung{
  background:#fff; border:1px solid var(--line); border-radius:8px; padding:20px 18px;
  position:relative;
}
.rung__n{font-family:var(--font-en); font-size:12px; font-weight:700; letter-spacing:.14em; color:var(--blue)}
.rung h4{font-size:17px; color:var(--navy); margin-top:8px}
.rung p{font-size:14px; color:var(--text-2); margin-top:6px; line-height:1.75}

/* 联系方式 */
.contact{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; margin-top:8px}
.contact__item{border-top:2px solid var(--navy); padding-top:18px}
.contact__k{font-size:14px; color:var(--text-2); letter-spacing:.04em}
.contact__v{font-size:19px; font-weight:600; color:var(--navy); margin-top:6px}
.contact__v .todo{font-size:15px; font-weight:400; color:#98A3B2}

/* 结尾 CTA */
.endcta{background:var(--bg-alt); border-top:1px solid var(--line)}
.endcta__in{padding:72px 0; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap}
.endcta h2{font-size:30px}
.endcta p{margin-top:10px; color:var(--text-2); font-size:16px}

/* ---------- 14. 页脚 ---------- */
.foot{background:var(--navy); color:rgba(255,255,255,.72); font-size:15px}
/* 深蓝板块紧接页脚时，加一道细线避免两块深蓝糊在一起 */
.section--navy + .foot{border-top:1px solid rgba(255,255,255,.16)}
.foot__top{padding:66px 0 44px; display:grid; grid-template-columns:1.6fr 1fr 1.2fr; gap:56px}
.foot h4{font-size:15px; color:#fff; margin-bottom:18px; letter-spacing:.02em}
.foot__brand .brand__cn{color:#fff; font-size:18px}
.foot__brand .brand__en{color:rgba(255,255,255,.5); margin-bottom:16px}
.foot__desc{line-height:1.85; color:rgba(255,255,255,.62); font-size:14.5px; max-width:400px}
.foot__links li{margin-bottom:11px}
.foot__links a{color:rgba(255,255,255,.72); transition:color .18s ease}
.foot__links a:hover{color:#fff}
.foot__org li{margin-bottom:11px; color:rgba(255,255,255,.72); line-height:1.6}
.foot__org .en{font-family:var(--font-en); font-size:12px; color:rgba(255,255,255,.42); letter-spacing:.08em}
.foot__legal{border-top:1px solid rgba(255,255,255,.14); padding:28px 0 44px}
.foot__legal h5{margin:0 0 12px; font-size:13px; color:rgba(255,255,255,.62); font-weight:600; letter-spacing:.06em}
.foot__legal p{font-size:13px; line-height:1.9; color:rgba(255,255,255,.46); margin-bottom:7px}
.foot__copy{border-top:1px solid rgba(255,255,255,.14); padding:20px 0 26px; font-size:13px; color:rgba(255,255,255,.42)}

/* ---------- 15. 入场动效（克制） ---------- */
.rise{opacity:0; transform:translateY(14px); transition:opacity .5s ease, transform .5s ease}
.rise.is-in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
  .rise{opacity:1; transform:none; transition:none}
  html{scroll-behavior:auto}
}

/* ---------- 16. 响应式 ---------- */
@media (max-width:1080px){
  .split,.block{grid-template-columns:1fr; gap:40px}
  .gal3{gap:16px}
  .block--rev .block__media{order:0}
  .cards{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr; gap:34px 0}
  .qa{grid-template-columns:1fr; gap:20px; }
  .prog__grid{grid-template-columns:1fr 1fr}
  .ladder{grid-template-columns:1fr 1fr}
  .foot__top{grid-template-columns:1fr 1fr; gap:40px}
}
@media (max-width:860px){
  .nav__menu{
    position:absolute; left:0; right:0; top:var(--nav-h); background:#fff;
    flex-direction:column; align-items:stretch; gap:0; padding:8px var(--gutter) 20px;
    border-bottom:1px solid var(--line); box-shadow:0 12px 24px rgba(18,58,99,.08);
    display:none;
  }
  .nav__menu.is-open{display:flex}
  .nav__menu a{padding:14px 0; border-bottom:1px solid var(--line-soft)}
  .nav__menu a.is-active::after{display:none}
  .nav__cta{margin:16px 0 0; width:100%}
  .nav__toggle{display:flex}
  .nav__in{position:relative}
}
@media (max-width:640px){
  :root{--gutter:20px}
  .section{padding:64px 0}
  .section--sm{padding:52px 0}
  .sec-head{margin-bottom:36px}
  h2,.h2{font-size:28px}
  .sec-lead{font-size:16px}
  .hero__in{padding:88px 0 80px}
  .hero__bg{background-position:68% center}
  .hero__bg::before{background:linear-gradient(180deg, rgba(14,46,79,.90) 0%, rgba(14,46,79,.84) 100%)}
  .gal3{grid-template-columns:1fr}
  .hero h1{font-size:34px}
  .hero__sub{font-size:16.5px; margin-top:18px}
  .hero__btns{margin-top:30px}
  .hero__note{display:none}
  .btn{width:100%}
  .btn-row{gap:12px}
  .btn-row .btn{width:100%}
  .phero__in{padding:56px 0 52px}
  .phero h1{font-size:28px}
  .phero__sub{font-size:16px}
  .cards{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr; gap:28px}
  .step,.step + .step{padding:0}
  .step + .step::before{display:none}
  .cols3,.roles,.contact{grid-template-columns:1fr; gap:30px}
  .prog__grid{grid-template-columns:1fr; gap:28px}
  .prog h2{font-size:25px}
  .block h2{font-size:24px}
  .qa h2{font-size:22px}
  .grid2{grid-template-columns:1fr}
  .ladder{grid-template-columns:1fr}
  .foot__top{grid-template-columns:1fr; gap:34px; padding:48px 0 32px}
  .endcta__in{padding:52px 0; display:block}
  .endcta .btn-row{margin-top:24px}
  body{font-size:15.5px}
}

/* ---------- 17. 小模块（合作伙伴页问答内的双列要点） ---------- */
.mini h4{font-size:16.5px; color:var(--navy); margin-bottom:6px}
.mini p{font-size:15px; color:var(--text-2); line-height:1.8}
.grid2 .mini{padding-bottom:4px}

/* ---------- 18. 项目介绍页：订单班对比表 ---------- */
.cmp{margin-top:8px}
.cmp__hd,.cmp__row{display:grid; grid-template-columns:190px minmax(0,1fr) minmax(0,1fr); gap:0 36px}
.cmp__hd{padding-bottom:16px; border-bottom:2px solid var(--navy)}
.cmp__hd span{font-size:17px; font-weight:700; color:var(--navy)}
.cmp__row{padding:24px 0; border-bottom:1px solid var(--line); align-items:start}
.cmp__row:last-child{border-bottom:0}
.cmp__k{display:flex; gap:10px; align-items:baseline}
.cmp__k b{font-size:16px; color:var(--navy); font-weight:600}
.cmp__k i{font-family:var(--font-en); font-style:normal; font-size:12px; font-weight:700;
  letter-spacing:.12em; color:var(--gold); flex:0 0 auto}
.cmp__v{font-size:15.5px; color:var(--text-2); line-height:1.8}

/* ---------- 19. 核心亮点 ---------- */
.hl{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px}
.hl__item{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:28px 26px; border-left:3px solid var(--gold);
}
.hl__tag{
  display:inline-block; font-size:14px; font-weight:700; color:var(--navy);
  padding-bottom:12px; margin-bottom:14px; border-bottom:1px solid var(--line-soft); width:100%;
}
.hl__item p{font-size:15px; color:var(--text-2); line-height:1.85}

/* 项目背景长文 */
.lead-para{font-size:17px; line-height:2; color:var(--text); max-width:900px}
.lead-para strong{color:var(--navy); font-weight:600}

@media (max-width:1080px){
  .hl{grid-template-columns:1fr 1fr}
  .cmp__hd,.cmp__row{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr); gap:0 24px}
}
@media (max-width:640px){
  .hl{grid-template-columns:1fr}
  .cmp__hd{display:none}
  .cmp__row{grid-template-columns:1fr; gap:12px; padding:22px 0}
  .cmp__v::before{
    content:attr(data-t); display:block; font-size:12px; font-weight:700; color:var(--gold);
    letter-spacing:.06em; margin-bottom:4px;
  }
  .lead-para{font-size:16px; line-height:1.95}
}