/* ===== 手机端响应式样式 (屏幕宽度 < 768px) ===== */
@media (max-width: 768px) {
    /* 重置根字体，让 rem 单位适配手机 */
    html {
        font-size: 16px !important;
    }

    body {
        width: 100% !important;
        overflow-x: hidden;
    }

    .page {
        width: 100% !important;
        overflow-x: hidden;
    }

    /* 导航栏：垂直排列、居中 */
    .group_1,
    .box_1 {
        flex-wrap: wrap !important;
        justify-content: center !important;
        width: 100% !important;
        height: auto !important;
        padding: 0.5rem 0;
    }

    .group_1 img,
    .box_1 img {
        margin: 0 auto !important;
        width: 120px !important;
        display: block;
    }

    /* 导航链接：均分排列 */
    .group_1 > span,
    .box_1 > span,
    .group_1 > div,
    .box_1 > div {
        margin: 0.3rem 0.4rem !important;
        white-space: nowrap;
    }

    .text_1, .text_2, .text_3, .text_4,
    .text_41, .text_51, .text_52, .text_53,
    .text_411 {
        width: auto !important;
        height: auto !important;
        margin: 0.3rem 0.5rem !important;
        font-size: 0.9rem !important;
    }

    /* 轮播图 */
    .carousel {
        width: 100% !important;
    }

    .image-wrapper_8 {
        width: 100% !important;
        height: auto !important;
    }

    .image-wrapper_8 img,
    .carousel-inner img {
        width: 100% !important;
        height: auto !important;
    }

    /* 所有大图自适应 */
    img:not(.item-image):not(.image_12):not(.image_8):not(.image_20) {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 去掉图片上的大左边距 */
    img[style*="margin-left"],
    img[width="400"],
    img[width="500"],
    img[width="900"],
    img[width="1000"],
    img[width="1040"] {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
        width: 95% !important;
    }

    /* 标题居中，去掉大左边距 */
    h3, h5 {
        margin-left: 0 !important;
        text-align: center !important;
        width: 100% !important;
    }

    /* 文字段落自适应 */
    p[style*="width"],
    span[style*="width"] {
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 产品分类 tab 导航 */
    .nav {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    .text-wrapper_1 {
        width: 100% !important;
        margin: 1rem 0 !important;
    }

    .text_7, .text_1235, .text_8 {
        width: auto !important;
        padding: 0 0.5rem !important;
        font-size: 0.85rem !important;
    }

    /* 产品图片网格 */
    .image-wrapper_1 {
        width: 100% !important;
        margin: 1rem 0 !important;
    }

    .product-image {
        width: 45% !important;
        margin: 0.5rem 2% !important;
    }

    /* 关于我们页面 - 品牌介绍区域 */
    .page > div[style*="display: flex"] {
        flex-direction: column !important;
        align-items: center !important;
    }

    .page > div[style*="display: flex"] > img {
        margin: 1rem auto !important;
        width: 90% !important;
    }

    .page > div[style*="display: flex"] > div > p {
        width: 90% !important;
        margin: 0 auto !important;
        font-size: 1rem !important;
    }

    /* 团队介绍列表 */
    .list-container {
        flex-direction: column !important;
    }

    .list-container li {
        width: 100% !important;
        flex-direction: column !important;
        text-align: center;
    }

    .list-image {
        width: 150px !important;
        margin: 0 auto;
    }

    .list-container li p {
        width: 90% !important;
        font-size: 0.9rem !important;
        text-align: center !important;
    }

    /* 团队介绍 - 绝对定位的文字 */
    p[style*="position: absolute"] {
        position: static !important;
        width: 90% !important;
        margin: 1rem auto !important;
    }

    /* 视频 */
    .text-group_14 video,
    video {
        width: 100% !important;
        height: auto !important;
    }

    .text-group_14 {
        width: 100% !important;
        margin: 1rem 0 !important;
    }

    /* 服务案例图片 */
    .tab-pane img,
    .page_2 img {
        width: 45% !important;
        margin: 0.5rem 1% !important;
    }

    /* 亚运会/互联网图片 */
    img[src*="亚运会"],
    img[src*="互联网"] {
        width: 90% !important;
        margin: 0.5rem auto !important;
        display: block;
    }

    /* "查看更多"按钮 */
    .image-wrapper_9 {
        position: static !important;
        margin: 1rem auto !important;
        transform: none !important;
    }

    .container {
        width: 100% !important;
    }

    /* 底部黑底区域 */
    .box_37 {
        width: 100% !important;
        padding: 1rem !important;
    }

    .items-container {
        flex-direction: column !important;
        align-items: center;
    }

    .item {
        width: 90% !important;
        margin-bottom: 1.5rem;
    }

    .title-text {
        font-size: 1.2rem !important;
    }

    /* 底部联系方式 */
    .box_15, .group_22, .group_18 {
        height: auto !important;
    }

    .block_12, .box_37 {
        flex-direction: column !important;
        width: 100% !important;
        margin: 0 !important;
        align-items: center;
    }

    .box_42, .box_43, .box_44,
    .block_9, .block_10, .block_11,
    .box_16, .box_17, .box_18 {
        width: 100% !important;
        margin: 0.5rem 0 !important;
        align-items: center !important;
        text-align: center !important;
    }

    .box_42 img,
    .block_9 img {
        width: 200px !important;
    }

    .paragraph_3, .paragraph_1 {
        width: 90% !important;
        text-align: center !important;
    }

    .text_26, .text_27, .text_28,
    .text_18, .text_19, .text_20,
    .text_31, .text_32, .text_33, .text_34,
    .text_29, .text_30 {
        text-align: center !important;
        width: auto !important;
    }

    .text-wrapper_15 {
        width: 100% !important;
        margin: 1rem 0 !important;
        text-align: center !important;
    }

    .text_30 {
        width: auto !important;
        text-align: center !important;
        white-space: normal !important;
    }

    .image_12, .image_8, .image_20 {
        width: 120px !important;
        height: auto !important;
    }

    /* 隐藏区域 */
    .yincang {
        display: none !important;
    }

    /* takePhotos 页面大图 */
    .list_3 img,
    .list-items_1-0 img {
        width: 100% !important;
    }

    .list_3 {
        flex-direction: column !important;
    }

    /* 分割线 */
    HR {
        width: 90% !important;
    }

    /* 所有用 rem 做 margin 的超大值 */
    [style*="margin-left: 22rem"],
    [style*="margin-left: 23.614rem"],
    [style*="margin-left: 19.8rem"],
    [style*="margin-left: 22.8rem"],
    [style*="margin-left: 20.44rem"],
    [style*="margin-left: 12rem"],
    [style*="margin-left: 18rem"],
    [style*="margin-left: 13rem"],
    [style*="margin-left: 11.8rem"],
    [style*="margin-left: 11rem"],
    [style*="margin-left: 8rem"],
    [style*="margin-left: 9.6rem"] {
        margin-left: auto !important;
    }

    [style*="margin-left: 12.6rem"],
    [style*="margin-left: 5.2rem"] {
        margin-left: auto !important;
    }
}