/* CMS model page: 企业信息 about-index
   只作用于 [data-model-page="about-index"]，不改公共 header/footer。
   使用方式：复制本文件内容到该页面的自定义 CSS，或上传为 /model/css/about-index.css 后由页面引用。 */

[data-model-page="about-index"] {
  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: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[data-model-page="about-index"] *,
[data-model-page="about-index"] button,
[data-model-page="about-index"] input,
[data-model-page="about-index"] select,
[data-model-page="about-index"] textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: inherit;
}

/* CMS about-index overrides:
   1. Keep business-nav sticky inside CMS wrappers.
   2. Restore Swiper's required flex layout when the CMS page does not load Swiper CSS early enough.
   3. Move branch-office map markers out of stripped inline styles and into page CSS.
   4. Hide the external-evaluation section for this CMS page only. */
body:has([data-model-page="about-index"]) .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="about-index"]) .detail-main.position-relative > p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Page-local utility fallback. The original page depends on site.css utility classes;
   CMS load order can break them, so keep the required subset here. */
[data-model-page="about-index"] .section-max {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}

[data-model-page="about-index"] .d-flex { display: flex; }
[data-model-page="about-index"] .flex-1 { flex: 1; }
[data-model-page="about-index"] .flex-column { flex-direction: column; }
[data-model-page="about-index"] .flex-wrap { flex-wrap: wrap; }
[data-model-page="about-index"] .flex-shrink-0 { flex-shrink: 0; }
[data-model-page="about-index"] .align-center { align-items: center; }
[data-model-page="about-index"] .align-end { align-items: flex-end; }
[data-model-page="about-index"] .justify-center { justify-content: center; }
[data-model-page="about-index"] .justify-between { justify-content: space-between; }
[data-model-page="about-index"] .gap-8 { gap: 8px; }
[data-model-page="about-index"] .gap-12 { gap: 12px; }
[data-model-page="about-index"] .gap-24 { gap: 24px; }
[data-model-page="about-index"] .gap-30 { gap: 30px; }
[data-model-page="about-index"] .h-100 { height: 100%; }
[data-model-page="about-index"] .w-100 { width: 100%; }
[data-model-page="about-index"] .object-fit-cover { object-fit: cover; }
[data-model-page="about-index"] .overflow-hidden { overflow: hidden; }
[data-model-page="about-index"] .position-relative { position: relative; }
[data-model-page="about-index"] .position-absolute { position: absolute; }
[data-model-page="about-index"] .bottom-0 { bottom: 0; }
[data-model-page="about-index"] .left-0 { left: 0; }
[data-model-page="about-index"] .right-0 { right: 0; }
[data-model-page="about-index"] .text-center { text-align: center; }
[data-model-page="about-index"] .text-right { text-align: right; }
[data-model-page="about-index"] .cursor-pointer { cursor: pointer; }
[data-model-page="about-index"] .bg-ffffff { background-color: #fff; }
[data-model-page="about-index"] .bg-f2f7fb { background-color: #f2f7fb; }
[data-model-page="about-index"] .color-ffffff { color: #fff; }
[data-model-page="about-index"] .color-051243 { color: #051243; }
[data-model-page="about-index"] .color-4A4D56 { color: #4a4d56; }
[data-model-page="about-index"] .font-500 { font-weight: 500; }
[data-model-page="about-index"] .font-600 { font-weight: 600; }
[data-model-page="about-index"] .font-bold { font-weight: bold; }
[data-model-page="about-index"] .font-14 { font-size: 14px; }
[data-model-page="about-index"] .font-16 { font-size: 16px; }
[data-model-page="about-index"] .font-18 { font-size: 18px; }
[data-model-page="about-index"] .font-24 { font-size: 24px; }
[data-model-page="about-index"] .font-32 { font-size: 32px; }
[data-model-page="about-index"] .font-60 { font-size: 60px; }
[data-model-page="about-index"] .line-height-24 { line-height: 24px; }
[data-model-page="about-index"] .line-height-28 { line-height: 28px; }
[data-model-page="about-index"] .line-height-32 { line-height: 32px; }
[data-model-page="about-index"] .color-gradient-blue {
  color: #0032d6;
  background: linear-gradient(265deg, #1892ee 5.11%, #0032d6 93.64%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-model-page="about-index"] .pt-80 { padding-top: 80px; }
[data-model-page="about-index"] .pt-124 { padding-top: 124px; }
[data-model-page="about-index"] .pb-16 { padding-bottom: 16px; }
[data-model-page="about-index"] .pb-68 { padding-bottom: 68px; }
[data-model-page="about-index"] .pb-80 { padding-bottom: 80px; }
[data-model-page="about-index"] .pb-96 { padding-bottom: 96px; }
[data-model-page="about-index"] .p-12 { padding: 12px; }
[data-model-page="about-index"] .p-16 { padding: 16px !important; }
[data-model-page="about-index"] .p-24 { padding: 24px; }
[data-model-page="about-index"] .mt-4 { margin-top: 4px; }
[data-model-page="about-index"] .mt-8 { margin-top: 8px; }
[data-model-page="about-index"] .mt-10 { margin-top: 10px; }
[data-model-page="about-index"] .mt-12 { margin-top: 12px; }
[data-model-page="about-index"] .mt-24 { margin-top: 24px; }
[data-model-page="about-index"] .mt-32 { margin-top: 32px; }
[data-model-page="about-index"] .mt-40 { margin-top: 40px; }
[data-model-page="about-index"] .mt-48 { margin-top: 48px; }
[data-model-page="about-index"] .mt-80 { margin-top: 80px; }
[data-model-page="about-index"] .mb-4 { margin-bottom: 4px; }
[data-model-page="about-index"] .mb-24 { margin-bottom: 24px; }
[data-model-page="about-index"] .mb-48 { margin-bottom: 48px; }
[data-model-page="about-index"] .mb-64 { margin-bottom: 64px; }
[data-model-page="about-index"] .ml-4 { margin-left: 4px; }
[data-model-page="about-index"] .ml-48 { margin-left: 48px; }
[data-model-page="about-index"] .mr-4 { margin-right: 4px; }
[data-model-page="about-index"] .mr-48 { margin-right: 48px; }
[data-model-page="about-index"] .mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}
[data-model-page="about-index"] .mt-n84 { margin-top: -84px; }

[data-model-page="about-index"] .business-nav {
  position: sticky !important;
  top: var(--header-height, 80px) !important;
  z-index: 1000 !important;
}

[data-model-page="about-index"] .history-swiper {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}

[data-model-page="about-index"] .history-swiper .swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
  height: auto !important;
  box-sizing: content-box !important;
  transition-property: transform !important;
}

[data-model-page="about-index"] .history-next.swiper-button-disabled {
  opacity: 0.3 !important;
  pointer-events: none !important;
}

[data-model-page="about-index"] .rotate-180 {
  transform: rotate(180deg) !important;
}

[data-model-page="about-index"] .map-marker[data-city="beijing"] {
  top: 36.3% !important;
  left: 64.6% !important;
}

[data-model-page="about-index"] .map-marker[data-city="shenyang"] {
  top: 32% !important;
  left: 79% !important;
}

[data-model-page="about-index"] .map-marker[data-city="dalian"] {
  top: 38% !important;
  left: 79% !important;
}

[data-model-page="about-index"] .map-marker[data-city="tianjin"] {
  top: 40% !important;
  left: 66% !important;
}

[data-model-page="about-index"] .map-marker[data-city="suzhou"] {
  top: 60% !important;
  left: 73% !important;
}

[data-model-page="about-index"] .map-marker[data-city="shanghai"] {
  top: 61% !important;
  left: 82% !important;
}

[data-model-page="about-index"] .map-marker[data-city="wuhan"] {
  top: 63% !important;
  left: 61% !important;
}

[data-model-page="about-index"] .map-marker[data-city="chengdu"] {
  top: 64% !important;
  left: 44% !important;
}

[data-model-page="about-index"] .map-marker[data-city="guangzhou"] {
  top: 83% !important;
  left: 61% !important;
}

[data-model-page="about-index"] .map-marker[data-city="shenzhen"] {
  top: 85% !important;
  left: 68% !important;
}

/* d-none may not exist in CMS; explicitly hide accordion on desktop */
[data-model-page="about-index"] .strengths-accordion {
  display: none;
}

[data-model-page="about-index"] .business-evaluation {
  display: none !important;
}

[data-model-page="about-index"],
[data-model-page="about-index"] * {
  box-sizing: border-box;
}

[data-model-page="about-index"] .position-relative {
  position: relative;
}

[data-model-page="about-index"] .main {
  margin: 0;
  padding: 0;
}

[data-model-page="about-index"] #details-section,
[data-model-page="about-index"] [data-section="details"],
[data-model-page="about-index"] .details-panel {
  display: none;
}

[data-model-page="about-index"] .details-panel.is-active {
  display: block;
}

[data-model-page="about-index"] .strengths-tabs-container .content-item {
  display: none;
}

[data-model-page="about-index"] .strengths-tabs-container .content-item.active {
  display: flex;
}

[data-model-page="about-index"] section[id],
[data-model-page="about-index"] section[data-section] {
    scroll-margin-top: calc(var(--header-height, 80px) + 56px);
}[data-model-page="about-index"] .fade-up-element {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}[data-model-page="about-index"] .fade-up-element.is-visible {
    opacity: 1;
    transform: translateY(0);
}[data-model-page="about-index"] .business-hero {
    height: 480px;
    width: 100%;
    background: url('/images/about/img-banner.png') no-repeat center center;
    background-size: cover;
    position: relative;
}[data-model-page="about-index"] .business-nav {
    width: 100%;
    height: 56px;
    background: radial-gradient(circle at 50% 100%, #0a6ccb 0%, #051243 100%);
    box-shadow: 0px 0px 20px 0px rgba(83, 85, 86, 0.1);
    display: flex;
    justify-content: center;
    position: sticky;
    top: var(--header-height, 80px);
    z-index: 1000;
}[data-model-page="about-index"] .business-nav a.nav-link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    height: 100%;
    display: flex;
    flex-direction: row; 
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    position: relative;
    gap: 8px;
    flex-wrap: nowrap; 
}[data-model-page="about-index"] .nav-text {
    display: block;
    white-space: nowrap;
}[data-model-page="about-index"] .nav-icon {
    display: none; 
    width: 10px;   
    height: auto;
    flex-shrink: 0; 
}[data-model-page="about-index"] .business-nav a.nav-link.active .nav-icon {
    display: block; 
}[data-model-page="about-index"] .business-divider {
    width: 1px;
    height: 40px;
    background: #051243;
    opacity: 0.4;
}[data-model-page="about-index"] .overview-stats,
[data-model-page="about-index"] .strengths-stats {
    text-align: center;
}[data-model-page="about-index"] .overview-stats > .d-flex.flex-column,
[data-model-page="about-index"] .strengths-stats > .d-flex.flex-column {
    align-items: center;
}[data-model-page="about-index"] .stats-list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 48px;
    text-align: center;
}[data-model-page="about-index"] .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="about-index"] .stats-list-item::before {
    content: none;
}[data-model-page="about-index"] .stats-list-item + .stats-list-item {
    border-left: 1px solid rgba(5, 18, 67, 0.28);
    padding-left: 48px;
}[data-model-page="about-index"] .stats-list .stats-label {
    font-weight: 400;
    width: 100%;
}[data-model-page="about-index"] .stats-list .stats-value {
    width: 100%;
    font-weight: 600;
}[data-model-page="about-index"] .stats-list .counter-value {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 2px;
}[data-model-page="about-index"] .stats-list .stats-note {
    width: 100%;
    margin-left: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}[data-model-page="about-index"] .business-cards-item {
    width: 327px;
    height: 168px;
}[data-model-page="about-index"] .cards-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(265deg, #1892EE 5.11%, #0032D6 93.64%);
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}[data-model-page="about-index"] .business-cards-item:hover .cards-overlay,
[data-model-page="about-index"] .business-cards-item.active .cards-overlay {
    opacity: 0.8;
}[data-model-page="about-index"] .cards-label {
    z-index: 2;
    transition: all 0.3s ease;
}[data-model-page="about-index"] .cards-subtitle {
    display: none;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px;
    opacity: 0.9;
}[data-model-page="about-index"] .business-cards-item:hover .cards-subtitle,
[data-model-page="about-index"] .business-cards-item.active .cards-subtitle {
    display: block;
}[data-model-page="about-index"] .cards-arrow {
    width: 28px;
    height: 28px;
    object-fit: contain;
    transform: rotate(0deg); 
    transition: transform 0.3s;
}[data-model-page="about-index"] .business-cards-item.active .cards-arrow {
    transform: rotate(90deg); 
}[data-model-page="about-index"] .evaluation-card {
    padding: 24px;
}[data-model-page="about-index"] .evaluation-icon {
    width: 84px;
    height: 84px;
    object-fit: contain;
}[data-model-page="about-index"] .business-area-icon {
    width: 84px;
    height: 84px;
    object-fit: contain;
}[data-model-page="about-index"] .business-areas-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}[data-model-page="about-index"] .history-timeline-scroll-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}[data-model-page="about-index"] .history-timeline-graphic {
    padding: 76px 19px 126px 13px;
}[data-model-page="about-index"] .history-timeline-line {
    position: absolute;
    left: 40px;
    right: 40px;
    height: 1px;
    border-top: 1px dashed #61A1D2;
    z-index: 1;

}[data-model-page="about-index"] .timeline-node {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}[data-model-page="about-index"] .node-circle {
    background: #FFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 12px solid #C0D8EB;
    width: 144px;
    height: 144px;
}[data-model-page="about-index"] .node-sm .node-circle {
   border: 6px solid #C0D8EB;
   width: 64px;
   height: 64px;
}[data-model-page="about-index"] .node-lg .node-circle {
   border: 18px solid #C0D8EB;
   width: 218px;
   height: 218px;
}[data-model-page="about-index"] .timeline-node .node-circle::before {
    content: '';
    position: absolute;
    top: -24px; left: -24px; right: -24px; bottom: -24px;
    border: 1px dashed #61A1D2;
    border-radius: 50%;
    pointer-events: none;
    background: #f2f7fb;
    z-index: -1;
}[data-model-page="about-index"] .timeline-node.node-sm .node-circle::before {
    top: -12px; left: -12px; right: -12px; bottom: -12px;
}[data-model-page="about-index"] .timeline-node.node-lg .node-circle::before {
    top: -36px; left: -36px; right: -36px; bottom: -36px;
}[data-model-page="about-index"] .timeline-label {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3;
}[data-model-page="about-index"] .timeline-label.top {
    bottom: calc(100% + 12px);
}[data-model-page="about-index"] .timeline-label.bottom {
    top: calc(100% + 12px);
}[data-model-page="about-index"] .timeline-node.node-sm .timeline-label.top {
    bottom: calc(100% + 6px);
}[data-model-page="about-index"] .timeline-label .line {
    width: 1px;
    border-left: 1px dotted #61A1D2;
}[data-model-page="about-index"] .timeline-label.top .line {
    height: 38px;
}[data-model-page="about-index"] .timeline-label.bottom .line {
    height: 38px;
}[data-model-page="about-index"] .timeline-node.node-sm .timeline-label.top .line {
    height: 82px;
}[data-model-page="about-index"] .timeline-label .dot-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}[data-model-page="about-index"] .timeline-label .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: linear-gradient(265deg, #1892EE 5.11%, #0032D6 93.64%);
}[data-model-page="about-index"] .timeline-label .text {
    position: absolute;
    left: calc(100% + 12px);
    top: -8px; 
    transform: none; 
    white-space: nowrap;
    color: #051243;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}[data-model-page="about-index"] .business-strengths {
    padding-top: 80px;
    padding-bottom: 204px;
    background: linear-gradient(265deg, rgba(24, 146, 238, 0.1) 5.11%, rgba(0, 50, 214, 0.1) 93.64%);
}

