/* ===== public/static/legacy/about/css/about-company.css ===== */
/*
 * @华创联合智控-css-index
 * 文件: css/about/about-company.css
 * 层级: 关于我们
 * 引用页面: about-company.html
 * 依赖: contact.css, about-team-shared.css, kh-about-video.css
 * 修改指引: .about-company-* 公司简介
 * 索引: css/00-样式文件索引.css
 */
/* Company Profile ??? about-company.html */

.about-company-page {
    padding: 0 0 72px;
}

.about-company-hero-grid {
    display: grid;
    /* ???? 1fr????? minmax(440px,580px)??? 420px ?? 160px */
    grid-template-columns: minmax(0, 1fr) minmax(440px, 580px);
    gap: 32px;
    align-items: start;
    margin: 40px 0 36px;
}

.about-company-intro {
    margin: 0;
    max-width: 100%;
}

.about-company-intro p:not(.about-company-intro__lead) {
    text-align: center;
}

.about-company-section-title {
    margin: 0 0 20px;
    font-size: 22px;
    font-weight: 400;
    color: #1a1a1a;
    padding-inline-start: 14px;
    border-inline-start: 4px solid #1d5198;
}

.about-company-visuals {
    margin-bottom: 48px;
}

.about-company-visuals__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-company-visuals__grid figure {
    margin: 0;
}

.about-company-visuals__grid img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #e1e5ea;
    background: #f1f3f5;
}

.about-company-awards__grid img {
    aspect-ratio: 3 / 4;
    object-fit: contain;
    object-position: center top;
    background: #fff;
}

.about-company-visuals__grid figcaption {
    margin-top: 8px;
    font-size: 13px;
    color: #6c757d;
    text-align: center;
}

.about-company-visuals__more {
    margin: 16px 0 0;
    font-size: 14px;
    color: #495057;
}

.about-company-visuals__more a {
    font-weight: 600;
    color: #1d5198;
}

.about-company-history-teaser {
    margin-bottom: 40px;
    padding: 28px 28px 24px;
    background: #f8f9fb;
    border: 1px solid #e1e5ea;
    border-radius: 5px;
}

.about-company-history-teaser__head p {
    margin: 0 0 20px;
    font-size: 15px;
    color: #6c757d;
    line-height: 1.7;
}

.about-company-history-teaser__list {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 12px;
}

.about-company-history-teaser__list li {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 16px;
    align-items: baseline;
    padding-bottom: 12px;
    border-bottom: 1px dashed #dde2e8;
}

.about-company-history-teaser__list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.about-company-history-teaser__list .year {
    font-weight: 700;
    color: #1d5198;
    font-size: 16px;
}

.about-company-history-teaser__list .text {
    font-size: 15px;
    color: #495057;
}

.about-company-history-teaser__cta {
    display: inline-block;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #1d5198;
    border-radius: 5px;
    text-decoration: none;
    transition: background 0.2s ease;
}

.about-company-history-teaser__cta:hover {
    background: #164078;
    color: #fff;
}

.about-company-intro__brand {
    margin: 0 0 16px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1d5198;
}

.about-company-intro__legal {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
}

.about-company-intro__lead {
    margin: 0;
    max-width: 100%;
    font-size: 18px;
    line-height: 1.85;
    color: #334155;
    text-align: start;
}

.about-company-awards {
    margin-bottom: 48px;
}

.about-company-awards__head {
    margin-bottom: 20px;
}

.about-company-awards__head p {
    margin: 0 0 10px;
    font-size: 15px;
    color: #6c757d;
    line-height: 1.7;
}

.about-company-awards__all {
    font-size: 14px;
    font-weight: 600;
    color: #1d5198;
    text-decoration: none;
}

.about-company-awards__all:hover {
    text-decoration: underline;
}

.about-company-awards__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-company-awards__grid > li {
    min-width: 0;
}

