/* CMS model page: service pages.
   Scoped to [data-model-page^="service-"] and does not change public header/footer.
   Use this in service page custom CSS, or upload it as /model/css/service.css. */

/* Nexgent-S styles synchronized from the public static service page. */
/* =========================================
   Nexgent-S 页面样式（Figma 1:1 精确还原）
   ========================================= */

/* ---------- 特長 区域 ---------- */

/* 顶部横条 - Frame 579（取消灰色背景） */
.nexgent-topic-bar {
    background: transparent;
    padding: 8px 12px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #051243;
    margin-bottom: 12px;
}

/* 红色提问 - 以下のようなお悩みはございませんか？ */
.nexgent-warning-question {
    font-size: 20px;
    font-weight: 700;
    color: #cc0033;
    text-align: center;
    margin: 0 0 12px 0;
}

/* 两个黄色卡片 */
.nexgent-warning-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.nexgent-warning-card {
    border: 1.5px solid #ffbc02;
    border-radius: 8px;
    background: #fffbf0;
    display: flex;
    flex-direction: column;
}

/* 黄色标题栏 */
.nexgent-warning-card-title {
    background: #ffbc02;
    color: #051243;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 4px 0;
    margin: 0;
}

.nexgent-warning-body {
    padding: 12px 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.nexgent-warning-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.nexgent-warning-list li {
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #051243;
    line-height: 1.6;
    margin-bottom: 0;
}

/* 黄色方块符号：垂直居中于第一行文字（Figma bullet 12×20 槽内 rect y=4~16 居中，行 alignItems center） */
.nexgent-warning-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(0.8em - 7px);
    width: 12px;
    height: 12px;
    background: #ffbc02;
    border-radius: 2px;
}

/* AI logo 行 */
.nexgent-ai-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding-left: 20px !important;
}

.nexgent-ai-logos::before {
    display: none !important;
}

.nexgent-ai-logo {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #1a1a1a;
}

.nexgent-ai-logo img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.nexgent-ai-logo img.brand-lockup {
    width: auto;
    height: 16px;
}

/* 合作伙伴行（deepseek / Qwen）- 问号与上方文字左缘对齐（li padding-left 24px），不对齐黄色方块 */
.nexgent-ai-partners {
    margin-top: 0;
    margin-left: 22px;
    padding-top: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #1a1a1a;
}

.nexgent-ai-partners .q-mark {
    display: inline-flex;
    align-items: center;
}

.nexgent-ai-partners .q-mark img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.nexgent-ai-partners img.brand-lockup {
    width: auto;
    height: 18px;
}

.nexgent-partner-logo {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #4a6fe3;
    font-weight: 500;
}

/* 解决方法小标题上方的居中黄色倒三角（位于黑色横线上方，垂直居中） */
.nexgent-down-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 8px 0;
}

.nexgent-down-arrow img {
    width: 74px;
    height: auto;
    display: block;
}

/* ---------- Nexgent-S 功能展示区 ---------- */
.nexgent-feature-section {
    display: grid;
    grid-template-columns: 266px 1fr;
    gap: 24px;
    align-items: stretch;
    margin: 16px 0;
}

.nexgent-feature-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 40px;
}

.nexgent-feature-visual img {
    max-width: 100%;
    height: auto;
}

.nexgent-feature-right {
    display: flex;
    flex-direction: column;
}

/* 蓝色标题栏 - Frame 594 */
.nexgent-feature-header {
    background: #0068b6;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding: 8px 16px;
    border-radius: 0;
}

.nexgent-feature-body {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 256px;
    gap: 20px;
    padding: 24px;
}

.nexgent-feature-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
}

.nexgent-feature-item {
    background: #f2f7fb;
    border-radius: 4px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #0068b6;
    padding: 12px 0;
}

/* 标题分隔点（法务 · 采购）：用 transform 放大，视觉上变大但不撑开间距 */
.nexgent-dot {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    transform: translateY(-0.08em) scale(1.8);
    margin: 0 0.25em;
}

/* 日文全角中黑点（・）本身较宽，降低放大倍率保持与中文版一致的观感 */
.nexgent-dot:lang(ja),
.nexgent-dot-jp {
    transform: translateY(-0.08em) scale(1.3);
    margin: 0 0.15em;
}

/* 右侧图标框 */
.nexgent-feature-icons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.nexgent-feature-icon {
    background: #d8eaf9;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 28px 12px;
    min-height: 200px;
}

.nexgent-feature-icon img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.nexgent-icon-label {
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    font-size: 20px;
    font-weight: 700;
    color: #0068b6;
    letter-spacing: 2px;
    margin-top: 0;
    white-space: nowrap;
}

/* ---------- 功能概述 ---------- */
.nexgent-overview-box {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 4px solid #e5f0f8;
    border-radius: 12px;
    background: #fff;
    padding: 24px;
    max-width: 900px;
}

.nexgent-overview-logo {
    position: absolute;
    top: 0;
    right: 0;
    height: 28px;
    width: auto;
    opacity: 1;
    object-fit: contain;
    z-index: 10;
    border-radius: 0 0 0 4px;
}

.nexgent-overview-top {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: stretch;
    margin-bottom: 24px;
}

.nexgent-overview-grid {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex: 1;
}

/* 功能卡片 - Frame 365/369/370/371 */
.nexgent-overview-card {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #0068b6;
    border-radius: 12px;
    background: #eaf3f9;
    padding: 12px;
}

.nexgent-overview-icon {
    margin-bottom: 12px;
}

.nexgent-overview-icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.nexgent-overview-title {
    font-size: 16px;
    font-weight: 500;
    color: #051243;
    margin: 0 0 4px 0;
    text-align: center;
}

.nexgent-overview-desc {
    font-size: 14px;
    font-weight: 400;
    color: #051243;
    margin: 0;
    text-align: center;
}

.nexgent-overview-more {
    padding: 24px 24px 12px;
    border-radius: 12px;
    font-size: 14px;
    color: #7c8190;
    line-height: 1.7;
    text-align: left;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 圆角横条（AIセキュリティ / プライベートクラウド）- Frame 575 */
.nexgent-blue-bar {
    background: #f2f7fb;
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px;
    height: 50px;
}

.nexgent-blue-bar.nexgent-blue-bar-icons {
    height: 54px;
}

.nexgent-blue-bar-title {
    font-size: 18px;
    font-weight: 700;
    color: #0068b6;
    white-space: nowrap;
    flex: none;
    letter-spacing: 0.0002em;
}

.nexgent-blue-bar-desc {
    font-size: 18px;
    font-weight: 700;
    color: #0068b6;
    letter-spacing: 0.0002em;
}

.nexgent-blue-bar:not(.nexgent-blue-bar-icons) {
    margin-bottom: 12px;
}

.nexgent-cloud-icons {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 1 auto;
    min-width: 0;
}

.nexgent-cloud-icon {
    width: 30px;
    height: 30px;
    object-fit: contain;
    flex-shrink: 0;
}

/* ---------- サービスValue ---------- */
.nexgent-value-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Value 盒子 - Frame 443/444/445 */
.nexgent-value-item {
    border: 4px solid #e5f0f8;
    background: #fff;
    border-radius: 8px;
    padding: 24px;
}

.nexgent-value-subtitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #0068b6;
    margin: 0 0 14px 0;
}

.nexgent-value-desc {
    font-size: 14px;
    font-weight: 400;
    color: #4a4d56;
    line-height: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Value 条目开头的半粗引导语（Figma ts3 Semibold） */
.nexgent-value-lead {
    font-weight: 600;
}

/* CSS 绘制的带圈序号（替代 Unicode ①②③，避免回退字体基线错位） */
.nexgent-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    vertical-align: 1px;
    box-sizing: border-box;
}