[data-model-page="about-index"] .strengths-tab-list {
    width: 480px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 0;
}

[data-model-page="about-index"] .strengths-tab-content .content-item {
    flex-direction: column;
    width: 100%;
}

[data-model-page="about-index"] .strengths-tab-content .content-item .img-strength {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[data-model-page="about-index"] .strengths-tab-content .content-item .content-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    font-size: 14px;
    color: #051243;
    line-height: 24px;
    padding: 12px 48px !important;
    background-color: rgba(242, 247, 251, 0.95);
    text-align: left;
}

[data-model-page="about-index"] .strengths-accordion .content-text {
    font-size: 14px;
    color: #051243;
    line-height: 24px;
    padding: 16px 24px !important;
    background-color: #f2f7fb;
    flex: 1;
    text-align: left;
}

[data-model-page="about-index"] .tab-item {
    height: 80px;
    display: flex;
    align-items: center;
    padding: 0 48px;
    color: #051243;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px; 
    background: #fff;
    border-bottom: none;
    box-shadow: inset 0 -4px 0 #e5f0f8;
    box-sizing: border-box;
    cursor: pointer;
}[data-model-page="about-index"] .tab-item:last-child {
    box-shadow: none;
}[data-model-page="about-index"] .tab-item:hover,
[data-model-page="about-index"] .tab-item.active {
    background: linear-gradient(265deg, #1892EE 5.11%, #0032D6 93.64%);
    color: #FFF;
    box-shadow: none;
}[data-model-page="about-index"] .strengths-tabs-container {
    width: min(100%, 1024px);
    height: 320px;
    margin: 0 auto;
}[data-model-page="about-index"] .strengths-tab-content {
    width: 544px;
    flex: none;
    height: 100%;
    overflow: hidden;
}[data-model-page="about-index"] .content-item {
    display: none;
    flex-direction: column;
    height: 100%;
    position: relative;
}[data-model-page="about-index"] .content-item[style*="display: block"],
[data-model-page="about-index"] .content-item[style*="display: inline-block"] {
    display: flex !important;
}[data-model-page="about-index"] .img-strength {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}[data-model-page="about-index"] .content-item > div.bg-f2f7fb {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: rgba(242, 247, 251, 0.95);
}[data-model-page="about-index"] .business-ceo {
    background: #fff;
    border-radius: 120px;
    border: 1px solid #0032D6;
    box-shadow: 0 0 20px 0 rgba(83, 85, 86, 0.10);
    padding: 80px 80px 40px;
    background-image: 
        linear-gradient(rgba(0, 104, 182, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 104, 182, 0.05) 1px, transparent 1px);
    background-size: 24px 24px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
}[data-model-page="about-index"] .ceo-quote-icon {
    position: absolute;
    top: 0;
    right: 0px;
    width: 168px;

}[data-model-page="about-index"] .ceo-text-content p {
    color:  #051243;
    font-size: 18px;
    line-height: 28px;
    text-align: justify;
    text-align-last: left;
    text-justify: inter-ideograph;
}[data-model-page="about-index"] .ceo-sign-img {
    width: 127px;
    height: 82px;
    object-fit: contain;
}[data-model-page="about-index"] .dot-radius {
    position: relative;
    padding-left: 15px;
}[data-model-page="about-index"] .dot-radius::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color: #051243;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
}[data-model-page="about-index"] .dot-stats {
    position: relative;
    display: grid !important;
    grid-template-columns: auto auto;
    align-items: end;
    column-gap: 4px;
    padding-left: 0;
    text-align: left;
}[data-model-page="about-index"] .dot-stats::before {
    content: none;
}[data-model-page="about-index"] .dot-stats + .dot-stats {
    border-left: 1px solid rgba(5, 18, 67, 0.28);
    margin-left: 48px;
    padding-left: 48px;
}[data-model-page="about-index"] .dot-stats > span:first-child {
    grid-column: 1 / -1;
}[data-model-page="about-index"] .dot-stats .counter-value {
    margin-left: 0 !important;
}[data-model-page="about-index"] .strengths-intro {
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
}[data-model-page="about-index"] .strengths-intro > :last-child {
    flex: none;
    min-width: 0;
    max-width: 760px;
}[data-model-page="about-index"] .strengths-intro [style*="height: 1px"] {
    display: none;
}[data-model-page="about-index"] .strengths-intro .d-flex.align-center.flex-wrap {
    justify-content: center;
    gap: 0 !important;
    margin-top: 24px;
}[data-model-page="about-index"] .business-strengths h3 {
    text-align: center;
    margin-top: 40px !important;
    margin-bottom: 18px !important;
}[data-model-page="about-index"] .business-history {
    margin-top: -600px;
    padding-top: 300px;
    background: url('/images/about/img-history-bg.png') no-repeat center center;
    background-size: cover;
    position: relative;
    overflow-x: hidden;
    z-index: 1;
}[data-model-page="about-index"] .business-history-card {
    padding-top: 186px;
    padding-bottom: 96px;
}[data-model-page="about-index"] .history-swiper {
    padding-bottom: 20px;
}[data-model-page="about-index"] .timeline-item {
    height: auto !important;
}[data-model-page="about-index"] .timeline-year {
    height: 64px;
    color: #FFF;
    font-size: 28px; 
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    
    clip-path: polygon(0% 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 0% 100%, 30px 50%);
    margin-bottom: 40px;
    padding: 0 10px 0 24px; 
    transition: background-color 0.3s;
}[data-model-page="about-index"] .timeline-item:first-child .timeline-year {
    clip-path: polygon(0% 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 0% 100%);
    padding-left: 10px;
}[data-model-page="about-index"] .timeline-item:nth-child(1) .timeline-year { background: rgba(0, 50, 214, 0.8); z-index: 7; }[data-model-page="about-index"] .timeline-item:nth-child(2) .timeline-year { background: rgba(4, 66, 218, 0.8); z-index: 6; }[data-model-page="about-index"] .timeline-item:nth-child(3) .timeline-year { background: rgba(8, 82, 222, 0.8); z-index: 5; }[data-model-page="about-index"] .timeline-item:nth-child(4) .timeline-year { background: rgba(12, 98, 226, 0.8); z-index: 4; }[data-model-page="about-index"] .timeline-item:nth-child(5) .timeline-year { background: rgba(16, 114, 230, 0.8); z-index: 3; }[data-model-page="about-index"] .timeline-item:nth-child(6) .timeline-year { background: rgba(20, 130, 234, 0.8); z-index: 2; }[data-model-page="about-index"] .timeline-item:nth-child(7) .timeline-year { background: rgba(24, 146, 238, 0.8); z-index: 1; }[data-model-page="about-index"] .timeline-item:last-child .timeline-year {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 30px 50%);
    padding-right: 20px;
}[data-model-page="about-index"] .timeline-content {
    border-right: 2px solid #fff;
    padding: 24px 16px 0 48px;
    min-height: 200px;
    margin-top: 10px;
    width: 0;
    min-width: 100%;
    word-break: break-all;
}[data-model-page="about-index"] .timeline-item:last-child .timeline-content {
    border-right: none;
}[data-model-page="about-index"] .timeline-content p {
    line-height: 24px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 12px;
    white-space: normal; 
}[data-model-page="about-index"] .timeline-content p span {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
}[data-model-page="about-index"] .timeline-nav-container {
    max-width: 1040px; 
    margin: 88px auto 0;
    display: flex;
    align-items: center;
    padding: 0 16px;
}[data-model-page="about-index"] .swiper-button-prev-custom,
[data-model-page="about-index"] .swiper-button-next-custom {
    width: 48px;
    height: 48px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    opacity: 0.8;
}[data-model-page="about-index"] .swiper-button-prev-custom img,
[data-model-page="about-index"] .swiper-button-next-custom img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}[data-model-page="about-index"] .rotate-180 {
    transform: rotate(180deg);
}[data-model-page="about-index"] .history-scrollbar {
    flex: 1;
    height: 4px !important;
    background: rgba(255, 255, 255, 0.34) !important;
    position: relative !important;
    margin: 0 40px; 
    display: block !important; 
}[data-model-page="about-index"] .swiper-button-disabled {
    cursor: default !important;
    pointer-events: none !important;
    opacity: 0.4 !important;
}[data-model-page="about-index"] .history-scrollbar.swiper-scrollbar-lock,
[data-model-page="about-index"] .history-next.swiper-button-lock,
[data-model-page="about-index"] .history-prev.swiper-button-lock {
    display: flex !important;
}[data-model-page="about-index"] .history-scrollbar.swiper-scrollbar-lock {
    display: block !important;
}[data-model-page="about-index"] .history-scrollbar .swiper-scrollbar-drag {
    background: #FFF !important;
    height: 4px !important;
}[data-model-page="about-index"] .business-map {
    padding: 52px 0 20px;
    background: url('/images/about/img-map-bg.png') no-repeat center center;
    background-size: cover;
}[data-model-page="about-index"] .business-map h2 {
    margin-top: 0 !important;
}[data-model-page="about-index"] .map-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 0;
}[data-model-page="about-index"] .map-detail-panel {
    width: 360px;
    flex-shrink: 0;
    background: #fff;
    position: absolute;
    left: 10px;
    top: 30%;
    z-index: 10;
    padding-top: 4px;
    overflow: hidden;
}[data-model-page="about-index"] .map-detail-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(265deg, #1892EE 5.11%, #0032D6 93.64%);
    z-index: 2;
}[data-model-page="about-index"] .map-detail-image {
    width: 100%;
    height: 120px;
    overflow: hidden;
}[data-model-page="about-index"] .map-detail-info {
    padding: 32px 24px 48px;
}[data-model-page="about-index"] .map-detail-pin {
    width: 57px;
}[data-model-page="about-index"] .map-container {
    flex: 1;
    margin-left: 40px;
}[data-model-page="about-index"] .map-image {
    display: block;
}[data-model-page="about-index"] .map-marker {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    z-index: 5;
    transform: translate(-50%, -50%);
}[data-model-page="about-index"] .map-marker.label-left {
    flex-direction: row-reverse;
}[data-model-page="about-index"] .marker-icon {
    width: 28px;
    height: 36px;
    flex-shrink: 0;
    background: url('/images/about/icon-position.png') no-repeat center center;
    background-size: contain;
    transition: transform 0.3s, background-color 0.3s;
}[data-model-page="about-index"] .marker-label {
    color: #051243;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    padding: 8px 12px;
    background: #FFF;
    border-radius: 12px;
    white-space: nowrap;
    transition: background-color 0.3s, box-shadow 0.3s;
}[data-model-page="about-index"] .map-marker:hover .marker-icon,
[data-model-page="about-index"] .map-marker.active .marker-icon {
    transform: scale(1.1);
    background-image: url('/images/about/icon-position-active.png');
}[data-model-page="about-index"] .map-marker:hover .marker-label,
[data-model-page="about-index"] .map-marker.active .marker-label {
    box-shadow: 0 0 1px 1px #0032D6, 0 0 15px 0 #0032D6;
    background-color: #051243;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}[data-model-page="about-index"] .business-evaluation {
    padding-top: 80px;
    padding-bottom: 204px;
}[data-model-page="about-index"] .evaluation-nav {
    flex-shrink: 0;
}[data-model-page="about-index"] .eval-nav-icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
    transition: opacity 0.3s;
}[data-model-page="about-index"] .eval-nav-icon:hover {
    opacity: 0.8;
}[data-model-page="about-index"] .rotate-180-y {
    transform: scaleX(-1);
}[data-model-page="about-index"] .eval-swiper {
    margin-top: clamp(20px, 5vw, 80px);
}[data-model-page="about-index"] .eval-carousel-item {
    display: flex;
    align-items: flex-start;
}[data-model-page="about-index"] .eval-leaf-left,
[data-model-page="about-index"] .eval-leaf-right {
    flex-shrink: 0;
    width: 70px;
    height: 150px;
}[data-model-page="about-index"] .eval-leaf-right {
    transform: scaleX(-1);
}[data-model-page="about-index"] .eval-leaf-left .leaf-img,
[data-model-page="about-index"] .eval-leaf-right .leaf-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}[data-model-page="about-index"] .eval-item-inner {
    flex: 1;
    min-width: 0;
}[data-model-page="about-index"] .eval-year-bg {
    position: absolute;
    top: 0;
    right: 0;
    color: #0068B6;
    font-size: 48px;
    font-weight: 600;
    opacity: 0.1;
    pointer-events: none;
    z-index: 0;
    white-space: nowrap;
    user-select: none;
    line-height: 1;
}[data-model-page="about-index"] .eval-item-content {
    position: relative;
    z-index: 1;
}@media (max-width: 1200px) {[data-model-page="about-index"] .section-max {
        padding-left: 24px;
        padding-right: 24px;
    }[data-model-page="about-index"] .business-nav .section-max {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 8px;
        padding-left: 16px;
        padding-right: 16px;
    }[data-model-page="about-index"] .business-nav a.nav-link {
        white-space: nowrap;
        padding: 0 12px;
    }[data-model-page="about-index"] .business-about h2 {
        font-size: 28px !important;
        line-height: 40px !important;
    }[data-model-page="about-index"] .business-cards {
        gap: 16px;
        flex-wrap: wrap; 
        justify-content: space-between;
    }[data-model-page="about-index"] .business-cards-item {
        width: calc(33.33% - 11px); 
        flex: none;
        height: 160px;
    }[data-model-page="about-index"] .strengths-tab-list {
        width: 420px;
    }[data-model-page="about-index"] .strengths-tab-content {
        flex: 1;
        width: auto;
    }[data-model-page="about-index"] .tab-item {
        padding: 0 36px;
        font-size: 16px;
        height: 80px;
        line-height: 28px;
    }[data-model-page="about-index"] .strengths-tabs-container {
        width: min(100%, 900px);
        height: 320px;
    }[data-model-page="about-index"] .strengths-tab-content {
        width: auto;
        flex: 1;
    }[data-model-page="about-index"] .business-ceo {
        border-radius: 80px;
    }[data-model-page="about-index"] .map-detail-panel {
        width: 280px;
    }[data-model-page="about-index"] .map-container {
        margin-left: 20px;
    }[data-model-page="about-index"] .marker-label {
        font-size: 12px;
        padding: 5px 8px;
    }[data-model-page="about-index"] .marker-icon {
        width: 22px;
        height: 28px;
    }
}@media (max-width: 768px) {[data-model-page="about-index"] .font-32 {
        font-size: 24px !important;
    }[data-model-page="about-index"] .font-24 {
        font-size: 18px !important;
    }[data-model-page="about-index"] .section-max {
        padding-left: 16px;
        padding-right: 16px;
    }[data-model-page="about-index"] .business-hero {
        height: clamp(200px, 50vw, 320px);
    }[data-model-page="about-index"] .business-hero h1 {
        font-size: 32px !important;
    }[data-model-page="about-index"] .business-nav {
        height: 48px;
    }[data-model-page="about-index"] .business-nav .section-max {
        padding-left: 10px;
        padding-right: 10px;
        gap: 0;
    }[data-model-page="about-index"] .business-nav a.nav-link {
        font-size: 12px;
        padding: 0 8px;
    }[data-model-page="about-index"] .nav-icon {
        width: 8px;
    }[data-model-page="about-index"] .business-about h2 {
        font-size: 24px !important;
        line-height: 32px !important;
    }[data-model-page="about-index"] .business-about p {
        font-size: 14px !important;
        margin-top: 16px !important;
        line-height: 24px !important;
    }[data-model-page="about-index"] .business-about .d-flex.justify-center {
        flex-direction: column;
        align-items: center !important; 
        gap: 20px;
    }[data-model-page="about-index"] .business-about .flex-column:not(.cards-label *) {
        align-items: center;
    }[data-model-page="about-index"] .cards-label .flex-column {
        align-items: flex-start !important;
    }[data-model-page="about-index"] .history-timeline-graphic {
        min-width: 1100px;
        zoom: 0.6;
        padding-bottom: 240px; 
    }[data-model-page="about-index"] .business-divider {
        display: none;
    }[data-model-page="about-index"] .business-cards {
        flex-direction: column; 
        gap: 16px;
        margin-top: 32px;
        overflow-x: hidden; 
    }[data-model-page="about-index"] .business-cards-item {
        width: 100% !important; 
        height: 160px;
        flex: none;
    }[data-model-page="about-index"] .details-panel {
        padding-top: 40px;
        padding-bottom: 40px !important;
    }[data-model-page="about-index"] .details-panel.is-mobile-active {
        background-color: #f2f7fb;
        padding-left: 16px;
        padding-right: 16px;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        overflow-x: hidden; 
    }[data-model-page="about-index"] .details-panel.is-mobile-active .history-timeline-scroll-wrapper {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        display: block;
        min-width: 0;
    }[data-model-page="about-index"] .details-panel p {
        font-size: 14px !important;
        padding: 0 10px;
    }[data-model-page="about-index"] .business-areas-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 32px;
    }[data-model-page="about-index"] .business-area-card {
        padding: 20px !important;
    }[data-model-page="about-index"] .evaluation-cards {
        flex-direction: column !important; 
        gap: 16px !important;
        overflow-x: visible;
        padding-bottom: 0;
    }[data-model-page="about-index"] .evaluation-card {
        width: 100% !important;
        flex: none;
        padding: 24px !important;
        box-sizing: border-box;
    }[data-model-page="about-index"] .evaluation-icon {
        width: 64px;
        height: 64px;
    }[data-model-page="about-index"] .business-strengths {
        padding-top: 48px;
        padding-bottom: 48px;
    }[data-model-page="about-index"] .business-strengths .strengths-intro {
        flex-direction: column; 
        gap: 20px;
    }[data-model-page="about-index"] .about-title-split > span {
        display: block;
    }[data-model-page="about-index"] .overview-stats {
        flex-direction: column;
        gap: 24px;
        margin-top: 28px !important;
        text-align: center;
    }[data-model-page="about-index"] .overview-stats > .d-flex.flex-column {
        align-items: center;
        width: 100%;
    }[data-model-page="about-index"] .overview-stats .business-divider {
        display: none;
    }[data-model-page="about-index"] .overview-stats .font-14 {
        font-size: 14px !important;
        line-height: 24px !important;
    }[data-model-page="about-index"] .overview-stats .font-16 {
        font-size: 16px !important;
        line-height: 34px !important;
    }[data-model-page="about-index"] .overview-stats .counter-value {
        display: inline-block;
        font-size: 24px !important;
        line-height: 32px !important;
        margin-right: 4px !important;
    }[data-model-page="about-index"] .stats-list {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        text-align: center;
    }[data-model-page="about-index"] .stats-list-item {
        flex-direction: row;
        align-items: baseline;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
        width: 100%;
        padding-left: 0;
        font-size: 16px;
        line-height: 26px;
    }[data-model-page="about-index"] .stats-list-item::before {
        content: none;
    }[data-model-page="about-index"] .stats-list-item + .stats-list-item {
        border-left: 0;
        padding-left: 18px;
    }[data-model-page="about-index"] .stats-list .stats-label,
