body:has(#main [data-dujiao-next-detail]) .goods-detail-page .detail-info {
    min-width: 0;
    overflow-wrap: anywhere;
}

body:has(#main [data-dujiao-next-detail]) .goods-detail-page .detail-body {
    overflow-wrap: anywhere;
    max-width: 100%;
}

body:has(#main [data-dujiao-next-detail]) .goods-detail-page .detail-body img {
    max-width: 100%;
    height: auto;
}

body:has(#main [data-dujiao-next-detail]) .goods-detail-page .detail-body table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

@media (width <= 1024px) {
    body:has(#main [data-dujiao-next-detail]) {
        grid-template-columns: minmax(0, 1fr);
    }

    body:has(#main [data-dujiao-next-detail]) > .site-header,
    body:has(#main [data-dujiao-next-detail]) > #main,
    body:has(#main [data-dujiao-next-detail]) > .site-footer {
        min-width: 0;
        max-width: 100%;
    }

    body:has(#main [data-dujiao-next-detail]) .goods-detail-page .detail-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    body:has(#main [data-dujiao-next-detail]) .goods-detail-page .detail-gallery {
        min-width: 0;
        max-width: 100%;
    }

    body:has(#main [data-dujiao-next-detail]) .goods-detail-page input,
    body:has(#main [data-dujiao-next-detail]) .goods-detail-page select,
    body:has(#main [data-dujiao-next-detail]) .goods-detail-page textarea {
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media (width <= 768px) {
    html:not(.mogaiwuyou-phone-device) body:has(#main [data-dujiao-next-detail]) .site-header {
        height: auto;
    }

    html:not(.mogaiwuyou-phone-device) body:has(#main [data-dujiao-next-detail]) .site-header > .wrapper {
        flex-wrap: wrap;
        height: auto;
        gap: 8px;
        padding: 12px;
    }

    html:not(.mogaiwuyou-phone-device) body:has(#main [data-dujiao-next-detail]) .main-nav {
        min-width: 0;
        max-width: 100%;
        overflow-x: auto;
    }

    body:has(#main [data-dujiao-next-detail]) .site-footer__services,
    body:has(#main [data-dujiao-next-detail]) .site-footer__main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body:has(#main [data-dujiao-next-detail]) .goods-detail-page .detail-card {
        padding: 16px;
    }
}