/*
 * LoveMeet Desktop H5
 * Desktop only. Preserve original mobile component layouts.
 */

@media screen and (min-width: 768px) {

    html {
        min-height: 100%;
        background: #f1f2f5 !important;
    }

    body {
        width: 100% !important;
        max-width: 430px !important;
        min-height: 100vh;
        margin-left: auto !important;
        margin-right: auto !important;
        background: #fff !important;
        overflow-x: hidden !important;
        box-shadow: 0 0 25px rgba(0,0,0,.07);
        padding-bottom: 75px !important;
        box-sizing: border-box !important;
    }

    body *,
    body *::before,
    body *::after {
        box-sizing: border-box;
    }

    /* 统一前台页面容器 */
    body .wrapper,
    body .wrapper.homepage {
        width: 100% !important;
        max-width: 430px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        min-width: 0 !important;
    }

    /* 不改变原始卡片的排列、宽高和图片比例 */
    body img,
    body video,
    body iframe {
        max-width: 100%;
    }

    /* 底部导航固定在居中页面 */
    #foot {
        width: 100%;
        max-width: 430px;
        margin-left: auto;
        margin-right: auto;
    }

    #foot .foot {
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 430px !important;
        transform: translateX(-50%);
        background: #fff;
        box-sizing: border-box;
    }

    #foot .foot > ul {
        display: flex;
        width: 100%;
    }

    #foot .foot > ul > a {
        flex: 1;
        min-width: 0;
    }

    #foot .foot > ul > a > li {
        float: none;
        width: 100%;
    }
}