/* ============================================================
   V3.9 · 产品页
   1) 端云协同三图：三列小卡 → 整幅大图逐张展示（视觉冲击优先）
   2) 配合 HTML：标准化交付区提前至性能区之上（区块顺序在
      products.html 内调整，本层只负责三图区新样式）
   ============================================================ */

/* ---------- 三张架构图 · 整幅大图 ---------- */
.arch-figures{display:flex;flex-direction:column;gap:40px;margin-top:38px}
.arch-figure{
  background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:0 26px 52px -34px rgba(62,44,22,.4);
}
.arch-figure .pic{position:relative;background:#0d1117;line-height:0}
.arch-figure .pic img{display:block;width:100%;height:auto}
.arch-figure .no{
  position:absolute;top:14px;left:14px;z-index:2;
  background:rgba(13,17,23,.72);color:#f3efe6;font-size:11.5px;letter-spacing:.12em;
  padding:5px 12px;border-radius:999px;backdrop-filter:blur(4px);
}
.arch-figure .cap{
  display:flex;align-items:baseline;gap:10px 26px;flex-wrap:wrap;
  padding:18px 24px 20px;border-top:1px solid var(--line);
}
.arch-figure .cap h4{font-size:17px;font-weight:700;color:var(--ink);white-space:nowrap}
.arch-figure .cap p{flex:1;min-width:260px;font-size:13.5px;color:var(--muted);line-height:1.7}

@media (max-width:960px){
  .arch-figures{gap:30px}
}
@media (max-width:680px){
  .arch-figures{gap:24px;margin-top:28px}
  .arch-figure{border-radius:14px}
  .arch-figure .no{top:10px;left:10px;font-size:10.5px}
  .arch-figure .cap{padding:13px 16px 15px;gap:6px 0}
  .arch-figure .cap h4{white-space:normal}
  .arch-figure .cap p{min-width:0}
}

/* ---------- 文字配色方案 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) 小链接维持深棕可读 */