@import "base.css";

/* 前台 H5 基础层（布局与主题见 h5.css / tests.css / user.css） */

.font-color-main {color: var(--main-color);}
.bg-color-main {background-color: var(--main-color);}
.main-link, .main-link:hover {color: var(--main-color); text-decoration: none;}

/* 遮罩 */
.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .58);
    z-index: 8;
    visibility: hidden;
    opacity: 0;
    transition: opacity .4s ease, visibility .4s ease;
}
.mask.active {visibility: visible; opacity: 1;}

/* PC 遗留隐藏 */
.pc-header, .side-popup, .lang-popup {display: none;}

/* 侧滑菜单（细节覆盖见 h5.css） */
.m-nav {
    width: 80%;
    height: 100dvh;
    position: fixed;
    top: 0;
    left: -100%;
    padding: 0;
    z-index: 9;
    transition: left .3s ease;
    overflow: hidden;
    box-sizing: border-box;
}
.m-nav.active {left: 0;}
.m-nav-head {
    width: 100%;
    height: var(--h5-header-h, 5rem);
    flex-shrink: 0;
    background-color: #fff;
    padding: 0 2rem;
    box-sizing: border-box;
}
.m-nav-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0 2rem calc(2rem + env(safe-area-inset-bottom, 0));
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.m-nav-body::-webkit-scrollbar {display: none;}
.m-nav .m-nav-item {
    font-size: var(--text-xl);
    padding: 1.5rem 0;
    border-bottom: #eee .1rem solid;
}
.m-nav .m-nav-item a {color: #181818; text-decoration: none;}
.m-nav .m-nav-sub {display: block; width: 100%; padding: 0; font-size: var(--text-lg); box-sizing: border-box;}