.about-company-awards__grid a {
    display: block;
    text-decoration: none;
    color: inherit;
    border: 1px solid #e1e5ea;
    border-radius: 5px;
    overflow: hidden;
    background: #f8f9fb;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.about-company-awards__grid a:hover {
    border-color: #c5d5eb;
    box-shadow: 0 6px 20px rgba(29, 81, 152, 0.12);
}

.about-company-awards__grid img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.about-company-awards__grid span {
    display: block;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
    text-align: center;
    color: #1d5198;
}

.about-company-cta {
    margin-top: 8px;
}

.about-company-highlights {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 48px;
}

.about-company-highlight {
    text-align: center;
    padding: 22px 14px;
    background: #f8f9fb;
    border: 1px solid #e1e5ea;
    border-radius: 5px;
}

.about-company-highlight__num {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #1d5198;
    line-height: 1.2;
}

.about-company-highlight__label {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    color: #6c757d;
}

.about-company-body {
    display: grid;
    gap: 32px;
    margin-bottom: 40px;
}

.about-company-section h2 {
    margin: 0 0 14px;
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    padding-inline-start: 14px;
    border-inline-start: 4px solid #1d5198;
}

.about-company-section p {
    margin: 0;
    font-size: 16px;
    line-height: 1.85;
    color: #495057;
}

.about-company-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    padding-top: 8px;
    border-top: 1px solid #e1e5ea;
}

.about-company-links a {
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    color: #1d5198;
    text-decoration: none;
    border: 1px solid #c5d5eb;
    border-radius: 5px;
    background: #fff;
    transition: background 0.2s ease, color 0.2s ease;
}

.about-company-links a:hover {
    background: #1d5198;
    color: #fff;
    border-color: #1d5198;
}

@media (max-width: 991px) {
    .about-company-hero-grid {
        grid-template-columns: 1fr;
    }

    .about-company-intro {
        max-width: none;
    }

    .about-company-video {
        width: 100%;
        min-width: 0;
        max-width: none;
        justify-self: stretch;
    }

    .about-company-awards__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-company-visuals__grid {
        grid-template-columns: 1fr;
    }

    .about-company-highlights {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .about-company-highlights {
        grid-template-columns: 1fr;
    }

    .about-company-intro__lead {
        font-size: 16px;
    }

    .about-company-links {
        flex-direction: column;
        align-items: stretch;
    }

    .about-company-links a {
        text-align: center;
    }
}


/* ===== public/static/about/css/kh-about-video.css ===== */
/*
 * kh-about-video.css
 * 企业宣传片视频播放组件样式
 * 依赖: Boxicons (bx bx-play)
 */

/* ===== 视频容器 ===== */
.about-company-video {
    position: relative;
    width: 100%;
}

/* ===== 内嵌自动播放（首页关于我们等）===== */
.about-company-video--inline .about-company-video__media {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 5px;
    background: #000;
}

/* ===== 触发按钮（封面图 + 播放图标）===== */
.about-company-video__trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.about-company-video__trigger:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 30px rgba(29, 81, 152, 0.18);
}

.about-company-video__trigger:focus-visible {
    outline: 3px solid #1d5198;
    outline-offset: 2px;
}

/* 封面图 */
.about-company-video__trigger > img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 5px;
}

/* ===== 播放按钮图标 ===== */
.about-company-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: rgba(29, 81, 152, 0.9);
    border-radius: 50%;
    transition: background 0.2s ease, transform 0.2s ease;
}

.about-company-video__play i {
    font-size: 32px;
    color: #fff;
    margin-left: 4px; /* 视觉居中补偿 */
}

.about-company-video__trigger:hover .about-company-video__play {
    background: rgba(29, 81, 152, 1);
    transform: translate(-50%, -50%) scale(1.1);
}

/* ===== 说明文字 ===== */
.about-company-video__caption {
    margin: 10px 0 0;
    font-size: 14px;
    color: #6c757d;
    text-align: center;
}

/* ===== 视频播放弹窗遮罩 ===== */
.kh-video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.85);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.kh-video-overlay.is-active {
    opacity: 1;
    visibility: visible;
}

