/*
 Theme Name:   GeneratePress Child - 朱门企业服务
 Template:     generatepress
 Description:  极简黑白 · 响应式：PC 横屏宽布局（多列网格）+ 手机竖屏单列（汉堡菜单），纯代码特效，零图片依赖
 Version:      2.1.0
*/

/* ================================================================
   变量 & 基础
   ================================================================ */
:root{
  --ink:#0a0a0a;
  --paper:#ffffff;
  --muted:#8a8a8a;
  --line:#e6e6e6;
  --fog:#f5f5f5;
  --col:100%;
  --gap:20px;
  --nav-h:54px;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--paper)!important;
  color:var(--ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.75;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
}

/* 画布容器 */
.screen{
  width:100%;
  max-width:100%;
  background:var(--paper);
  min-height:100vh;
  position:relative;
  overflow:hidden;
  margin:0 auto;
}

/* ================================================================
   强制色彩覆盖（父主题 GeneratePress）
   ================================================================ */
.screen,
.screen h1,.screen h2,.screen h3,.screen h4,.screen p,
.screen li,.screen span,.screen div:not(.btn),
.screen .brand,.screen .menu a,.screen .desktop-nav a,
.screen .item h3,.screen .step h3,.screen .badge h3,
.screen .stat .num{color:var(--ink)!important;}
.screen .eyebrow,.screen .eyebrow.s,.screen .lead,
.screen .hero p,.screen .item .idx,.screen .item p,
.screen .step .idx,.screen .step p,.screen .badge p,
.screen .stat .label,.screen footer,.screen .brand small,
.screen .cta.dark p.lead,.screen .cta.dark .lead{color:var(--muted)!important;}

