/* ============================================================
   v44 · 落地咨询服务页改版（solutions.html 专用层）
   结构对齐茅庐学堂参考页：左侧分组目录＋三组五卡矩阵（图＋标题）＋对号入座条
   注意：只作用于 solutions.html，不覆盖任何旧层组件（.cta-band/.page-banner 仅做本页收窄）
   ============================================================ */

/* ---------- 页首收窄：banner 只剩面包屑 ---------- */
.page-banner.svc-slim{padding:44px 0 20px}

/* ---------- 侧栏＋主区布局 ---------- */
.svc-layout{display:grid;grid-template-columns:250px 1fr;gap:32px;align-items:start}
.svc-side{position:sticky;top:88px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 2px 10px rgba(17,24,39,.04)}
.svc-side .side-hd{background:var(--navy);color:#fff;font-weight:700;font-size:15px;border-radius:10px;padding:10px 14px;margin-bottom:12px;letter-spacing:.08em}
.side-search{display:flex;gap:8px;margin-bottom:12px}
.side-search input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;outline:none;background:#fff;color:inherit}
.side-search input:focus{border-color:var(--orange)}
.side-search button{border:none;background:var(--orange);color:#fff;border-radius:8px;padding:0 12px;font-size:13px;cursor:pointer}
.side-search button:hover{filter:brightness(1.06)}
.side-group{border:1px solid var(--line-2);border-radius:10px;margin-bottom:8px;overflow:hidden}
.side-group summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-weight:600;font-size:14px;color:var(--ink-2);background:var(--soft-2)}
.side-group summary::-webkit-details-marker{display:none}
.side-group summary::after{content:'＋';color:var(--muted);font-weight:400}
.side-group[open] summary{background:var(--orange-soft);color:var(--orange-hover)}
.side-group[open] summary::after{content:'－'}
.side-group a{display:block;padding:8px 12px 8px 24px;font-size:13.5px;color:var(--muted);text-decoration:none;border-top:1px solid var(--line-2)}
.side-group a:hover{color:var(--orange);background:var(--orange-soft)}

/* ---------- 三组五卡矩阵 ---------- */
.svc-matrix{display:flex;flex-direction:column;gap:40px}
.svc-group{border-top:1px solid var(--line);padding-top:26px}
.svc-group-hd{display:flex;align-items:center;gap:18px;margin-bottom:6px}
.svc-group-badge{flex:0 0 auto;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:#fff}
.svc-group-a .svc-group-badge{background:linear-gradient(135deg,#a67c52,#8d6945)}
.svc-group-b .svc-group-badge{background:linear-gradient(135deg,#b78e5e,#9a7449)}
.svc-group-c .svc-group-badge{background:linear-gradient(135deg,#c9a06a,#a87f4d)}
.svc-group-hd h2{font-size:24px;margin:0}
.svc-group-hd .svc-group-sub{color:var(--muted);font-size:14px;margin-top:4px}

/* 卡片＝一张图＋一个标题（对齐参考页：无边框无阴影，标题左对齐） */
.svc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;margin-top:18px}
.svc-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:14px;overflow:hidden;background:transparent;border:none;box-shadow:none}
.svc-card:hover .svc-card-img{transform:scale(1.04)}
.svc-card-img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block;background:var(--navy);border-radius:14px;transition:transform .3s var(--ease-brand)}
.svc-card-bd{padding:14px 4px 0;display:flex;flex-direction:column;text-align:left}
.svc-card-bd h3{margin:0;font-size:18px;text-align:left}
.svc-empty{display:none;padding:28px 0;color:var(--muted);font-size:14px;text-align:center}

/* ---------- 对号入座条 ---------- */
.pick-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px}
.pick-item{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--soft-2)}
.pick-item .pick-q{font-weight:600;font-size:15px;margin-bottom:6px}
.pick-item .pick-a{font-size:13.5px;color:var(--muted)}
.pick-item .pick-a b{color:var(--orange)}

/* ---------- 移动端 ---------- */
@media (max-width:768px){
  .page-banner.svc-slim{padding:30px 0 14px}
  .svc-layout{grid-template-columns:1fr;gap:18px}
  .svc-side{position:static}
  .svc-side .side-hd{display:none}
  .side-search{margin-bottom:4px}
  .svc-group-badge{width:48px;height:48px;font-size:26px;border-radius:12px}
  .svc-group-hd h2{font-size:20px}
  .svc-card-img{aspect-ratio:16/10}
}

/* ---------- 文字配色方案 v2（2026-10-10）：链接深棕 #87613F；辅助灰 #737373；数据 #2C2C2C；深钮文字 #F8F5F2 ---------- */
/* 文字链接与导航激活态 */
.nav-link:hover,.nav-item:focus-within .nav-link,.nav-link.active{color:var(--link)}
.breadcrumb a:hover{color:var(--link)}
.card-link{color:var(--link)}
.contact-card p a{color:var(--link)}
.btn-ghost:hover{color:var(--link)}
.to-top:hover{color:var(--link)}
.side-group a:hover{color:var(--link)}
.nav-panel-hd .hd-all:hover{color:var(--link)}
.v36-news-item:hover .t{color:var(--link)}
.v36-arr:hover{color:var(--link)}
/* 辅助文字 #737373 */
.breadcrumb{color:var(--muted-2)}
.brand-text em{color:var(--muted-2)}
.nav-sub em{color:var(--muted-2)}
.f-sub{color:var(--muted-2)}
.dl-sub{color:var(--muted-2)}
.stat-card .ec{color:var(--muted-2)}
/* 核心数据 #2C2C2C */
.stat-card .num{color:var(--ink)}
/* 深色按钮内文字 #F8F5F2 */
.btn-primary{color:#F8F5F2}
.dl-btn{color:#F8F5F2}
.v36-fab-cta{color:#F8F5F2}
/* 内联 var(--orange) 的两处文字链接 */
a[style*="color:var(--orange)"]{color:var(--link) !important}


/* ---------- 文字配色 v3（2026-10-10 第3轮）：导航 #595959；激活导航炭灰+棕金下划线；卡片标题棕金；「长出来」反白底 ---------- */
/* 普通导航更轻 */
.nav-link{color:#595959}
/* 当前选中导航：深炭灰 + 棕金下划线 */
.nav-link.active{color:var(--ink)}
.nav-link.active::after{background:linear-gradient(90deg,#87613F,#a67c52)}
.nav-item:hover .nav-link::after,.nav-item:focus-within .nav-link::after{background:linear-gradient(90deg,#87613F,#a67c52)}
/* 卡片标题深棕金（浅底卡） */
.card h3{color:#87613F}
.v36-case h4{color:#87613F}
.v36-case:hover h4{color:#87613F}
.stat-card h4{color:#87613F}
.dl-card h3{color:#87613F}
.svc-group-hd h2{color:#87613F}
/* 「长出来」等核心词：深棕金底 + 反白 + 内边距（整页唯一文字底色） */
.hero h1 .hl{color:#F8F5F2;background:#87613F;padding:.06em .18em;border-radius:.14em;margin:0 .04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* 深色底卡标题维持白（不套棕金） */
.cta-band h3,.v36-magnet h4{color:#fff}
/* 内联 var(--orange) 小链接维持深棕可读 */