/* 移动端响应式样式 */
@media screen and (max-width: 768px) {
    /* 调整hero区域样式 */
    .hero {
        padding: 40px 0;
    }

    .hero-banner {
        height: auto;
        max-height: 300px;
        object-fit: cover;
        margin-bottom: 20px;
    }
    /* 调整容器内边距 */
    .container {
        padding: 0 15px;
    }

    /* 减小section间距 */
    .section {
        padding: 30px 0;
        margin-bottom: 20px;
    }

    /* 调整content-card间距 */
    .content-card {
        padding: 15px;
        margin-bottom: 15px;
    }

    /* 调整grid-layout间距 */
    .grid-layout {
        gap: 15px;
    }

    /* 调整列表项间距 */
    .achievement-list li,
    .intro-list li,
    .story-list li,
    .value-list li {
        margin-bottom: 10px;
    }

    /* 调整标题间距 */
    .section-title {
        margin-bottom: 20px;
    }

    h3 {
        margin-bottom: 15px;
    }

    /* 调整呈现形式板块间距 */
    .presentation-methods {
        gap: 15px;
    }

    .presentation-item {
        margin-bottom: 15px;
    }

    /* 调整内容比例图表间距 */
    .content-ratio .ratio-item {
        margin-bottom: 10px;
    }

    /* 调整视频规划间距 */
    .video-planning .video-item {
        margin-bottom: 15px;
    }

    /* 调整记忆点间距 */
    .memory-points .memory-point {
        margin-bottom: 15px;
    }

    /* 调整身份标签间距 */
    .identity-tags span {
        margin: 0 5px 5px 0;
    }
}