/* 页面宽度、右侧图例不溢出 */

html,
body.has-map {
    overflow-x: hidden !important;
    max-width: 100%;
}

body.has-map {
    padding-bottom: var(--dpyt-footer-h, 56px);
}

.content.map .container.is-wide {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
}

.content.map .map-scan {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}



.content.map .content-view-map {

    overflow: hidden;

    max-width: 100%;

}



.content.map .map_bt {

    position: relative;

    width: 100%;

    max-width: 100vw;

    box-sizing: border-box;

    min-height: 0;

    height: 0;

    overflow: visible;

    pointer-events: none;

}



.content.map .map_bt > * {

    pointer-events: auto;

}



/* —— 统一底栏（本日复盘 | 涨跌幅色条）—— */

.dpyt-map-footer {
    --dpyt-footer-h: 56px;

    position: fixed;

    left: 158px;

    right: 0;

    bottom: 0;

    height: var(--dpyt-footer-h);

    z-index: 10020;

    display: grid;

    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

    align-items: center;

    gap: 10px;

    padding: 0 10px 0 8px;

    box-sizing: border-box;

    background: rgba(37, 41, 49, 0.97);

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    pointer-events: auto;

}



.dpyt-footer-recall {

    justify-self: start;

    min-width: 0;

    overflow: hidden;

    display: flex;

    align-items: center;

}



.dpyt-footer-scale {

    justify-self: end;

    min-width: 0;

    max-width: min(520px, 48vw);

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



#dayRecall.dpyt-day-recall {

    display: inline-flex !important;

    align-items: center;

    flex-wrap: nowrap;

    gap: 8px;

    position: static !important;

    left: auto !important;

    bottom: auto !important;

    z-index: auto;

    max-width: 100%;

    transform: none !important;

}



#dayRecall.dpyt-day-recall > div:first-child {

    float: none !important;

    flex-shrink: 0;

    font-size: 14px;

    color: #fff;

    white-space: nowrap;

}



#dayRecall #recall_body {

    display: inline-flex !important;

    flex-wrap: nowrap;

    align-items: center;

    gap: 6px;

    float: none !important;

    overflow-x: auto;

    scrollbar-width: thin;

}



#dayRecall #recall_body > div {

    float: none !important;

    flex-shrink: 0;

}



.content.map .map_scale.map_scale_min,

.content.map .map_scale.map_scale_max,

.dpyt-footer-scale .map_scale {

    position: static !important;

    right: auto !important;

    bottom: auto !important;

    left: auto !important;

    max-width: 100% !important;

    width: 100%;

    z-index: auto;

    box-sizing: border-box;

    margin: 0;

}



.content.map .map_scale .step {

    box-sizing: border-box;

}



.content.map .content-view-map svg,

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

.content.map .map-scan svg {

    max-width: 100% !important;

}



body.dpyt-map-fullscreen .dpyt-map-footer,
html:fullscreen .dpyt-map-footer,
html:-webkit-full-screen .dpyt-map-footer,
body.dpyt-native-fullscreen .dpyt-map-footer {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.dpyt-map-fullscreen.has-map,
html:fullscreen body.has-map,
html:-webkit-full-screen body.has-map {
    padding-bottom: 0 !important;
    overflow: hidden !important;
    --dpyt-footer-h: 0px !important;
}

body.dpyt-map-fullscreen .content.map > .view.dpyt-view-with-brand,
body.dpyt-map-fullscreen .content.map > .view {
    display: none !important;
}

body.dpyt-map-fullscreen .content.map .map-scan {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10050 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.dpyt-map-fullscreen .content.map #leftSider {
    display: none !important;
}

body.dpyt-map-fullscreen .content.map .content-view-map,
body.dpyt-map-fullscreen .content.map #map,
body.dpyt-map-fullscreen .content.map #body {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform: none !important;
}

body.dpyt-map-fullscreen .content.map .content-view-map #body canvas,
body.dpyt-map-fullscreen .content.map #body canvas.chart,
body.dpyt-map-fullscreen .content.map #body canvas.hover-canvas {
    max-width: 100% !important;
}

body.dpyt-map-fullscreen,

html:fullscreen,

html:-webkit-full-screen {

    background: #252931 !important;

}



html:fullscreen body.has-map .content.map .view,

html:-webkit-full-screen body.has-map .content.map .view {

    display: none !important;

}



html:fullscreen body.has-map #leftSider,

html:-webkit-full-screen body.has-map #leftSider {

    display: none !important;

}



html:fullscreen body.has-map .content.map .map-scan,

html:-webkit-full-screen body.has-map .content.map .map-scan {

    position: fixed !important;

    inset: 0 !important;

    width: 100% !important;

    height: 100% !important;

    max-width: 100% !important;

}



html:fullscreen body.has-map .content-view-map,

html:-webkit-full-screen body.has-map .content-view-map {

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;

    height: 100% !important;

    max-width: 100% !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

    margin-left: 0 !important;

}



html:fullscreen body.has-map .narrow,

html:-webkit-full-screen body.has-map .narrow {

    display: block !important;

    position: fixed !important;

    top: 10px !important;

    right: 12px !important;

    z-index: 10060 !important;

}



@media (max-width: 900px) {

    .dpyt-map-footer {

        left: 0;

        right: 0;

        grid-template-columns: 1fr;

        grid-template-rows: auto auto;

        height: auto;

        min-height: 52px;

        padding: 6px 8px;

        --dpyt-footer-h: 72px;

    }



    .dpyt-footer-recall,

    .dpyt-footer-scale {

        justify-self: stretch;

        max-width: 100%;

    }



    #dayRecall.dpyt-day-recall {

        flex-wrap: wrap;

    }

}



/* 弹幕功能已移除：隐藏官方脚本可能插入的节点 */
#barrage_div,
#barrage-input-box,
.barrage-input-box,
#barrage_btn_div,
.barrage,
.barrage_box {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}