/* ============================================================
   案例详情页样式  case.css
   品牌色：米黄 #F5F0E8 / 标题 #2D1F15 / 正文 #584638
           赭红 #C83220 / 序号金 #C9964F
   ============================================================ */
.cd-page { background: #F5F0E8; }
.cd-main { display: block; }
.cd-inner { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 24px; }

/* ---------- 首屏 ---------- */
.cd-hero { padding: 128px 0 46px; border-bottom: 1px solid #e3d8c6; }
.cd-crumb { font-size: 12px; color: #9b8a77; letter-spacing: .5px; margin-bottom: 26px; }
.cd-crumb a { color: #9b8a77; text-decoration: none; }
.cd-crumb a:hover { color: #C83220; }
.cd-crumb span { margin: 0 8px; color: #c9b9a3; }
.cd-crumb em { font-style: normal; color: #2D1F15; }
.cd-kicker { font-family: Georgia, "Times New Roman", serif; font-size: 11px; letter-spacing: 4px; color: #C9964F; margin: 0 0 14px; }
.cd-title { font-size: 40px; line-height: 1.32; font-weight: 700; color: #2D1F15; margin: 0 0 16px; letter-spacing: .5px; }
.cd-lead { font-size: 15px; color: #7d6b58; margin: 0 0 34px; letter-spacing: 1px; }
.cd-meta { list-style: none; display: flex; flex-wrap: wrap; gap: 0; margin: 0; padding: 0; border-top: 1px solid #e3d8c6; }
.cd-meta li { flex: 1 1 22%; min-width: 150px; padding: 16px 18px 0 0; }
.cd-meta li span { display: block; font-size: 10px; letter-spacing: 2px; color: #b0a08c; margin-bottom: 6px; }
.cd-meta li b { font-size: 14px; font-weight: 600; color: #2D1F15; }

/* ---------- 通用板块 ---------- */
.cd-sec { padding: 56px 0; }
.cd-sec--lead { background: #fbf7f0; border-bottom: 1px solid #eee4d4; }
.cd-sec-head { display: flex; align-items: baseline; gap: 16px; margin-bottom: 24px; }
.cd-sec-head i { font-family: Georgia, serif; font-style: normal; font-size: 30px; line-height: 1; color: #C9964F; letter-spacing: 1px; }
.cd-sec-head h2 { font-size: 21px; font-weight: 700; color: #2D1F15; margin: 0; letter-spacing: 1px; }
.cd-sec-head em { font-style: normal; font-size: 11px; letter-spacing: 2px; color: #b0a08c; text-transform: uppercase; margin-left: 10px; }
.cd-p { font-size: 16px; line-height: 1.95; color: #584638; margin: 0 0 14px; max-width: 980px; letter-spacing: .3px; }
.cd-p a { color: #C83220; text-decoration: none; border-bottom: 1px solid rgba(200, 50, 32, .35); }
.cd-p a:hover { border-bottom-color: #C83220; }
.cd-p--en { font-size: 13.5px; line-height: 1.85; color: #8b7b6b; letter-spacing: .1px; }
.cd-p--en a { color: #8b7b6b; }

/* ---------- 原文内容 ---------- */
.cd-content { max-width: 100%; overflow-x: auto; }
.cd-content img { max-width: 100%; height: auto; }
.cd-content iframe { max-width: 100%; }
.cd-content table { max-width: 100%; }
.cd-content table, .cd-content td, .cd-content th { border-color: #e0d5c2 !important; }
.cd-content hr { border: 0; border-top: 1px solid #e0d5c2; height: 0; }
.cd-content p { font-size: 15px; line-height: 1.9; color: #584638; }
.cd-content span[style*="24pt"], .cd-content span[style*="24.0pt"] { font-size: 22px !important; line-height: 1.7; }
.cd-content span[style*="36pt"], .cd-content span[style*="36.0pt"] { font-size: 20px !important; }

/* ---------- 图集 ---------- */
.cd-gallery { margin: 0; padding: 0 0 8px; }
.cd-gallery .demo-gallery { display: flex; flex-wrap: wrap; }
.cd-gallery .demo-gallery__img--main { display: block; width: 50%; padding: 3px; }

/* ---------- 设计方法四宫格 ---------- */
.cd-sec--method { background: #f1ebdf; }
.cd-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.cd-card { background: #fff; border: 1px solid #e6dbc9; padding: 28px 30px 24px; }
.cd-card b { display: block; font-size: 17px; color: #2D1F15; letter-spacing: 1px; }
.cd-card > span { display: block; font-size: 10px; letter-spacing: 3px; color: #C9964F; text-transform: uppercase; margin: 6px 0 16px; }
.cd-card p { font-size: 14.5px; line-height: 1.92; color: #584638; margin: 0 0 12px; }
.cd-card .cd-p--en { font-size: 12.5px; color: #8b7b6b; margin-bottom: 0; }

/* ---------- 项目价值 ---------- */
.cd-sec--value { background: #fbf7f0; border-top: 1px solid #eee4d4; border-bottom: 1px solid #eee4d4; }

/* ---------- 同类型推荐 ---------- */
.cd-rel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.cd-rel-item { display: block; text-decoration: none; background: #fff; border: 1px solid #e6dbc9; transition: .25s; }
.cd-rel-item:hover { border-color: #C83220; }
.cd-rel-img { display: block; height: 190px; overflow: hidden; background: #e8e0d2; }
.cd-rel-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: .5s; }
.cd-rel-item:hover .cd-rel-img img { transform: scale(1.04); }
.cd-rel-item b { display: block; font-size: 14px; line-height: 1.6; color: #2D1F15; font-weight: 600; padding: 14px 16px; }
.cd-rel-more { margin: 24px 0 0; font-size: 13px; }
.cd-rel-more a { color: #C83220; text-decoration: none; letter-spacing: 1px; }

/* ---------- CTA ---------- */
.cd-cta { background: #2D1F15; color: #f6efe4; padding: 64px 0 68px; text-align: center; }
.cd-cta-kicker { font-family: Georgia, serif; font-size: 11px; letter-spacing: 5px; color: #C9964F; margin: 0 0 20px; }
.cd-cta h2 { font-size: 22px; line-height: 1.85; font-weight: 500; color: #f6efe4; margin: 0 auto 16px; max-width: 860px; letter-spacing: .5px; }
.cd-cta-en { font-size: 13px; line-height: 1.85; color: #b8a894; max-width: 760px; margin: 0 auto 30px; }
.cd-cta-btn, .cd-main .cd-cta-btn { display: inline-block; padding: 15px 40px; background: #C83220; color: #fff !important; text-decoration: none; font-size: 15px; letter-spacing: 2px; transition: .25s; }
.cd-cta-btn span { display: block; font-size: 10px; letter-spacing: 2px; color: rgba(255, 255, 255, .8) !important; margin-top: 4px; }
.cd-cta-btn:hover { background: #a82818; color: #fff !important; text-decoration: none; }

/* ---------- 版权 ---------- */
.cd-copy { padding: 34px 0 46px; }
.cd-copy p { font-size: 12px; line-height: 1.9; color: #9b8a77; margin: 0 0 4px; }
.cd-copy .cd-p--en { font-size: 11.5px; color: #b0a08c; }

/* ---------- 非案例内容页 H1 ---------- */
.pd-h1 { font-size: 26px; line-height: 1.5; color: #2D1F15; font-weight: 700; margin: 120px 0 24px; letter-spacing: 1px; }

/* ---------- 响应式 ---------- */
@media (max-width: 991px) {
    .cd-hero { padding: 104px 0 34px; }
    .cd-title { font-size: 28px; }
    .cd-lead { margin-bottom: 24px; }
    .cd-meta li { flex: 1 1 46%; padding: 14px 14px 0 0; }
    .cd-sec { padding: 42px 0; }
    .cd-sec-head i { font-size: 24px; }
    .cd-sec-head h2 { font-size: 18px; }
    .cd-sec-head em { display: block; margin: 4px 0 0; }
    .cd-grid { grid-template-columns: 1fr; }
    .cd-rel { grid-template-columns: 1fr; }
    .cd-gallery .demo-gallery__img--main { width: 100%; }
    .cd-cta h2 { font-size: 17px; line-height: 1.8; }
    .pd-h1 { margin-top: 96px; font-size: 22px; }
}

/* ============================================================
   服务子页  /service/*/   （sv-*）
   ============================================================ */
.sv-main { background: #F5F0E8; }
.sv-sec--alt { background: #fbf7f0; border-top: 1px solid #eee4d4; border-bottom: 1px solid #eee4d4; }

/* 适合情况 */
.sv-fit { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 40px; }
.sv-fit li { position: relative; padding: 12px 0 12px 26px; font-size: 15.5px; line-height: 1.85; color: #584638; border-bottom: 1px dashed #e3d8c6; }
.sv-fit li:before { content: ""; position: absolute; left: 4px; top: 21px; width: 6px; height: 6px; background: #C9964F; }

/* 交付内容 */
.sv-dlv { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #e6dbc9; border: 1px solid #e6dbc9; }
.sv-dlv-item { background: #fff; padding: 26px 24px 24px; }
.sv-dlv-item span { display: block; font-family: Georgia, serif; font-size: 12px; letter-spacing: 2px; color: #C9964F; margin-bottom: 10px; }
.sv-dlv-item b { display: block; font-size: 15px; font-weight: 700; color: #2D1F15; letter-spacing: .5px; margin-bottom: 8px; }
.sv-dlv-item p { margin: 0; font-size: 13.5px; line-height: 1.8; color: #6f5d4c; }

/* 推进方式 */
.sv-flow { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; counter-reset: f; }
.sv-flow li { border-top: 2px solid #C83220; padding: 18px 14px 16px; background: #fff; }
.sv-flow li span { display: block; font-family: Georgia, serif; font-size: 11px; letter-spacing: 2px; color: #C9964F; margin-bottom: 8px; }
.sv-flow li b { font-size: 15px; font-weight: 600; color: #2D1F15; letter-spacing: .5px; }

/* 关联项目 */
.sv-cases { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }

/* 常见问题 */
.sv-faq { display: grid; grid-template-columns: 1fr; gap: 0; max-width: 980px; }
.sv-faq-item { padding: 22px 0; border-bottom: 1px solid #e3d8c6; }
.sv-faq-item:first-child { border-top: 1px solid #e3d8c6; }
.sv-faq-item h3 { font-size: 16px; font-weight: 700; color: #2D1F15; margin: 0 0 10px; letter-spacing: .5px; }
.sv-faq-item h3:before { content: "Q "; font-family: Georgia, serif; color: #C83220; }
.sv-faq-item p { margin: 0; font-size: 15px; line-height: 1.95; color: #584638; }

/* 服务互链 */
.sv-nav { padding: 30px 0; border-top: 1px solid #e3d8c6; background: #F5F0E8; }
.sv-nav .cd-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.sv-nav a { font-size: 13.5px; color: #7d6b58; text-decoration: none; letter-spacing: .5px; }
.sv-nav a:hover { color: #C83220; }
.sv-nav a:nth-child(2) { color: #C83220; border-bottom: 1px solid rgba(200, 50, 32, .35); }

/* 响应式 */
@media (max-width: 992px) {
  .sv-dlv { grid-template-columns: repeat(2, 1fr); }
  .sv-cases { grid-template-columns: repeat(2, 1fr); }
  .sv-flow { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .sv-fit { grid-template-columns: 1fr; gap: 0; }
  .sv-dlv { grid-template-columns: 1fr; }
  .sv-cases { grid-template-columns: 1fr; }
  .sv-flow { grid-template-columns: 1fr; gap: 12px; }
  .sv-nav .cd-inner { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* ---------- 列表分页条 ---------- */
.cd-pager { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin: 46px 0 10px; padding: 0; }
.cd-pager a, .cd-pager b { display: inline-block; min-width: 38px; height: 38px; line-height: 38px; padding: 0 12px; text-align: center; font-size: 13px; font-weight: 400; text-decoration: none; color: #584638; background: #fff; border: 1px solid #e3d8c6; transition: .2s; }
.cd-pager a:hover { color: #fff; background: #C83220; border-color: #C83220; }
.cd-pager b { color: #fff; background: #C83220; border-color: #C83220; font-weight: 600; }
.cd-pager-prev, .cd-pager-next { letter-spacing: .5px; }

/* 四宫格交付（条目数为4时两列，避免空格子） */
.sv-dlv--2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 767px) { .sv-dlv--2 { grid-template-columns: 1fr; } }