.xn_service_page {
            font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", sans-serif;
            color: #2c2c2c;
            line-height: 1.72;
            letter-spacing: 0.028em;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            max-width: 1120px;
            margin: 0 auto;
            padding: 0 28px;
            box-sizing: border-box;
            --xn_blue_deep: #1a3a4f;
            --xn_blue_mid: #1f5a7a;
            --xn_blue_light: #e8f2f7;
            --xn_accent: #c0392b;
            --xn_gold: #8b6914;
            --xn_gray_bg: #f6f7f8;
            --xn_gray_border: #dde1e5;
            --xn_gray_text: #5f6368;
            --xn_white: #ffffff;
            --xn_shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
            --xn_shadow_md: 0 3px 14px rgba(0, 0, 0, 0.10);
            --xn_radius: 6px;
            --xn_radius_sm: 3px;
        }

        /* ---- 面包屑 ---- */
        .xn_crumb_trail {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 6px;
            padding: 16px 0 10px;
            font-size: 13px;
            color: #7a7e83;
            border-bottom: 1px solid var(--xn_gray_border);
            margin-bottom: 24px;
            list-style: none;
        }
        .xn_crumb_trail li {
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .xn_crumb_trail a {
            color: var(--xn_blue_mid);
            text-decoration: none;
            transition: color 0.18s;
        }
        .xn_crumb_trail a:hover {
            color: var(--xn_accent);
            text-decoration: underline;
        }
        .xn_crumb_sep {
            color: #bcc0c5;
            font-size: 11px;
            user-select: none;
        }
        .xn_crumb_current {
            color: #3a3d42;
            font-weight: 600;
            pointer-events: none;
        }

        /* ---- H1 主标题区 ---- */
        .xn_hero_panel {
            margin-bottom: 30px;
        }
        .xn_page_h1 {
            font-size: 28px;
            font-weight: 700;
            color: var(--xn_blue_deep);
            margin: 0 0 10px;
            line-height: 1.35;
            letter-spacing: 0.04em;
        }
        .xn_page_h1 .xn_h1_hl {
            color: var(--xn_accent);
            font-weight: 800;
        }
        .xn_hero_sub {
            font-size: 15px;
            color: var(--xn_gray_text);
            margin: 0 0 8px;
            max-width: 780px;
        }
        .xn_hero_tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 10px;
        }
        .xn_tag_item {
            display: inline-block;
            background: var(--xn_blue_light);
            color: var(--xn_blue_mid);
            font-size: 12px;
            font-weight: 600;
            padding: 5px 12px;
            border-radius: 20px;
            letter-spacing: 0.03em;
        }

        /* ---- 区块标题 ---- */
        .xn_section {
            margin-bottom: 36px;
        }
        .xn_sect_heading {
            font-size: 20px;
            font-weight: 700;
            color: var(--xn_blue_deep);
            margin: 0 0 14px;
            padding-left: 14px;
            border-left: 4px solid var(--xn_accent);
            line-height: 1.3;
        }
        .xn_sect_subheading {
            font-size: 16px;
            font-weight: 700;
            color: #2e4052;
            margin: 18px 0 8px;
        }
        .xn_para {
            margin: 0 0 12px;
            font-size: 14.5px;
            color: #3a3d42;
            text-align: justify;
        }
        .xn_para_sm {
            font-size: 13.5px;
            color: var(--xn_gray_text);
            margin: 0 0 8px;
        }

        /* ---- 硬核参数面板 ---- */
        .xn_param_slab {
            background: var(--xn_gray_bg);
            border: 1px solid var(--xn_gray_border);
            border-radius: var(--xn_radius);
            padding: 20px 22px;
            margin-bottom: 16px;
        }
        .xn_param_slab h3 {
            font-size: 15px;
            font-weight: 700;
            color: var(--xn_blue_deep);
            margin: 0 0 10px;
        }
        .xn_param_grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px 28px;
        }
        @media (max-width: 640px) {
            .xn_param_grid {
                grid-template-columns: 1fr;
            }
        }
        .xn_param_row {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            font-size: 14px;
            padding: 6px 0;
            border-bottom: 1px dotted #d5d9dd;
        }
        .xn_param_label {
            color: #5a5e63;
            font-weight: 500;
            flex-shrink: 0;
        }
        .xn_param_value {
            color: #1a1d21;
            font-weight: 700;
            text-align: right;
            font-family: "SF Mono", "Consolas", "Menlo", monospace;
            letter-spacing: 0.02em;
        }
        .xn_param_note {
            font-size: 12px;
            color: #8a6d3b;
            background: #fdf8ef;
            border-radius: var(--xn_radius_sm);
            padding: 8px 12px;
            margin-top: 12px;
            line-height: 1.55;
            border-left: 3px solid #d4a84b;
        }

        /* ---- 图片容器（可替换，尺寸自适应不崩） ---- */
        .xn_figure_box {
            position: relative;
            width: 100%;
            aspect-ratio: 16 / 9;
            overflow: hidden;
            border-radius: var(--xn_radius);
            background: #e9ecf0;
            margin-bottom: 16px;
            box-shadow: var(--xn_shadow);
        }
        .xn_figure_box img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: opacity 0.3s;
        }
        .xn_figure_caption {
            font-size: 12px;
            color: #8a8d92;
            text-align: center;
            margin-top: -8px;
            margin-bottom: 14px;
            letter-spacing: 0.02em;
        }
        /* 备用：4:3比例图片容器 */
        .xn_figure_box_4x3 {
            aspect-ratio: 4 / 3;
        }

        /* ---- 资质证书网格 ---- */
        .xn_cert_grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
            gap: 14px;
            margin-top: 8px;
        }
        .xn_cert_card {
            background: var(--xn_white);
            border: 1px solid var(--xn_gray_border);
            border-radius: var(--xn_radius);
            padding: 14px 15px;
            font-size: 13px;
            line-height: 1.5;
            box-shadow: var(--xn_shadow);
            transition: box-shadow 0.2s;
        }
        .xn_cert_card:hover {
            box-shadow: var(--xn_shadow_md);
        }
        .xn_cert_card strong {
            display: block;
            color: var(--xn_blue_deep);
            font-size: 13.5px;
            margin-bottom: 3px;
        }
        .xn_cert_card span {
            color: var(--xn_gray_text);
            font-size: 12px;
        }
        .xn_cert_badge {
            display: inline-block;
            background: var(--xn_blue_deep);
            color: #fff;
            font-size: 11px;
            font-weight: 700;
            padding: 2px 8px;
            border-radius: 2px;
            margin-right: 4px;
            letter-spacing: 0.04em;
        }

        /* ---- 服务流程 ---- */
        .xn_flow_list {
            list-style: none;
            padding: 0;
            margin: 0;
            counter-reset: xn_step;
        }
        .xn_flow_list li {
            counter-increment: xn_step;
            position: relative;
            padding: 14px 14px 14px 52px;
            margin-bottom: 10px;
            background: var(--xn_gray_bg);
            border-radius: var(--xn_radius);
            font-size: 14px;
            color: #3a3d42;
            border: 1px solid transparent;
            transition: border-color 0.2s;
        }
        .xn_flow_list li:hover {
            border-color: var(--xn_gray_border);
        }
        .xn_flow_list li::before {
            content: counter(xn_step);
            position: absolute;
            left: 12px;
            top: 12px;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background: var(--xn_blue_deep);
            color: #fff;
            font-weight: 700;
            font-size: 13px;
            text-align: center;
            line-height: 28px;
        }
        .xn_flow_list li strong {
            color: var(--xn_blue_deep);
        }

        /* ---- 报价参考 ---- */
        .xn_quote_note {
            background: #fdf8f0;
            border: 1px solid #e8d5b0;
            border-radius: var(--xn_radius);
            padding: 16px 20px;
            font-size: 13.5px;
            color: #5c4a2e;
            margin-bottom: 12px;
            line-height: 1.65;
        }
        .xn_quote_note strong {
            color: #3d2e14;
        }

        /* ---- 技术问答 ---- */
        .xn_faq_item {
            margin-bottom: 14px;
            border-bottom: 1px solid var(--xn_gray_border);
            padding-bottom: 12px;
        }
        .xn_faq_q {
            font-weight: 700;
            font-size: 14.5px;
            color: var(--xn_blue_deep);
            cursor: default;
            margin-bottom: 4px;
        }
        .xn_faq_a {
            font-size: 13.5px;
            color: #4a4d52;
            line-height: 1.65;
        }

        /* ---- CTA区域 ---- */
        .xn_cta_block {
            background: var(--xn_blue_deep);
            color: #fff;
            border-radius: var(--xn_radius);
            padding: 22px 26px;
            text-align: center;
            margin-top: 10px;
        }
        .xn_cta_block p {
            margin: 0 0 6px;
            font-size: 15px;
            letter-spacing: 0.03em;
        }
        .xn_cta_phone {
            font-size: 26px;
            font-weight: 800;
            letter-spacing: 0.05em;
            color: #f5d78c;
            text-decoration: none;
        }
        .xn_cta_phone:hover {
            color: #ffe5a3;
        }

        /* ---- 响应式微调 ---- */
        @media (max-width: 768px) {
            .xn_service_page {
                padding: 0 14px;
            }
            .xn_page_h1 {
                font-size: 22px;
            }
            .xn_sect_heading {
                font-size: 17px;
            }
            .xn_cert_grid {
                grid-template-columns: 1fr 1fr;
            }
            .xn_cta_phone {
                font-size: 22px;
            }
        }
        @media (max-width: 480px) {
            .xn_cert_grid {
                grid-template-columns: 1fr;
            }
            .xn_param_grid {
                grid-template-columns: 1fr;
            }
            .xn_flow_list li {
                padding-left: 42px;
            }
        }