/* ====== 列表页公共移动端适配 ======
   仅在 <=768 生效。覆盖 device/list、mood/list 两种筛选栏结构。
   选择器加 body 前缀提升特异性，以压过各页内联 <style> 里的 !important 横排规则。
   其余 layui 列表页后续引入同一文件即可扩展。 */
@media screen and (max-width: 768px) {
    /* 筛选项纵向堆叠 */
    body .layui-form-item .layui-inline,
    body .layui-form .layui-inline,
    body .x-so .layui-inline,
    body .order_main .layui-inline {
        display: block !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 12px !important;
        vertical-align: top;
    }

    /* 筛选标签换到输入框上方 */
    body .layui-form-item .layui-inline .layui-form-label,
    body .layui-form .layui-inline .layui-form-label,
    body .x-so .layui-inline .layui-form-label,
    body .order_main .layui-inline .layui-form-label {
        display: block !important;
        float: none !important;
        width: 100% !important;
        text-align: left !important;
        padding: 0 !important;
        margin: 0 0 4px !important;
        line-height: 20px;
    }

    /* 输入框/下拉框占满整行，覆盖内联 display:flex */
    body .layui-form-item .layui-inline .layui-input-inline,
    body .layui-form .layui-inline .layui-input-inline,
    body .x-so .layui-inline .layui-input-inline,
    body .order_main .layui-inline .layui-input-inline {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    body .x-so .layui-inline .layui-input,
    body .x-so .layui-inline .layui-form-select,
    body .x-so .layui-inline select,
    body .order_main .layui-inline .layui-input,
    body .order_main .layui-inline .layui-form-select,
    body .order_main .layui-inline select {
        width: 100% !important;
        box-sizing: border-box;
    }
    body .layui-form-item .layui-input-block {
        margin-left: 0;
    }

    /* 查询按钮整行，方便点击；device 的图标按钮补上「查询」文字 */
    body .x-so .layui-inline.querybutton,
    body .order_main .layui-inline.querybutton,
    body .layui-form .layui-inline.querybutton {
        width: 100% !important;
    }
    body .x-so .layui-inline.querybutton .layui-btn,
    body .order_main .layui-inline.querybutton .layui-btn,
    body .layui-form .layui-inline.querybutton .layui-btn {
        width: 100% !important;
    }
    body .x-so .layui-inline.querybutton .layui-btn.search::after {
        content: '查询';
        margin-left: 6px;
    }

    /* 数据表格横向滚动兜底 */
    .layui-table-body,
    .layui-table-main,
    .layui-table-wrap {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    /* 头部工具栏按钮：允许换行、收紧尺寸，避免移动端拥挤 */
    .layui-table-tool {
        height: auto !important;
        padding: 8px;
        white-space: normal;
    }
    .layui-table-tool .layui-btn-container {
        white-space: normal;
    }
    .layui-table-tool .layui-btn {
        margin: 0 6px 6px 0;
        padding: 0 12px;
        height: 32px;
        line-height: 32px;
        font-size: 13px;
    }
    .layui-table-tool .layui-btn .layui-icon {
        margin-right: 4px;
    }

    /* 弹窗内表单：label 与输入框同行，降低整体高度，避免堆叠过高 */
    .layui-layer-content .layui-form-item {
        margin: 10px 0 !important;
    }
    .layui-layer-content .layui-form-label {
        width: 80px !important;
        text-align: right;
    }
    .layui-layer-content .layui-input-inline,
    .layui-layer-content .layui-show-xs-block {
        display: inline-block !important;
        width: calc(100% - 90px) !important;
        max-width: 100% !important;
        box-sizing: border-box;
        vertical-align: middle;
    }

    /* 卡片/容器内边距收紧 */
    .layui-card-body {
        padding: 10px;
    }
    .layui-fluid {
        padding: 8px;
    }

    /* 搜索区折叠按钮（list-mobile.js 注入） */
    .list-search-toggle {
        display: block;
        padding: 9px 12px;
        margin-bottom: 10px;
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 4px;
        color: #555;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        user-select: none;
    }
    /* 搜索区折叠态：仅移动端隐藏 */
    .list-search-collapsed {
        display: none !important;
    }
}

/* 桌面端隐藏折叠按钮、取消折叠态 */
@media screen and (min-width: 769px) {
    .list-search-toggle {
        display: none !important;
    }
    .list-search-collapsed {
        display: revert !important;
    }
}