/* ===== 中文排版覆盖 ===== */
:root{
  --font-cn:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html{font-size:16px}
body{
  font-family:var(--font-cn);
  line-height:1.85;
  letter-spacing:.01em;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,.brand__name,.btn{
  font-family:var(--font-cn);
  letter-spacing:.01em;
}
h1{line-height:1.3;letter-spacing:.02em}
h2{line-height:1.4}
h3{line-height:1.5}
.lead{line-height:1.9}
p{line-height:1.9}

/* 品牌区 */
.brand__name{letter-spacing:.06em;font-weight:700}
.brand__name small{letter-spacing:.12em}

/* 导航 */
.nav__links a{letter-spacing:.02em}

/* 眉标 */
.eyebrow{letter-spacing:.22em}

/* 卡片正文行高 */
.card p,.school-card__name,.steps p{line-height:1.8}

/* 中文数字/单位间距微调 */
.hero__points li strong{letter-spacing:0}

/* ===== 微信卡片 ===== */
.wechat-card{
  display:flex;gap:18px;align-items:center;
  background:#fff;border:1px solid rgba(20,52,43,.12);
  border-radius:14px;padding:18px;
  box-shadow:0 10px 30px -18px rgba(20,52,43,.35);
}
.wechat-card__qr{
  flex:0 0 auto;position:relative;
  width:110px;height:110px;border-radius:10px;overflow:hidden;
  background:#f4f2ec;display:flex;align-items:center;justify-content:center;
}
.wechat-card__qr img{width:100%;height:100%;object-fit:contain;display:block}
.wechat-card__qrhint{
  position:absolute;bottom:0;left:0;right:0;
  background:rgba(20,52,43,.82);color:#fff;
  font-size:11px;text-align:center;padding:3px 0;letter-spacing:.1em;
}
.wechat-card__body{min-width:0}
.wechat-card__body h3{margin:0 0 6px;font-size:16px}
.wechat-card__id{margin:0 0 6px;font-size:15px}
.wechat-card__id strong{color:#14342B;letter-spacing:.04em}
.wechat-card__note{margin:0;font-size:12.5px;color:#5d6b64;line-height:1.7}
.wechat-card__note + .wechat-card__note{margin-top:2px}

/* 首页 hero 里的微信卡片 */
.hero__art .wechat-card{margin-top:16px;align-items:center}
.hero__art .wechat-card__qr{width:96px;height:96px}

/* 侧栏内的微信卡片 */
.aside .wechat-card{
  flex-direction:column;text-align:center;
  padding:16px 14px;margin-top:16px;background:#fbfaf6;
}
.aside .wechat-card__qr{width:150px;height:150px}
.aside .wechat-card__body h3{font-size:15px}

/* ===== 学位标签 ===== */
.chips{
  list-style:none;padding:0;margin:16px 0 0;
  display:flex;flex-wrap:wrap;gap:8px;
}
.chips li{
  background:#eef2ee;border:1px solid rgba(20,52,43,.1);
  color:#264a3d;border-radius:999px;
  padding:5px 13px;font-size:13.5px;line-height:1.6;
}

/* ===== FAQ ===== */
.faq-item summary{
  font-size:15.5px;line-height:1.7;padding:14px 0;
}
.faq-item__body p{margin:0 0 14px;font-size:14.5px;color:#3d4b44;line-height:1.95}

/* ===== 步骤 ===== */
.steps h3{font-size:16px}
.steps p{font-size:14px;color:#4a5751}

/* ===== 表格（中文说明列宽一点）===== */
.spec th{white-space:nowrap;letter-spacing:.02em}
.spec td{line-height:1.8}

/* ===== 页脚 ===== */
.footer-note{line-height:1.85;font-size:13px}
.footer-bottom span{line-height:1.8}

/* ===== 移动端微调 ===== */
@media (max-width:720px){
  html{font-size:15.5px}
  h1{line-height:1.35}
  .wechat-card{flex-direction:column;text-align:center;padding:16px}
  .wechat-card__qr{width:140px;height:140px}
  .hero__art .wechat-card__qr{width:140px;height:140px}
  .chips li{font-size:13px}
  .spec th{white-space:normal}
}

/* ==========================================================================
   2026-10 改版：微信置顶 + 案例按国家分组（每行三张）
   ========================================================================== */

/* ===== 顶部微信模块 ===== */
.nav{ height:auto; min-height:72px; padding-block:9px; gap:clamp(12px,2vw,26px); }
.wx-widget{
  display:flex; align-items:center; gap:10px; flex:none;
  padding:6px 16px 6px 6px; border-radius:999px;
  background:#fff; border:1.5px solid var(--gold);
  box-shadow:0 10px 26px -18px rgba(20,52,43,.7);
  transition:transform .18s ease, box-shadow .25s ease;
}
.wx-widget:hover{ transform:translateY(-1px); box-shadow:0 16px 32px -18px rgba(20,52,43,.75); }
.wx-widget__qr{ width:46px; height:46px; border-radius:8px; object-fit:contain; background:#fff; flex:none; }
.wx-widget__txt{ display:flex; flex-direction:column; line-height:1.22; }
.wx-widget__label{ font-size:10.5px; letter-spacing:.1em; color:var(--moss); }
.wx-widget__id{ font-size:15.5px; font-weight:700; letter-spacing:.06em; color:var(--forest); }

/* ===== hero ===== */
.hero__copy h1{ max-width:none; font-size:clamp(28px,3.2vw,44px); line-height:1.32; letter-spacing:.03em; }
.hero__wx{
  display:flex; align-items:center; gap:14px;
  background:#fff; border:1px solid var(--line); border-radius:14px;
  padding:12px 16px; max-width:430px; margin:4px 0 22px;
  box-shadow:var(--shadow-sm);
}
.hero__wx img{ width:88px; height:88px; flex:none; border-radius:8px; background:#fff; }
.hero__wx span{ display:block; font-size:11.5px; color:var(--muted); letter-spacing:.06em; }
.hero__wx strong{ display:block; font-size:21px; letter-spacing:.08em; color:var(--forest); line-height:1.3; }
.hero__wx em{ display:block; font-style:normal; font-size:12.5px; color:var(--moss); line-height:1.6; margin-top:2px; }
.hero__meta{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px 22px; font-size:13px; color:var(--moss); }
.hero__meta li{ display:inline-flex; align-items:baseline; gap:7px; }
.hero__meta li::before{ content:""; width:5px; height:5px; border-radius:50%; background:var(--gold); display:inline-block; }
.hero__meta li strong{ letter-spacing:0; color:var(--forest); }
.cert-stack img.cert-card{ display:block; width:auto; height:auto; }

/* ===== 案例：国家分组 ===== */
.case-tabs{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:clamp(22px,3vw,34px); }
.case-tab{
  appearance:none; cursor:pointer; font-family:var(--font-cn); font-size:14px;
  padding:9px 20px; border-radius:999px; border:1px solid var(--line);
  background:#fff; color:var(--forest); line-height:1.5;
  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .18s ease;
}
.case-tab:hover{ border-color:var(--gold); transform:translateY(-1px); }
.case-tab.is-active{ background:var(--forest); color:var(--cream); border-color:var(--forest); }

.case-group{ margin-bottom:clamp(30px,4vw,48px); }
.case-group[hidden]{ display:none; }
.case-group:last-child{ margin-bottom:0; }
.case-group__head{
  display:flex; align-items:baseline; gap:12px;
  margin-bottom:16px; padding-bottom:10px; border-bottom:1px solid var(--line);
}
.case-group__head h3{ margin:0; font-size:19px; color:var(--forest); letter-spacing:.06em; }
.case-group__head h3 span{
  font-family:var(--font-mono); font-size:11.5px; font-weight:400;
  color:var(--moss); letter-spacing:.12em; margin-left:10px;
}

.case-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(12px,1.6vw,18px); }
.case-card{
  margin:0; background:#fff; border:1px solid var(--line-soft); border-radius:10px;
  overflow:hidden; box-shadow:var(--shadow-sm);
  transition:transform .22s ease, box-shadow .25s ease, border-color .22s ease;
}
.case-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); border-color:var(--gold); }
.case-card__btn{
  display:flex; align-items:center; justify-content:center;
  width:100%; aspect-ratio:4/3; padding:11px;
  background:#f6f3ec; border:0; cursor:zoom-in;
}
.case-card__btn img{
  max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;
  box-shadow:0 6px 16px -10px rgba(16,30,26,.55);
}
.case-card figcaption{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:9px 12px; border-top:1px solid var(--line-soft); background:#fff;
}
.case-card__name{ font-size:13.5px; font-weight:600; color:var(--ink); line-height:1.5; }
.case-card__loc{
  flex:none; font-size:11px; color:var(--moss);
  background:#eef2ee; border-radius:999px; padding:2px 9px; letter-spacing:.04em;
}

/* ===== CTA / 页脚里的微信 ===== */
.cta-band__wx{ display:flex; align-items:center; gap:14px; justify-content:flex-end; }
.cta-band__wx img{ width:112px; height:112px; background:#fff; padding:6px; border-radius:10px; flex:none; }
.cta-band__wx span{ display:block; font-size:11.5px; color:rgba(243,236,223,.7); letter-spacing:.1em; }
.cta-band__wx strong{ display:block; font-size:20px; color:var(--cream); letter-spacing:.08em; }
.footer-wx{ display:flex; align-items:center; gap:12px; margin-top:18px; }
.footer-wx img{ width:78px; height:78px; background:#fff; padding:5px; border-radius:8px; flex:none; }
.footer-wx span{ display:block; font-size:11px; color:rgba(243,236,223,.6); letter-spacing:.06em; }
.footer-wx strong{ display:block; font-size:16px; color:var(--gold-2); letter-spacing:.08em; }

/* ===== 灯箱 ===== */
.lightbox{
  position:fixed; inset:0; z-index:200; background:rgba(10,20,16,.92);
  display:flex; align-items:center; justify-content:center;
  padding:clamp(16px,4vw,48px);
}
.lightbox[hidden]{ display:none; }
.lightbox figure{ margin:0; display:flex; flex-direction:column; align-items:center; gap:12px; max-width:100%; }
.lightbox img{
  max-width:100%; max-height:78vh; width:auto; height:auto; object-fit:contain;
  background:#fff; border-radius:6px; box-shadow:0 30px 70px -24px rgba(0,0,0,.8);
}
.lightbox figcaption{ color:var(--cream); font-size:14px; letter-spacing:.06em; text-align:center; }
.lightbox__close{
  position:absolute; top:16px; right:18px; width:44px; height:44px; border-radius:50%;
  border:1px solid rgba(255,255,255,.32); background:rgba(255,255,255,.1);
  color:#fff; font-size:24px; line-height:1; cursor:pointer;
}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .case-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:900px){
  .wx-widget{ padding:6px 10px 6px 6px; }
  .wx-widget__qr{ width:40px; height:40px; }
  .wx-widget__label{ display:none; }
  .wx-widget__id{ font-size:13.5px; }
  .case-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cta-band__wx{ justify-content:flex-start; }
}
@media (max-width:720px){
  .hero__wx{ max-width:none; }
  .hero__wx strong{ font-size:19px; }
  .case-card figcaption{ padding:8px 10px; }
  .case-card__name{ font-size:12.5px; }
  .case-card__loc{ font-size:10px; padding:2px 7px; }
  .case-card__btn{ padding:8px; }
  .case-group__head h3{ font-size:17px; }
}
@media (max-width:430px){
  .case-grid{ gap:9px; }
  .case-card__btn{ aspect-ratio:1/1; }
}

/* 手机端：文字在前，证书图在后 */
@media (max-width:720px){
  .hero__inner{ grid-template-columns:1fr; }
  .hero__art{ order:2; max-width:none; }
  .hero__copy h1 br{ display:none; }
}
