DreamLife_HomePage/css/max_width.css

@media screen and (max-width: 768px) {
    .main-layout {
        flex-direction: column;
    }

    #fullscreen-button {
        padding-right: 10px;
        padding-top: 10px;
    }

    .left-panel {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .right-panel {
        width: 100%;
        display: none;
        justify-content: center;
        align-items: center;
    }

    .switch_button {
        position: fixed;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        bottom: 120px;
        z-index: 1;
    }

    .swbutton {
        color: black;
        background-color: rgba(200, 200, 200, 0.2);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        transition: background-color 1s ease, transform 0.5s ease;
    }
    
    .swbutton:hover {
        background-color: rgba(200, 200, 200, 0.3);
        transform: scale(1.02);  /* 可选的小缩放效果 */
    }
}