/* ==========================================================================
   智能出入口管控系统产品页专属样式 (High-Fidelity)
   Base: 1rem = 16px
   ========================================================================== */

/* 1. Hero Banner */
.sac-banner {
    position: relative;
    height: 48.75rem; /* 780px */
    overflow: hidden;
}

.sac-banner-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sac-banner-inner {
    height: 100%;
    padding-top: 13.1875rem; /* 211px 对齐 UWB 标准 */
}

.sac-banner-title {
    font-size: 3.125rem; /* 58px */
    color: #FFFFFF;
    font-family: s-demibold;
    line-height: 4.8125rem; /* 77px */
    margin: 0;
    margin-bottom: 1rem; /* 10px */
}

.sac-banner-desc {
    font-size: 1.625rem; /* 22px */
    color: #CBD3E8;
    line-height: 1.625rem; /* 34px */
}

/* 2. 产品价值 (Values) */
.sac-values-section {
    padding: 3.75rem 0 6.0625rem; /* 60px - 97px */
    background: #FFFFFF;
}

.sac-values-subtitle {
    font-size: 1.375rem; /* 22px */
    color: #8B909A;
    line-height: 1.875rem!important;
    margin-top: 0.5rem;
}

.sac-values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.75rem; /* 28px */
    margin-top: 2.5rem; /* 40px */
}

.sac-value-card {
    height: 15rem; /* 240px */
    padding: 1.3125rem 2.375rem; /* 21px 38px */
    background: #FFFFFF;
    box-shadow: 0.1875rem 0.1875rem 1.875rem 0 rgba(0, 57, 83, 0.1); 
    border-radius: 0.875rem; /* 14px */
    transition: transform 0.3s ease;
}

.sac-value-icon-box {
    height: 4.625rem; /* 74px */
    display: flex;
    align-items: center;
    margin-bottom: 0.6875rem; /* 11px */
}

.sac-value-icon {
    width: auto;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}

.sac-value-title {
    font-size: 1.5rem; /* 24px */
    color: #333333;
    line-height: 2.0625rem; /* 33px */
    font-family: s-demibold;
    margin-bottom: 0.625rem; /* 10px */
}

.sac-value-desc {
    font-size: 1rem; /* 16px */
    color: #333333;
    opacity: 0.6;
    line-height: 1.5rem; /* 24px */
    margin: 0;
}

/* 3. 产品展示 (Display) */
.sac-display-section {
    padding: 6rem 0;
    background: #F9FAFC;
}

.sac-display-list {
    display: flex;
    flex-direction: column;
    gap: 1.75rem; /* 28px */
}

.sac-display-card {
    height: 42.5rem; /* 680px */
    background: #FFFFFF;
    box-shadow: 0.1875rem 0.1875rem 1.875rem 0 rgba(0, 57, 83, 0.1);
    border-radius: 0.875rem;
    overflow: hidden;
    box-sizing: border-box;
}

.sac-display-img {
    height: 100%;
    background: #FFFFFF;
    display: flex;
}

/* 产品 1: 智能人脸识别道闸 */
.sac-card-1 .sac-display-img {
    align-items: flex-end;
}
.sac-card-1 .sac-display-img img {
    width: 35.9375rem; /* 575px */
    height: 35.0625rem; /* 561px */
    margin-left: 5.4375rem; /* 87px */
    object-fit: contain;
}

/* 产品 2: 智能车牌识别道闸 */
.sac-card-2 .sac-display-img {
    align-items: flex-end;
}
.sac-card-2 .sac-display-img img {
    width: 41.4375rem; /* 663px */
    height: 30rem; /* 480px */
    margin-left: 3.5625rem; /* 57px */
    margin-bottom: 5.3125rem; /* 85px */
    object-fit: contain;
}

.sac-display-content {
    flex: 0 0 38.375rem; /* 614px */
    min-width: 38.375rem;
    box-sizing: border-box;
}

.sac-display-title {
    font-size: 2rem; /* 32px */
    color: #252B3A;
    font-family: s-demibold;
    line-height: 2.625rem; /* 42px */
    margin: 0;
}

.sac-display-subtitle {
    font-size: 1.125rem; /* 18px */
    color: #435566;
    opacity: 0.5;
    line-height: 1.5rem; /* 24px */
    margin-bottom: 1.875rem; /* 30px */
}

.sac-display-features {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* 24px */
}

.sac-display-feature-item {
    display: flex;
    flex-direction: column;
}

.sac-feature-header {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem; /* 4px */
}

.sac-feature-tick {
    width: 1.25rem; /* 20px */
    height: 1.25rem; /* 20px */
    margin-right: 0.375rem; /* 6px */
}

.sac-feature-name {
    font-size: 1.125rem; /* 18px */
    line-height: 1.5rem; /* 24px */
    font-family: s-demibold;
    color: #435566;
}

.sac-feature-desc {
    font-size: 1rem; /* 16px */
    line-height: 1.5rem; /* 24px */
    color: #435566;
    opacity: 0.5;
}