/* 弹窗内容区 */
.kh-video-overlay__inner {
    position: relative;
    width: 90%;
    max-width: 960px;
    background: #000;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    transform: translateY(20px) scale(0.95);
    transition: transform 0.35s ease;
}

.kh-video-overlay.is-active .kh-video-overlay__inner {
    transform: translateY(0) scale(1);
}

/* 视频 */
.kh-video-overlay video {
    display: block;
    width: 100%;
    height: auto;
    max-height: 80vh;
    background: #000;
}

/* 关闭按钮 */
.kh-video-overlay__close {
    position: absolute;
    top: -40px;
    right: 0;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
    color: #fff;
    font-size: 18px;
    line-height: 1;
}

.kh-video-overlay__close:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* 标题 */
.kh-video-overlay__title {
    padding: 12px 16px;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #e8e8e8;
    text-align: center;
    background: #111;
}

/* 响应式 */
@media (max-width: 768px) {
    .kh-video-overlay__inner {
        width: 95%;
        max-width: none;
    }

    .kh-video-overlay video {
        max-height: 60vh;
    }

    .about-company-video__play {
        width: 56px;
        height: 56px;
    }

    .about-company-video__play i {
        font-size: 24px;
    }
}

/* ===== 视频弹窗（about-video-popup.js / #khVideoModal）===== */
.kh-video-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.kh-video-modal[hidden] {
    display: none !important;
}

.kh-video-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.82);
    cursor: pointer;
}

.kh-video-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(960px, 100%);
    max-height: calc(100vh - 48px);
    background: #000;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}

.kh-video-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
}

.kh-video-modal__close:hover {
    background: rgba(255, 255, 255, 0.28);
}

.kh-video-modal__close i {
    font-size: 22px;
    line-height: 1;
}

.kh-video-modal__body {
    padding: 0;
}

.kh-video-modal__body video {
    display: block;
    width: 100%;
    max-height: min(80vh, 720px);
    background: #000;
}

.kh-video-modal__gif {
    display: block;
    max-width: 100%;
    max-height: min(72vh, 640px);
    width: auto;
    height: auto;
    margin: 0 auto;
}

.kh-video-modal__message {
    padding: 40px 28px;
    color: #e8e8e8;
    text-align: center;
}

.kh-video-modal__message-title {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.kh-video-modal__message p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.78);
}

.kh-video-modal__message code {
    font-size: 13px;
    color: var(--site-brand-orange);
}


/* ===== public/static/legacy/about/css/about-team-shared.css ===== */
/*
 * @华创联合智控-css-index
 * 文件: css/about/about-team-shared.css
 * 层级: 关于我们
 * 引用页面: About_Company/Culture 等
 * 依赖: contact.css
 * 修改指引: .team-merge-nav 团队页内导航
 * 索引: css/00-样式文件索引.css
 */
/* Shared — Team pages (capabilities + members variants) */

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.team-merge-nav {
    position: sticky;
    top: 0;
    z-index: 100;
    background: linear-gradient(90deg, #1d5198 0%, #2a6bb5 100%);
    color: #fff;
    box-shadow: 0 2px 12px rgba(29, 81, 152, 0.25);
}

.team-merge-nav__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    padding: 10px 15px;
    font-size: 14px;
}

.team-merge-nav__label {
    font-weight: 700;
    margin-inline-end: 4px;
}

.team-merge-nav__link {
    color: #fff;
    text-decoration: none;
    padding: 6px 14px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    font-weight: 600;
    transition: background 0.2s ease;
}

.team-merge-nav__link:hover {
    background: rgba(255, 255, 255, 0.15);
}

.team-merge-nav__hint {
    margin-inline-start: auto;
    font-size: 12px;
    opacity: 0.85;
}

@media (max-width: 640px) {
    .team-merge-nav__hint {
        margin-inline-start: 0;
        width: 100%;
    }
}

