/* ============================================================
   数字员工详情区（digital-detail）
   左侧产品点选列表 + 右侧大图预览
   ============================================================ */

/* ---------- 区块容器 ---------- */
.digital-detail {
    display: none;
    margin-top: 40px;
    padding: 34px;
    background: #FFFFFF;
    border: 1px solid #E5EAF2;
    border-radius: 20px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.10);
    scroll-margin-top: 90px;
}
.digital-detail.is-visible {
    display: block;
}

/* ---------- 两栏布局 ---------- */
.digital-layout {
    display: grid;
    grid-template-columns: 1fr 1.12fr;
    gap: 30px;
    align-items: start;
}

/* ---------- 左侧文字 ---------- */
.digital-intro .label {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #1A56DB;
    margin-bottom: 10px;
}
.digital-intro h3 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #0F172A;
    line-height: 1.35;
    margin-bottom: 14px;
}
.digital-intro h3 span {
    display: block;
}
.digital-desc {
    color: #64748B;
    font-size: 0.92rem;
    line-height: 1.85;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #E5EAF2;
}

/* ---------- 产品点选卡 ---------- */
.digital-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    align-items: stretch;
}
.digital-card {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    vertical-align: top;
    text-align: left;
    font-family: inherit;
    background: #F7FAFF;
    border: 1px solid #E5EAF2;
    border-radius: 14px;
    padding: 18px 16px 16px;
    cursor: pointer;
    transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.digital-card:hover {
    border-color: rgba(26, 86, 219, 0.4);
    transform: translateY(-3px);
}
.digital-card.is-active {
    background: #FFFFFF;
    border-color: #1A56DB;
    box-shadow: 0 14px 30px rgba(26, 86, 219, 0.16);
}
.digital-card .dc-title {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.45;
    min-height: 2.9em;
    margin-bottom: 8px;
}
.digital-card.is-active .dc-title {
    color: #1A56DB;
}
.digital-card .dc-desc {
    display: block;
    color: #64748B;
    font-size: 0.82rem;
    line-height: 1.7;
    margin-bottom: 10px;
}
.digital-card .dc-tags {
    display: block;
    margin-top: auto;
    padding-top: 4px;
    font-size: 0.74rem;
    color: #1A56DB;
    opacity: 0.85;
    line-height: 1.6;
}

/* ---------- 右侧大图预览 ---------- */
.digital-preview {
    background: #081428;
    border: 1px solid rgba(148, 178, 255, 0.18);
    border-radius: 16px;
    overflow: hidden;
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.digital-preview img {
    display: block;
    width: 100%;
    height: auto;
}

/* ---------- 移动端 ---------- */
@media (max-width: 900px) {
    .digital-layout {
        grid-template-columns: 1fr;
    }
    .digital-cards {
        grid-template-columns: 1fr;
    }
    .digital-detail {
        padding: 22px;
    }
    .digital-intro h3 {
        font-size: 1.35rem;
    }
}