
.about-details-v1 {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;   /* 水平居中核心代码 */
    padding: 20px  20px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.about-details-v1 .adv1-box {
    display: flex;
    flex-direction: row;
    gap: 30px 30px;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.about-details-v1 .adv1-content {
    flex: 0 0 60%;
    max-width: 60%;
    min-width: 0;
    overflow: hidden;
    word-break: break-word; /* 优化：改为 break-word，避免正常英文单词被生硬截断 */
}

.about-details-v1 .adv1-img {
    flex: 0 0 40%;
    max-width: 40%;
    min-width: 0;
    overflow: hidden;
}

/* 统一管理图片样式，去掉HTML中的inline style */
.about-details-v1 .adv1-img-box img {
    display: block;
    max-width: 100%;
    max-height: 600px;
    width: auto;       /* 宽度自适应，配合object-fit防止变形 */
    height: auto;
    object-fit: contain;
    border-radius: 2px;
}

/* 标题虚线框 */
.about-details-v1 .title-dashed {
    display: inline-block;
    font-size:37px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 20px 0;
    line-height: 1.5;
}

/* 正文虚线外框 */
.about-details-v1 .dashed-wrap {
    line-height: 1.5;
    font-size: 17px;
    text-align: justify; /* 两端对齐 */
    word-break: keep-all; /* 只在单词/空格处换行，不拆分单词 */
    overflow-wrap: break-word; /* 超长单词强制换行（兜底） */
}

.about-details-v1 .dashed-wrap p {
    margin: 0 0 15px;
}
.about-details-v1 .dashed-wrap p:last-child {
    margin-bottom: 0;
}


/* ============ 手机端 响应式样式 (屏幕宽度 <= 768px) ============ */
@media (max-width: 768px) {

    /* 手机端缩小内边距 */
    .about-details-v1 {
        padding: 40px 15px;
    }

    /* 1. 布局改为纵向排列 */
    .about-details-v1 .adv1-box {
        flex-direction: column;
        gap: 30px 30px;
    }

    /* 2. 文字和图片占满全宽 */
    .about-details-v1 .adv1-content,
    .about-details-v1 .adv1-img {
        flex: 1 1 100%;
        max-width: 100%;
    }

    /* 3. 标题字号与间距缩小 */
    .about-details-v1 .title-dashed {
        font-size: 24px;
        margin: 0 0 20px 0;
        padding: 0 10px;
        text-align: center;
        box-sizing: border-box;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    /* 4. 正文虚线外框缩小 */
    .about-details-v1 .dashed-wrap {
        font-size: 17px;
        padding: 0 10px;
        line-height: 1.5;
        box-sizing: border-box;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .about-details-v1 .dashed-wrap p {
        margin: 0 0 15px;
        text-align: justify;
    }

    /* 5. 图片居中且防止变形拉伸 */
    .about-details-v1 .adv1-img {
        text-align: center;
        display: flex;        /* 使用flex让图片居中更稳妥 */
        justify-content: center;
        margin-bottom: 20px;
    }

    .about-details-v1 .adv1-img-box img {
        max-height: none;     /* 手机端通常不需要限制600px高度 */
        margin: 0 auto;
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 2px;
    }
}
