/* 服务详情：沿用品牌色，独立作用域避免旧详情规则影响其他栏目。 */
.page-service-detail .column-banner { min-height: 0; }
.page-service-detail .column-banner-inner { min-height: 220px; }
.page-service-detail .service-reading { padding-top: 28px; padding-bottom: 64px; }
.service-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; color: #64758a; font-size: 14px; }
.service-breadcrumb a { color: #455d72; padding: 8px 0; }
.service-reading-header { padding: 28px 0 32px; border-bottom: 1px solid #dce6ed; margin-bottom: 36px; }
.service-reading-header h1 { max-width: 1000px; margin: 0; color: #17324d; font-size: clamp(26px, 2.5vw, 38px); font-weight: 700; line-height: 1.45; overflow-wrap: anywhere; }
.service-reading-header > p { max-width: 860px; margin: 18px 0 0; color: #50667b; font-size: 17px; line-height: 1.85; }
.service-reading-layout { display: grid; grid-template-columns: minmax(0, 1fr) 272px; gap: 48px; align-items: start; }
.service-reading-article { min-width: 0; }
.page-service-detail .service-reading-body.article-content { max-width: 100%; padding: 0 !important; margin: 0; color: #344c62; font-size: 17px !important; line-height: 1.9 !important; overflow-wrap: anywhere; }
.service-reading-body > :first-child { margin-top: 0 !important; }
.page-service-detail .service-reading-body p { margin: 0 0 18px; line-height: 1.9 !important; }
.page-service-detail .service-reading-body :is(h2,h3,h4,.service-content-heading) { color: #17324d; font-size: 23px; font-weight: 700; line-height: 1.5 !important; margin: 36px 0 14px; }
.page-service-detail .service-reading-body img { display: block; max-width: 100% !important; height: auto !important; margin: 0 auto 24px; border-radius: 12px; }
.service-reading-body :is(ul,ol) { padding-left: 24px; margin: 16px 0 24px; }
.service-reading-body ul { list-style: disc; }
.service-reading-body ol { list-style: decimal; }
.service-reading-body li { margin-bottom: 12px; }
.service-reading-body a { color: #187eac; text-decoration: underline; text-underline-offset: 3px; }
.service-reading-body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.service-reading-body :is(td,th) { padding: 12px; border: 1px solid #dce6ed; }
.service-reading-body pre { max-width: 100%; overflow-x: auto; }
.service-reading-body iframe, .service-reading-body video { max-width: 100%; }
.service-consult { position: sticky; top: 104px; padding: 24px; background: #f1f7fb; border-radius: 12px; }
.service-consult h2 { font-size: 23px; line-height: 1.5; color: #17324d; margin: 0 0 12px; font-weight: 700; }
.service-consult > p { color: #50667b; font-size: 15px; line-height: 1.8; margin: 0 0 20px; }
.service-consult-actions { display: grid; gap: 12px; }
.service-consult-actions a { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 8px; border-radius: 8px; font-size: 16px; font-weight: 600; text-align: center; }
.service-consult-primary { background: #2188b8; color: #fff !important; }
.service-consult-primary:hover { background: #186f99; }
.service-consult-phone { color: #17324d; border: 1px solid #bad5e5; background: #fff; white-space: nowrap; }
.service-consult-note { margin: 24px 0 10px; color: #17324d; font-weight: 600; font-size: 14px; }
.service-consult ul { padding-left: 18px; list-style: disc; color: #50667b; font-size: 14px; line-height: 1.85; }
.service-consult li { margin: 6px 0; }
.service-back-link { display: block; margin-top: 20px; padding: 12px 0 0; border-top: 1px solid #d8e5ed; color: #187eac; font-size: 15px; }
.service-adjacent { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 40px; padding-top: 24px; border-top: 1px solid #dce6ed; }
.service-adjacent span { display: block; color: #64758a; font-size: 14px; margin-bottom: 8px; }
.service-adjacent a { display: block; color: #17324d; font-size: 16px; line-height: 1.65; overflow-wrap: anywhere; padding-bottom: 8px; }
.service-adjacent p { color: #64758a; font-size: 15px; }
.service-reading a:hover { text-decoration: underline; text-underline-offset: 4px; }
.service-reading a:focus-visible { outline: 2px solid #187eac; outline-offset: 4px; }
.service-reading ::selection { background: #d6ecf8; color: #17324d; }
@media (max-width: 991px) {
    .service-reading-layout { grid-template-columns: minmax(0,1fr); gap: 32px; }
    .service-consult { position: static; }
    .service-consult-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
    .page-service-detail .column-banner-inner { min-height: 176px; }
    .page-service-detail .service-reading { padding: 16px 20px 40px; }
    .service-breadcrumb { font-size: 13px; gap: 10px; }
    .service-reading-header { padding: 18px 0 24px; margin-bottom: 24px; }
    .service-reading-header h1 { font-size: 26px; }
    .service-reading-header > p { font-size: 15px; margin-top: 14px; }
    .page-service-detail .service-reading-body.article-content { font-size: 16px !important; }
    .page-service-detail .service-reading-body :is(h2,h3,h4,.service-content-heading) { font-size: 21px; margin-top: 28px; }
    .service-consult { padding: 20px; }
    .service-consult-actions a { font-size: 14px; }
    .service-adjacent { gap: 20px; grid-template-columns: minmax(0,1fr); margin-top: 28px; }
}