/* 手机：顶栏完整品牌图 + 下方全屏云图 */

.dpyt-mobile-topbar {
    display: none;
}

@media (max-width: 900px) {
    html.dpyt-mobile.dpyt-mobile-map-only {
        --dpyt-mobile-header-h: 52px;
        --dpyt-map-bg: #252931;
    }

    html.dpyt-mobile.dpyt-mobile-map-only,
    html.dpyt-mobile.dpyt-mobile-map-only body.has-map {
        height: 100%;
        min-height: 100dvh;
        overflow: hidden;
        background: var(--dpyt-map-bg);
        padding: 0 !important;
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    html.dpyt-mobile.dpyt-mobile-map-only .dpyt-mobile-topbar {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        max-width: 100vw;
        min-height: var(--dpyt-mobile-header-h);
        padding: max(6px, env(safe-area-inset-top, 0px)) 10px 6px 10px;
        box-sizing: border-box;
        background: #383b44;
        border-bottom: 1px solid rgba(0, 0, 0, 0.35);
        z-index: 10060;
    }

    html.dpyt-mobile.dpyt-mobile-map-only .dpyt-mobile-brand {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        flex: 1 1 auto;
        max-width: 100%;
        text-decoration: none;
        line-height: 1.2;
    }

    html.dpyt-mobile.dpyt-mobile-map-only .dpyt-mobile-brand-logo {
        display: block;
        height: 40px;
        width: auto;
        max-width: min(280px, 58vw);
        flex-shrink: 1;
        min-width: 0;
        object-fit: contain;
        object-position: left center;
    }

    html.dpyt-mobile.dpyt-mobile-map-only .dpyt-mobile-brand .dpyt-site-brand-title {
        flex-shrink: 0;
        font-size: 15px;
        font-weight: 600;
        color: #fefefe;
        letter-spacing: 0.04em;
        white-space: nowrap;
    }

    html.dpyt-mobile.dpyt-mobile-map-only .content.map {
        flex: 1 1 auto;
        width: 100%;
        max-width: 100vw;
        min-height: 0;
        height: auto;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    html.dpyt-mobile.dpyt-mobile-map-only .content.map .narrow,
    html.dpyt-mobile.dpyt-mobile-map-only .content.map .view,
    html.dpyt-mobile.dpyt-mobile-map-only .content.map #leftSider,
    html.dpyt-mobile.dpyt-mobile-map-only #dpyt-map-footer,
    html.dpyt-mobile.dpyt-mobile-map-only .content.map .map_bt,
    html.dpyt-mobile.dpyt-mobile-map-only .content.map #legend,
    html.dpyt-mobile.dpyt-mobile-map-only #waterMark {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html.dpyt-mobile.dpyt-mobile-map-only .content.map .container.is-wide {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        min-height: 0;
        height: 100%;
        width: 100%;
        max-width: 100vw;
        padding: 0;
        margin: 0;
    }

    html.dpyt-mobile.dpyt-mobile-map-only .content.map .map-scan {
        flex: 1 1 auto;
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        width: 100% !important;
        max-width: 100vw !important;
        min-height: 0;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    html.dpyt-mobile.dpyt-mobile-map-only .content.map .map-scan .content-view-map,
    html.dpyt-mobile.dpyt-mobile-map-only .content.map .content-view-map {
        flex: 1 1 auto;
        order: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0;
        min-height: 0 !important;
        height: 100% !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        float: none !important;
        box-sizing: border-box;
        background: var(--dpyt-map-bg);
    }

    html.dpyt-mobile.dpyt-mobile-map-only .content.map .content-view-map #map,
    html.dpyt-mobile.dpyt-mobile-map-only .content.map .content-view-map #body {
        width: 100% !important;
        max-width: 100vw !important;
        min-height: 0 !important;
        height: 100% !important;
        max-height: none !important;
        margin: 0 !important;
        left: 0 !important;
        box-sizing: border-box;
        background: var(--dpyt-map-bg);
    }

    html.dpyt-mobile.dpyt-mobile-map-only .content.map #hover-wrapper {
        z-index: 40;
    }

    html.dpyt-mobile.dpyt-mobile-map-only .content.map #mask > div {
        margin-top: 35vh !important;
    }

    html.dpyt-mobile.dpyt-mobile-map-only.dpyt-mobile-adaptive .content.map .map-scan #leftSider,
    html.dpyt-mobile.dpyt-mobile-map-only.dpyt-mobile-adaptive .content.map .map-scan #leftSider.dpyt-sider-modern {
        display: none !important;
        width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    html.dpyt-mobile.dpyt-mobile-map-only.dpyt-mobile-adaptive .content.map .map-scan .content-view-map {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: 100% !important;
        order: unset;
    }
}