[data-model-page="about-index"] .stats-list .stats-value,
[data-model-page="about-index"] .stats-list .stats-note {
        width: auto;
    }[data-model-page="about-index"] .stats-list .stats-note {
        flex-basis: 100%;
        text-align: center;
    }[data-model-page="about-index"] .stats-list .counter-value {
        font-size: 24px;
        line-height: 30px;
    }[data-model-page="about-index"] .dot-stats {
        margin-bottom: 12px;
    }[data-model-page="about-index"] .strengths-tabs-container {
        flex-direction: column;
        height: auto;
    }[data-model-page="about-index"] .strengths-accordion {
        margin-top: 24px;
        display: block !important;
    }[data-model-page="about-index"] .strengths-tabs-container {
        display: none !important;
    }[data-model-page="about-index"] .accordion-item {
        background: #fff;
        margin-bottom: 4px; 
        border-radius: 0;   
        overflow: hidden;
        box-shadow: none;   
    }[data-model-page="about-index"] .accordion-header {
        padding: 12px; 
        cursor: pointer;
        background: #fff;
        transition: all 0.3s ease;
        border-bottom: 1px solid #f0f0f0;
    }[data-model-page="about-index"] .accordion-item.active .accordion-header {
        background: linear-gradient(265deg, #1892EE 5.11%, #0032D6 93.64%);
        border-bottom: none;
    }[data-model-page="about-index"] .accordion-header .header-text {
        font-size: 18px;    
        font-weight: 500;   
        line-height: 32px;  
        color: #051243;
    }[data-model-page="about-index"] .accordion-item.active .accordion-header .header-text {
        color: #fff;
    }[data-model-page="about-index"] .accordion-icon {
        width: 8px;
        height: auto;
        transition: transform 0.3s ease;
        filter: brightness(0.2);
        transform: rotate(-90deg); 
    }[data-model-page="about-index"] .accordion-item.active .accordion-icon {
        transform: rotate(0deg); 
        filter: brightness(0) invert(1);
    }[data-model-page="about-index"] .accordion-content {
        background: #fff;
        position: relative;
        overflow: hidden;
        
        display: none; 
    }[data-model-page="about-index"] .accordion-content img {
        display: block;
        width: 100%;
        height: 216px !important; 
        object-fit: cover;        
        object-position: top;     
    }[data-model-page="about-index"] .content-text {
        position: absolute; 
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        padding: 16px 20px !important;
        background: rgba(242, 247, 251, 0.84); 
        font-size: 14px;
        color: #051243;
        line-height: 1.6;
        backdrop-filter: blur(4px); 
    }[data-model-page="about-index"] .business-ceo {
        margin-top: 40px;     
        padding: 20px 12px;
        border-radius: 60px;
    }[data-model-page="about-index"] .business-ceo h2 {
        margin-bottom: 24px !important;
    }[data-model-page="about-index"] .ceo-signature {
        margin-top: 32px !important;
    }[data-model-page="about-index"] .ceo-text-content p {
        font-size: 14px;
        line-height: 24px;
    }[data-model-page="about-index"] .ceo-quote-icon { width: 80px; }[data-model-page="about-index"] .business-history {
        margin-top: 0;
        padding-top: 0;
        background: url('/images/about/img-history-bg.png') no-repeat center center;
        background-size: cover;
        position: relative;
        overflow-x: hidden;
        z-index: 1;
    }[data-model-page="about-index"] .timeline-year {
        font-size: 16px;
        height: 40px;
        padding: 0 8px 0 16px;
        margin-bottom: 20px;
        clip-path: polygon(0% 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%, 15px 50%);
    }[data-model-page="about-index"] .timeline-item:first-child .timeline-year {
        padding-left: 8px;
    }[data-model-page="about-index"] .timeline-content { min-height: 120px; }[data-model-page="about-index"] .business-map {
        padding: 32px 0 72px;
    }[data-model-page="about-index"] .business-map h2 {
        font-size: 24px !important;
        margin-bottom: 16px;
    }[data-model-page="about-index"] .map-wrapper {
        flex-direction: column;
        gap: 16px;
    }[data-model-page="about-index"] .map-detail-panel {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: row;
        order: 2;
    }[data-model-page="about-index"] .map-detail-image {
        width: 140px;
        height: 100px;
        max-height: 100px;
        flex-shrink: 0;
        overflow: hidden;
    }[data-model-page="about-index"] .map-detail-info {
        padding: 16px;
        flex: 1;
    }[data-model-page="about-index"] .map-detail-info h3 {
        font-size: 18px !important;
    }[data-model-page="about-index"] .map-detail-info p {
        font-size: 14px !important;
    }[data-model-page="about-index"] .map-detail-pin {
        width: 40px;
    }[data-model-page="about-index"] .map-container {
        margin-left: 0;
        order: 1;
    }[data-model-page="about-index"] .marker-label {
        font-size: 11px;
        padding: 4px 6px;
        border-radius: 8px;
    }[data-model-page="about-index"] .marker-icon {
        width: 18px;
        height: 24px;
    }[data-model-page="about-index"] .map-marker {
        gap: 3px;
    }[data-model-page="about-index"] .business-evaluation {
        padding-top: 48px;
        padding-bottom: 80px;
    }[data-model-page="about-index"] .business-evaluation .section-max .d-flex.justify-between.align-end {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 16px;
    }[data-model-page="about-index"] .evaluation-nav {
        display: none !important;
    }[data-model-page="about-index"] .eval-swiper {
        margin-top: 40px !important;
        padding: 0 16px !important;
        overflow: visible; 
    }[data-model-page="about-index"] .eval-swiper .swiper-wrapper {
        display: flex !important;
        flex-direction: column !important;
        transform: none !important;
        gap: 40px;
    }[data-model-page="about-index"] .eval-swiper .swiper-slide {
        width: 100% !important;
        height: auto !important;
    }[data-model-page="about-index"] .eval-year-bg {
        font-size: 36px;
    }
}

