/* ==========================================================================
   收发卡一体机产品页专属样式 (High-Fidelity)
   Base: 1rem = 16px
   ========================================================================== */

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

.ism-banner-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.8s ease;
}

.ism-banner-inner {
    height: 100%;
    padding-top: 13.1875rem; /* 211px */
}

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

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

.ism-banner-btn-primary {
    display: inline-block;
    padding: 0.5rem 3.25rem; /* 8px 52px */
    background: #2664F5;
    color: #FFFFFF;
    font-size: 1.125rem; /* 18px */
    font-family: s-demibold;
    border-radius: 0.25rem;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.ism-banner-btn-primary:hover {
    background: #1a51d9;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(38,100,245,0.2);
}

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

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

.ism-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); /* 3px 3px 30px */
    border-radius: 0.875rem; /* 14px */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ism-value-card:hover {
    transform: translateY(-5px);
    box-shadow: 0.5rem 0.5rem 2.5rem rgba(0, 57, 83, 0.15);
}

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

.ism-value-icon {
    object-fit: contain;
}

/* 特定图标尺寸约束 */
.ism-val-automation .ism-value-icon { width: 3.75rem; height: 3.5rem; } /* 60x56 */
.ism-val-intelligence .ism-value-icon { width: 4.5625rem; height: 4.5625rem; } /* 73x73 */
.ism-val-compliance .ism-value-icon { width: 4.625rem; height: 4.625rem; } /* 74x74 */

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

.ism-value-desc {
    font-size: 1rem; /* 16px */
    color: #333333;
    opacity: 0.6; /* 60% 不透明度 */
    line-height: 1.5rem; /* 24px */
    margin: 0;
}

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

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

.ism-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; /* 14px */
    overflow: hidden;
    box-sizing: border-box;
}

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

/* 产品 1：卡务一体机 */
.ism-card-1 .ism-display-img {
    align-items: center;
}
.ism-card-1 .ism-display-img img {
    width: 33rem; /* 528px */
    height: 42.5rem; /* 680px */
    margin-left: 4.6875rem; /* 75px */
    object-fit: contain;
}

/* 产品 2：桌面式充电器 */
.ism-card-2 .ism-display-img {
    align-items: flex-end;
}
.ism-card-2 .ism-display-img img {
    width: 47.8125rem; /* 765px */
    height: 39.125rem; /* 626px */
    margin-left: 0; 
    object-fit: contain;
}

/* 产品 3：储物式充电柜 */
.ism-card-3 .ism-display-img {
    align-items: flex-end;
}
.ism-card-3 .ism-display-img img {
    width: 34.125rem; /* 546px */
    height: 34.125rem; /* 546px */
    margin-left: 6.0625rem; /* 97px */
    object-fit: contain;
}

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

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

.ism-display-subtitle {
    font-size: 1.125rem; /* 18px */
    color: #435566;
    opacity: 0.5; /* 50% 不透明度 */
    line-height: 1.5rem; /* 24px */
    margin-bottom: 1.875rem; /* 30px */
}

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

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

.ism-feature-header {
    margin-bottom: 0.25rem; /* 4px 间距 */
}

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

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

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