/* 流程模块：灰色背景 */
  .code-process { background: #f4f6f9; padding: 60px 0; }
  /* 节点之间虚线：固定在图标中心高度，保证对齐居中 */
  .code-process .item { position: relative; }
  .code-process .item::after {
    content: "";
    position: absolute;
    top: 30px;                       /* 图标中心（图标60px高的一半） */
    transform: translateY(-50%);
    right: -12px;
    width: 16px;
    height: 2px;
    background: repeating-linear-gradient(90deg, #c7cfda 0 4px, transparent 4px 7px);
    z-index: 1;
  }
  .code-process .item:last-child::after { display: none; }   /* 最后一个节点后面不画虚线 */

  /* ===== 统一大标题 ===== */
  .block-title { margin: 0 0 40px 0; color: #181818; font-size: 30px; font-weight: normal; line-height: normal; text-align: center; margin-bottom: 48px;}
  /* 大标题下方描述文本：统一居中 */
  .block-desc { max-width: 760px; margin: 13px auto 0; margin-bottom: 60px; color: #66758d; text-align: center; font-size: 16px; line-height: 1.6; }
  /* 标题与副标题间距缩小 */
  .block-title + .block-desc { margin-top: -40px; }

  /* 灰色背景上的产品卡片加阴影，增强层次感 */
  #types article { box-shadow: 0 2px 12px rgba(0,0,0,0.04); }

  /* ===== 通用区块 ===== */
  .section { padding: 60px 0; }
  .section.gray { background: #f4f6f9; }

  /* ===== 申请流程 ===== */
  .process-steps { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; margin-top: 36px; }
  .process-step { background: #fff; border-radius: 8px; padding: 24px 16px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.04); border: 1px solid #e3e8f1; transition: all 0.3s; }
  .process-step:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
  .step-num { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; color: #fff; margin: 0 auto 14px; }
  .process-step:nth-child(odd) .step-num { background: linear-gradient(135deg, #2563eb, #3b82f6); }
  .process-step:nth-child(even) .step-num { background: linear-gradient(135deg, #4cb32b, #10b981); }
  .process-step h4 { font-size: 16px; color: #1c3152; margin: 0 0 10px; font-weight: bold; }
  .process-step p { font-size: 14px; color: #66758d; line-height: 1.7; margin: 0; }
  .process-note { max-width: 900px; margin: 32px auto 0; padding: 16px 24px; background: #fffbeb; border: 1px solid #fde68a; border-radius: 8px; font-size: 12px; color: #92400e; line-height: 1.8; text-align: center; }
  .process-note strong { color: #78350f; }

  /* ===== 服务与合规资料 ===== */
  .docs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 36px; }
  .doc-card { display: block; background: #fff; border-radius: 8px; padding: 28px 24px; box-shadow: 0 2px 12px rgba(0,0,0,0.04); border: 1px solid #e3e8f1; transition: all 0.3s; position: relative; overflow: hidden; text-decoration: none; }
  .doc-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.1); border-color: #4cb32b; text-decoration: none; }
  .doc-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #4cb32b, #10b981); }
  .doc-icon { margin-bottom: 16px; }
  .doc-icon img { width: 48px; height: 48px; display: block; }
  .doc-card h3 { font-size: 17px; color: #1c3152; margin: 0 0 8px; font-weight: bold; }
  .doc-card p { font-size: 14px; color: #66758d; line-height: 1.6; margin: 0 0 12px; }
  .doc-link { font-size: 14px; color: #4cb32b; font-weight: 500; display: flex; align-items: center; gap: 4px; }
  .doc-link::after { content: '→'; transition: transform 0.2s; }
  .doc-card:hover .doc-link::after { transform: translateX(4px); }

  /* ===== 区块通用标题 ===== */
  .section-title { text-align: center; margin-bottom: 48px; }
  .section-title h2 { font-size: 30px; color: #181818; font-weight: normal; margin: 0 0 12px; }
  .section-title p { font-size: 16px; color: #66758d; margin: 0; }

  /* ===== 部署模式 ===== */
  .deploy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .deploy-card { background: #fff; border-radius: 10px; padding: 32px 28px; box-shadow: 0 2px 12px rgba(0,0,0,0.04); border: 1px solid #e8edf5; transition: all 0.3s; position: relative; }
  .deploy-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.1); }
  .deploy-card.featured { border: 2px solid #2563eb; box-shadow: 0 8px 32px rgba(37,99,235,0.15); }
  .deploy-card.featured::before { content: '推荐'; position: absolute; top: -1px; right: 20px; background: linear-gradient(135deg, #2563eb, #3b82f6); color: #fff; font-size: 12px; padding: 4px 14px; border-radius: 0 0 6px 6px; font-weight: 600; }
  .deploy-card h3 { font-size: 20px; color: #1c3152; margin: 0 0 8px; font-weight: 700; }
  .deploy-sub { font-size: 13px; color: #2563eb; margin-bottom: 20px; font-weight: 500; }
  .deploy-scene { margin-bottom: 20px; }
  .scene-label { font-size: 12px; color: #999; margin-bottom: 10px; letter-spacing: 1px; }
  .scene-tags { display: flex; flex-wrap: wrap; gap: 8px; }
  .scene-tags span { padding: 5px 12px; background: #f0f4fa; color: #556; font-size: 13px; border-radius: 4px; }
  .deploy-desc { font-size: 13px; color: #66758d; line-height: 1.85; padding-top: 20px; border-top: 1px solid #f0f2f7; }
  .deploy-desc strong { color: #1c3152; }

  /* ===== 相关产品及服务 ===== */
  .products-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .product-card { background: #fff; border-radius: 10px; padding: 50px 25px; box-shadow: 0 2px 12px rgba(0,0,0,0.04); border: 1px solid #e8edf5; transition: all 0.3s; text-align: center; }
  .product-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,0,0,0.12); border-color: #4cb32b; }
  .product-badge { display: inline-block; width: 64px; height: 64px; line-height: 64px; border-radius: 14px; font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 20px; }
  .product-badge.c1 { background: linear-gradient(135deg, #2563eb, #3b82f6); }
  .product-badge.c2 { background: linear-gradient(135deg, #4cb32b, #10b981); }
  .product-badge.c3 { background: linear-gradient(135deg, #f59e0b, #f97316); }
  .product-badge.c4 { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }
  .product-card h3 { font-size: 16px; color: #1c3152; margin: 0 0 6px; font-weight: 700; }
  .product-en { font-size: 12px; color: #999; margin-bottom: 16px; }
  .product-card p { font-size: 13px; color: #66758d; line-height: 1.8; text-align: left; margin: 0; }

  /* ===== 响应式 ===== */
  @media (max-width: 1024px) {
    .process-steps { grid-template-columns: repeat(3, 1fr); }
    .docs-grid { grid-template-columns: repeat(2, 1fr); }
    .deploy-grid { grid-template-columns: 1fr; }
    .products-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 550px) {
    .section { padding: 40px 0; }
    .process-steps { grid-template-columns: repeat(2, 1fr); }
    .docs-grid { grid-template-columns: 1fr; }
    .products-grid { grid-template-columns: 1fr; }
  }

/* ===== SSL证书自动化解决方案 专用样式（合并自 sslzidonghua_ai.css） ===== */

/* 区块通用间距 */
section { padding: 70px 0; }
section:nth-of-type(even) { background: #f7f9fc; }

/* 区块标题 */
.sec-head { text-align: center; margin-bottom: 50px; }
.sec-head h2 { font-size: 32px; color: #1c3152; font-weight: 700; margin: 0 0 16px; }
.sec-head .line { width: 50px; height: 3px; background: linear-gradient(90deg, #2563eb, #4cb32b); margin: 0 auto 16px; border-radius: 2px; }
.sec-head p { font-size: 16px; color: #66758d; margin: 0; }

/* ===== 方案优势 - 卡片网格 ===== */
.features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.f-card { background: #fff; border-radius: 12px; padding: 36px 28px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); border: 1px solid #e8edf5; transition: all 0.3s ease; text-align: center; }
.f-card:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(37,99,235,0.12); border-color: #2563eb; }
.f-icon { width: 64px; height: 64px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #eff6ff, #dbeafe); border-radius: 16px; }
.f-icon svg { width: 32px; height: 32px; fill: #2563eb; display: block; }
.f-card h3 { font-size: 18px; color: #1c3152; margin: 0 0 12px; font-weight: 700; }
.f-card p { font-size: 14px; color: #66758d; line-height: 1.8; margin: 0; text-align: left; }

/* ===== 部署模式 - 对比表格 ===== */
.deploy { background: #f7f9fc; }
.deploy-table { overflow-x: auto; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); }
.deploy-table table { width: 100%; border-collapse: collapse; background: #fff; min-width: 700px; }
.deploy-table th { background: #4cb32b; color: #fff; padding: 18px 16px; font-size: 16px; font-weight: 600; text-align: center; border: none; }
.deploy-table th:first-child { text-align: left; }
.deploy-table td { padding: 20px 16px; border-bottom: 1px solid #eef2f7; font-size: 14px; color: #445; vertical-align: middle; }
.deploy-table td:first-child { font-weight: 600; color: #1c3152; background: #f8fafc; }
.deploy-table tr:last-child td { border-bottom: none; }
.deploy-table tr:hover td { background: #f0f7ff; }
.deploy-table tr:hover td:first-child { background: #e8f0fe; }
.deploy-table p { margin: 4px 0; }
.mode-badge { display: inline-block; padding: 4px 12px; margin: 3px 4px 3px 0; border-radius: 20px; font-size: 12px; font-weight: 500; }
.mb-lite { background: #e0f2fe; color: #0369a1; }
.mb-pro { background: #fef3c7; color: #b45309; }
.mb-local { background: #dcfce7; color: #15803d; }
.scroll-hint { text-align: center; color: #99a; font-size: 13px; margin-top: 12px; }

/* ===== 相关产品 - 卡片 ===== */
.products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.p-card { background: #fff; border-radius: 12px; padding: 32px 24px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); border: 1px solid #e8edf5; transition: all 0.3s ease; position: relative; overflow: hidden; }
.p-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #2563eb, #4cb32b); }
.p-card:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0,0,0,0.1); border-color: #4cb32b; }
.p-tag { display: inline-block; padding: 4px 12px; background: #eff6ff; color: #2563eb; border-radius: 4px; font-size: 12px; font-weight: 500; margin-bottom: 16px; }
.p-card h3 { font-size: 20px; color: #1c3152; margin: 0 0 6px; font-weight: 700; }
.p-card .en { font-size: 12px; color: #99a; margin-bottom: 16px; line-height: 1.4; }
.p-card p { font-size: 14px; color: #66758d; line-height: 1.8; margin: 0; }

/* ===== 响应式 ===== */
@media (max-width: 1024px) {
  .features, .products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 550px) {
  section { padding: 40px 0; }
  .sec-head h2 { font-size: 24px; }
  .features, .products { grid-template-columns: 1fr; }
  .f-card, .p-card { padding: 24px 20px; }
}

/* 修复 section-title 包裹 block-title 时副标题重叠问题 */
.section-title .block-title + .block-desc { margin-top: 0; }

/* 修复 section-title 里副标题不居中问题 */
.section-title .block-desc { margin-left: auto; margin-right: auto; text-align: center; }

/* 相关产品描述文字对齐（固定高度，四段文字完全等高，垂直居中） */
.product-card { display: flex; flex-direction: column; }
.product-card p { text-align: justify; margin: 0; height: 100px; overflow: hidden; display: flex; align-items: flex-start; }

/* 部署模式表格内容水平居中 */
.deploy-table td { text-align: center; }
.deploy-table td:first-child { text-align: center; }
.deploy-table td p { text-align: center; margin: 4px 0; }
.deploy-table .mode-badge { text-align: center; }
.deploy-table td .mode-badge { display: block; margin: 4px auto; width: fit-content; }