/* --- HA3LX Case Study / Insights Module (终极对齐 & 永久入口版) --- */
.ha3lx-cases-scope {
    --hz-orange: #ec682e;
    --hz-blue-dark: #002B49;
    --text-dark: #333333;
    --text-gray: #666666;
    background-color: #f8f9fb;
    padding: 80px 0;
    overflow: hidden;

    /* 全屏背景：使用 margin 抵消容器限制，不改变定位，确保居中 */
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
}

.ha3lx-cases-container {
    /* 核心居中逻辑 */
    max-width: 1200px;
    margin: 0 auto !important; 
    padding: 0 20px;
    text-align: center; /* 标题水平居中 */
}

.ha3lx-cases-header h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    color: var(--hz-blue-dark);
    margin-bottom: 15px;
    font-weight: 500;
}

.ha3lx-cases-header p {
    font-family: 'Open Sans', sans-serif;
    color: var(--text-gray);
    font-size: 16px;
    margin-bottom: 50px;
}

/* 案例网格 - 强制水平居中 */
.ha3lx-cases-grid {
    display: flex;
    justify-content: center; /* 在弹性盒子里水平居中 */
    flex-wrap: wrap;
    gap: 30px;
    width: 100%;
}

/* 单个案例卡片 */
.ha3lx-case-card {
    flex: 0 1 360px; /* 限制卡片宽度，确保三张图能并排居中 */
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    text-decoration: none;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    text-align: left; /* 卡片内文字保持左对齐 */
}

.ha3lx-case-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.ha3lx-case-img {
    height: 220px;
    background: #eee;
    overflow: hidden;
}

.ha3lx-case-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ha3lx-case-body {
    padding: 25px;
}

.ha3lx-case-tag {
    color: var(--hz-orange);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
}

.ha3lx-case-body h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: var(--hz-blue-dark);
    margin: 0 0 12px 0;
}

/* 永久入口特殊样式 */
.ha3lx-portal-card {
    background: var(--hz-blue-dark);
}

.ha3lx-portal-card .ha3lx-case-body h3,
.ha3lx-portal-card .ha3lx-case-body p {
    color: #ffffff;
}

.ha3lx-portal-card:hover {
    background: #003a63;
}

/* 响应式适配 */
@media screen and (max-width: 1100px) {
    .ha3lx-cases-grid { gap: 20px; }
    .ha3lx-case-card { flex: 0 1 300px; }
}

@media screen and (max-width: 768px) {
    .ha3lx-case-card { flex: 0 1 100%; max-width: 400px; }
}