.about-team-block {
    padding: 8px 0 16px;
}

.about-team-block__head {
    text-align: start;
    max-width: none;
    margin: 0 0 32px;
    width: 100%;
    box-sizing: border-box;
}

.about-team-block__tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
    background: #1d5198;
    padding: 4px 12px;
    border-radius: 5px;
    margin-bottom: 12px;
}

.about-team-block__tag--b {
    background: #2d6a4f;
}

.about-team-block__head h2 {
    margin: 0 0 10px;
    font-size: 26px;
    font-weight: 700;
    color: #1a1a1a;
}

.about-team-block__head p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #6c757d;
}

.about-team-block-divider {
    height: 4px;
    margin: 48px 0;
    border-radius: 5px;
    background: linear-gradient(90deg, transparent, #1d5198 20%, #2d6a4f 80%, transparent);
}

.about-team-block-divider--sub {
    height: 2px;
    margin: 40px 0 36px;
    background: linear-gradient(90deg, transparent, #c5d5eb 30%, #2d6a4f 70%, transparent);
}

.about-team-combined .about-team-block--members {
    margin-bottom: 40px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.about-team-block--members .about-team-block__head {
    text-align: center;
    width: 100%;
    max-width: none;
    margin-inline: auto;
}

.about-team-combined .about-team-org__title,
.about-team-combined .about-team-matrix__title {
    font-size: 20px;
}

.about-team-combined .about-team-section__head h3 {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
}

.team-variant-banner {
    background: linear-gradient(90deg, #e8f0fa 0%, #f4f7fb 100%);
    border-bottom: 1px solid #c5d5eb;
}

.team-variant-banner__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
    padding: 12px 15px;
    font-size: 14px;
    color: #334155;
}

.team-variant-banner__text {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.team-variant-banner__text i {
    font-size: 20px;
    color: #1d5198;
}

.team-variant-banner__link {
    font-weight: 600;
    color: #1d5198;
    text-decoration: none;
    white-space: nowrap;
}

.team-variant-banner__link:hover {
    text-decoration: underline;
}

.about-team-page {
    padding: 0 0 72px;
}

.about-team-intro {
    text-align: center;
    width: 100%;
    max-width: none;
    margin: 40px auto 32px;
}

.about-team-intro h2 {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 12px;
}

.about-team-intro p {
    margin: 0;
    font-size: 16px;
    line-height: 1.75;
    color: #6c757d;
}

.about-team-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 48px;
}

.about-team-stat {
    background: #fff;
    border: 1px solid #e1e5ea;
    border-radius: 5px;
    padding: 24px 16px;
    text-align: center;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.about-team-stat:hover {
    box-shadow: 0 8px 24px rgba(29, 81, 152, 0.1);
    transform: translateY(-2px);
}

.about-team-stat__icon {
    font-size: 32px;
    color: #1d5198;
    margin-bottom: 8px;
}

.about-team-stat__num {
    font-size: 32px;
    font-weight: 700;
    color: #1d5198;
    line-height: 1.2;
}

.about-team-stat__num span {
    font-size: 18px;
    font-weight: 600;
}

.about-team-stat__label {
    margin-top: 6px;
    font-size: 14px;
    color: #6c757d;
}

.about-team-cta {
    margin-top: 48px;
    padding: 36px 24px;
    text-align: center;
    background: linear-gradient(135deg, #1d5198 0%, #2a6bb5 100%);
    border-radius: 5px;
    color: #fff;
}

.about-team-cta h3 {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 700;
}

.about-team-cta p {
    margin: 0 0 20px;
    opacity: 0.92;
    font-size: 15px;
}

.about-team-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.about-team-cta__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 10px 28px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.2;
    font-family: var(--site-ui-font, 'Segoe UI', system-ui, -apple-system, 'Microsoft YaHei', 'PingFang SC', sans-serif);
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.about-team-cta__btn--primary {
    background: #fff;
    color: #1d5198;
}

.about-team-cta__btn--primary:hover {
    background: #f0f4fa;
}

.about-team-cta__btn--ghost {
    border: 2px solid rgba(255, 255, 255, 0.85);
    color: #fff;
}

.about-team-cta__btn--ghost:hover {
    background: rgba(255, 255, 255, 0.12);
}

@media (max-width: 991px) {
    .about-team-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .about-team-stats {
        grid-template-columns: 1fr;
    }

    .about-team-intro h2 {
        font-size: 24px;
    }
}

/* 关于我们 — 子页底部相关链接（全栏目统一） */
.about-sibling-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #e1e5ea;
}

.about-sibling-nav a {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #1d5198;
    text-decoration: none;
    border: 1px solid #c5d4e8;
    border-radius: 5px;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.about-sibling-nav a:hover,
.about-sibling-nav a.is-active {
    background: rgba(29, 81, 152, 0.08);
}

.about-sibling-nav a.is-active {
    border-color: #1d5198;
}

/* —— About hub：卡片圆角统一 5px（公司简介 + 5 个子页）—— */
.about-company-visuals__grid img,
.about-company-history-teaser,
.about-company-awards__grid a,
.about-company-highlight,
.about-company-video__trigger,
.about-company-video__trigger > img,
.about-company-video--inline .about-company-video__media,
.about-culture-mvv__card,
.about-culture-motto,
.about-culture-card,
.about-culture-stat,
.about-culture-life__grid img,
.about-culture-activity,
.about-culture-activity__icon,
.about-culture-training-card,
.about-culture-csr,
.about-showcase-jump,
.about-showcase-gallery__link,
.about-show-lightbox__img,
.about-awards-featured li,
.about-awards-grid li,
.about-awards-featured li p,
.about-awards-grid li p,
.about-team-stat,
.about-team-cta,
.about-team-org__root,
.about-team-org__branch,
.about-team-dept-card,
.about-team-dept-card__icon,
.about-team-matrix__item,
.about-team-culture-strip,
.about-team-culture-strip__visual,
.about-team-member-card,
.about-team-disclaimer,
.kh-video-overlay__inner,
.kh-video-modal__dialog {
    border-radius: 5px;
}


/* ===== public/static/legacy/legacy-content-shell.css ===== */
/**
 * 旧站正文嵌入新站时的布局修正（不覆盖 legacy 组件样式）
 */
.legacy-page-body {
	padding-bottom: var(--space-3xl, 3rem);
}

/* 解决方案 / 优势等 legacy 页壳：与顶栏、MenuSubNav 同一版心 */
.legacy-page-body > :is(
	.sol-hotel-page,
	.sol-comfort-page,
	.sol-checkin-page,
	.sol-card-power-page,
	.sol-curtain-page,
	.sol-door-lock-page,
	.sol-energy-page,
	.sol-lighting-page,
	.sol-platform-page,
	.sol-public-page,
	.sol-tech-page,
	.sol-tech-wireless-page,
	.sol-tech-wired-page,
	.sol-tech-rs485-page,
	.sol-tech-modular-page,
	.sol-topic-page,
	.sol-topic-energy-page,
	.sol-topic-contactless-page,
	.sol-topic-guest-page,
	.sol-topic-ops-page,
	.sol-topic-chain-page,
	.sol-topic-security-page,
	.sol-topic-weak-page,
	.sol-chain-page,
	.sol-luxury-page,
	.sol-bnb-page,
	.sol-office-page,
	.sol-park-page,
	.sol-dine-page,
	.sol-demo-page,
	.adv-page,
	.collection-page
),
.legacy-page-body > .legacy-solutions-hub {
	box-sizing: border-box;
	width: var(--page-shell-width);
	max-width: var(--page-shell-max);
	margin-inline: auto;
	padding-inline: var(--container-gutter);
}

.legacy-page-body > :is(
	.sol-hotel-page,
	.sol-comfort-page,
	.sol-checkin-page,
	.sol-card-power-page,
	.sol-curtain-page,
	.sol-door-lock-page,
	.sol-energy-page,
	.sol-lighting-page,
	.sol-platform-page,
	.sol-public-page,
	.sol-tech-page,
	.sol-tech-wireless-page,
	.sol-tech-wired-page,
	.sol-tech-rs485-page,
	.sol-tech-modular-page,
	.sol-topic-page,
	.sol-topic-energy-page,
	.sol-topic-contactless-page,
	.sol-topic-guest-page,
	.sol-topic-ops-page,
	.sol-topic-chain-page,
	.sol-topic-security-page,
	.sol-topic-weak-page,
	.sol-chain-page,
	.sol-luxury-page,
	.sol-bnb-page,
	.sol-office-page,
	.sol-park-page,
	.sol-dine-page,
	.sol-demo-page,
	.adv-page,
	.collection-page
) > .container,
.legacy-page-body > :is(
	.sol-hotel-page,
	.sol-comfort-page,
	.sol-checkin-page,
	.sol-card-power-page,
	.sol-curtain-page,
	.sol-door-lock-page,
	.sol-energy-page,
	.sol-lighting-page,
	.sol-platform-page,
	.sol-public-page,
	.sol-tech-page,
	.sol-tech-wireless-page,
	.sol-tech-wired-page,
	.sol-tech-rs485-page,
	.sol-tech-modular-page,
	.sol-topic-page,
	.sol-topic-energy-page,
	.sol-topic-contactless-page,
	.sol-topic-guest-page,
	.sol-topic-ops-page,
	.sol-topic-chain-page,
	.sol-topic-security-page,
	.sol-topic-weak-page,
	.sol-chain-page,
	.sol-luxury-page,
	.sol-bnb-page,
	.sol-office-page,
	.sol-park-page,
	.sol-dine-page,
	.sol-demo-page,
	.adv-page,
	.collection-page
) > .collection-page__inner {
	width: 100%;
	max-width: none;
	margin-inline: 0;
	padding-inline: 0;
}

.legacy-page-body .container,
.legacy-page-body > .legacy-solutions-hub {
	box-sizing: border-box;
	width: var(--page-shell-width);
	max-width: var(--page-shell-max);
	margin-inline: auto;
	padding-inline: var(--container-gutter);
}

/* collection-page 外壳已承担版心时，内层不再重复收窄 */
.legacy-page-body > .collection-page > .collection-page__inner {
	width: 100%;
	max-width: none;
	margin-inline: 0;
	padding-inline: 0;
}

/* 覆盖 global.css 对嵌套 collection-page__inner 的重复版心（场景页等 legacy 嵌入） */
main:not(.pushable-content) .legacy-page-body > .collection-page > .collection-page__inner {
	width: 100%;
	max-width: none;
	margin-inline: 0;
	padding-inline: 0;
}

.legacy-page-body > :not(.collection-page) .collection-page__inner,
.legacy-page-body .collection-page__inner.container {
	box-sizing: border-box;
	width: var(--page-shell-width);
	max-width: var(--page-shell-max);
	margin-inline: auto;
	padding-inline: var(--container-gutter);
}

.legacy-page-body img,
.legacy-page-body video {
	max-width: 100%;
	height: auto;
}

.legacy-page-body a:not([class]) {
	color: var(--color-primary, #2563eb);
}

.legacy-page-body table {
	max-width: 100%;
}

.legacy-page-body :is(
	.sol-hotel-compare-wrap,
	.solution-hub__compare-wrap,
	.adv-table-wrap,
	.svc-api-table-wrap,
	.svc-as-table-wrap,
	.coop-table-wrap,
	.sol-chain-std-table-wrap
) {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.legacy-page-body :is(
	.sol-hotel-compare,
	.solution-hub__compare,
	.adv-table,
	.svc-api-table,
	.svc-as-table,
	.coop-table,
	.sol-chain-bom-table,
	.sol-chain-std-table
) {
	display: table;
	width: 100%;
	border-collapse: collapse;
}