/* 手机端：加载动效 + 自适应布局（云图全宽在上，侧栏在下，无工具面板浮层） */

@media (max-width: 900px) {

    html.dpyt-mobile {

        -webkit-text-size-adjust: 100%;

        text-size-adjust: 100%;

    }



    html.dpyt-mobile body.has-map {

        touch-action: manipulation;

        overscroll-behavior-y: auto;

    }



    .dpyt-top-load {

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        height: 3px;

        z-index: 100200;

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

        pointer-events: none;

        opacity: 1;

        transition: opacity 0.35s ease;

    }



    .dpyt-top-load span {

        display: block;

        height: 100%;

        width: 36%;

        background: linear-gradient(90deg, #ee5752, #ed9a18);

        animation: dpyt-load-slide 1.1s ease-in-out infinite;

    }



    body.dpyt-map-ready .dpyt-top-load {

        opacity: 0;

    }



    @keyframes dpyt-load-slide {

        0% {

            transform: translateX(-100%);

        }

        100% {

            transform: translateX(280%);

        }

    }



    #mask {

        transition: opacity 0.45s ease;

    }



    body.dpyt-map-ready #mask {

        opacity: 0;

        pointer-events: none;

    }



    body.dpyt-map-ready #mask.dpyt-mask-gone {

        display: none !important;

    }



    .content.map .content-view-map #map,

    .content.map .content-view-map #body {

        contain: none;

        touch-action: pan-x pan-y;

        width: 100% !important;

        max-width: 100% !important;

        margin-left: 0 !important;

        left: 0 !important;

    }



    html.dpyt-mobile .content.map .map-scan {

        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        width: 100% !important;

    }



    html.dpyt-mobile .content.map .map-scan .content-view-map,

    html.dpyt-mobile .content.map .content-view-map {

        padding-left: 0 !important;

        padding-right: 0 !important;

        margin-left: 0 !important;

        width: 100% !important;

        max-width: 100% !important;

        box-sizing: border-box;

        order: 1;

        flex: 0 0 auto;

    }



    html.dpyt-mobile.dpyt-mobile-adaptive .content.map .content-view-map[style] {

        padding-left: 0 !important;

        width: 100% !important;

        max-width: 100% !important;

    }



    html.dpyt-mobile #map,

    html.dpyt-mobile #body {

        margin-left: 0 !important;

        left: 0 !important;

    }



    html.dpyt-mobile-adaptive .content.map .map-scan #leftSider,

    html.dpyt-mobile-adaptive .content.map .map-scan #leftSider.dpyt-sider-modern {

        display: block !important;

        position: relative !important;

        order: 2;

        width: 100% !important;

        max-width: 100% !important;

        max-height: none !important;

        opacity: 1 !important;

        pointer-events: auto !important;

        margin: 0 !important;

        box-shadow: none !important;

        overflow: visible;

    }



    html.dpyt-mobile-adaptive .content.map .map-scan .content-view-map {

        min-height: var(

            --dpyt-map-area-h,

            min(56vh, calc(100dvh - var(--dpyt-view-h, 96px) - var(--dpyt-footer-h, 118px) - 120px))

        );

    }



    .dpyt-mobile-fab,

    #dpytMobileFab {

        display: none !important;

    }



    .content.map .view .column1List {

        scroll-snap-type: x proximity;

    }



    .content.map .view .column1List dd {

        scroll-snap-align: start;

    }

}



@media (prefers-reduced-motion: reduce) {

    .dpyt-top-load span {

        animation: none;

        width: 100%;

    }



    #mask {

        transition: none;

    }

}