/* =========================================================
   修复弹窗内下拉框不能滚动 / 被遮挡问题
   ========================================================= */

/* 弹窗本体允许下拉框溢出显示 */
.layui-layer,
.layui-layer-page,
.layui-layer-dialog,
.modal,
.dialog,
.popup,
.el-dialog {
    overflow: visible !important;
}

/* 弹窗内容区域可滚动，防止内容太高超出屏幕 */
.layui-layer-content,
.modal-content,
.dialog-content,
.popup-content,
.el-dialog__body {
    max-height: calc(100vh - 150px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Layui 下拉框列表：可滚动，不再被挤没 */
.layui-form-select dl {
    max-height: 260px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 2147483647 !important;
    background: #ffffff !important;
    border: 1px solid #c7d2fe !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.18) !important;
}

/* 已修复：不再强制所有下拉框显示 */

/* 下拉选项高度和颜色 */
.layui-form-select dl dd,
.layui-form-select dl dt {
    min-height: 42px !important;
    line-height: 42px !important;
    padding: 0 16px !important;
    color: #1f2937 !important;
    background: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* 下拉提示标题 */
.layui-form-select dl dt,
.layui-form-select dl dd.layui-select-tips {
    color: #4f46e5 !important;
    background: #eef2ff !important;
    font-weight: 800 !important;
}

/* 下拉选项悬停 */
.layui-form-select dl dd:hover {
    background: #f5f7ff !important;
    color: #4f46e5 !important;
}

/* 当前选中 */
.layui-form-select dl dd.layui-this {
    background: #eef2ff !important;
    color: #4338ca !important;
    font-weight: 900 !important;
}

/* 修复某些父级 overflow hidden 导致下拉被截断 */
.layui-layer .layui-form,
.layui-layer .layui-form-item,
.layui-layer .layui-input-block,
.layui-layer .layui-input-inline,
.layui-layer .layui-form-select,
.modal .layui-form,
.dialog .layui-form,
.popup .layui-form {
    overflow: visible !important;
}

/* 下拉输入框更清晰 */
.layui-form-select .layui-input,
.layui-select-title input {
    background: #ffffff !important;
    color: #1f2937 !important;
    border: 2px solid #93c5fd !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
}

/* 下拉箭头颜色 */
.layui-form-select .layui-edge {
    border-top-color: #6d5dfc !important;
}

/* 滚动条美化 */
.layui-layer-content::-webkit-scrollbar,
.layui-form-select dl::-webkit-scrollbar {
    width: 8px !important;
}

.layui-layer-content::-webkit-scrollbar-track,
.layui-form-select dl::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
    border-radius: 999px !important;
}

.layui-layer-content::-webkit-scrollbar-thumb,
.layui-form-select dl::-webkit-scrollbar-thumb {
    background: #a5b4fc !important;
    border-radius: 999px !important;
}

.layui-layer-content::-webkit-scrollbar-thumb:hover,
.layui-form-select dl::-webkit-scrollbar-thumb:hover {
    background: #7c3aed !important;
}

/* 弹窗位置稍微往上，避免下拉到底部看不到 */
.layui-layer {
    max-width: calc(100vw - 30px) !important;
}

/* 手机端适配 */
@media (max-width: 768px) {
    .layui-layer-content,
    .modal-content,
    .dialog-content,
    .popup-content,
    .el-dialog__body {
        max-height: calc(100vh - 110px) !important;
    }

    .layui-form-select dl {
        max-height: 220px !important;
    }
}