/* 反色带 */
section.dark,
section.dark h1,section.dark h2,section.dark h3,section.dark p,
section.dark .badge h3,section.dark .stat .num,
section.dark .step h3{color:var(--paper)!important;}
/* 反色带内次级文字保持灰色 */
section.dark .eyebrow.s,
section.dark .step .idx,
section.dark .badge p,
section.dark .lead,
section.dark .stat .label{color:#bdbdbd!important;}

/* ================================================================
   通用包装
   ================================================================ */
.wrap{padding:0 var(--gap);}

/* ================================================================
   导航（手机默认：汉堡菜单）
   ================================================================ */
.nav{
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.admin-bar .nav{top:32px;}
.nav .bar{
  height:var(--nav-h); display:flex; align-items:center; justify-content:space-between;
  padding:0 var(--gap); max-width:100%;
}
.brand{
  font-weight:700; font-size:16px; letter-spacing:.02em;
  text-decoration:none; color:var(--ink); flex-shrink:0;
}
.brand small{display:block; font-size:9px; font-weight:500; letter-spacing:.18em; color:var(--muted);}

/* PC 横向导航（默认隐藏，PC 端显示） */
.desktop-nav{display:none;}

/* 汉堡按钮（手机默认显示） */
.menu-btn{font-size:22px; cursor:pointer; line-height:1; user-select:none; padding:6px; display:block;}
#menu-toggle{display:none;}

/* 手机折叠菜单（支持多级） */
.menu{
  max-height:0; overflow:hidden; transition:max-height .5s ease;
  border-bottom:1px solid var(--line); background:var(--paper);
}
#menu-toggle:checked ~ .menu{max-height:600px;}

/* 一级链接 */
.menu .menu-link,
.menu > a{
  display:block; padding:14px var(--gap); text-decoration:none;
  color:var(--ink); border-top:1px solid var(--line); font-size:15px;
  transition:background .2s; cursor:pointer; list-style:none;
}
.menu .menu-link:first-child,
.menu > a:first-child{border-top:none;}
.menu .menu-link:hover,
.menu > a:hover{background:var(--fog);}

/* 手机多级折叠：details/summary */
.m-group{margin:0;}
.m-group summary{
  list-style:none; padding:14px var(--gap); font-size:15px; font-weight:500;
  color:var(--ink); cursor:pointer; border-top:1px solid var(--line);
  display:flex; justify-content:space-between; align-items:center;
  transition:background .2s;
}
.m-group summary:hover{background:var(--fog);}
.m-group summary::-webkit-details-marker{display:none;}
.m-group .arrow{font-size:12px; color:var(--muted); transition:transform .25s;}
.m-group[open] > summary .arrow{transform:rotate(90deg);}

/* 二级子菜单 */
.menu-sub{
  display:block; padding:10px var(--gap) 10px calc(var(--gap) + 20px);
  text-decoration:none; color:var(--muted); font-size:14px;
  border-top:1px solid var(--line); transition:color .2s,background .2s;
}
.menu-sub:hover{background:var(--fog); color:var(--ink);}

/* ================================================================
   Hero
   ================================================================ */
.hero{padding:72px var(--gap) 64px; position:relative;}
.hero::after{
  content:""; position:absolute; bottom:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,var(--line) 20%,var(--line) 80%,transparent);
}
.eyebrow{
  font-size:12px; font-weight:600; letter-spacing:.14em;
  color:var(--muted); margin-bottom:18px;
}
.hero h1{font-size:30px; font-weight:700; line-height:1.28; letter-spacing:-.01em;}
.hero h1 .accent{
  background:linear-gradient(135deg,var(--ink) 0%,#444 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero p{margin-top:18px; color:var(--muted); font-size:15px; max-width:520px;}
.hero .acts{margin-top:32px; display:flex; flex-direction:column; gap:12px;}

/* ================================================================
   按钮
   ================================================================ */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:48px; padding:0 28px; border-radius:9px; font-size:15px; font-weight:600;
  text-decoration:none; transition:all .25s cubic-bezier(.4,0,.2,1);
  cursor:pointer; position:relative; overflow:hidden;
}
.btn.solid{
  background:var(--ink); color:#fff; border:1px solid var(--ink);
}
.btn.solid:hover{
  background:#1a1a1a; transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(0,0,0,.15);
}
.btn.ghost{
  border:1px solid var(--ink); color:var(--ink); background:transparent;
}
.btn.ghost:hover{
  background:var(--ink); color:#fff; transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
/* 按钮微光扫过 */
.btn::before{
  content:""; position:absolute; top:0; left:-100%; width:100%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  transition:left .6s;
}
.btn:hover::before{left:100%;}

/* ================================================================
   版块通用
   ================================================================ */
section{padding:64px 0; border-top:1px solid var(--line); position:relative;}
section.dark{background:var(--ink); color:var(--paper); border-top:none;}
.eyebrow.s{font-size:12px; font-weight:600; letter-spacing:.14em; color:var(--muted); margin-bottom:10px;}
section.dark .eyebrow.s{color:#9a9a9a;}
h2{
  font-size:22px; font-weight:700; line-height:1.3; letter-spacing:-.01em;
  position:relative; display:inline-block;
}
/* 标题下划线渐变装饰 */
h2::after{
  content:""; display:block; width:48px; height:3px; margin-top:10px;
  background:linear-gradient(90deg,var(--ink),transparent); border-radius:2px;
}
section.dark h2::after{background:linear-gradient(90deg,var(--paper),transparent);}
.lead{margin-top:12px; color:var(--muted); font-size:15px; max-width:560px;}
section.dark .lead{color:#bdbdbd;}

/* ================================================================
   竖向列表（手机端通用：业务线 / 为何选 / 流程）
   ================================================================ */
.list{margin-top:28px;}
.item{
  padding:22px 0; border-top:1px solid var(--line);
  display:flex; gap:16px; transition:transform .25s,box-shadow .25s;
  border-radius:8px; padding:18px 12px; margin:0 -4px;
}
.item:first-child{border-top:none; padding-top:4px;}
.item:hover{transform:translateY(-2px);}
.item .idx{
  font-size:13px; font-weight:700; color:var(--muted);
  min-width:28px; padding-top:3px; letter-spacing:.04em;
}
.item h3{font-size:16px; font-weight:600; margin-bottom:6px;}
.item p{font-size:14px; color:var(--muted); line-height:1.65;}

/* ================================================================
   孵化阶梯（手机：竖向时间线）
   ================================================================ */
.ladder{margin-top:28px; position:relative; padding-left:26px;}
.ladder::before{
  content:""; position:absolute; left:7px; top:8px; bottom:8px;
  width:2px; background:linear-gradient(180deg,#555,#333,#555);
}
.step{
  position:relative; padding:18px 0; transition:transform .25s;
}
.step:hover{transform:translateX(4px);}
.step::before{
  content:""; position:absolute; left:-26px; top:24px;
  width:14px; height:14px; border-radius:50%;
  background:var(--paper); border:2px solid #555;
  transition:border-color .3s,box-shadow .3s;
}
.step:hover::before{border-color:#aaa; box-shadow:0 0 0 6px rgba(255,255,255,.08);}
.step .idx{font-size:12px; font-weight:700; color:#9a9a9a; letter-spacing:.1em;}
.step h3{font-size:16px; font-weight:600; margin:4px 0 6px;}
.step p{font-size:14px; color:#bdbdbd; line-height:1.65;}

/* ================================================================
   资质徽章（手机：竖向堆叠）
   ================================================================ */
.creds{margin-top:28px; display:flex; flex-direction:column; gap:22px;}
.badge{
  display:flex; gap:16px; align-items:flex-start;
  padding:18px 16px; border-radius:12px; border:1px solid transparent;
  transition:border-color .3s,transform .25s;
}
.badge:hover{border-color:rgba(255,255,255,.12); transform:translateY(-2px);}
.mark{
  flex:none; width:46px; height:46px; border-radius:50%;
  border:1px solid #444; color:var(--paper);
  display:flex; align-items:center; justify-content:center;
  font-size:18px; font-weight:700;
  transition:border-color .3s,box-shadow .3s;
}
.badge:hover .mark{border-color:#888; box-shadow:0 0 18px rgba(255,255,255,.06);}
.badge h3{font-size:15px; font-weight:600; margin-bottom:4px;}
.badge p{font-size:13px; color:#bdbdbd; line-height:1.6;}

/* ================================================================
   数据计数
   ================================================================ */
.stats{
  margin-top:30px; display:grid; grid-template-columns:repeat(3,1fr);
  gap:8px; text-align:center;
}
.stat{padding:16px 8px; transition:transform .25s;}
.stat:hover{transform:translateY(-3px);}
.stat .num{
  font-size:28px; font-weight:700; letter-spacing:-.02em;
  transition:text-shadow .3s;
}
.stat:hover .num{text-shadow:0 0 24px rgba(0,0,0,.08);}
.stat .label{font-size:12px; color:var(--muted); margin-top:4px; line-height:1.4;}

/* ================================================================
   CTA
   ================================================================ */
.cta{text-align:center; padding:72px var(--gap);}
.cta h2{font-size:22px;}
.cta h2::after{margin:10px auto 0;}
.cta .acts{margin-top:28px; display:flex; justify-content:center;}

/* ================================================================
   页脚
   ================================================================ */
footer{
  padding:40px var(--gap) 48px; border-top:1px solid var(--line);
  font-size:13px; color:var(--muted);
}
footer a{color:var(--ink); text-decoration:none; border-bottom:1px solid var(--line); transition:border-color .2s;}
footer a:hover{border-color:var(--ink);}
footer .beian{margin-bottom:18px;}
footer .qual{display:flex; flex-direction:column; gap:6px; line-height:1.7;}

/* ================================================================
   通用页面（/about/ /knowledge/ /finance/ /incubation/ /legal/ 等）
   复用 .screen 容器 + 首页黑白风格
   ================================================================ */
.page{padding:48px 0 64px; border-top:1px solid var(--line);}
.page .page-title{font-size:26px; font-weight:700; line-height:1.3; letter-spacing:-.01em; margin-top:6px;}
.page .page-content{margin-top:24px;}
.page .page-content p{font-size:15px; line-height:1.8; color:var(--muted); margin-bottom:16px;}
.page .page-content h2,.page .page-content h3{font-size:18px; font-weight:700; color:var(--ink); margin:28px 0 10px;}
.page .page-content ul,.page .page-content ol{margin:0 0 16px 20px; color:var(--muted); font-size:15px; line-height:1.8;}
.page .page-content li{margin-bottom:8px;}
.page .page-content a{color:var(--ink); border-bottom:1px solid var(--line); text-decoration:none;}

/* ================================================================
   新闻中心归档页（/category/news/ 等）
   复用 .screen 容器 + 首页黑白网格卡片
   ================================================================ */
.archive{padding:48px 0 64px; border-top:1px solid var(--line);}
.archive .page-title{font-size:26px; font-weight:700; line-height:1.3; letter-spacing:-.01em; margin-top:6px;}
.news-grid{
  margin-top:28px; display:grid; grid-template-columns:1fr; gap:16px;
}
.news-card{
  display:block; padding:22px 22px; border:1px solid var(--line); border-radius:12px;
  text-decoration:none; color:var(--ink); background:var(--paper);
  transition:transform .3s cubic-bezier(.4,0,.2,1), box-shadow .3s, border-color .3s;
}
.news-card:hover{
  transform:translateY(-4px); box-shadow:0 12px 32px rgba(0,0,0,.06); border-color:transparent;
}
.nc-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
.nc-tag{
  font-size:11px; font-weight:700; letter-spacing:.06em;
  color:var(--muted); border:1px solid var(--line); border-radius:99px; padding:2px 10px;
}
.nc-date{font-size:12px; color:var(--muted);}
.nc-title{font-size:16px; font-weight:600; line-height:1.4; margin-bottom:8px;}
.nc-excerpt{font-size:14px; color:var(--muted); line-height:1.65; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.nc-source{margin-top:10px; font-size:12px; color:var(--muted);}
.news-empty{grid-column:1/-1; padding:40px 20px; text-align:center; color:var(--muted); border:1px dashed var(--line); border-radius:12px;}
.news-pager{margin-top:32px; display:flex; gap:8px; justify-content:center; flex-wrap:wrap; list-style:none;}
.news-pager a,.news-pager span{
  display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 10px;
  border:1px solid var(--line); border-radius:8px; text-decoration:none; color:var(--ink); font-size:14px; transition:all .2s;
}
.news-pager a:hover{background:var(--fog);}
.news-pager .current{background:var(--ink); color:var(--paper); border-color:var(--ink);}

/* ================================================================
   滚动渐显动效
   ================================================================ */
.reveal{
  opacity:1; transform:translateY(10px);
  transition:opacity .65s ease, transform .65s ease;
}
.reveal.in{transform:translateY(0);}

/* 子元素交错渐显（grid 子项） */
@media (min-width:769px){
  .reveal-stagger > *{opacity:1; transform:translateY(16px); transition:opacity .5s ease, transform .5s ease;}
  .reveal-stagger > *:nth-child(1){transition-delay:0s;}
  .reveal-stagger > *:nth-child(2){transition-delay:.08s;}
  .reveal-stagger > *:nth-child(3){transition-delay:.16s;}
  .reveal-stagger > *:nth-child(4){transition-delay:.24s;}
  .reveal-stagger > *:nth-child(5){transition-delay:.32s;}
  .reveal-stagger > *:nth-child(6){transition-delay:.40s;}
  .reveal-stagger.in > *{transform:translateY(0);}
}

@media (prefers-reduced-motion:reduce){
  .reveal,.reveal-stagger > *{transform:none; transition:none;}
  html{scroll-behavior:auto;}
}

/* ================================================================
   PC 横屏宽布局 ≥769px
   ================================================================ */
@media (min-width:769px){
  :root{
    --col:1280px;
    --gap:40px;
  }

  .screen{max-width:var(--col)!important;}

  /* ---- PC 导航：横向 + 下拉菜单 ---- */
  .menu-btn{display:none;}
  #menu-toggle,.menu{display:none;}
  .nav .bar{
    max-width:var(--col); margin:0 auto; padding:0 var(--gap);
    justify-content:space-between;
  }
  .desktop-nav{
    display:flex; align-items:center; gap:2px; flex-shrink:0;
  }

  /* 导航项容器（支持下拉） */
  .nav-item{position:relative;}

  /* 一级链接 */
  .nav-item > a,
  .desktop-nav > .nav-item:not(.has-sub) > a{
    display:inline-flex; align-items:center; height:36px; padding:0 14px;
    font-size:14px; font-weight:500; color:var(--ink); text-decoration:none;
    border-radius:7px; transition:background .2s,color .2s;
    white-space:nowrap; gap:4px;
    position:relative; cursor:pointer;
  }
  .nav-item > a:hover,
  .desktop-nav > .nav-item:not(.has-sub) > a:hover{background:var(--fog);}

  /* 有下拉的菜单项 → 右侧箭头指示器 */
  .nav-item.has-sub > a::after{
    content:"▾"; font-size:10px; margin-left:2px; opacity:.5;
    transition:opacity .2s, transform .2s;
  }
  .nav-item.has-sub:hover > a::after{opacity:1; transform:rotate(180deg);}

  /* 导航下划线动画（仅无下拉的一级链接） */
  .desktop-nav > .nav-item:not(.has-sub) > a::after{
    content:""; position:absolute; bottom:3px; left:14px; right:14px;
    height:2px; background:var(--ink); border-radius:1px;
    transform:scaleX(0); transition:transform .25s ease;
  }
  .desktop-nav > .nav-item:not(.has-sub) > a:hover::after{transform:scaleX(1);}
  /* 覆盖：有下拉的不用下划线，用箭头 */
  .nav-item.has-sub > a::after{
    content:"▾" !important; position:static !important;
    height:auto !important; width:auto !important; background:none !important;
    transform:scaleX(1) !important;
  }

  /* ===== 下拉子菜单 ===== */
  .sub-menu{
    position:absolute; top:100%; left:-8px; min-width:160px;
    background:#fff; border-radius:10px; box-shadow:0 12px 40px rgba(0,0,0,.12);
    border:1px solid var(--line); padding:6px 0;
    opacity:0; visibility:hidden; transform:translateY(-6px);
    transition:opacity .25s ease, transform .25s ease, visibility .25s;
    z-index:200; list-style:none; margin:0;
  }
  /* hover 展开下拉 */
  .nav-item.has-sub:hover > .sub-menu{
    opacity:1; visibility:visible; transform:translateY(0);
  }

  /* 子菜单链接 */
  .sub-menu li{margin:0;}
  .sub-menu li a{
    display:block; padding:9px 20px; text-decoration:none;
    color:var(--ink); font-size:13.5px; font-weight:500;
    transition:background .15s,color .15s; white-space:nowrap;
    border-radius:6px; margin:0 6px;
  }
  .sub-menu li a:hover{background:var(--fog); color:var(--ink);}

  /* ---- Hero 放大 ---- */
  .hero{
    padding:100px var(--gap) 80px;
    display:flex; flex-direction:column; align-items:flex-start;
  }
  .hero h1{font-size:44px; max-width:680px;}
  .hero p{font-size:17px; max-width:560px;}
  .hero .acts{flex-direction:row; gap:16px;}

  /* ---- 版块标题 ---- */
  h2{font-size:28px;}

  /* ---- 业务线：3列网格 ---- */
  #services .list{
    display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
    margin-top:36px;
  }
  #services .item{
    flex-direction:column; gap:12px; border-top:none; padding:28px 24px;
    margin:0; border:1px solid var(--line); border-radius:12px;
    background:var(--paper); transition:all .3s cubic-bezier(.4,0,.2,1);
  }
  #services .item:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 32px rgba(0,0,0,.06);
    border-color:transparent;
  }
  #services .item .idx{font-size:28px; font-weight:800; color:var(--line); padding-top:0;}
  #services .item:hover .idx{color:var(--ink); transition:color .3s;}
  #services .item h3{font-size:17px;}
  #services .item p{font-size:14px;}

  /* ---- 为何选朱门：4列网格 ---- */
  #why .list{
    display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
    margin-top:36px;
  }
  #why .item{
    flex-direction:column; gap:10px; border-top:none; padding:24px 20px;
    margin:0; border:1px solid var(--line); border-radius:12px;
    background:var(--paper); transition:all .3s cubic-bezier(.4,0,.2,1);
  }
  #why .item:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 32px rgba(0,0,0,.06);
    border-color:transparent;
  }
  #why .item .idx{
    font-size:11px; font-weight:700; letter-spacing:.08em;
    color:var(--muted); padding-top:0; min-width:auto;
  }
  #why .item:hover .idx{color:var(--ink); transition:color .3s;}
  #why .item h3{font-size:16px;}

  /* ---- 孵化阶梯：横向时间线 ---- */
  #incubation .ladder{
    display:flex; gap:0; margin-top:40px; padding-left:0;
  }
  #incubation .ladder::before{display:none;}
  #incubation .step{
    flex:1; padding:0 20px; position:relative; text-align:center;
  }
  #incubation .step::before{
    left:50%; top:-36px; transform:translateX(-50%);
    width:16px; height:16px;
  }
  #incubation .step::after{
    content:""; position:absolute; top:-28px; left:0; right:0; height:2px;
    background:linear-gradient(90deg,#333,#555,#333);
  }
  #incubation .step:first-child::after{left:50%;}
  #incubation .step:last-child::after{right:50%;}
  #incubation .step .idx{font-size:13px; margin-bottom:8px;}
  #incubation .step h3{font-size:17px;}
  #incubation .step p{font-size:14px; max-width:200px; margin:0 auto;}
  #incubation .step:hover{transform:translateY(-4px);}

  /* ---- 服务流程：4列网格 ---- */
  #process .list{
    display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
    margin-top:36px;
  }
  #process .item{
    flex-direction:column; gap:10px; border-top:none; padding:24px 20px;
    margin:0; border:1px solid var(--line); border-radius:12px;
    background:var(--paper); text-align:center; align-items:center;
    transition:all .3s cubic-bezier(.4,0,.2,1);
  }
  #process .item:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 32px rgba(0,0,0,.06);
    border-color:transparent;
  }
  #process .item .idx{
    width:40px; height:40px; border-radius:50%; min-width:auto;
    background:var(--ink); color:#fff!important;
    display:flex; align-items:center; justify-content:center;
    font-size:15px; font-weight:700; padding-top:0;
  }
  #process .item h3{font-size:16px;}
  #process .item p{font-size:13px; text-align:center;}

  /* ---- 资质背书：3列 ---- */
  #credentials .creds{
    display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
    margin-top:36px; flex-direction:row;
  }
  #credentials .badge{
    flex-direction:column; align-items:center; text-align:center;
    padding:32px 24px; border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    transition:all .3s cubic-bezier(.4,0,.2,1);
  }
  #credentials .badge:hover{
    border-color:rgba(255,255,255,.2);
    background:rgba(255,255,255,.06);
    transform:translateY(-4px);
  }
  #credentials .mark{
    width:56px; height:56px; font-size:22px; margin-bottom:8px;
  }

  /* ---- 数据计数：宽间距 ---- */
  #stats .stats{gap:32px; margin-top:40px;}
  .stat .num{font-size:36px;}

  /* ---- CTA ---- */
  .cta{padding:96px var(--gap);}
  .cta h2{font-size:28px;}

  /* ---- 页脚 ---- */
  footer{text-align:center;}
  footer .qual{flex-direction:row; justify-content:center; gap:20px; flex-wrap:wrap;}

  /* ---- 通用页面 PC 宽布局 ---- */
  .page{padding:72px 0 88px;}
  .page .page-title{font-size:34px;}
  .page .page-content{max-width:760px;}
  .page .page-content p{font-size:16px; line-height:1.9;}
  .page .page-content h2,.page .page-content h3{font-size:20px;}

  /* ---- 新闻中心 PC 3列网格 ---- */
  .archive{padding:72px 0 88px;}
  .archive .page-title{font-size:34px;}
  .news-grid{grid-template-columns:repeat(3,1fr); gap:20px; margin-top:36px;}
  .nc-title{font-size:17px;}
}

/* ================================================================
   大屏微调 ≥1200px
   ================================================================ */
@media (min-width:1200px){
  .hero h1{font-size:48px;}
  h2{font-size:30px;}
}