/* about-index CMS final patch.
   Only fixes this page's CMS wrapper, branch map, and history Swiper.
   Public header/footer HTML and shared site.css are left untouched. */
body:has([data-model-page="about-index"]) .detail-main.position-relative {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

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

html:has([data-model-page="about-index"]),
body:has([data-model-page="about-index"]) {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html:has([data-model-page="about-index"])::-webkit-scrollbar,
body:has([data-model-page="about-index"])::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Swiper owns width and transform. These rules only restore the required structure. */
[data-model-page="about-index"] .history-swiper {
  width: 100% !important;
  overflow: hidden !important;
}

[data-model-page="about-index"] .history-swiper .swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
  height: auto !important;
  box-sizing: content-box !important;
  transition-property: transform !important;
}

[data-model-page="about-index"] .history-swiper .swiper-slide {
  flex-shrink: 0 !important;
  height: auto !important;
  position: relative !important;
}

[data-model-page="about-index"] .history-swiper:not(.swiper-initialized) .swiper-slide {
  width: calc(100% / 3) !important;
}

[data-model-page="about-index"] .timeline-content {
  word-break: normal !important;
  overflow-wrap: normal !important;
}

[data-model-page="about-index"] .timeline-nav-container {
  max-width: 1040px !important;
  margin: 88px auto 0 !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

[data-model-page="about-index"] .history-scrollbar {
  display: block !important;
  flex: 1 1 auto !important;
  height: 4px !important;
  margin: 0 40px !important;
  background: rgba(255, 255, 255, 0.34) !important;
  position: relative !important;
  overflow: hidden !important;
}

[data-model-page="about-index"] .history-scrollbar .swiper-scrollbar-drag {
  display: block !important;
  height: 4px !important;
  background: #fff !important;
  border-radius: 0 !important;
}

[data-model-page="about-index"] .history-prev,
[data-model-page="about-index"] .history-next {
  pointer-events: auto !important;
}

@media (min-width: 1440px) {
  [data-model-page="about-index"] .history-swiper:not(.swiper-initialized) .swiper-slide {
    width: calc(100% / 7) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  [data-model-page="about-index"] .history-swiper:not(.swiper-initialized) .swiper-slide {
    width: calc(100% / 5) !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  [data-model-page="about-index"] .history-swiper:not(.swiper-initialized) .swiper-slide {
    width: calc(100% / 3) !important;
  }
}

@media (max-width: 767px) {
  [data-model-page="about-index"] .history-swiper:not(.swiper-initialized) .swiper-slide {
    width: 66.6667% !important;
  }

  [data-model-page="about-index"] .timeline-nav-container {
    margin-top: 40px !important;
    padding: 0 10px !important;
  }

  [data-model-page="about-index"] .history-scrollbar {
    margin: 0 20px !important;
  }
}

/* About model corrections from the uploaded CMS template. */
[data-model-page="about-index"] .business-nav .nav-icon {
  display: none !important;
}

[data-model-page="about-index"] .business-nav a.nav-link.active .nav-icon {
  display: block !important;
}

@media (min-width: 1440px) {
  [data-model-page="about-index"] .history-swiper:not(.swiper-initialized) .swiper-slide {
    width: calc(100% / 7) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  [data-model-page="about-index"] .history-swiper:not(.swiper-initialized) .swiper-slide {
    width: calc(100% / 5) !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  [data-model-page="about-index"] .history-swiper:not(.swiper-initialized) .swiper-slide {
    width: calc(100% / 3) !important;
  }
}

/* About page source of truth for CMS rendering.
   This final layer removes the effect of older trial overrides above. */
[data-model-page="about-index"],
[data-model-page="about-index"] * {
  font-family: inherit;
  letter-spacing: 0 !important;
}

body:has([data-model-page="about-index"]) {
  overflow-x: hidden !important;
}

[data-model-page="about-index"] {
  overflow: visible !important;
}

[data-model-page="about-index"] .business-nav {
  position: sticky !important;
  top: var(--header-height, 80px) !important;
  z-index: 1000 !important;
}

[data-model-page="about-index"] .business-strengths {
  padding-top: 80px !important;
  padding-bottom: 204px !important;
  background: linear-gradient(265deg, rgba(24, 146, 238, 0.1) 5.11%, rgba(0, 50, 214, 0.1) 93.64%) !important;
}

[data-model-page="about-index"] .strengths-intro {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 24px !important;
  text-align: center !important;
}

[data-model-page="about-index"] .strengths-intro > .flex-shrink-0 {
  flex: none !important;
}

[data-model-page="about-index"] .strengths-intro h2 {
  margin: 0 !important;
  color: #051243 !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: 44px !important;
  text-align: center !important;
}

[data-model-page="about-index"] .strengths-intro > div:last-child {
  flex: none !important;
  width: 100% !important;
  max-width: 760px !important;
  min-width: 0 !important;
}

[data-model-page="about-index"] .strengths-intro > div:last-child > .font-16 {
  color: #051243 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  text-align: center !important;
}

[data-model-page="about-index"] .strengths-intro > div:last-child > .mt-24.mb-24 {
  display: none !important;
  margin: 0 !important;
}

[data-model-page="about-index"] .strengths-intro .font-22 {
  margin-top: 24px !important;
  color: #051243 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  text-align: center !important;
}

[data-model-page="about-index"] .strengths-stats.stats-list {
  margin-top: 24px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 32px !important;
  text-align: center !important;
}

[data-model-page="about-index"] .strengths-stats .stats-list-item {
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  color: #051243 !important;
  font-size: 14px !important;
  line-height: 24px !important;
}

[data-model-page="about-index"] .strengths-stats .stats-list-item + .stats-list-item {
  border-left: 1px solid rgba(5, 18, 67, 0.28) !important;
  padding-left: 32px !important;
}

[data-model-page="about-index"] .strengths-stats .stats-label,
[data-model-page="about-index"] .strengths-stats .stats-value,
[data-model-page="about-index"] .strengths-stats .stats-note {
  width: 100% !important;
  color: #051243 !important;
}

[data-model-page="about-index"] .strengths-stats .counter-value {
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
}

[data-model-page="about-index"] .business-strengths > .section-max > h3 {
  margin-top: 40px !important;
  margin-bottom: 18px !important;
  color: #051243 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  text-align: center !important;
}

[data-model-page="about-index"] .strengths-tabs-container {
  display: flex !important;
  width: min(100%, 1024px) !important;
  height: 320px !important;
  margin: 0 auto !important;
}

[data-model-page="about-index"] .strengths-tab-list {
  width: 480px !important;
  flex: 0 0 480px !important;
  background: #fff !important;
}

[data-model-page="about-index"] .tab-item {
  height: 80px !important;
  padding: 0 48px !important;
  color: #051243 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  background: #fff !important;
  box-shadow: inset 0 -4px 0 #e5f0f8 !important;
}

[data-model-page="about-index"] .tab-item.active,
[data-model-page="about-index"] .tab-item:hover {
  color: #fff !important;
  background: linear-gradient(265deg, #1892ee 5.11%, #0032d6 93.64%) !important;
  box-shadow: none !important;
}

[data-model-page="about-index"] .strengths-tab-content {
  width: 544px !important;
  flex: 0 0 544px !important;
  height: 320px !important;
  overflow: hidden !important;
}

[data-model-page="about-index"] .strengths-tab-content .content-item {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  flex-direction: column !important;
}

[data-model-page="about-index"] .strengths-tab-content .content-item.active {
  display: flex !important;
}

[data-model-page="about-index"] .strengths-tab-content .img-strength {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

[data-model-page="about-index"] .strengths-tab-content .content-desc,
[data-model-page="about-index"] .strengths-tab-content .content-item > div.bg-f2f7fb {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  padding: 12px 48px !important;
  color: #051243 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  text-align: left !important;
  background: rgba(242, 247, 251, 0.88) !important;
  backdrop-filter: blur(4px);
}

[data-model-page="about-index"] .dot-radius {
  margin: 0 0 4px !important;
  padding-left: 15px !important;
  color: #051243 !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

[data-model-page="about-index"] .dot-radius:last-child {
  margin-bottom: 0 !important;
}

[data-model-page="about-index"] .dot-radius::before {
  top: 9px !important;
  width: 6px !important;
  height: 6px !important;
}

[data-model-page="about-index"] .business-history-card > h2 {
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

@media (min-width: 768px) and (max-width: 1200px) {
  [data-model-page="about-index"] .strengths-tabs-container {
    width: min(100%, 900px) !important;
  }

  [data-model-page="about-index"] .strengths-tab-list {
    width: 420px !important;
    flex-basis: 420px !important;
  }

  [data-model-page="about-index"] .strengths-tab-content {
    width: auto !important;
    flex: 1 1 auto !important;
  }
}

@media (max-width: 767px) {
  [data-model-page="about-index"] .business-strengths {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  [data-model-page="about-index"] .strengths-intro {
    gap: 20px !important;
  }

  [data-model-page="about-index"] .strengths-intro h2 {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  [data-model-page="about-index"] .strengths-intro > div:last-child > .font-16 {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  [data-model-page="about-index"] .strengths-intro .font-22 {
    margin-top: 20px !important;
    font-size: 18px !important;
    line-height: 28px !important;
  }

  [data-model-page="about-index"] .strengths-stats.stats-list {
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
  }

  [data-model-page="about-index"] .strengths-stats .stats-list-item,
  [data-model-page="about-index"] .strengths-stats .stats-list-item + .stats-list-item {
    width: 100% !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    overflow: hidden !important;
  }

  [data-model-page="about-index"] .strengths-stats .stats-label,
  [data-model-page="about-index"] .strengths-stats .stats-value,
  [data-model-page="about-index"] .strengths-stats .stats-note {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  [data-model-page="about-index"] .business-strengths > .section-max > h3 {
    margin-top: 48px !important;
    margin-bottom: 24px !important;
    font-size: 22px !important;
    line-height: 30px !important;
  }

  [data-model-page="about-index"] .strengths-tabs-container {
    display: none !important;
  }

  [data-model-page="about-index"] .strengths-accordion {
    display: block !important;
    margin-top: 24px !important;
  }

  [data-model-page="about-index"] .accordion-item {
    margin-bottom: 4px !important;
    background: #fff !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  [data-model-page="about-index"] .accordion-header {
    min-height: 56px !important;
    padding: 12px !important;
    gap: 8px !important;
    background: #fff !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }

  [data-model-page="about-index"] .accordion-item.active .accordion-header {
    background: linear-gradient(265deg, #1892ee 5.11%, #0032d6 93.64%) !important;
    border-bottom: 0 !important;
  }

  [data-model-page="about-index"] .accordion-icon {
    width: 8px !important;
    height: auto !important;
    flex: 0 0 8px !important;
    transform: rotate(-90deg) !important;
    filter: brightness(0.2) !important;
  }

  [data-model-page="about-index"] .accordion-item.active .accordion-icon {
    transform: rotate(0deg) !important;
    filter: brightness(0) invert(1) !important;
  }

  [data-model-page="about-index"] .accordion-header .header-text,
  [data-model-page="about-index"] .accordion-header .header-text.ml-12 {
    margin-left: 0 !important;
    color: #051243 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 32px !important;
  }

  [data-model-page="about-index"] .accordion-item.active .accordion-header .header-text {
    color: #fff !important;
  }

  [data-model-page="about-index"] .accordion-content {
    position: relative !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  [data-model-page="about-index"] .accordion-content img {
    display: block !important;
    width: 100% !important;
    height: 216px !important;
    object-fit: cover !important;
    object-position: top center !important;
  }

  [data-model-page="about-index"] .accordion-content .content-text {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    padding: 16px 20px !important;
    color: #051243 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    background: rgba(242, 247, 251, 0.88) !important;
    backdrop-filter: blur(4px);
  }

  [data-model-page="about-index"] .accordion-content .content-text p {
    margin: 0 0 4px !important;
    line-height: 24px !important;
  }

  [data-model-page="about-index"] .business-history-card > h2 {
    max-width: 306px !important;
    padding: 0 8px !important;
    font-size: 24px !important;
    line-height: 34px !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  [data-model-page="about-index"] .business-nav {
    overflow: hidden !important;
  }

  [data-model-page="about-index"] .business-nav .section-max {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  [data-model-page="about-index"] .business-history,
  [data-model-page="about-index"] .business-history-card,
  [data-model-page="about-index"] .history-swiper {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  [data-model-page="about-index"] .history-swiper .swiper-wrapper {
    max-width: 100% !important;
  }

  [data-model-page="about-index"] .business-map {
    padding: 32px 0 72px !important;
  }

  [data-model-page="about-index"] .map-detail-panel {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    order: 2 !important;
  }

  [data-model-page="about-index"] .map-detail-image {
    width: 140px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 140px !important;
    align-self: auto !important;
    flex-shrink: 0 !important;
  }

  [data-model-page="about-index"] .map-detail-info {
    min-width: 0 !important;
    padding: 16px !important;
    flex: 1 1 auto !important;
  }

  [data-model-page="about-index"] .map-detail-info h3 {
    font-size: 18px !important;
  }

  [data-model-page="about-index"] .map-detail-info p {
    font-size: 14px !important;
  }

  [data-model-page="about-index"] .map-detail-pin {
    width: 40px !important;
    flex: 0 0 40px !important;
  }
}