.nexgent-value-desc li {
    margin-bottom: 4px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.nexgent-value-desc li:last-child {
    margin-bottom: 0;
}

/* ---------- 响应式（移动端 375px 视口，Figma 2117:7422；并覆盖带侧边栏的平板宽度） ---------- */
@media (max-width: 950px) {
    /* 痛点区：文字靠左 */
    .nexgent-topic-bar {
        text-align: left;
        padding: 4px 0;
        font-weight: 400;
    }

    .nexgent-warning-question {
        text-align: left;
    }

    .nexgent-warning-grid {
        grid-template-columns: 1fr;
    }

    .nexgent-warning-body {
        padding: 12px;
    }

    /* AI 禁用 logo 行：四个同行，收紧间距与尺寸 */
    .nexgent-ai-logos {
        gap: 6px;
        padding-left: 0 !important;
    }

    .nexgent-ai-logo {
        gap: 3px;
    }

    .nexgent-ai-logo img {
        width: 15px;
        height: 15px;
    }

    .nexgent-ai-logo img.brand-lockup {
        height: 15px;
    }

    .nexgent-ai-partners .q-mark img {
        width: 20px;
        height: 20px;
    }

    .nexgent-ai-partners img.brand-lockup {
        height: 20px;
    }

    .nexgent-down-arrow {
        margin: 16px 0 8px 0;
    }

    /* 功能展示区：插画居中在上，下方功能列表+图标横排 */
    .nexgent-feature-section {
        grid-template-columns: 1fr;
        margin: 24px 0;
    }

    .nexgent-feature-visual {
        padding: 24px 40px;
    }

    .nexgent-feature-visual img {
        max-height: 217px;
        width: auto;
    }

    .nexgent-feature-header {
        font-size: 16px;
        text-align: left;
        padding: 4px 12px;
    }

    .nexgent-feature-body {
        grid-template-columns: 1fr auto;
        gap: 8px;
        padding: 12px;
    }

    .nexgent-feature-item {
        font-size: 16px;
        padding: 8px 0;
    }

    .nexgent-feature-icons {
        gap: 4px;
    }

    .nexgent-feature-icon {
        background: #d8edfd;
        border-radius: 8px;
        padding: 24px 12px;
        min-height: 0;
        gap: 12px;
    }

    .nexgent-feature-icon img {
        width: 48px;
        height: 48px;
    }

    .nexgent-icon-label {
        font-size: 16px;
    }

    /* 功能概述：卡片 2x2 + 居中提示 + 圆角胶囊条 */
    .nexgent-overview-box {
        padding: 40px 12px 12px;
    }

    .nexgent-overview-logo {
        height: 28px;
    }

    .nexgent-overview-top {
        flex-direction: column;
        margin-bottom: 24px;
        gap: 10px;
    }

    .nexgent-overview-grid {
        flex-wrap: wrap;
        gap: 10px;
    }

    .nexgent-overview-card {
        flex: 1 1 calc(50% - 5px);
        min-width: 0;
        padding: 12px 8px;
    }

    .nexgent-overview-icon img {
        width: 24px;
        height: 24px;
    }

    .nexgent-overview-title {
        font-size: 16px;
        margin: 0 0 4px 0;
    }

    .nexgent-overview-desc {
        font-size: 13px;
    }

    .nexgent-overview-more {
        padding: 12px;
        text-align: center;
        align-items: center;
        white-space: normal;
    }

    .nexgent-blue-bar {
        flex-direction: column;
        border-radius: 24px;
        gap: 0;
        padding: 12px;
        height: auto;
        min-height: 76px;
    }

    .nexgent-blue-bar:not(.nexgent-blue-bar-icons) {
        margin-bottom: 12px;
    }

    .nexgent-blue-bar.nexgent-blue-bar-icons {
        height: auto;
        min-height: 118px;
    }

    .nexgent-blue-bar-title {
        font-size: 18px;
        text-align: center;
        white-space: normal;
    }

    .nexgent-blue-bar-desc {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        white-space: normal;
    }

    .nexgent-cloud-icons {
        margin-top: 12px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .nexgent-cloud-icon {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    .nexgent-cloud-icon[alt="NVIDIA"] {
        width: 45px;
        height: 30px;
        flex-basis: 45px;
    }

    /* Value 卡片：收紧内边距，让每行容纳更多文字、减少零碎换行 */
    .nexgent-value-item {
        padding: 16px;
    }

    .nexgent-value-subtitle {
        margin: 0 0 10px 0;
    }

    /* 超窄屏（<380px）：卡片文字收紧，保证 2 列不溢出 */
    @media (max-width: 380px) {
        .nexgent-overview-title {
            font-size: 15px;
        }

        .nexgent-overview-desc {
            font-size: 12px;
        }

        .nexgent-blue-bar-title,
        .nexgent-blue-bar-desc {
            font-size: 16px;
        }

        .nexgent-value-desc {
            font-size: 13px;
            line-height: 22px;
        }
    }
}

/* AIDX页面内嵌Nexgent-S内容包装器 */
.nexgent-content-wrapper {
    max-width: 100%;
    overflow-x: hidden;
}

[data-model-page^="service-"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  position: relative !important;
  font-family: "Roboto", "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body:has([data-model-page^="service-"]) .detail-main.position-relative {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  overflow: visible !important;
}

body:has([data-model-page^="service-"]) .detail-main.position-relative > p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

[data-model-page^="service-"] *,
[data-model-page^="service-"] *::before,
[data-model-page^="service-"] *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

[data-model-page^="service-"] .section-max { width: min(100%, 1200px); max-width: 1200px; margin-left: auto; margin-right: auto; }
[data-model-page^="service-"] .d-flex { display: flex; }
[data-model-page^="service-"] .flex-1 { flex: 1; }
[data-model-page^="service-"] .flex-column { flex-direction: column; }
[data-model-page^="service-"] .flex-wrap { flex-wrap: wrap; }
[data-model-page^="service-"] .align-center { align-items: center; }
[data-model-page^="service-"] .align-start { align-items: flex-start; }
[data-model-page^="service-"] .align-end { align-items: flex-end; }
[data-model-page^="service-"] .justify-center { justify-content: center; }
[data-model-page^="service-"] .justify-between { justify-content: space-between; }
[data-model-page^="service-"] .gap-4 { gap: 4px; }
[data-model-page^="service-"] .gap-8 { gap: 8px; }
[data-model-page^="service-"] .gap-12 { gap: 12px; }
[data-model-page^="service-"] .gap-16 { gap: 16px; }
[data-model-page^="service-"] .gap-24 { gap: 24px; }
[data-model-page^="service-"] .h-100 { height: 100%; }
[data-model-page^="service-"] .w-100 { width: 100%; }
[data-model-page^="service-"] .text-left { text-align: left; }
[data-model-page^="service-"] .text-center { text-align: center; }
[data-model-page^="service-"] .text-decoration-none { text-decoration: none; }
[data-model-page^="service-"] .font-500 { font-weight: 500; }
[data-model-page^="service-"] .font-600 { font-weight: 600; }
[data-model-page^="service-"] .font-60 { font-size: 60px; }
[data-model-page^="service-"] .color-ffffff { color: #fff; }
[data-model-page^="service-"] img { max-width: 100%; }

/* Keep imported static-page additions scoped to their CMS model pages. */
[data-model-page="service-aidx"] .nexgent-content-wrapper {
  max-width: 100%;
  overflow-x: hidden;
}


/* ================= aidx ================ */
[data-model-page="service-aidx"] .service-hero {
    height: 480px;
    background-image: url('/images/service/img-aidx-banner.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

[data-model-page="service-aidx"] .service-main {
    background-image: url('/images/img-page-bg.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    background-attachment: fixed;
}

[data-model-page="service-aidx"] .service-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 0 244px;
}

[data-model-page="service-aidx"] .breadcrumb {
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    color: #051243;
}

[data-model-page="service-aidx"] .breadcrumb a {
    color: #051243;
    opacity: 0.4;
}

[data-model-page="service-aidx"] .breadcrumb img {
    width: 14px;
}


[data-model-page="service-aidx"] .service-layout {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    margin-top: 48px;
}


[data-model-page="service-aidx"] .service-sidebar {
    width: 240px;
    background: #FFFFFF;
    border-top: 4px solid transparent;
    border-width: 4px 0 0 0;
    border-image: linear-gradient(265deg, #1892EE 5.11%, #0032D6 93.64%) 1;
    padding: 24px 20px;
    position: sticky;
    top: 80px;
}

[data-model-page="service-aidx"] .sidebar-group {
    margin-bottom: 24px;
}

[data-model-page="service-aidx"] .sidebar-group:last-child {
    margin-bottom: 0;
}

[data-model-page="service-aidx"] .sidebar-group-title {
    font-size: 16px;
    font-weight: 600;
    color: #051243;
    margin-bottom: 8px;
    cursor: pointer;
    padding: 4px 8px 4px 0;
}

[data-model-page="service-aidx"] .group-arrow {
    width: 12px;
    transition: transform 0.3s ease;
}

[data-model-page="service-aidx"] .sidebar-group.active .group-arrow {
    transform: rotate(0deg);
}

[data-model-page="service-aidx"] .sidebar-group:not(.active) .group-arrow {
    transform: rotate(-90deg);
}

[data-model-page="service-aidx"] .sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

[data-model-page="service-aidx"] .sidebar-group.active .sidebar-menu {
    display: block;
}

[data-model-page="service-aidx"] .sidebar-item {
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 8px;
}

[data-model-page="service-aidx"] .sidebar-item:last-child {
    margin-bottom: 0;
}

[data-model-page="service-aidx"] .sidebar-link {
    padding: 4px 8px 4px 16px;
    font-size: 14px;
    line-height: 24px;
    color: #7C8190;
    transition: all 0.3s;
    font-weight: 600;
}

[data-model-page="service-aidx"] .sidebar-item:hover,
[data-model-page="service-aidx"] .sidebar-item.active {
    background: #F2F7FB;
}

[data-model-page="service-aidx"] .sidebar-item:hover .sidebar-link,
[data-model-page="service-aidx"] .sidebar-item.active .sidebar-link {
    color: #0032D6;
}

[data-model-page="service-aidx"] .item-arrow {
    width: 14px;
    height: 14px;
    background-image: url('/images/service/icon-arrow-blue.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s;
    display: none;
    flex-shrink: 0;
}

[data-model-page="service-aidx"] .sidebar-item .item-arrow {
    display: none;
}

[data-model-page="service-aidx"] .sidebar-item.active .item-arrow {
    display: inline-block;
    background-image: url('/images/service/icon-arrow-blue.png');
}



[data-model-page="service-aidx"] .tab-pane {
    display: none;
    animation: fadeIn 0.5s ease-in-out;
    padding-top: 8px;
}

[data-model-page="service-aidx"] .tab-pane.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}


[data-model-page="service-aidx"] .content-title {
    color: #051243;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 24px;
}

[data-model-page="service-aidx"] .content-desc {
    color: #051243;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}

[data-model-page="service-aidx"] .content-list {
    color: #051243;
    font-size: 16px;
    line-height: 24px;
    padding-left: 20px;
}

[data-model-page="service-aidx"] .content-list li {
    margin-bottom: 4px;
}

[data-model-page="service-aidx"] .content-list li:last-child {
    margin-bottom: 0;
}

[data-model-page="service-aidx"] .line-hr {
    height: 1px;
    background: rgba(5, 18, 67, 0.1);
    margin: 40px 0;
}

[data-model-page="service-aidx"] .sub-title {
    color: #051243;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 24px;
}


[data-model-page="service-aidx"] .border-card {
    border: 4px solid #E5F0F8;
    background: #FFFFFF;
    padding: 16px 20px;
    min-height: 80px;
    display: flex;
    
    flex-direction: column;
    
    text-align: left;
}


[data-model-page="service-aidx"] .benefit-index,
[data-model-page="service-aidx"] .other-solution-title {
    color: #0068B6;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
}

[data-model-page="service-aidx"] .benefit-index {
    display: block;
}


[data-model-page="service-aidx"] .benefit-item {
    display: flex;
    align-items: stretch;
}

[data-model-page="service-aidx"] .benefit-num {
    width: 48px;
    background: #E5F0F8;
    border: 4px solid #E5F0F8;
    border-right: none;
    border-radius: 200px 0 0 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0068B6;
    font-size: 24px;
    font-weight: 600;
    flex-shrink: 0;
    padding-left: 8px; 
}

[data-model-page="service-aidx"] .benefit-card {
    flex: 1;
    background: #FFFFFF;
    border: 4px solid #E5F0F8;
    border-left: none;
    padding: 18px 12px;
    display: flex;
    align-items: center;
}

[data-model-page="service-aidx"] .benefit-desc,
[data-model-page="service-aidx"] .other-solution-desc,
[data-model-page="service-aidx"] .solution-desc,
[data-model-page="service-aidx"] .card-list {
    color: #4A4D56;
    font-size: 14px;
    line-height: 24px;
}


[data-model-page="service-aidx"] .card-list {
    padding-left: 18px;
}

[data-model-page="service-aidx"] .card-list li {
    margin-bottom: 4px;
}

[data-model-page="service-aidx"] .card-list li:last-child {
    margin-bottom: 0;
}


[data-model-page="service-aidx"] .benefit-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

[data-model-page="service-aidx"] .other-solution-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

[data-model-page="service-aidx"] .feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

[data-model-page="service-aidx"] .feature-full {
    grid-column: 1 / -1;
}


[data-model-page="service-aidx"] .service-about-card {
    background: #F2F7FB;
    padding: 24px 14px 24px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    gap: 14px;
}

[data-model-page="service-aidx"] .about-title {
    color: #0068B6;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px;
}

[data-model-page="service-aidx"] .about-text {
    color: #051243;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

[data-model-page="service-aidx"] .about-visual {
    flex-shrink: 0;
}

[data-model-page="service-aidx"] .about-visual img {
    width: 184px;
}


[data-model-page="service-aidx"] .solution {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

[data-model-page="service-aidx"] .solution-item {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 24px;
}

[data-model-page="service-aidx"] .solution-info {
    flex: 1;
}

[data-model-page="service-aidx"] .solution-number {
    color: #051243;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px;
}

[data-model-page="service-aidx"] .solution-number span {
    color: #0032D6;
    padding-right: 12px;
}

[data-model-page="service-aidx"] .solution-visual {
    flex-shrink: 0;
    width: 400px;
}

[data-model-page="service-aidx"] .solution-visual img {
    width: 100%;
}


[data-model-page="service-aidx"] .dx-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

[data-model-page="service-aidx"] .dx-feature-card {
    display: flex;
    align-items: stretch;
    flex-direction: row !important; 
    padding: 0 !important;
    border: 4px solid #ffffff !important; 
    background: #FFFFFF;
    overflow: hidden;
}

[data-model-page="service-aidx"] .dx-feature-img {
    flex-shrink: 0;
    width: 180px;
    height: 120px;
}

[data-model-page="service-aidx"] .dx-feature-info {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

[data-model-page="service-aidx"] .dx-feature-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media (max-width: 768px) {
    [data-model-page="service-aidx"] .service-hero {
        height: 320px;
        display: flex;
        align-items: center;
    }

    [data-model-page="service-aidx"] .service-hero .section-max {
        padding: 0 20px;
    }

    [data-model-page="service-aidx"] .service-hero h1 {
        font-size: 32px !important;
        line-height: 40px;
    }

    [data-model-page="service-aidx"] .breadcrumb {
        padding-left: 12px;
    }

    [data-model-page="service-aidx"] .service-container {
        padding-bottom: 100px;
    }
  
    [data-model-page="service-aidx"] .service-layout {
        flex-direction: column;
        gap: 24px;
        margin-top: 24px;
    }

    
    [data-model-page="service-aidx"] .service-sidebar {
        width: 100%;
        position: sticky;
        top: 52px; 
        z-index: 1001;
        padding: 0;
        background: #FFFFFF;
        border: none;
        margin-bottom: 0;
    }

    [data-model-page="service-aidx"] .sidebar-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    [data-model-page="service-aidx"] .sidebar-group {
        margin-bottom: 0;
        display: contents; 
    }

    [data-model-page="service-aidx"] .sidebar-group-title {
        grid-row: 1;
        margin-bottom: 0;
        padding: 8px 4px;
        font-size: 14px;
        color: #051243;
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: 4px;
        background: #ffffff;
        cursor: pointer;
        height: 100%;
        transition: background-color 0.3s;
    }

    [data-model-page="service-aidx"] .sidebar-group.active .sidebar-group-title {
        background: #F2F7FB;
        color: #051243; 
    }

    
    [data-model-page="service-aidx"] .sidebar-menu {
        grid-row: 2;
        grid-column: 1 / -1;
        display: none; 
        flex-direction: row;
        overflow-x: auto;
        background: #F2F7FB;
        padding: 8px 4px;
        gap: 4px;
        -webkit-overflow-scrolling: touch;
    }

    [data-model-page="service-aidx"] .sidebar-group.active .sidebar-menu {
        display: flex;
    }

    [data-model-page="service-aidx"] .sidebar-item {
        margin-bottom: 0;
        flex-shrink: 0;
        padding: 6px 12px;
    }

    [data-model-page="service-aidx"] .group-arrow {
        width: 10px;
        transform: rotate(0deg) !important;
        transition: all 0.3s ease;
    }

    [data-model-page="service-aidx"] .sidebar-group.active .group-arrow {
        opacity: 1;
        transform: rotate(0deg) !important;
    }

    [data-model-page="service-aidx"] .sidebar-link {
        padding-left: 0;
        font-size: 16px;
        color: #7C8190;
        font-weight: 400;
        transition: color 0.3s;
    }

    [data-model-page="service-aidx"] .sidebar-item.active .sidebar-link {
        color: #0032D6;
    }

    [data-model-page="service-aidx"] .item-arrow {
        display: none; 
    }

    
    [data-model-page="service-aidx"] .service-content {
        width: 100%;
        padding: 16px;
    }

    [data-model-page="service-aidx"] .content-title {
        font-size: 20px;
        line-height: 28px;
    }

    
    [data-model-page="service-aidx"] .benefit-grid, [data-model-page="service-aidx"] .other-solution-grid, [data-model-page="service-aidx"] .feature-grid, [data-model-page="service-aidx"] .dx-feature-grid {
        grid-template-columns: 1fr;
    }

    [data-model-page="service-aidx"] .solution-item {
        flex-direction: column;
    }

    [data-model-page="service-aidx"] .dx-feature-card {
        flex-direction: column !important;
    }

    [data-model-page="service-aidx"] .dx-feature-img {
        width: 100%;
        height: 200px;
    }

    [data-model-page="service-aidx"] .dx-feature-info {
        padding: 16px;
    }

    [data-model-page="service-aidx"] .solution-visual {
        width: 100%;
    }

    [data-model-page="service-aidx"] .service-about-card {
        flex-direction: column;
        padding: 24px 20px;
        text-align: center;
    }
}

/* ================= cloud ================ */
[data-model-page="service-cloud"] .service-hero {
    height: 480px;
    background-image: url('/images/service/img-cloud-banner.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

[data-model-page="service-cloud"] .service-main {
    background-image: url('/images/img-page-bg.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    background-attachment: fixed;
}

[data-model-page="service-cloud"] .service-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 0 244px;
}

[data-model-page="service-cloud"] .breadcrumb {
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    color: #051243;
}

[data-model-page="service-cloud"] .breadcrumb a {
    color: #051243;
    opacity: 0.4;
}

[data-model-page="service-cloud"] .breadcrumb img {
    width: 14px;
}


[data-model-page="service-cloud"] .service-layout {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    margin-top: 48px;
}


[data-model-page="service-cloud"] .service-sidebar {
    width: 240px;
    background: #FFFFFF;
    border-top: 4px solid transparent;
    border-width: 4px 0 0 0;
    border-image: linear-gradient(265deg, #1892EE 5.11%, #0032D6 93.64%) 1;
    padding: 24px 20px;
    position: sticky;
    top: 80px;
}

[data-model-page="service-cloud"] .sidebar-group {
    margin-bottom: 24px;
}

[data-model-page="service-cloud"] .sidebar-group:last-child {
    margin-bottom: 0;
}

[data-model-page="service-cloud"] .sidebar-group-title {
    font-size: 16px;
    font-weight: 600;
    color: #051243;
    margin-bottom: 8px;
    cursor: pointer;
    padding: 4px 8px 4px 0;
}

[data-model-page="service-cloud"] .group-arrow {
    width: 12px;
    transition: transform 0.3s ease;
}

[data-model-page="service-cloud"] .sidebar-group.active .group-arrow {
    transform: rotate(0deg);
}

[data-model-page="service-cloud"] .sidebar-group:not(.active) .group-arrow {
    transform: rotate(-90deg);
}

[data-model-page="service-cloud"] .sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

[data-model-page="service-cloud"] .sidebar-group.active .sidebar-menu {
    display: block;
}

[data-model-page="service-cloud"] .sidebar-item {
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 8px;
}

[data-model-page="service-cloud"] .sidebar-item:last-child {
    margin-bottom: 0;
}

[data-model-page="service-cloud"] .sidebar-link {
    padding: 4px 8px 4px 16px;
    font-size: 14px;
    line-height: 24px;
    color: #7C8190;
    transition: all 0.3s;
    font-weight: 600;
}

[data-model-page="service-cloud"] .sidebar-item:hover,
[data-model-page="service-cloud"] .sidebar-item.active {
    background: #F2F7FB;
}

[data-model-page="service-cloud"] .sidebar-item:hover .sidebar-link,
[data-model-page="service-cloud"] .sidebar-item.active .sidebar-link {
    color: #0032D6;
}

[data-model-page="service-cloud"] .item-arrow {
    width: 14px;
    height: 14px;
    background-image: url('/images/service/icon-arrow-blue.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s;
    display: none;
    flex-shrink: 0;
}

[data-model-page="service-cloud"] .sidebar-item.active .item-arrow {
    display: inline-block;
    background-image: url('/images/service/icon-arrow-blue.png');
}



[data-model-page="service-cloud"] .tab-pane {
    display: none;
    animation: fadeIn 0.5s ease-in-out;
    padding-top: 8px;
}

[data-model-page="service-cloud"] .tab-pane.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}


[data-model-page="service-cloud"] .content-title {
    color: #051243;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 24px;
}

[data-model-page="service-cloud"] .content-desc {
    color: #051243;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}

[data-model-page="service-cloud"] .content-list {
    color: #051243;
    font-size: 16px;
    line-height: 24px;
    padding-left: 20px;
}

[data-model-page="service-cloud"] .content-list li {
    margin-bottom: 4px;
}

[data-model-page="service-cloud"] .content-list li:last-child {
    margin-bottom: 0;
}

[data-model-page="service-cloud"] .line-hr {
    height: 1px;
    background: rgba(5, 18, 67, 0.1);
    margin: 40px 0;
}

[data-model-page="service-cloud"] .sub-title {
    color: #051243;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 24px;
}


[data-model-page="service-cloud"] .border-card {
    border: 4px solid #E5F0F8;
    background: #FFFFFF;
    padding: 20px;
}


[data-model-page="service-cloud"] .benefit-index,
[data-model-page="service-cloud"] .other-solution-title {
    color: #0068B6;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
    text-align: center;
}

[data-model-page="service-cloud"] .other-solution-title.text-left {
    text-align: left;
}

[data-model-page="service-cloud"] .benefit-index {
    display: block;
}


[data-model-page="service-cloud"] .benefit-desc,
[data-model-page="service-cloud"] .other-solution-desc,
[data-model-page="service-cloud"] .solution-desc,
[data-model-page="service-cloud"] .card-list {
    color: #4A4D56;
    font-size: 14px;
    line-height: 24px;
}


[data-model-page="service-cloud"] .card-list {
    padding-left: 18px;
}

[data-model-page="service-cloud"] .card-list li {
    margin-bottom: 4px;
}

[data-model-page="service-cloud"] .card-list li:last-child {
    margin-bottom: 0;
}


[data-model-page="service-cloud"] .benefit-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
}

[data-model-page="service-cloud"] .other-solution-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

[data-model-page="service-cloud"] .feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

[data-model-page="service-cloud"] .single-column-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

[data-model-page="service-cloud"] .feature-full {
    grid-column: 1 / -1;
}


[data-model-page="service-cloud"] .service-about-card {
    background: #F2F7FB;
    padding: 24px 14px 24px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    gap: 14px;
}

[data-model-page="service-cloud"] .about-title {
    color: #0068B6;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px;
}

[data-model-page="service-cloud"] .about-text {
    color: #051243;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

[data-model-page="service-cloud"] .about-visual {
    flex-shrink: 0;
}

[data-model-page="service-cloud"] .about-visual img {
    width: 184px;
}


[data-model-page="service-cloud"] .solution {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

[data-model-page="service-cloud"] .solution-item {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

[data-model-page="service-cloud"] .solution-info {
    flex: 1;
}

[data-model-page="service-cloud"] .solution-number {
    color: #051243;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

[data-model-page="service-cloud"] .solution-number span {
    color: #0032D6;
    padding-right: 12px;
}

[data-model-page="service-cloud"] .solution-visual {
    flex-shrink: 0;
    width: 400px;
}

[data-model-page="service-cloud"] .solution-visual img {
    width: 100%;
}


[data-model-page="service-cloud"] .dx-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

[data-model-page="service-cloud"] .dx-feature-card {
    display: flex;
    align-items: center;
    border-color: #FFFFFF;
    padding: 0;
}

[data-model-page="service-cloud"] .dx-feature-card .dx-feature-info {
    padding: 24px;
}

[data-model-page="service-cloud"] .dx-feature-img {
    flex-shrink: 0;
    width: 160px;
    height: 120px;
    overflow: hidden;
}

[data-model-page="service-cloud"] .dx-feature-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[data-model-page="service-cloud"] .dc-feature-box {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

[data-model-page="service-cloud"] .feature-visual {
    width: 256px;
    flex-shrink: 0;
}

[data-model-page="service-cloud"] .feature-visual img {
    width: 100%;
    display: block;
}

[data-model-page="service-cloud"] .content-image-80 {
    width: 80%;
    margin: 32px auto;
}

[data-model-page="service-cloud"] .content-image-80 img {
    width: 100%;
    display: block;
}

[data-model-page="service-cloud"] .service-desk-card {
    border: 4px solid #E5F0F8;
    background: #FFFFFF;
    padding: 24px;
}

[data-model-page="service-cloud"] .desk-icon img {
    width: 52px;
}

[data-model-page="service-cloud"] .desk-text {
    color:  #051243;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

[data-model-page="service-cloud"] .cloud-service-section {
    background: #F2F7FB;
    padding: 24px;
    margin-top: 24px;
}

[data-model-page="service-cloud"] .cloud-service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}



[data-model-page="service-cloud"] .youfu-info-list {
    flex: 1;
}

[data-model-page="service-cloud"] .info-item {
    display: flex;
    align-items: flex-start;
    padding: 8px 0;
    border-bottom: 1px solid rgba(5, 18, 67, 0.1);
    gap: 24px;
}

[data-model-page="service-cloud"] .info-item:last-child {
    border-bottom: none;
}

[data-model-page="service-cloud"] .info-label {
    width: 144px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #051243;
    flex-shrink: 0;
}

[data-model-page="service-cloud"] .info-value {
    flex: 1;
    font-size: 16px;
    color: #051243;
}

[data-model-page="service-cloud"] .info-value .card-list {
    padding-left: 20px;
    color: #051243;
    font-size: 16px;
}

[data-model-page="service-cloud"] .info-value .card-list li {
    margin-bottom: 0;
}

[data-model-page="service-cloud"] .cert-icon img {
    object-fit: contain;
}


@media (max-width: 768px) {
    [data-model-page="service-cloud"] .service-hero {
        height: 320px;
        display: flex;
        align-items: center;
    }

    [data-model-page="service-cloud"] .service-hero .section-max {
        padding: 0 20px;
    }

    [data-model-page="service-cloud"] .service-hero h1 {
        font-size: 32px !important;
        line-height: 40px;
    }

    [data-model-page="service-cloud"] .breadcrumb {
        padding-left: 12px;
    }

    [data-model-page="service-cloud"] .service-container {
        padding-bottom: 100px;
    }

    [data-model-page="service-cloud"] .service-layout {
        flex-direction: column;
        gap: 24px;
        margin-top: 24px;
    }

    
    [data-model-page="service-cloud"] .service-sidebar {
        width: 100%;
        position: sticky;
        top: 52px; 
        z-index: 1001;
        padding: 0;
        background: #FFFFFF;
        border: none;
        margin-bottom: 0;
    }

    [data-model-page="service-cloud"] .sidebar-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    [data-model-page="service-cloud"] .sidebar-group {
        margin-bottom: 0;
        display: contents; 
    }

    [data-model-page="service-cloud"] .sidebar-group-title {
        grid-row: 1;
        margin-bottom: 0;
        padding: 8px 4px;
        font-size: 14px;
        color: #051243;
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: 4px;
        background: #ffffff;
        cursor: pointer;
        height: 100%;
        transition: background-color 0.3s;
    }
    [data-model-page="service-cloud"] .sidebar-group.active .sidebar-group-title {
        background: #F2F7FB;
        color: #051243; 
    }

    
    [data-model-page="service-cloud"] .sidebar-menu {
        grid-row: 2;
        grid-column: 1 / -1;
        display: none; 
        flex-direction: row;
        overflow-x: auto;
        background: #F2F7FB;
        padding: 8px 4px;
        gap: 4px;
        -webkit-overflow-scrolling: touch;
    }

    [data-model-page="service-cloud"] .sidebar-group.active .sidebar-menu {
        display: flex;
    }

    [data-model-page="service-cloud"] .sidebar-item {
        margin-bottom: 0;
        flex-shrink: 0;
        padding: 6px 12px;
    }

    [data-model-page="service-cloud"] .sidebar-link {
        padding-left: 0;
        font-size: 16px;
        color: #7C8190;
        font-weight: 400;
        transition: color 0.3s;
    }

    [data-model-page="service-cloud"] .sidebar-item.active .sidebar-link {
        color: #0032D6;
    }

    [data-model-page="service-cloud"] .group-arrow {
        width: 10px;
        transform: rotate(0deg) !important;
        transition: all 0.3s ease;
    }

    [data-model-page="service-cloud"] .sidebar-group.active .group-arrow {
        opacity: 1;
        transform: rotate(0deg) !important;
    }

    [data-model-page="service-cloud"] .item-arrow {
        display: none; 
    }

    
    [data-model-page="service-cloud"] .service-content {
        width: 100%;
        padding: 16px;
    }

    [data-model-page="service-cloud"] .content-title {
        font-size: 20px;
        line-height: 28px;
    }

    
    [data-model-page="service-cloud"] .benefit-grid, [data-model-page="service-cloud"] .other-solution-grid, [data-model-page="service-cloud"] .feature-grid, [data-model-page="service-cloud"] .dx-feature-grid, [data-model-page="service-cloud"] .cloud-service-grid, [data-model-page="service-cloud"] .single-column-grid {
        grid-template-columns: 1fr;
    }

    
    [data-model-page="service-cloud"] .solution-item,
    [data-model-page="service-cloud"] .dx-feature-card,
    [data-model-page="service-cloud"] .info-item,
    [data-model-page="service-cloud"] .dc-feature-box {
        flex-direction: column;
        gap: 16px;
    }

    [data-model-page="service-cloud"] .solution-visual,
    [data-model-page="service-cloud"] .dx-feature-img,
    [data-model-page="service-cloud"] .info-label,
    [data-model-page="service-cloud"] .feature-visual {
        width: 100%;
    }

    [data-model-page="service-cloud"] .dx-feature-img {
        height: 200px;
    }

    [data-model-page="service-cloud"] .info-label {
        padding-bottom: 4px;
    }

    [data-model-page="service-cloud"] .service-about-card {
        flex-direction: column;
        padding: 24px 20px;
    }

    [data-model-page="service-cloud"] .service-desk-card {
        flex-direction: column;
        gap: 16px;
    }

    [data-model-page="service-cloud"] .content-section .border-card.d-flex {
        flex-direction: column;
        gap: 24px;
    }

    [data-model-page="service-cloud"] .strength-visual {
        width: 100%;
    }

    [data-model-page="service-cloud"] .strength-visual img {
        width: 100% !important;
        margin: 0;
    }
}

/* ================= network ================ */
[data-model-page="service-network"] .service-hero {
    height: 480px;
    background-image: url('/images/service/img-network-banner.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

[data-model-page="service-network"] .service-main {
    background-image: url('/images/img-page-bg.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    background-attachment: fixed;
}

[data-model-page="service-network"] .service-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 0 244px;
}

[data-model-page="service-network"] .breadcrumb {
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    color: #051243;
}

[data-model-page="service-network"] .breadcrumb a {
    color: #051243;
    opacity: 0.4;
}

[data-model-page="service-network"] .breadcrumb img {
    width: 14px;
}


[data-model-page="service-network"] .service-layout {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    margin-top: 48px;
}


[data-model-page="service-network"] .service-sidebar {
    width: 240px;
    background: #FFFFFF;
    border-top: 4px solid transparent;
    border-width: 4px 0 0 0;
    border-image: linear-gradient(265deg, #1892EE 5.11%, #0032D6 93.64%) 1;
    padding: 24px 20px;
    position: sticky;
    top: 80px;
}

[data-model-page="service-network"] .sidebar-group {
    margin-bottom: 24px;
}

[data-model-page="service-network"] .sidebar-group:last-child {
    margin-bottom: 0;
}

[data-model-page="service-network"] .sidebar-group-title {
    font-size: 16px;
    font-weight: 600;
    color: #051243;
    margin-bottom: 8px;
    cursor: pointer;
    padding: 4px 8px 4px 0;
}
[data-model-page="service-network"] .sidebar-item:hover,
[data-model-page="service-network"] .sidebar-item.active {
    background: #F2F7FB;
}
[data-model-page="service-network"] .group-arrow {
    width: 12px;
    transition: transform 0.3s ease;
}

[data-model-page="service-network"] .sidebar-group.active .group-arrow {
    transform: rotate(0deg);
}

[data-model-page="service-network"] .sidebar-group:not(.active) .group-arrow {
    transform: rotate(-90deg);
}

[data-model-page="service-network"] .sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

[data-model-page="service-network"] .sidebar-group.active .sidebar-menu {
    display: block;
}

[data-model-page="service-network"] .sidebar-item {
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 8px;
}

[data-model-page="service-network"] .sidebar-item:last-child {
    margin-bottom: 0;
}

[data-model-page="service-network"] .sidebar-link {
    padding: 4px 8px 4px 16px;
    font-size: 14px;
    line-height: 24px;
    color: #7C8190;
    transition: all 0.3s;
    font-weight: 600;
}

[data-model-page="service-network"] .sidebar-item:hover .sidebar-link,
[data-model-page="service-network"] .sidebar-item.active .sidebar-link {
    color: #0032D6;
}

[data-model-page="service-network"] .item-arrow {
    width: 14px;
    height: 14px;
    background-image: url('/images/service/icon-arrow-blue.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s;
    display: none;
    flex-shrink: 0;
}

[data-model-page="service-network"] .sidebar-item.active .item-arrow {
    display: inline-block;
}



[data-model-page="service-network"] .tab-pane {
    display: none;
    animation: fadeIn 0.5s ease-in-out;
    padding-top: 8px;
}

[data-model-page="service-network"] .tab-pane.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}


[data-model-page="service-network"] .content-title {
    color: #051243;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 24px;
}

[data-model-page="service-network"] .content-desc {
    color: #051243;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}

[data-model-page="service-network"] .content-list {
    color: #051243;
    font-size: 16px;
    line-height: 24px;
    padding-left: 20px;
}

[data-model-page="service-network"] .content-list li {
    margin-bottom: 4px;
}

[data-model-page="service-network"] .content-list li:last-child {
    margin-bottom: 0;
}

[data-model-page="service-network"] .line-hr {
    height: 1px;
    background: rgba(5, 18, 67, 0.1);
    margin: 40px 0;
}

[data-model-page="service-network"] .sub-title {
    color: #051243;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 24px;
}


[data-model-page="service-network"] .border-card {
    border: 4px solid #E5F0F8;
    background: #FFFFFF;
    padding: 20px;
}


[data-model-page="service-network"] .benefit-index,
[data-model-page="service-network"] .other-solution-title {
    color: #0068B6;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
}

[data-model-page="service-network"] .benefit-index {
    display: block;
}


[data-model-page="service-network"] .benefit-desc,
[data-model-page="service-network"] .other-solution-desc,
[data-model-page="service-network"] .solution-desc,
[data-model-page="service-network"] .card-list {
    color: #4A4D56;
    font-size: 14px;
    line-height: 24px;
}


[data-model-page="service-network"] .card-list {
    padding-left: 18px;
}

[data-model-page="service-network"] .card-list li {
    margin-bottom: 4px;
}

[data-model-page="service-network"] .card-list li:last-child {
    margin-bottom: 0;
}


[data-model-page="service-network"] .benefit-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

[data-model-page="service-network"] .other-solution-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

[data-model-page="service-network"] .feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

[data-model-page="service-network"] .feature-full {
    grid-column: 1 / -1;
}


[data-model-page="service-network"] .service-about-card {
    background: #F2F7FB;
    padding: 24px 14px 24px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    gap: 14px;
}

[data-model-page="service-network"] .about-title {
    color: #0068B6;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px;
}

[data-model-page="service-network"] .about-text {
    color: #051243;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

[data-model-page="service-network"] .about-visual {
    flex-shrink: 0;
}

[data-model-page="service-network"] .about-visual img {
    width: 184px;
}


[data-model-page="service-network"] .solution {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

[data-model-page="service-network"] .solution-item {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

[data-model-page="service-network"] .solution-info {
    flex: 1;
}

[data-model-page="service-network"] .solution-number {
    color: #051243;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

[data-model-page="service-network"] .solution-number span {
    color: #0032D6;
    padding-right: 12px;
}

[data-model-page="service-network"] .solution-visual {
    flex-shrink: 0;
    width: 400px;
}

[data-model-page="service-network"] .solution-visual img {
    width: 100%;
}


[data-model-page="service-network"] .dx-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

[data-model-page="service-network"] .dx-feature-card {
    display: flex;
    align-items: center;
    border-color: #FFFFFF;
    padding: 0;
}

[data-model-page="service-network"] .dx-feature-card .dx-feature-info {
    padding: 24px;
}

[data-model-page="service-network"] .dx-feature-img {
    flex-shrink: 0;
    width: 160px;
    height: 120px;
    overflow: hidden;
}

[data-model-page="service-network"] .dx-feature-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media (max-width: 768px) {
    [data-model-page="service-network"] .service-hero {
        height: 320px;
        display: flex;
        align-items: center;
    }

    [data-model-page="service-network"] .service-hero .section-max {
        padding: 0 20px;
    }

    [data-model-page="service-network"] .service-hero h1 {
        font-size: 32px !important;
        line-height: 40px;
    }

    [data-model-page="service-network"] .breadcrumb {
        padding-left: 12px;
    }

    [data-model-page="service-network"] .service-container {
        padding-bottom: 100px;
    }

    [data-model-page="service-network"] .service-layout {
        flex-direction: column;
        gap: 24px;
        margin-top: 24px;
    }

    
    [data-model-page="service-network"] .service-sidebar {
        width: 100%;
        position: sticky;
        top: 52px; 
        z-index: 1001;
        padding: 0;
        background: #FFFFFF;
        border: none;
        margin-bottom: 0;
    }

    [data-model-page="service-network"] .sidebar-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    [data-model-page="service-network"] .sidebar-group {
        margin-bottom: 0;
        display: contents; 
    }

    [data-model-page="service-network"] .sidebar-group-title {
        grid-row: 1;
        margin-bottom: 0;
        padding: 8px 4px;
        font-size: 14px;
        color: #051243;
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: 4px;
        background: #ffffff;
        cursor: pointer;
        height: 100%;
        transition: background-color 0.3s;
    }
    [data-model-page="service-network"] .sidebar-group.active .sidebar-group-title {
        background: #F2F7FB;
        color: #051243; 
    }

    
    [data-model-page="service-network"] .sidebar-menu {
        grid-row: 2;
        grid-column: 1 / -1;
        display: none; 
        flex-direction: row;
        overflow-x: auto;
        background: #F2F7FB;
        padding: 8px 4px;
        gap: 4px;
        -webkit-overflow-scrolling: touch;
    }

    [data-model-page="service-network"] .sidebar-group.active .sidebar-menu {
        display: flex;
    }

    [data-model-page="service-network"] .sidebar-item {
        margin-bottom: 0;
        flex-shrink: 0;
        padding: 6px 12px;
    }

    [data-model-page="service-network"] .sidebar-link {
        padding-left: 0;
        font-size: 16px;
        color: #7C8190;
        font-weight: 400;
        transition: color 0.3s;
    }

    [data-model-page="service-network"] .sidebar-item.active .sidebar-link {
        color: #0032D6;
    }

    [data-model-page="service-network"] .group-arrow {
        width: 10px;
        transform: rotate(0deg) !important;
        transition: all 0.3s ease;
    }

    [data-model-page="service-network"] .sidebar-group.active .group-arrow {
        opacity: 1;
        transform: rotate(0deg) !important;
    }

    [data-model-page="service-network"] .item-arrow {
        display: none; 
    }

    
    [data-model-page="service-network"] .service-content {
        width: 100%;
        padding: 16px;
    }

    [data-model-page="service-network"] .content-title {
        font-size: 20px;
        line-height: 28px;
    }

    
    [data-model-page="service-network"] .benefit-grid, [data-model-page="service-network"] .other-solution-grid, [data-model-page="service-network"] .feature-grid, [data-model-page="service-network"] .dx-feature-grid {
        grid-template-columns: 1fr;
    }

    [data-model-page="service-network"] .solution-item {
        flex-direction: column;
    }

    [data-model-page="service-network"] .solution-visual {
        width: 100%;
    }

    [data-model-page="service-network"] .service-about-card {
        flex-direction: column;
        padding: 24px 20px;
        text-align: center;
    }

    [data-model-page="service-network"] .content-image-box img {
        width: 100% !important;
    }
}

/* ================= security ================ */
[data-model-page="service-security"] .dfir-pane > .content-image-box {
    border: 4px solid #E5F0F8;
    background: #FFFFFF;
}

[data-model-page="service-security"] .dfir-pane > .content-image-box img {
    display: block;
}

[data-model-page="service-security"] .dfir-pane > .content-image-box.dfir-desktop-only {
    border: 0;
}

[data-model-page="service-security"] .dfir-overview-arrow {
    display: block;
    width: 86px;
    height: auto;
    margin: 10px auto;
}

[data-model-page="service-security"] .dfir-mobile-only {
    display: none;
}

[data-model-page="service-security"] .dfir-cards {
    display: flex;
    gap: 24px;
    padding: 24px;
    background: linear-gradient(180deg, rgba(0, 104, 182, 0.1) 0%, rgba(0, 161, 220, 0) 100%);
}

[data-model-page="service-security"] .dfir-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

[data-model-page="service-security"] .dfir-card-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background: #FFFFFF;
    border-radius: 47px;
}

[data-model-page="service-security"] .dfir-card-num {
    position: relative;
    top: -1px;
    color: #0068B6;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

[data-model-page="service-security"] .dfir-card-title {
    color: #0068B6;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}

[data-model-page="service-security"] .dfir-card-block {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 4px;
}

[data-model-page="service-security"] .dfir-card-label,
[data-model-page="service-security"] .dfir-card-text {
    margin: 0;
    color: #4A4D56;
    font-size: 14px;
    line-height: 24px;
}

[data-model-page="service-security"] .dfir-card-label,
[data-model-page="service-security"] .dfir-hl {
    font-weight: 700;
}

[data-model-page="service-security"] .dfir-hl {
    color: #0068B6;
}

[data-model-page="service-security"] .dfir-cards-jp .dfir-card:nth-child(1) {
    flex: 0 0 240px;
}

[data-model-page="service-security"] .dfir-cards-jp .dfir-card:nth-child(2) {
    flex: 0 0 282px;
}

[data-model-page="service-security"] .dfir-cards-jp .dfir-card:nth-child(3) {
    align-items: center;
}

[data-model-page="service-security"] .dfir-cards-jp .dfir-card:nth-child(3) .dfir-card-head {
    width: auto;
}

[data-model-page="service-security"] .dfir-info-list {
    display: grid;
    gap: 12px;
}

[data-model-page="service-security"] .dfir-info-box {
    border: 4px solid #E5F0F8;
    background: #FFFFFF;
    padding: 20px;
    color: #535866;
    font-size: 14px;
    line-height: 1.8;
}

[data-model-page="service-security"] .dfir-info-box h4 {
    margin: 0 0 12px;
    color: #0072BC;
    font-size: 17px;
    line-height: 1.5;
}

[data-model-page="service-security"] .dfir-info-box h5 {
    margin: 12px 0 4px;
    color: #535866;
    font-size: 14px;
}

[data-model-page="service-security"] .dfir-info-box ul {
    margin: 0;
    padding-left: 22px;
}

[data-model-page="service-security"] .dfir-info-box ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
    counter-reset: dfir-counter;
}

[data-model-page="service-security"] .dfir-info-box ol li {
    counter-increment: dfir-counter;
}

[data-model-page="service-security"] .dfir-info-box ol li::before {
    content: counter(dfir-counter) ". ";
    color: inherit;
    font-weight: normal;
    margin-right: 4px;
}

[data-model-page="service-security"] .dfir-info-note {
    margin: 12px 0 0;
    color: #7C8190;
    font-size: 13px;
}

[data-model-page="service-security"] .dfir-role-customer,
[data-model-page="service-security"] .dfir-role-comchina {
    color: inherit;
    font-weight: normal;
}

@media (max-width: 768px) {
    [data-model-page="service-security"] .dfir-desktop-only {
        display: none !important;
    }

    [data-model-page="service-security"] .dfir-mobile-only {
        display: block !important;
    }

    [data-model-page="service-security"] .dfir-info-box {
        padding: 16px;
        font-size: 13px;
    }

    [data-model-page="service-security"] .dfir-info-box h4 {
        font-size: 16px;
    }
}

[data-model-page="service-security"] .service-hero {
    height: 480px;
    background-image: url('/images/service/img-security-banner.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


[data-model-page="service-security"] .service-main {
    background-image: url('/images/img-page-bg.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    background-attachment: fixed;
}
[data-model-page="service-security"] .service-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 0 244px;
}

[data-model-page="service-security"] .breadcrumb {
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    color: #051243;
}

[data-model-page="service-security"] .breadcrumb a {
    color: #051243;
    opacity: 0.4;
}
[data-model-page="service-security"] .breadcrumb img {
    width: 14px;
}


[data-model-page="service-security"] .service-layout {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    margin-top: 48px;
}


[data-model-page="service-security"] .service-sidebar {
    width: 240px;
    background: #FFFFFF;
    border-top: 4px solid transparent;
    border-width: 4px 0 0 0;
    border-image: linear-gradient(265deg, #1892EE 5.11%, #0032D6 93.64%) 1;
    padding: 24px 20px;
    position: sticky;
    top: 80px;
}

[data-model-page="service-security"] .sidebar-group {
    margin-bottom: 24px;
}

[data-model-page="service-security"] .sidebar-group:last-child {
    margin-bottom: 0;
}

[data-model-page="service-security"] .sidebar-group-title {
    font-size: 16px;
    font-weight: 600;
    color: #051243;
    margin-bottom: 8px;
    cursor: pointer;
    padding: 4px 8px 4px 0;
}
[data-model-page="service-security"] .sidebar-item:hover,
[data-model-page="service-security"] .sidebar-item.active {
    background: #F2F7FB;
}
[data-model-page="service-security"] .group-arrow {
    width: 12px;
    transition: transform 0.3s ease;
}

[data-model-page="service-security"] .sidebar-group.active .group-arrow {
    transform: rotate(0deg);
}

[data-model-page="service-security"] .sidebar-group:not(.active) .group-arrow {
    transform: rotate(-90deg);
}

[data-model-page="service-security"] .sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

[data-model-page="service-security"] .sidebar-group.active .sidebar-menu {
    display: block;
}

[data-model-page="service-security"] .sidebar-item {
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 8px;
}
[data-model-page="service-security"] .sidebar-item:last-child {
    margin-bottom: 0;
}
[data-model-page="service-security"] .sidebar-link {
    padding: 4px 8px 4px 16px;
    font-size: 14px;
    line-height: 24px;
    color: #7C8190;
    transition: all 0.3s;
    font-weight: 600;
}

[data-model-page="service-security"] .sidebar-item:hover .sidebar-link,
[data-model-page="service-security"] .sidebar-item.active .sidebar-link {
    color: #0032D6;
}

[data-model-page="service-security"] .item-arrow {
    width: 14px;
    height: 14px;
    background-image: url('/images/service/icon-arrow-blue.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s;
    display: none;
    flex-shrink: 0;
}

[data-model-page="service-security"] .sidebar-item.active .item-arrow {
    display: inline-block;
}


[data-model-page="service-security"] .tab-pane {
    display: none;
    animation: fadeIn 0.5s ease-in-out;
    padding-top: 8px;
}

[data-model-page="service-security"] .tab-pane.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

[data-model-page="service-security"] .content-title {
    color: #051243;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 24px;
}
[data-model-page="service-security"] .content-desc {
    color: #051243;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}
[data-model-page="service-security"] .line-hr {
    height: 1px;
    background: rgba(5, 18, 67, 0.1);
    margin: 40px 0;
}
[data-model-page="service-security"] .content-image-80 {
    width: 80%;
    margin: 32px auto;
}

[data-model-page="service-security"] .content-image-80 img {
    width: 100%;
    display: block;
}

[data-model-page="service-security"] .security-image-placeholder {
    width: 100%;
    min-height: 290px;
    margin: 32px 0;
    background: #071345;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.72);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
}

[data-model-page="service-security"] .soc-main-image {
    width: 900px;
    max-width: 100%;
    margin: 32px auto 24px;
    background: #071345;
    height: 367px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

[data-model-page="service-security"] .soc-main-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[data-model-page="service-security"] .soc-main-image span {
    display: none;
    color: rgba(255, 255, 255, 0.72);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 24px;
}

[data-model-page="service-security"] .soc-main-image.is-missing span {
    display: block;
}

[data-model-page="service-security"] .soc-operation-panel {
    display: flex;
    justify-content: center;
    margin: 24px 0 40px;
}

[data-model-page="service-security"] .soc-operation-image {
    width: 676px;
    max-width: 100%;
    text-align: center;
}

[data-model-page="service-security"] .soc-operation-image img {
    display: block;
    width: 100%;
    height: auto;
}

[data-model-page="service-security"] .soc-info-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 32px;
}

[data-model-page="service-security"] .soc-info-box {
    border: 1px solid #CFE4F4;
    background: #FFFFFF;
    padding: 20px 24px;
}

[data-model-page="service-security"] .soc-info-box h4 {
    color: #0068B6;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px;
}

[data-model-page="service-security"] .soc-info-box ul {
    margin: 0;
    padding-left: 20px;
}

[data-model-page="service-security"] .soc-info-box li {
    color: #4A4D56;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

[data-model-page="service-security"] .content-image-row {
  display: flex;
  align-items: center;
  gap: 0;            
  width: 100%;       
  margin-bottom: 12px;
}

[data-model-page="service-security"] .content-image-row img {
  display: block;
  width: 25%;        
  height: auto;      
  object-fit: cover;
}


[data-model-page="service-security"] .step-chevron-container {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    margin-bottom: 24px;
}

[data-model-page="service-security"] .step-chevron-item {
    flex: 1;
    height: 48px;
    background: #F2F7FB;
    color: #0068B6;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    
    clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%, 20px 50%);
    padding: 0 10px 0 30px;
}


[data-model-page="service-security"] .step-chevron-item:first-child {
    clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);
    padding-left: 20px;
}


[data-model-page="service-security"] .step-chevron-item:last-child {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 20px 50%);
    padding-right: 20px;
}

[data-model-page="service-security"] .step-chevron-item span {
    margin-right: 12px;
}

[data-model-page="service-security"] .sub-title {
    color: #051243;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 24px;
}
[data-model-page="service-security"] .other-solution-title {
    color: #0068B6;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
[data-model-page="service-security"] .solution {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[data-model-page="service-security"] .other-solution-card {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 20px;
}

[data-model-page="service-security"] .icon-security-1 {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

[data-model-page="service-security"] .solution-cta {
    color: #051243;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 8px;
}
[data-model-page="service-security"] .border-card {
    border: 4px solid #E5F0F8;
    background: #FFFFFF;
    padding: 24px;
}
[data-model-page="service-security"] .border-card-pd12{
    border: 4px solid #E5F0F8;
    background: #FFFFFF;
    padding: 12px;
}
[data-model-page="service-security"] .card-list {
  margin: 0;
  padding-left: 20px;
}
[data-model-page="service-security"] .card-list li {
  color: #4A4D56;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  list-style: disc;
  margin-bottom: 4px;
}
[data-model-page="service-security"] .other-solution-desc {
    color: #4A4D56;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    flex: 1;
}

[data-model-page="service-security"] .other-solution-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
[data-model-page="service-security"] .edr-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
[data-model-page="service-security"] .edr-overview-grid .other-solution-card {
    text-align: left;
    align-items: flex-start;
}
[data-model-page="service-security"] .grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
    [data-model-page="service-security"] .service-hero {
        height: 320px;
        display: flex;
        align-items: center;
    }

    [data-model-page="service-security"] .service-hero .section-max {
        padding: 0 20px;
    }

    [data-model-page="service-security"] .service-hero h1 {
        font-size: 32px !important;
        line-height: 40px;
    }

    [data-model-page="service-security"] .security-image-placeholder {
        min-height: 180px;
        margin: 24px 0;
    }

    [data-model-page="service-security"] .soc-main-image {
        height: auto;
        aspect-ratio: 900 / 367;
        margin: 24px 0;
        width: 100%;
    }

    [data-model-page="service-security"] .soc-operation-panel {
        margin: 24px 0 36px;
    }

    [data-model-page="service-security"] .soc-operation-image {
        width: 100%;
    }

    [data-model-page="service-security"] .soc-operation-image.overflow-mobile-auto {
        overflow-x: auto;
    }

    [data-model-page="service-security"] .soc-operation-image.overflow-mobile-auto img {
        min-width: 345px;
    }

    [data-model-page="service-security"] .soc-info-box {
        padding: 16px;
    }

    [data-model-page="service-security"] .breadcrumb {
        padding-left: 12px;
    }

    [data-model-page="service-security"] .service-container {
        padding-bottom: 100px;
    }

    [data-model-page="service-security"] .service-layout {
        flex-direction: column;
        gap: 24px;
        margin-top: 24px;
    }

    
    [data-model-page="service-security"] .service-sidebar {
        width: 100%;
        position: sticky;
        top: 52px; 
        z-index: 1001;
        padding: 0;
        background: #FFFFFF;
        border: none;
        margin-bottom: 0;
    }

    [data-model-page="service-security"] .sidebar-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    [data-model-page="service-security"] .sidebar-group {
        margin-bottom: 0;
        display: contents; 
    }

    [data-model-page="service-security"] .sidebar-group-title {
        grid-row: 1;
        margin-bottom: 0;
        padding: 8px 4px;
        font-size: 14px;
        color: #051243;
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: 4px;
        background: #ffffff;
        cursor: pointer;
        height: 100%;
        transition: background-color 0.3s;
    }
    [data-model-page="service-security"] .sidebar-group.active .sidebar-group-title {
        background: #F2F7FB;
        color: #051243; 
    }

    
    [data-model-page="service-security"] .sidebar-menu {
        grid-row: 2;
        grid-column: 1 / -1;
        display: none; 
        flex-direction: row;
        overflow-x: auto;
        background: #F2F7FB;
        padding: 8px 4px;
        gap: 4px;
        -webkit-overflow-scrolling: touch;
    }

    [data-model-page="service-security"] .sidebar-group.active .sidebar-menu {
        display: flex;
    }

    [data-model-page="service-security"] .sidebar-item {
        margin-bottom: 0;
        flex-shrink: 0;
        padding: 6px 12px;
    }

    [data-model-page="service-security"] .sidebar-link {
        padding-left: 0;
        font-size: 16px;
        color: #7C8190;
        font-weight: 400;
        transition: color 0.3s;
    }

    [data-model-page="service-security"] .sidebar-item.active .sidebar-link {
        color: #0032D6;
    }

    [data-model-page="service-security"] .group-arrow {
        width: 10px;
        transform: rotate(0deg) !important;
        transition: all 0.3s ease;
    }

    [data-model-page="service-security"] .sidebar-group.active .group-arrow {
        opacity: 1;
        transform: rotate(0deg) !important;
    }

    [data-model-page="service-security"] .item-arrow {
        display: none; 
    }

    
    [data-model-page="service-security"] .service-content {
        width: 100%;
        padding: 16px;
    }

    [data-model-page="service-security"] .content-title {
        font-size: 20px;
        line-height: 28px;
    }

    
    [data-model-page="service-security"] .benefit-grid, [data-model-page="service-security"] .other-solution-grid, [data-model-page="service-security"] .feature-grid, [data-model-page="service-security"] .dx-feature-grid {
        grid-template-columns: 1fr;
    }

    [data-model-page="service-security"] .solution-item {
        flex-direction: column;
    }

    [data-model-page="service-security"] .solution-visual {
        width: 100%;
    }

    [data-model-page="service-security"] .service-about-card {
        flex-direction: column;
        padding: 24px 20px;
        text-align: center;
    }
    [data-model-page="service-security"] .content-image-80 {
        width: 100%;
    }
    [data-model-page="service-security"] .content-image-80 img {
        width: 100%;
    }
    [data-model-page="service-security"] .content-image-80.overflow-mobile-auto {
        width: 100%;
        overflow-x: auto;
    }

    
    [data-model-page="service-security"] .step-chevron-container {
        gap: 2px;
        margin-bottom: 16px;
    }

    [data-model-page="service-security"] .step-chevron-item {
        height: 32px;
        font-size: 12px;
        padding: 0 4px 0 16px;
        clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%, 10px 50%);
    }

    [data-model-page="service-security"] .step-chevron-item:first-child {
        clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%);
        padding-left: 8px;
    }

    [data-model-page="service-security"] .step-chevron-item:last-child {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 10px 50%);
        padding-right: 8px;
    }

    [data-model-page="service-security"] .step-chevron-item span {
        margin-right: 4px;
    }
}

/* ================= security ASM ================ */
/* =========================================
   ASM（Attack Surface Management）
   ========================================= */
@media (min-width: 769px) {
    [data-model-page="service-security"] .service-content {
        min-width: 900px;
    }

    [data-model-page="service-security"] #tab-pane-asm {
        min-width: 900px;
    }
}

/* 宽屏保持设计稿基准：卡片内换行由 <br> 固定（用户指定不得改动），
   加宽容器会导致每行右侧大留白，故桌面全宽度保持 1200 容器 / 900 内容区 */

[data-model-page="service-security"] #tab-pane-asm .asm-intro {
    color: #4A4D56;
    font-size: 16px;
    line-height: 24px;
}

/* 换行与设计稿一致（仅日语）：Windows 下回退字体（Meiryo）比设计字体 Hiragino Sans W3 每字宽约0.3px，
   用 -0.5px 字距补偿，保证 <br> 分段不二次换行；中文设计稿字距为 0，不压缩 */
[data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-intro,
[data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-challenge-desc,
[data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-feature-desc,
[data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-feature-note,
[data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-solution-card p,
[data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-solution-note,
[data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-portal-header p {
    letter-spacing: -0.5px;
}

/* 日语断行粒度：全站 p 默认 auto-phrase 按短语断行，日语短语较长，
   短语放不下时整段挪下一行导致行尾大空白；日文 ASM 恢复 CJK 逐字断行，与设计稿行满效果一致（中文保持现状） */
[data-model-page="service-security"] #tab-pane-asm.asm-lang-jp p {
    word-break: normal;
    overflow-wrap: normal;
}

/* 中文：整行文字（intro/注/portal 头部）字距 0 与设计稿一致；
   卡片内窄栏文字用 -0.5px 补偿 Windows 字体度量，保证换行与设计稿一致（不出现孤字行） */
[data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-challenge-desc,
[data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-feature-desc,
[data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-solution-card p {
    letter-spacing: -0.5px;
}

[data-model-page="service-security"] #tab-pane-asm .asm-lead {
    color: #4A4D56;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}

/* お客様の課題 */
[data-model-page="service-security"] .asm-challenge-row {
    display: flex;
    gap: 12px;
}

[data-model-page="service-security"] .asm-challenge-card {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    background: #FFFFFF;
    border: 4px solid #E5F0F8;
}

[data-model-page="service-security"] .asm-challenge-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

[data-model-page="service-security"] .asm-challenge-head img {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

[data-model-page="service-security"] .asm-challenge-titles {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[data-model-page="service-security"] .asm-challenge-titles h5 {
    color: #0068B6;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

[data-model-page="service-security"] .asm-challenge-titles span {
    color: #4A4D56;
    font-size: 14px;
    line-height: 22px;
}

[data-model-page="service-security"] .asm-challenge-desc {
    color: #4A4D56;
    font-size: 14px;
    line-height: 22px;
}

/* 弊社の製品特徴 */
[data-model-page="service-security"] .asm-feature-section .sub-title {
    margin-bottom: 28px;
}

[data-model-page="service-security"] .asm-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

[data-model-page="service-security"] .asm-feature-header {
    grid-column: 1 / span 3;
    background: #F2F7FB;
    padding: 4px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #051243;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
}

[data-model-page="service-security"] .asm-feature-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    background: #FFFFFF;
    border: 4px solid #E5F0F8;
}

[data-model-page="service-security"] .asm-feature-title {
    height: 48px;
    color: #0068B6;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

[data-model-page="service-security"] .asm-feature-desc {
    color: #4A4D56;
    font-size: 14px;
    line-height: 22px;
}

[data-model-page="service-security"] .asm-feature-note {
    display: flex;
    align-items: center;
    align-self: stretch;
    margin: 0;
    padding: 12px;
    color: #4A4D56;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    text-wrap: pretty;
}

[data-model-page="service-security"] .asm-comparison-figure {
    margin-top: 32px;
    margin-bottom: 0;
}

[data-model-page="service-security"] .asm-comparison-figure img {
    display: block;
}

/* 機能概要（解決策） */
[data-model-page="service-security"] .asm-solution-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

[data-model-page="service-security"] .asm-solution-card {
    /* 2 列流体：900 内容区时 = 444px（与设计稿一致），更宽时拉满不留白 */
    width: calc((100% - 12px) / 2);
    height: 204px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    background: #FFFFFF;
    border: 4px solid #E5F0F8;
}

[data-model-page="service-security"] .asm-solution-card h5 {
    color: #0068B6;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

[data-model-page="service-security"] .asm-solution-card p {
    color: #4A4D56;
    font-size: 14px;
    line-height: 24px;
}

[data-model-page="service-security"] .asm-solution-note {
    width: calc((100% - 12px) / 2);
    height: 204px;
    display: flex;
    align-items: center;
    color: #4A4D56;
    font-size: 12px;
    line-height: 24px;
}

/* <参考> グループ・子会社セキュリティリスク管理 */
[data-model-page="service-security"] .asm-ref-row {
    display: flex;
    align-items: center;
    gap: 13px;
}

[data-model-page="service-security"] .asm-ref-side {
    flex: 1 1 0;
    min-width: 0;
    display: block;
    height: auto;
}

[data-model-page="service-security"] .asm-ref-switch {
    width: 88px;
    height: auto;
    flex-shrink: 0;
}

[data-model-page="service-security"] .asm-ref-side img,
[data-model-page="service-security"] .asm-ref-switch img {
    display: block;
    width: 100%;
    height: auto;
}

/* 顧客セルフサービスプラットフォーム */
[data-model-page="service-security"] .asm-portal-section .sub-title {
    margin-bottom: 25px;
}

[data-model-page="service-security"] .asm-portal-block {
    background: #FFFFFF;
    outline: 4px solid #E5F0F8;
}

[data-model-page="service-security"] .asm-portal-block + .asm-portal-block {
    margin-top: 25px;
}

[data-model-page="service-security"] .asm-portal-header {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 24px;
    background: #FFFFFF;
    border-bottom: 2px solid #F2F7FB;
}

[data-model-page="service-security"] .asm-portal-header h5 {
    color: #004098;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

[data-model-page="service-security"] .asm-portal-header p {
    color: #50596B;
    font-size: 14px;
    line-height: 22px;
}

[data-model-page="service-security"] .asm-portal-shot img {
    display: block;
    width: 100%;
    height: auto;
}

[data-model-page="service-security"] .asm-portal-imgs {
    display: flex;
    justify-content: space-between;
    background: #F2F7FB;
}

[data-model-page="service-security"] .asm-portal-img-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
}

[data-model-page="service-security"] .asm-portal-img-item:first-child,
[data-model-page="service-security"] .asm-portal-img-item:last-child {
    flex: 1 1 0;
    min-width: 0;
}

[data-model-page="service-security"] .asm-portal-img-item img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

[data-model-page="service-security"] .asm-portal-img-item span {
    color: #051243;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

[data-model-page="service-security"] .asm-mobile-only {
    display: none;
}

[data-model-page="service-security"] .asm-ref-combined-mobile img,
[data-model-page="service-security"] .asm-portal-combined-mobile img {
    display: block;
    width: 100%;
    height: auto;
}

/* 中文版布局差异：特征 4 列 / 解决策卡 292 三列 */
@media (min-width: 769px) {
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-feature-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-feature-header {
        grid-column: 1 / span 4;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-feature-title {
        height: auto;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-feature-note {
        width: 100%;
        min-height: 24px;
        margin-top: 12px;
        padding: 0;
        white-space: nowrap;
        letter-spacing: 0;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-solution-row {
        align-items: center;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-solution-card {
        /* 3 列流体：900 内容区时 = 292px（与设计稿一致），更宽时拉满不留白 */
        width: calc((100% - 24px) / 3);
        height: auto;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-solution-card:nth-child(2),
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-solution-card:nth-child(3),
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-solution-card:nth-child(7),
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-solution-card:nth-child(8),
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-solution-card:nth-child(9) {
        height: 180px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-solution-note {
        width: 100%;
        height: auto;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-ref-switch {
        width: 60px;
    }
}

/* =========================================
   ASM 移动端 (768px 及以下)
   ========================================= */
@media (max-width: 768px) {
    [data-model-page="service-security"] .asm-comparison-figure {
        margin-top: 20px;
    }

    [data-model-page="service-security"] #tab-pane-asm .d-br {
        display: none;
    }

    [data-model-page="service-security"] #tab-pane-asm .d-hide-m {
        display: none;
    }

    /* 移动端按区块显示专用贴图，桌面拆分图保持原结构 */
    [data-model-page="service-security"] #tab-pane-asm .asm-mobile-only {
        display: block;
    }

    /* 前半：单列堆叠 */
    [data-model-page="service-security"] #tab-pane-asm .asm-challenge-row {
        flex-direction: column;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-feature-grid {
        grid-template-columns: 1fr;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-feature-header {
        grid-column: auto;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-feature-title {
        height: auto;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-feature-note {
        grid-column: auto;
        min-height: 0;
        padding: 0;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-solution-card,
    [data-model-page="service-security"] #tab-pane-asm .asm-solution-note {
        width: 100%;
        height: auto;
    }

    /* <参考> 区：纵向堆叠，间距 8；设计稿外框白底，用 padding 承接 50 间距 */
    [data-model-page="service-security"] #tab-pane-asm .asm-ref-row {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding-top: 50px;
        background: #FFFFFF;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-ref-side,
    [data-model-page="service-security"] #tab-pane-asm .asm-ref-switch {
        display: none;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-ref-combined-mobile {
        width: 100%;
    }

    /* 顾客セルフサービスプラットフォーム */
    [data-model-page="service-security"] #tab-pane-asm .asm-portal-section {
        padding-top: 50px;
        padding-bottom: 21px;
        background: #FFFFFF;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-portal-block {
        background: transparent;
        outline: 0;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-portal-block + .asm-portal-block {
        margin-top: 50px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-portal-header {
        display: none;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-portal-imgs {
        display: block;
        padding: 0;
        background: transparent;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-portal-img-item,
    [data-model-page="service-security"] #tab-pane-asm .asm-portal-img-item:first-child,
    [data-model-page="service-security"] #tab-pane-asm .asm-portal-img-item:last-child {
        display: none;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-portal-shot picture,
    [data-model-page="service-security"] #tab-pane-asm .asm-portal-shot img,
    [data-model-page="service-security"] #tab-pane-asm .asm-portal-combined-mobile {
        display: block;
        width: 100%;
        height: auto;
    }
}

/* =========================================
   ASM 日文重设计（body.page-service-security 作用域）
   移动端（768px 及以下）与桌面端（769px 以上）均展示 asm-jp-d，
   旧区块在所有宽度下隐藏
   ========================================= */
[data-model-page="service-security"] #tab-pane-asm.asm-lang-jp > *:not(.asm-jp-d) {
    display: none !important;
}

[data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-jp-d {
    display: block;
}

/* 中文 ASM：移动端与桌面端均展示 asm-zh-d，旧区块全宽度隐藏
   （中文移动端设计稿 Figma 节点 2110:8083，差异覆盖见文件末尾 lang-zh 移动端块） */
[data-model-page="service-security"] #tab-pane-asm.asm-lang-zh > *:not(.asm-zh-d) {
    display: none !important;
}

[data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-zh-d {
    display: block;
}

/* ASM 基础样式（body.page-service-security 作用域，不影响其他模块）；
   移动端差异由文件末尾 max-width:768px 块覆盖 */
[data-model-page="service-security"] #tab-pane-asm .asm-d-ph {
        object-fit: cover;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-intro {
        color: #4A4D56;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-lead {
        width: 900px;
        max-width: 100%;
        color: #4A4D56;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-compare {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
        padding: 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-compare-tabs {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
        width: 259px;
        flex-shrink: 0;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-tab {
        height: 33px;
        padding: 0 52px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFFFFF;
        border: 0;
        color: #051243;
        font-family: inherit;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        white-space: nowrap;
        cursor: default;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-tab.is-active {
        color: #0068B6;
        box-shadow: inset 0 0 0 4px #F2F7FB;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-tab:not(.is-active) {
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-steps {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        margin-top: 4px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-step {
        position: relative;
        width: 241px;
        height: 48px;
        clip-path: polygon(0 0, 100% 0, 100% 73%, 50% 100%, 0 73%);
        background: #7C8190;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-step > span {
        position: absolute;
        inset: 1px;
        clip-path: polygon(0 0, 100% 0, 100% 74%, 50% 100%, 0 74%);
        background: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 12px 13px;
        color: #0068B6;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        white-space: nowrap;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-step.is-solid {
        background: #0068B6;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-step.is-solid > span {
        background: #0068B6;
        color: #FFFFFF;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-panels {
        display: flex;
        align-items: stretch;
        width: 569px;
        flex-shrink: 0;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-panel {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 24px;
        background: #FFFFFF;
        border: 4px solid #E5F0F8;
        padding: 24px 0;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-panel.is-left {
        position: relative;
        border-right: 0;
        align-items: flex-end;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-asm-yellow {
        position: absolute;
        right: 0;
        bottom: 24px;
        width: 118.36px;
        height: 80px;
        background: #FFFDEB;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-panel.is-right {
        border-left: 0;
        align-items: flex-start;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-panel-main {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        align-self: stretch;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-panel-title {
        color: #0068B6;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        text-align: center;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-panel-icons img {
        display: block;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-panel-divider {
        width: 0;
        align-self: stretch;
        border-left: 1px dashed #7C8190;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-asm-box {
        position: relative;
        width: 240px;
        height: 80px;
        background: rgba(0, 104, 182, 0.1);
        border-radius: 24px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-asm-box-name {
        position: absolute;
        top: 11px;
        left: 0;
        right: 0;
        text-align: center;
        color: #051243;
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-asm-box-cell {
        position: absolute;
        top: 49px;
        color: #051243;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-asm-box-cell.is-left {
        left: 40px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-asm-box-cell.is-right {
        left: 152px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-asm-box::before {
        content: "";
        position: absolute;
        left: 120px;
        top: 40px;
        height: 40px;
        border-left: 1px dashed #7C8190;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-vd-box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 240px;
        height: 80px;
        background: #FFFDEB;
        border-radius: 0 24px 24px 0;
        color: #051243;
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-challenges {
        display: flex;
        gap: 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-challenge {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 12px;
        background: #FFFFFF;
        border: 4px solid #E5F0F8;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-challenge-media {
        position: relative;
        align-self: stretch;
        height: 200px;
        background: #F2F7FB;
        overflow: hidden;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-challenge-media img {
        position: absolute;
        display: block;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-challenge-media img.is-img1 {
        left: 0;
        top: 0;
        width: 268px;
        height: 201px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-challenge-media img.is-img2 {
        left: 0;
        top: 10.67px;
        width: 268px;
        height: 178.67px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-challenge-media img.is-img3 {
        left: -9.91px;
        top: -8.19px;
        width: 289.83px;
        height: 217.37px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-challenge-titles {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-challenge-titles h5 {
        color: #0068B6;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-challenge-titles span {
        display: block;
        width: 100%;
        text-align: center;
        color: #4A4D56;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-challenge p {
        align-self: stretch;
        text-align: center;
        color: #4A4D56;
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-features {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-features-head {
        grid-column: span 3;
        padding: 4px 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #F2F7FB;
        color: #051243;
        font-size: 16px;
        font-weight: 600;
        line-height: 28px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-feature {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 12px;
        background: #FFFFFF;
        border: 4px solid #E5F0F8;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-feature h5 {
        min-height: 48px;
        color: #0068B6;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-feature p {
        color: #4A4D56;
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-features-note {
        align-self: center;
        color: #4A4D56;
        font-size: 12px;
        line-height: 24px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-overview {
        position: relative;
        padding: 24px;
        background: #FFFFFF;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow {
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 2px;
        height: 171px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-step {
        width: 88px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-circle {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70px;
        height: 70px;
        flex-shrink: 0;
        background: #F2F7FB;
        border: 2px solid #E5F0F8;
        border-radius: 200px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2px;
        width: 88px;
        text-align: center;
        word-break: keep-all;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-text strong {
        color: #051243;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-text span {
        color: var(---2, #4A4D56);
        font-size: 12px;
        line-height: 18px;
    }

    @media (min-width: 769px) {
        [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-text span {
            white-space: nowrap;
        }
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-stem {
        position: relative;
        flex: 1;
        width: 0;
        border-left: 1px dashed #051243;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-stem::before {
        content: "";
        position: absolute;
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 6px solid #051243;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-connector {
        flex: 1;
        align-self: flex-start;
        height: 88px;
        padding: 0 2px;
        display: flex;
        align-items: center;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-connector i {
        display: block;
        width: 100%;
        height: 0;
        border-top: 2px solid #051243;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-hr {
        position: relative;
        padding: 0 44px;
    }

    /* body.page-service-security #tab-pane-asm .asm-d-flow-hr::before,
    body.page-service-security #tab-pane-asm .asm-d-flow-hr::after {
        content: "";
        position: absolute;
        top: -6px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 6px solid #051243;
    } */

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-hr::before {
        left: 40px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-hr::after {
        right: 40px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-hr i {
        display: block;
        height: 0;
        border-top: 2px dashed #051243;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-bracket {
        display: block;
        height: 28px;
        margin: 48px 221px 0 57px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-overview-ext {
        display: flex; 
        align-items: flex-end;
        gap: 48px;
        height: 70px;
    }

    @media (min-width: 769px) {
        [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-overview-ext {
            margin-left: 35px;
            gap: 48px;
        }
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-item {
        display: flex;
        align-items: flex-end;
        gap: 8px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-item.is-first {
        gap: 4px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-icon-wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 4px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-stem {
        position: relative;
        width: 0;
        height: 18px;
        border-left: 1px dashed #051243;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-stem::after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 6px solid #051243;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        background: #FFFFFF;
        border-radius: 200px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 2px;
        height: 48px;
        white-space: nowrap;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-text strong {
        color: #051243;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-text span {
        color: var(---2, #4A4D56);
        font-size: 12px;
        line-height: 18px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-platform {
        position: absolute;
        left: 385px;
        top: 174px;
        width: 424px;
        height: 87px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-platform img {
        /* display: block; */
        width: 132px;
        height: 87px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-platform span {
        position: absolute;
        left: 142px;
        top: 39px;
        right: 0;
        color: #051243;
        font-size: 20px;
        font-weight: 700;
        line-height: 29px;
        text-align: center;
        white-space: nowrap;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 24px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-card {
        width: 444px;
        height: 204px;
        padding: 24px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        background: #FFFFFF;
        border: 4px solid #E5F0F8;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-card h5 {
        color: #0068B6;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-card p {
        color: #4A4D56;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-cards-note {
        align-self: center;
        width: 444px;
        height: 204px;
        display: flex;
        align-items: center;
        color: #4A4D56;
        font-size: 12px;
        line-height: 24px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ref {
        display: flex;
        align-items: stretch;
        gap: 13px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-dash {
        flex: 1;
        display: flex;
        flex-direction: column;
        background: #FFFFFF;
        border: 1px solid #E5F0F8;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-dash-head {
        padding: 12px 24px;
        display: flex;
        align-items: center;
        gap: 10px;
        background: #0068B6;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-dash-main {
        display: flex;
        align-items: center;
        gap: 24px;
        padding: 24px;
        border-bottom: 1px solid #E5F0F8;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-score {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        width: 103px;
        flex-shrink: 0;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-score-circle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        width: 96px;
        height: 96px;
        background: #C2661A;
        border-radius: 200px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-score-letter {
        color: #FFFFFF;
        font-family: Arial, sans-serif;
        font-size: 28px;
        font-weight: 700;
        line-height: 1;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-score-label {
        color: #FFFFFF;
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-score-meta {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-score-meta strong {
        color: #051243;
        font-family: Arial, sans-serif;
        font-size: 21px;
        font-weight: 700;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-score-meta strong em {
        font-style: normal;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-score-meta strong span {
        color: #7C8190;
        font-size: 21px;
        font-weight: 400;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-score-meta > span {
        color: #3E8E1E;
        font-size: 12px;
        font-weight: 700;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-dash-grid {
        flex: 1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-dash-cell {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 12px;
        background: #F2F7FB;
        border: 1px solid #DDE1E9;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-dash-cell strong {
        color: #051243;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-dash-cell span {
        color: #7C8190;
        font-size: 12px;
        line-height: 16px; 
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-profile {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 12px 24px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-profile-title {
        color: #1F2430;
        font-size: 12px;
        font-weight: 700;
    }

    /* Figma 2110:7661 未设 alignItems（默认 stretch 顶部对齐），flex-end 仅保留在 lang-zh 覆盖块 */
    [data-model-page="service-security"] #tab-pane-asm .asm-d-profile-row {
        display: flex;
        gap: 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-profile-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-profile-item p {
        color: #051243;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-grade {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 2px;
        width: 30px;
        height: 30px;
        border-radius: 200px;
        color: #FFFFFF;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-grade.is-a {
        background: #3E8E1E;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-grade.is-b {
        background: #D4A017;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-grade.is-c {
        background: #C2661A;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-grade.is-d {
        background: #C30D23;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-sample-note {
        color: #8B93A6;
        font-size: 12px;
        line-height: 16px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ref-switch {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: center;
        gap: 12px;
        flex-shrink: 0;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ref-switch-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        background: #051243;
        border-radius: 200px;
        color: #FFFFFF;
        font-size: 20px;
    }

    /* 桌面端保持 ⇄ 字符：默认隐藏切换用内联 SVG，日文移动端再开启 */
    [data-model-page="service-security"] #tab-pane-asm .asm-d-ref-switch-btn svg {
        display: none;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ref-switch p {
        color: #004098;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        text-align: center;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-group {
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
        background: #FFFFFF;
        border: 1px solid #E5F0F8;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-group-head {
        padding: 12px 24px;
        display: flex;
        align-items: center;
        gap: 10px;
        background: #051243;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-group-body {
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 12px;
        padding: 12px 24px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-group-summary {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 2px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-group-summary p {
        display: flex;
        align-items: flex-end;
        gap: 4px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-group-summary strong {
        color: #112050;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-group-summary p span {
        color: #8B93A6;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-group-avg {
        color: #004098;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-list {
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org {
        flex: 1;
        min-height: 0;
        display: flex;
        align-items: stretch;
    }
/* 
    body.page-service-security #tab-pane-asm .asm-d-org + .asm-d-org {
        margin-top: -12px;
    } */

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-card {
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 24px 8px 12px;
        background: #FFFFFF;
        border: 0.76px solid #DDE1E9;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-name {
        color: #1F2430;
        font-size: 14px;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-metrics {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-bar {
        position: relative;
        display: block;
        width: 120px;
        height: 13.1px;
        background: #DDE1E9;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-bar i {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-bar i.is-a {
        background: #3E8E1E;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-bar i.is-b {
        background: #D4A017;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-bar i.is-c {
        background: #C2661A;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-bar i.is-d {
        background: #C30D23;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-score {
        color: #112050;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-badge {
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: center;
        width: 24px;
        height: 24px;
        margin-left: -12px;
        position: relative;
        z-index: 1;
        border-radius: 200px;
        color: #FFFFFF;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        flex-shrink: 0;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-badge.is-a {
        background: #3E8E1E;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-badge.is-b {
        background: #D4A017;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-badge.is-c {
        background: #C2661A;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-badge.is-d {
        background: #C30D23;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 900px;
        max-width: 100%;
        border: 4px solid #E5F0F8;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-block + .asm-d-portal-block {
        margin-top: 25px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-head {
        align-self: stretch;
        padding: 12px 24px;
        display: flex;
        flex-direction: column;
        gap: 4px;
        background: #FFFFFF;
        border-bottom: 2px solid #F2F7FB;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-head h5 {
        color: #004098;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-head p {
        color: #50596B;
        font-size: 14px;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot {
        position: relative;
        overflow: hidden;
        border: 1px solid #E5F0F8;
        font-size: 0;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot .is-main {
        display: block;
        width: 893.73px;
        max-width: 100%;
        height: 642.71px;
        object-fit: fill;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-overlay {
        position: absolute;
        left: 504.63px;
        top: 538.52px;
        width: 60.39px;
        height: 104.19px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shots {
        align-self: stretch;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #F2F7FB;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot-item {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot-item:first-child {
        width: 437px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot-item:last-child {
        width: 443px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot-item img {
        display: block;
        width: 100%;
        height: 259.34px;
        object-fit: contain;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot-item span {
        color: #051243;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
    }

/* =========================================
   ASM 日文移动端适配（768px 及以下）
   Figma 节点 1514:8002，375px 基准，固定 px
   仅覆盖设计稿包含的区块：对比图 / 機能概要 /
   集団ダッシュボード / プラットフォーム截图；
   未覆盖区块已恢复显示
   ========================================= */
@media (max-width: 768px) {
    /* ---- 区块 1：对比区 ---- */
    [data-model-page="service-security"] #tab-pane-asm .asm-d-compare {
        flex-direction: column;
        gap: 12px;
        padding: 0;
    }
 
    [data-model-page="service-security"] #tab-pane-asm .asm-d-steps {
        margin-top: 0;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-panels {
        width: 100%;
        height: 217px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-panel {
        justify-content: center;
        padding: 0;
    }
 

    [data-model-page="service-security"] #tab-pane-asm .asm-d-asm-yellow {
        bottom: 19.5px;
        width: 70.5px;
        opacity: 0.8;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-asm-box {
        width: 145px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-asm-box::before {
        left: 73.5px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-asm-box-cell.is-left {
        left: 18.84px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-asm-box-cell.is-right {
        left: 83.16px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-vd-box {
        width: 142px;
    }

    /* ---- 区块 2：機能概要（流程图重组为 3×2 虚线网格）---- */
    [data-model-page="service-security"] #tab-pane-asm .asm-d-overview {
        padding: 0;
        margin-top: 50px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(2, fit-content(100%));
        gap: 12px;
        height: auto;
        padding: 12px 12px 36px;
        border: 1px dashed #051243;
        border-radius: 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-step {
        width: auto;
        gap: 4px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-circle {
        width: 60px;
        height: 60px;
        border-width: 1.36px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-circle img.is-i1 {
        width: 46.06px;
        height: 44.49px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-circle img.is-i2 {
        width: 34.09px;
        height: 36.14px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-circle img.is-i3 {
        width: 51.82px;
        height: 33.41px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-circle img.is-i4 {
        width: 45px;
        height: 40.23px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-circle img.is-i5 {
        width: 51.14px;
        height: 42.95px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-circle img.is-i6 {
        width: 42.95px;
        height: 33.41px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-text {
        width: auto;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-text strong {
        font-size: 13px;
        line-height: 16.5px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-flow-text span {
        line-height: 15.13px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-overview-ext {
        margin-top: 36px;
        padding: 36px 12px 12px;
        height: auto;
        gap: 8px;
        justify-content: center;
        align-items: stretch;
        border: 1px dashed #051243;
        border-radius: 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-item,
    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-item.is-first {
        flex: 1;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-text {
        height: auto;
        align-items: center;
        text-align: center;
        white-space: normal;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-text strong {
        font-size: 13px;
        line-height: 16.5px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ext-text span {
        line-height: 15.13px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-m-br,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-m-dot {
        display: inline;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-ext-item,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-ext-item.is-first {
        flex: none;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-ext-item:nth-child(2) {
        flex: 1;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-platform {
        left: 70px;
        top: 260px;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 24px;
        background: #F2F7FB;
        border-radius: 200px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-platform img {
        width: 73px;
        height: 62px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-platform span {
        position: static;
        width: 112px;
        font-size: 14px;
        line-height: 21px;
        text-align: left;
        white-space: normal;
    }

    /* ---- 区块 3：集団ダッシュボード（纵向堆叠）---- */
    [data-model-page="service-security"] #tab-pane-asm .asm-d-ref {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        margin-top: 50px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-dash,
    [data-model-page="service-security"] #tab-pane-asm .asm-d-group {
        flex: none;
        width: 100%;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-dash-head,
    [data-model-page="service-security"] #tab-pane-asm .asm-d-group-head {
        font-size: 13.77px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-dash-main {
        height: 188px;
        padding: 12px;
        gap: 12px;
        box-sizing: border-box;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-score {
        width: 102.62px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-score-meta strong {
        font-size: 21.32px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-score-meta strong span {
        font-size: 11.1px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-profile {
        padding: 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ref-switch {
        flex-direction: row;
        justify-content: center;
        gap: 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ref-switch-btn {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-ref-switch-btn svg {
        display: block;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-ref-switch-btn .asm-d-ref-switch-char {
        display: none;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ref-switch p {
        line-height: 16.5px;
        text-align: left;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-ref-switch p .asm-d-sw-b br {
        display: none;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-group {
        height: 400px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-group-body {
        padding: 8px 12px;
        gap: 8px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org-bar {
        width: 100px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org:nth-child(1) .asm-d-org-bar i {
        width: 90px !important;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org:nth-child(2) .asm-d-org-bar i {
        width: 93px !important;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org:nth-child(3) .asm-d-org-bar i {
        width: 83px !important;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org:nth-child(4) .asm-d-org-bar i {
        width: 73px !important;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org:nth-child(5) .asm-d-org-bar i {
        width: 65px !important;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-org:nth-child(6) .asm-d-org-bar i {
        width: 52px !important;
    }

    /* ---- 区块 4+5：プラットフォーム截图 ---- */
    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal {
        margin-top: 50px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-block {
        width: 100%;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-block + .asm-d-portal-block {
        margin-top: 50px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-head {
        padding: 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot {
        align-self: stretch;
        border: 0;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot .is-main {
        width: 100%;
        height: auto;
    }
 
    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-overlay {
        display: none;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shots {
        flex-direction: column;
        align-items: stretch;
        padding: 4px;
        gap: 8px;
    }
 
    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot-item,
    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot-item:first-child,
    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot-item:last-child {
        width: auto;
        padding: 4px;
        background: transparent;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot-item:first-child img {
        height: 191.33px;
        object-fit: fill;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-portal-shot-item:last-child img {
        height: 188.61px;
        object-fit: fill;
    }

    [data-model-page="service-security"] #tab-pane-asm .asm-d-cards-note {
        height: auto;
    }
}

/* 中文 ASM 移动端专用内联元素（换行/前导点/集团点/评级字母图/移动端盾标），桌面端隐藏 */
[data-model-page="service-security"] #tab-pane-asm .asm-m-br,
[data-model-page="service-security"] #tab-pane-asm .asm-m-dot,
[data-model-page="service-security"] #tab-pane-asm .asm-d-group-dot,
[data-model-page="service-security"] #tab-pane-asm .asm-d-score-letter-img,
[data-model-page="service-security"] #tab-pane-asm .asm-d-platform-logo-zh {
    display: none;
}

/* =========================================
   ASM 中文移动端适配（768px 及以下）
   Figma 节点 2110:8083，375px 基准，固定 px
   仅 body.lang-zh 作用域，覆盖日文共享移动端差异；
   设计稿未覆盖区块已恢复显示
   ========================================= */
@media (max-width: 768px) {
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-panel-icons,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-flow-connector,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-flow-stem,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-flow-hr,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-flow-bracket,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-ext-stem {
        display: none;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-m-br,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-m-dot,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-group-dot {
        display: inline;
    }

    /* ---- 区块 1：对比区 ---- */
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-asm-box-cell.is-left {
        left: 25.84px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-asm-box-cell.is-right {
        left: 97.16px;
    }

    /* ---- 客户痛点：上下排列，图片与文字居中 ---- */
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-challenges {
        flex-direction: column;
        align-items: center;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-challenge {
        flex: none;
        width: 100%;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-challenge-media {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-challenge-media img {
        position: static;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-challenge p {
        text-align: justify;
    }

    /* ---- 区块 2：功能概览 ---- */
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-platform {
        left: 70px;
        top: 245px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-platform span {
        width: auto;
        white-space: nowrap;
    }
 
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-flow-text span,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-ext-text span {
        color: var(---2, #4A4D56);
    }
 
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-platform img.asm-d-ph {
        display: none;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-platform-logo-zh {
        display: block;
        width: 73px;
        height: 62px;
    }

    /* ---- 区块 3：驾驶舱 ---- */
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-dash-head {
        justify-content: center;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-dash-main {
        height: auto;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-score-letter {
        display: none;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-score-letter-img {
        display: block;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-dash-cell {
        justify-content: center;
        padding: 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-dash-grid {
        gap: 7px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-profile-row {
        align-items: flex-end;
    }
 
[data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-ref-switch-btn svg {
        display: block;
        width: auto;
        height: 18.67px;
    }

[data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-ref-switch-btn .asm-d-ref-switch-char {
        display: none;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-ref-switch p {
        text-align: center;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-group-summary p span {
        font-size: 16px;
    }
 
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-group-summary p span.asm-d-group-avg {
        color: #004098;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-group {
        height: 380px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-group-body {
        padding: 12px;
        gap: 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-org-bar {
        width: 120px;
    }
 
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-org:nth-child(1) .asm-d-org-bar i {
        width: 99.95px !important;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-org:nth-child(2) .asm-d-org-bar i {
        width: 102.84px !important;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-org:nth-child(3) .asm-d-org-bar i {
        width: 92.84px !important;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-org:nth-child(4) .asm-d-org-bar i {
        width: 82.63px !important;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-org:nth-child(5) .asm-d-org-bar i {
        width: 75.07px !important;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-org:nth-child(6) .asm-d-org-bar i {
        width: 61.75px !important;
    }

    /* ---- 区块 4/5：平台截图 ---- */
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-portal-shot {
        border: 1px solid #E5F0F8;
    }
 
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-portal-shot .is-main {
        width: 895.57px;
        max-width: none;
        height: 644.52px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-portal-block + .asm-d-portal-block .asm-d-portal-head {
        padding: 12px 24px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-portal-shot-item:first-child img {
        height: 206.6px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-portal-shot-item:last-child img {
        height: 203.75px;
    }
}

/* =========================================
   ASM 日文移动端对齐中文移动端（768px 及以下）
   镜像本轮中文移动端改动：隐藏装饰元素 / 痛点上下排列居中 /
   副标签灰色 / 胶囊定位；不影响中文移动端与所有桌面端
   ========================================= */
@media (max-width: 768px) {
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-panel-icons,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-flow-connector,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-flow-stem,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-flow-hr,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-flow-bracket,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-ext-stem {
        display: none;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-challenges {
        flex-direction: column;
        align-items: center;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-challenge {
        flex: none;
        width: 100%;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-challenge-media {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-challenge-media img {
        position: static;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-challenge p {
        text-align: justify;
    }
 
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-flow-text span,
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-ext-text span {
        color: var(---2, #4A4D56);
    }
 
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-platform {
        left: 35px;
        top: 265px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-platform span {
        width: auto;
        white-space: nowrap;
    }

    /* ---- 功能概览卡片：长文本撑大容器 ---- */
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-jp .asm-d-card {
        height: auto;
        min-height: 204px;
    }
}

/* =========================================
   ASM 中文桌面端差异（body.lang-zh 作用域，769px 以上）
   ========================================= */
@media (min-width: 769px) {
    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-features {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-features-head {
        grid-column: span 4;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-feature h5 {
        min-height: 0;
        font-size: 16px; 
        white-space: nowrap;
        margin: 0 -12px;
        padding: 0 12px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-features-note {
        grid-column: span 4;
        display: block;
        width: auto;
        height: auto;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-flow-bracket {
        width: 456px;
        margin: 28px auto 0;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-platform {
        top: 155px;
        width: auto;
        height: auto;
        display: flex;
        align-items: flex-end;
        gap: 10px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-platform span {
        position: static;
        width: 167px;
        line-height: 33px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-ext-item {
        width: 180px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-overview-ext {
        margin-left: 172px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-card {
        width: 292px;
        height: auto;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-card.is-h180 {
        height: auto;
        min-height: 180px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-cards-note {
        display: block;
        width: 100%;
        height: auto;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-asm-box-cell.is-left {
        left: 47px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-asm-box-cell.is-right {
        left: 166px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-dash-grid {
        gap: 7px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-profile-row {
        align-items: flex-end;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-profile-item {
        flex: 1;
        align-self: stretch;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-group-summary .asm-d-group-avg {
        color: #004098;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
    }

    [data-model-page="service-security"] #tab-pane-asm.asm-lang-zh .asm-d-portal-shot .is-main {
        height: 644.52px;
    }
}

/* ================= si ================ */
[data-model-page="service-si"] .service-hero {
    height: 480px;
    background-image: url('/images/service/img-si-banner.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

[data-model-page="service-si"] .service-hero h1 span {
    display: block;
}


[data-model-page="service-si"] .service-main {
    background-image: url('/images/img-page-bg.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    background-attachment: fixed;
}
[data-model-page="service-si"] .service-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 0 244px;
}


[data-model-page="service-si"] .stats-section {
    background: #F2F7FB;
    padding: 24px 60px;
    justify-content: flex-start;
}

[data-model-page="service-si"] .stats-list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 48px;
    text-align: center;
}

[data-model-page="service-si"] .stats-list-item {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 4px;
    min-width: 0;
    padding-left: 0;
    color: #051243;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

[data-model-page="service-si"] .stats-list-item::before {
    content: none;
}

[data-model-page="service-si"] .stats-list-item + .stats-list-item {
    border-left: 1px solid rgba(5, 18, 67, 0.28);
    padding-left: 48px;
}

[data-model-page="service-si"] .stats-list .stats-value {
    width: 100%;
    font-weight: 600;
}

[data-model-page="service-si"] .stats-list .stats-label {
    width: 100%;
}

[data-model-page="service-si"] .stats-list .counter-value {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 2px;
}

[data-model-page="service-si"] .stats-list .stats-note {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

[data-model-page="service-si"] .business-divider {
    width: 1px;
    height: 40px;
    background: #051243;
    opacity: 0.4;
}
[data-model-page="service-si"] .breadcrumb {
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    color: #051243;
}

[data-model-page="service-si"] .breadcrumb a {
    color: #051243;
    opacity: 0.4;
}
[data-model-page="service-si"] .breadcrumb img {
    width: 14px;
}


[data-model-page="service-si"] .service-layout {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    margin-top: 48px;
}


[data-model-page="service-si"] .service-sidebar {
    width: 240px;
    background: #FFFFFF;
    border-top: 4px solid transparent;
    border-width: 4px 0 0 0;
    border-image: linear-gradient(265deg, #1892EE 5.11%, #0032D6 93.64%) 1;
    padding: 24px 20px;
    position: sticky;
    top: 80px;
}


[data-model-page="service-si"] .sidebar-group {
    margin-bottom: 24px;
}

[data-model-page="service-si"] .sidebar-group:last-child {
    margin-bottom: 0;
}

[data-model-page="service-si"] .sidebar-group-title {
    font-size: 16px;
    font-weight: 600;
    color: #051243;
    margin-bottom: 8px;
    cursor: pointer;
    padding: 4px 8px 4px 0;
}
[data-model-page="service-si"] .sidebar-item:hover,
[data-model-page="service-si"] .sidebar-item.active {
    background: #F2F7FB;
}
[data-model-page="service-si"] .group-arrow {
    width: 12px;
    transition: transform 0.3s ease;
}

[data-model-page="service-si"] .sidebar-group.active .group-arrow {
    transform: rotate(0deg);
}

[data-model-page="service-si"] .sidebar-group:not(.active) .group-arrow {
    transform: rotate(-90deg);
}

[data-model-page="service-si"] .sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

[data-model-page="service-si"] .sidebar-group.active .sidebar-menu {
    display: block;
}

[data-model-page="service-si"] .sidebar-item {
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 8px;
}
[data-model-page="service-si"] .sidebar-item:last-child {
    margin-bottom: 0;
}
[data-model-page="service-si"] .sidebar-link {
    padding: 4px 8px 4px 16px;
    font-size: 14px;
    line-height: 24px;
    color: #7C8190;
    transition: all 0.3s;
    font-weight: 600;
    text-align: left;
    display: grid !important;
    grid-template-columns: 1fr 14px;
    align-items: center;
    column-gap: 8px;
}

[data-model-page="service-si"] .sidebar-link .si-menu-line {
    display: block;
    grid-column: 1;
    line-height: 24px;
    text-align: left;
}

[data-model-page="service-si"] .sidebar-link .item-arrow {
    grid-column: 2;
    grid-row: 1 / span 2;
    justify-self: end;
}

[data-model-page="service-si"] .sidebar-item:hover .sidebar-link,
[data-model-page="service-si"] .sidebar-item.active .sidebar-link {
    color: #0032D6;
}

[data-model-page="service-si"] .item-arrow {
    width: 14px;
    height: 14px;
    background-image: url('/images/service/icon-arrow-blue.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s;
    display: none;
    flex-shrink: 0;
}

[data-model-page="service-si"] .sidebar-item.active .item-arrow {
    display: inline-block;
}

[data-model-page="service-si"] .sidebar-item .item-arrow {
    display: none;
}

[data-model-page="service-si"] .sidebar-item.active .item-arrow {
    display: inline-block;
    background-image: url('/images/service/icon-arrow-blue.png');
}

[data-model-page="service-si"] .tab-pane {
    display: none;
    animation: fadeIn 0.5s ease-in-out;
    padding-top: 8px;
}

[data-model-page="service-si"] .tab-pane.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

[data-model-page="service-si"] .content-section {
    background: linear-gradient(180deg, rgba(0, 161, 220, 0.00) 0%, rgba(0, 104, 182, 0.10) 100%);
    padding: 24px 24px 28px;
}
[data-model-page="service-si"] .content-title {
    color: #051243;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 24px;
}
[data-model-page="service-si"] .content-desc {
    color: #051243;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}
[data-model-page="service-si"] .line-hr {
    height: 1px;
    background: rgba(5, 18, 67, 0.1);
    margin: 40px 0;
}
[data-model-page="service-si"] .sub-title {
    color: #051243;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 24px;
}
[data-model-page="service-si"] .feature-cards {
    margin-top: 80px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
[data-model-page="service-si"] .feature-card {
  background: #fff;
  border-radius: 16px;
  padding: 40px 16px 12px;
  position: relative;
  box-sizing: border-box;
}

[data-model-page="service-si"] .w-icon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}

[data-model-page="service-si"] .card-title {
  color: #0068B6;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  margin: 0 0 12px 0;
}

[data-model-page="service-si"] .card-list {
  margin: 0;
  padding-left: 20px;
}
[data-model-page="service-si"] .card-list li {
  color: #4A4D56;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  list-style: disc;
  margin-bottom: 4px;
}

[data-model-page="service-si"] .border-card {
    border: 4px solid #E5F0F8;
    background: #FFFFFF;
    padding: 20px;
}
[data-model-page="service-si"] .sub-title {
    color: #051243;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 24px;
}
[data-model-page="service-si"] .other-solution-title {
    color: #0068B6;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
}
[data-model-page="service-si"] .other-solution-desc {
    color: #4A4D56;
    font-size: 14px;
    line-height: 24px;
}
[data-model-page="service-si"] .solution {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
[data-model-page="service-si"] .text-list {
    margin: 0;
    padding-left: 20px;
    margin-bottom: 24px;
}
[data-model-page="service-si"] .text-list li {
    color:  #051243;
    list-style: disc;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px; 
}


@media (max-width: 768px) {
    [data-model-page="service-si"] .service-hero {
        height: 320px;
        display: flex;
        align-items: center;
    }

    [data-model-page="service-si"] .service-hero .section-max {
        padding: 0 20px;
    }

    [data-model-page="service-si"] .service-hero h1 {
        font-size: 32px !important;
        line-height: 40px;
    }

    [data-model-page="service-si"] .breadcrumb {
        padding-left: 12px;
    }

    [data-model-page="service-si"] .service-container {
         padding-bottom: 100px;
    }

    [data-model-page="service-si"] .service-layout {
        flex-direction: column;
        gap: 24px;
        margin-top: 24px;
    }

    
    [data-model-page="service-si"] .service-sidebar {
        width: 100%;
        position: sticky;
        top: 52px; 
        z-index: 1001;
        padding: 0;
        background: #FFFFFF;
        border: none;
        margin-bottom: 0;
    }

    [data-model-page="service-si"] .sidebar-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    [data-model-page="service-si"] .sidebar-group {
        margin-bottom: 0;
        display: contents; 
    }

    [data-model-page="service-si"] .sidebar-group-title {
        grid-row: 1;
        margin-bottom: 0;
        padding: 8px 4px;
        font-size: 14px;
        color: #051243;
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: 4px;
        background: #ffffff;
        cursor: pointer;
        height: 100%;
        transition: background-color 0.3s;
    }
    [data-model-page="service-si"] .sidebar-group.active .sidebar-group-title {
        background: #F2F7FB;
        color: #051243; 
    }

    
    [data-model-page="service-si"] .sidebar-menu {
        grid-row: 2;
        grid-column: 1 / -1;
        display: none; 
        flex-direction: row;
        overflow-x: auto;
        background: #F2F7FB;
        padding: 8px 4px;
        gap: 4px;
        -webkit-overflow-scrolling: touch;
    }

    [data-model-page="service-si"] .sidebar-group.active .sidebar-menu {
        display: flex;
    }

    [data-model-page="service-si"] .sidebar-item {
        margin-bottom: 0;
        flex-shrink: 0;
        padding: 6px 12px;
    }

    [data-model-page="service-si"] .sidebar-link {
        padding-left: 0;
        font-size: 16px;
        color: #7C8190;
        font-weight: 400;
        transition: color 0.3s;
    }

    [data-model-page="service-si"] .sidebar-item.active .sidebar-link {
        color: #0032D6;
    }

    [data-model-page="service-si"] .item-arrow {
        display: none; 
    }

    
     [data-model-page="service-si"] .service-content {
        width: 100%;
        padding: 16px;
    }

    [data-model-page="service-si"] .content-title {
        font-size: 20px;
        line-height: 28px;
    }

    
    [data-model-page="service-si"] .benefit-grid, [data-model-page="service-si"] .other-solution-grid, [data-model-page="service-si"] .feature-grid, [data-model-page="service-si"] .dx-feature-grid {
        grid-template-columns: 1fr;
    }

    [data-model-page="service-si"] .solution-item {
        flex-direction: column;
    }

    [data-model-page="service-si"] .solution-visual {
        width: 100%;
    }

    [data-model-page="service-si"] .service-about-card {
        flex-direction: column;
        padding: 24px 20px;
        text-align: center;
    }

    
    [data-model-page="service-si"] .stats-section {
        padding: 24px 20px !important;
    }

    [data-model-page="service-si"] .stats-list {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        text-align: left;
    }

    [data-model-page="service-si"] .stats-list-item {
        flex-direction: row;
        align-items: baseline;
        flex-wrap: wrap;
        gap: 8px;
        width: 100%;
        padding-left: 18px;
        font-size: 16px;
        line-height: 26px;
    }

    [data-model-page="service-si"] .stats-list-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 11px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #051243;
    }

    [data-model-page="service-si"] .stats-list-item + .stats-list-item {
        border-left: 0;
        padding-left: 18px;
    }

    [data-model-page="service-si"] .stats-list .stats-label,
    [data-model-page="service-si"] .stats-list .stats-value,
    [data-model-page="service-si"] .stats-list .stats-note {
        width: auto;
    }

    [data-model-page="service-si"] .stats-list .stats-note {
        flex-basis: 100%;
    }

    [data-model-page="service-si"] .stats-list .counter-value {
        font-size: 24px;
        line-height: 30px;
    }

    [data-model-page="service-si"] .business-divider {
        display: none !important;
    }
}

/* CMS sidebar fallback.
   Some CMS pages load HTML before service.js runs, so keep the active menu visible
   and force the active arrow icon to render in both desktop and mobile layouts. */
[data-model-page^="service-"] .sidebar-link,
[data-model-page^="service-"] .sidebar-group-title,
[data-model-page^="service-"] .sidebar-menu,
[data-model-page^="service-"] .sidebar-item {
  font-family: inherit !important;
}

@media (min-width: 769px) {
  [data-model-page^="service-"] .sidebar-group:has(.sidebar-item.active) .sidebar-menu {
    display: block !important;
  }
}

@media (max-width: 768px) {
  [data-model-page^="service-"] .sidebar-group:has(.sidebar-item.active) .sidebar-menu {
    display: flex !important;
  }
}

[data-model-page^="service-"] .sidebar-group:has(.sidebar-item.active) .group-arrow {
  transform: rotate(0deg) !important;
}

[data-model-page^="service-"] .sidebar-item.active .item-arrow {
  display: none !important;
}

[data-model-page^="service-"] .sidebar-link::after {
  content: "" !important;
  display: none !important;
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  margin-left: 8px !important;
  background-image: url("/images/service/icon-arrow-blue.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

[data-model-page^="service-"] .sidebar-item.active .sidebar-link::after {
  display: inline-block !important;
}

/* Nexgent-S is bundled before the generic CMS reset above. Restore the product
   layout at the end of the file so the CMS renderer matches the static page. */
[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-topic-bar {
  padding: 8px 12px;
  margin-bottom: 12px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-warning-question {
  margin-bottom: 12px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-warning-card-title {
  padding: 4px 0;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-warning-body {
  padding: 12px 24px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-ai-partners {
  margin-left: 22px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-down-arrow {
  margin: 20px 0 8px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-section {
  grid-template-columns: 266px minmax(0, 1fr);
  gap: 24px;
  margin: 16px 0;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-visual {
  padding: 24px 40px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-header {
  padding: 8px 16px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-body {
  grid-template-columns: minmax(0, 1fr) 256px;
  gap: 20px;
  padding: 24px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-right,
[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-list,
[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-icons {
  min-width: 0;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-icons {
  width: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-item {
  padding: 12px 0;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-icon {
  padding: 28px 12px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-overview-box {
  padding: 24px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-overview-top {
  margin-bottom: 24px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-overview-card {
  padding: 12px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-overview-icon {
  margin-bottom: 12px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-overview-icon img {
  display: inline;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-overview-title {
  margin-bottom: 4px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-overview-more {
  padding: 24px 24px 12px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-blue-bar {
  padding: 12px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-value-item {
  padding: 24px;
}

[data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-value-subtitle {
  margin-bottom: 14px;
}

@media (min-width: 769px) and (max-width: 950px) {
  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-topic-bar {
    padding: 4px 0;
    margin-bottom: 12px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-warning-body {
    padding: 12px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-ai-partners {
    margin-left: 22px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-down-arrow {
    margin: 16px 0 8px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-section {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 16px;
    margin: 16px 0;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-visual {
    padding: 24px 40px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-header {
    padding: 8px 16px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-body {
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 16px;
    padding: 20px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-icons {
    width: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-item {
    padding: 12px 0;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-icon {
    padding: 28px 12px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-overview-box {
    padding: 40px 12px 12px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-overview-card {
    padding: 12px 8px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-overview-more,
  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-blue-bar {
    padding: 12px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-value-item {
    padding: 16px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-value-subtitle {
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-section {
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 24px 0;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-header {
    padding: 4px 12px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-body {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 12px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-icons {
    width: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-item {
    padding: 8px 0;
  }

  [data-model-page="service-aidx"] #tab-pane-nexgent-s .nexgent-feature-icon {
    padding: 24px 12px;
  }
}