/**
 * 公共DNS站 自定义样式
 * 在 layui.css 之后引入
 */

/* 表格行：鼠标滑过时显示背景色 */
.layui-table tbody tr:hover {
    background-color: #f0f9ff;
}

/* 手机端：防止整页横向滚动 */
body {
    overflow-x: hidden;
}

/* 小屏下限制宽度，避免 body 被撑宽 */
@media screen and (max-width: 768px) {
    html, body {
        max-width: 100%;
    }
}

/* 手机端：导航与内容区优化 */
@media screen and (max-width: 768px) {
    /* 导航：整条 header 可横向滑动，避免被裁切 */
    .layui-header {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .layui-header .layui-container {
        padding: 0 10px;
        max-width: none;
        min-width: min-content;
        box-sizing: border-box;
    }
    .nav-wrap {
        overflow: visible;
        margin: 0 -10px;
        min-width: min-content;
    }
    .nav-wrap .layui-nav {
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        width: max-content;
    }
    .nav-wrap .layui-nav-item {
        flex-shrink: 0;
    }
    /* 隐藏导航横向滚动条，保持外观简洁（仍可手指滑动） */
    .layui-header::-webkit-scrollbar {
        height: 0;
        display: none;
    }
    .layui-header {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    /* 主内容区：紧接在 header 后的 container */
    .layui-header + .layui-container {
        margin-top: 15px !important;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .layui-elem-quote {
        padding: 10px 12px !important;
        box-sizing: border-box;
    }
    .layui-elem-quote h2 {
        font-size: 18px !important;
    }
    .layui-elem-quote p {
        font-size: 13px !important;
    }
    .layui-card-body .layui-btn {
        width: 100%;
        box-sizing: border-box;
    }
}