/* ============ 仁效咨询 · 二级页公共样式（观点洞察版式 · 青蓝主题） ============
   适用：业务板块页 service-*.html、洞察页 article-4/5/6.html
   版式基准：深色页头 + 800px 居中窄栏正文 + 内嵌 CTA 卡片
   ========================================================================== */
:root{
  --navy:#0B3948;      /* 深青：深色区块与大标题 */
  --navy-2:#0E4A61;
  --navy-3:#0E7490;    /* 主青蓝 */
  --accent:#0DA1C9;    /* 亮青强调 */
  --accent-soft:#8FD8EA;
  --ink:#16303E;
  --muted:#5C7482;
  --line:#E1ECF1;
  --bg-soft:#F3F9FB;
  --white:#fff;
  --serif:"Noto Serif SC","Source Han Serif SC","STSong","SimSun",serif;
  --sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
ul{list-style:none;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);color:var(--ink);background:var(--white);line-height:1.8;font-size:16px;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;}

/* ---------- 顶部导航（深色） ---------- */
header{position:fixed;inset:0 0 auto 0;z-index:100;height:72px;display:flex;align-items:center;
  background:rgba(9,37,53,.96);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 6px 24px rgba(0,0,0,.18);}
header .wrap{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand .name{font-family:var(--serif);font-weight:700;font-size:18px;letter-spacing:2px;color:#fff;display:flex;flex-direction:column;line-height:1.25;}
.brand .name small{font-family:var(--sans);font-weight:400;font-size:9.5px;letter-spacing:2.5px;color:var(--accent);}
nav.menu{display:flex;align-items:center;gap:30px;}
nav.menu a{font-size:14px;color:rgba(255,255,255,.85);letter-spacing:1px;position:relative;padding:6px 0;transition:color .25s;}
nav.menu a:hover{color:var(--accent);}
nav.menu a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent);transition:width .25s;}
nav.menu a:hover::after{width:100%;}
/* 预约诊断：与其余菜单项一致，无填充色 */
.nav-cta{font-weight:600;}
.burger{display:none;background:none;border:none;cursor:pointer;padding:8px;}
.burger span{display:block;width:22px;height:2px;background:#fff;margin:5px 0;}

/* ---------- 页头（深色渐变 + 网格纹理） ---------- */
.hero{position:relative;overflow:hidden;color:#fff;padding:150px 0 56px;
  background:radial-gradient(800px 300px at 80% 10%,rgba(13,161,201,.18),transparent 60%),
             linear-gradient(155deg,#082C39,#0B3948 55%,#0E4A61);}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(ellipse at 60% 30%,#000 30%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse at 60% 30%,#000 30%,transparent 75%);}
.hero .wrap{position:relative;z-index:2;}
.crumb{font-size:13px;color:rgba(255,255,255,.55);letter-spacing:1px;margin-bottom:22px;}
.crumb a:hover{color:var(--accent);}
.cat{display:inline-block;font-size:12px;letter-spacing:2px;border:1px solid rgba(141,216,234,.55);color:var(--accent-soft);padding:4px 14px;border-radius:100px;margin-bottom:18px;}
.hero h1{font-family:var(--serif);font-size:clamp(26px,3.6vw,40px);font-weight:700;letter-spacing:1.5px;line-height:1.45;max-width:860px;color:#fff;}
.hero h1 b{color:var(--accent-soft);}
.hero-line{margin-top:20px;max-width:820px;font-size:15.5px;color:rgba(255,255,255,.78);line-height:1.95;}
.hero-line b{color:var(--accent-soft);}
.meta,.hero-meta{margin-top:20px;font-size:13.5px;color:rgba(255,255,255,.55);letter-spacing:1px;}
.meta b,.hero-meta b{color:var(--accent);font-weight:600;}

/* ---------- 正文（800px 居中窄栏） ---------- */
article{max-width:800px;margin:0 auto;padding:64px 24px 40px;}
article .lead{font-size:16.5px;color:#33414c;border-left:3px solid var(--navy-3);padding:4px 0 4px 18px;margin:0 0 36px;text-align:justify;}
article p{margin:0 0 22px;color:#3a4750;text-align:justify;font-size:15.5px;}
article b{color:var(--navy);}
article h2{font-family:var(--serif);font-size:22px;letter-spacing:1px;margin:40px 0 18px;color:var(--navy);display:flex;align-items:center;gap:12px;}
article h2::before{content:"";width:22px;height:3px;background:var(--navy-3);flex:0 0 22px;}
article h2:first-child{margin-top:0;}
article blockquote{background:var(--bg-soft);border:1px solid var(--line);border-left:3px solid var(--navy-3);padding:18px 22px;margin:26px 0;font-size:14.5px;color:#4a5760;}
article ul{margin:0 0 22px;display:grid;gap:8px;}
article ul li{position:relative;padding-left:20px;color:#3a4750;font-size:15px;}
article ul li::before{content:"";position:absolute;left:2px;top:12px;width:6px;height:2px;background:var(--navy-3);}

/* ---------- 业务板块页专用模块（适配窄栏） ---------- */
/* 挑战清单：2×2 紧凑网格 */
.challenges{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 34px;}
.chal{border-left:3px solid var(--navy-3);background:var(--bg-soft);padding:14px 16px;border-radius:0 4px 4px 0;}
.chal h4{color:var(--navy);font-size:14.5px;font-weight:600;margin-bottom:5px;}
.chal p{font-size:13.5px;color:var(--muted);line-height:1.85;text-align:justify;}
/* 服务内容：编号卡片单列 */
.mods{display:grid;gap:12px;margin:0 0 34px;}
.mod{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:6px;transition:.25s;}
.mod:hover{border-color:rgba(13,161,201,.45);box-shadow:0 10px 26px rgba(9,114,143,.10);}
.mod .no{width:52px;height:52px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--navy),var(--navy-3));color:var(--accent-soft);font-family:var(--serif);font-weight:700;font-size:18px;}
.mod h4{color:var(--navy);font-size:15.5px;margin-bottom:5px;}
.mod p{font-size:13.8px;color:var(--muted);line-height:1.9;text-align:justify;}
/* 陪跑模式说明卡（service-coach / service-cost 使用） */
.mode-note{background:linear-gradient(150deg,var(--navy),var(--navy-3));color:#fff;border-radius:6px;padding:26px 28px;font-size:14px;line-height:2;margin:0 0 34px;}
.mode-note b{color:var(--accent-soft);}
.mode-note + .mode-note{margin-top:-18px;}
/* 交付成果清单 */
ul.deliver{background:var(--bg-soft);border:1px solid var(--line);border-left:3px solid var(--navy-3);border-radius:0 4px 4px 0;padding:20px 22px;margin:0 0 34px;}
.deliver li{font-size:14.5px;color:#3a4750;padding-left:20px;position:relative;line-height:1.9;}
.deliver li::before{content:"";position:absolute;left:2px;top:14px;width:6px;height:2px;background:var(--navy-3);}

/* ---------- 文末 CTA（内嵌卡片） ---------- */
.cta{background:linear-gradient(150deg,var(--navy),var(--navy-2));border-radius:4px;padding:38px 36px;color:#fff;margin:48px 0 0;}
.cta h3{font-family:var(--serif);font-size:20px;letter-spacing:2px;margin-bottom:10px;}
.cta p{color:rgba(255,255,255,.75);font-size:14.5px;margin-bottom:20px;}
.cta a{display:inline-block;background:linear-gradient(120deg,var(--accent),var(--navy-3));color:#fff;font-weight:600;letter-spacing:2px;border-radius:2px;font-size:14.5px;padding:12px 30px;transition:.25s;box-shadow:0 8px 22px rgba(13,161,201,.30);}
.cta a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(13,161,201,.42);}

/* ---------- 返回行 ---------- */
.backline{max-width:800px;margin:0 auto;padding:0 24px 56px;}
.backline a{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;letter-spacing:1px;transition:color .25s;}
.backline a:hover{color:var(--navy-3);}

/* ---------- 页脚 ---------- */
footer{background:#071F2E;color:rgba(255,255,255,.55);padding:36px 0;}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;}
footer a:hover{color:var(--accent);}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  nav.menu{position:fixed;top:72px;right:0;left:0;flex-direction:column;align-items:stretch;
    background:rgba(9,37,53,.98);backdrop-filter:blur(10px);
    padding:20px 24px;gap:2px;box-shadow:0 18px 30px rgba(0,0,0,.30);
    transform:translateY(-130%);transition:transform .3s;}
  nav.menu.open{transform:translateY(0);}
  nav.menu a{padding:12px 0;border-bottom:1px dashed rgba(255,255,255,.12);font-size:15px;}
  nav.menu a::after{display:none;}
  .burger{display:block;}
  .hero{padding:120px 0 44px;}
  .hero h1{font-size:26px;letter-spacing:1px;}
  article{padding:44px 20px 32px;}
  article h2{font-size:20px;margin:34px 0 16px;}
  .challenges{grid-template-columns:1fr;}
  .mod{grid-template-columns:44px 1fr;gap:13px;padding:17px;}
  .mod .no{width:44px;height:44px;font-size:16px;}
  .mode-note{padding:22px 20px;line-height:1.95;}
  .cta{padding:30px 24px;margin-top:38px;}
  .backline{padding:0 20px 44px;}
}