/* 移动端适配样式 */

/* 移动端断点：竖屏 */
@media (orientation: portrait) {
    #right-bar {
        position: absolute;
        right: 0;
        min-width: 25vw;
        z-index: 1000;
    }

    .chat-log {
        font-size: 12px;
    }

    .fixed-preview-desc {
        font-size: 12px;
    }

    #fixed-preview-title-text {
        font-size: 14px;
    }

    .general-img {
        max-width: 8.4vw;
        max-height: 12vw;
    }

    #my-main-generals,
    #op-main-generals {
        flex-direction: column;
    }

    #op-deck,
    #op-discard,
    #my-deck,
    #my-discard {
        width: 32px;
        height: 46px;
    }

    .deck-img,
    .discard-img {
        max-width: 24px;
    }

    #my-btn-bar {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #op-hand,
    #my-hand {
        min-height: 0;
    }

    #my-hand {
        max-width: none;
    }

    #main-layout {
        height: 100vh;
    }

    #sidebar-toggle-btn {
        padding: 0 15px;
    }

    .select-card {
        width: 70px;
    }

    #surrender-btn {
        display: none;
    }

    .my-hand-card,
    .op-hand-card {
        box-shadow: 0;
        border-radius: 8px;
    }

    .energy-line {
        transform: scale(0.8);
    }

    #my-cards-bar {
        margin: 0;
        overflow: visible;
        max-width: 95vw;
    }

    #end-turn-btn {
        font-size: 14px;
        margin: 0;
        padding: 8px;
    }

}