.video-section {

    position: relative;

    width: 100%;

    height: 100vh;

    overflow: hidden;

}



.bg-video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: 0;

}





.card-row {

    display: flex;

    justify-content: space-between;

    gap: 0.2rem;

    padding: 2rem 7rem;

    flex-wrap: nowrap;

    width: 1400px;

    margin: 0 auto;

}



.card {

    flex: 0 0 calc(20% - 0.5rem);

    height: auto;

    flex-direction: column;

    justify-self: center;

    align-items: center;

    background: rgba(255, 255, 255, 0.2);

    backdrop-filter: blur(8px);

    border-radius: 16px;

    overflow: hidden;

    text-align: center;

    cursor: pointer;

    transition: transform 0.3s ease, box-shadow 0.3s;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

}



.card img {

    width: 80px;

    height: 80px;

    object-fit: contain;

    transition: transform 0.3s;

}



.card h3 {

    font-size: 1.2rem;

    color: #222;

    transition: transform 0.3s;

}



.card:hover img,

.card:hover h3 {

    transform: scale(1.05);

}



.card:hover {

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);

}



/* 详情内容样式 */

.detail-section {

    max-width: 960px;

    margin: 2rem auto;

}



.detail-content {

    display: none;

    background: #fff;

    padding: 2rem;

    border-left: 4px solid #0077cc;

    animation: fadeIn 0.4s ease;

    border-radius: 12px;

}



.detail-content h2 {

    margin-bottom: 1rem;

    font-size: 1.6rem;

}



.detail-content h4 {

    color: #0077cc;

    margin-top: 1.5rem;

    font-weight: 600;

    border-left: 3px solid #0077cc;

    padding-left: 0.5rem;

}



@keyframes fadeIn {

    from {

        opacity: 0;

        transform: translateY(10px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }

}



/* 默认展示的简介样式 */

.default-detail {

    max-width: 960px;

    margin: 2rem auto;

    padding: 2rem;

    background: rgba(255, 255, 255, 0.85);

    backdrop-filter: blur(6px);

    border-left: 4px solid #0077cc;

    border-radius: 12px;

    font-family: 'Segoe UI', sans-serif;

    color: #333;

    line-height: 1.7;

    animation: fadeIn 0.5s ease;

}



.default-detail h4 {

    font-size: 1.5rem;

    margin-bottom: 1rem;

}



.default-detail p {

    margin-bottom: 1rem;

    font-size: 1rem;

}