/* --------------- 基础样式：文本溢出与隐藏 --------------- */
/* 弹出层图片工具栏、图片标题链接、标签页标题、弹出层标题：文本溢出显示省略号，不换行 */
.layui-layer-imgbar,
.layui-layer-imgtit a,
.layui-layer-tab .layui-layer-title span,
.layui-layer-title {
    text-overflow: ellipsis; /* 文本溢出时显示省略号 */
    white-space: nowrap;    /* 强制文本不换行 */
}

/* --------------- 内部样式占位：layui CSS 加载标识 --------------- */
/* 用于 layui 样式加载的占位元素，默认隐藏，避免影响布局 */
html #layuicss-layer {
    display: none;          /* 初始隐藏 */
    position: absolute;     /* 绝对定位 */
    width: 1989px;          /* 占位宽度（不影响实际布局） */
}

/* --------------- 核心容器：弹出层与遮罩层 --------------- */
/* 弹出层容器 + 遮罩层：基础定位与交互设置 */
.layui-layer,
.layui-layer-shade {
    position: fixed;        /* 固定定位（跟随视口） */
    _position: absolute;    /* IE6 兼容：绝对定位 */
    pointer-events: auto;   /* 允许鼠标事件（点击、hover等） */
}

/* 遮罩层样式：全屏覆盖 */
.layui-layer-shade {
    top: 0;                 /* 顶部对齐 */
    left: 0;                /* 左侧对齐 */
    width: 100%;            /* 全屏宽度 */
    height: 100%;           /* 全屏高度 */
    _height: expression(document.body.offsetHeight+"px"); /* IE6 兼容：自适应页面高度 */
}

/* 弹出层主体样式：基础外观与布局 */
.layui-layer {
    -webkit-overflow-scrolling: touch; /* 移动端滚动优化：流畅滚动 */
    top: 150px;             /* 距离顶部默认距离（居中偏上） */
    left: 0;                /* 左侧初始定位（后续JS动态调整居中） */
    margin: 0;              /* 清除默认外边距 */
    padding: 0;             /* 清除默认内边距 */
    -webkit-background-clip: content; /* 背景裁剪：仅作用于内容区 */
    border-radius: 2px;     /* 圆角（基础样式） */
    box-shadow: 1px 1px 50px rgba(0,0,0,.3); /* 阴影：增强层次感 */
}

/* --------------- 弹出层组件：关闭按钮与内容区 --------------- */
/* 关闭按钮：绝对定位（后续通过JS调整位置） */
.layui-layer-close {
    position: absolute;     /* 绝对定位 */
}

/* 内容区：相对定位（用于子元素绝对定位参考） */
.layui-layer-content {
    position: relative;     /* 相对定位 */
}

/* --------------- 弹出层变体：边框样式 --------------- */
/* 带边框的弹出层：浅边框 + 轻微阴影 */
.layui-layer-border {
    border: 1px solid #B2B2B2;          /* 实色边框（兼容低版本浏览器） */
    border: 1px solid rgba(0,0,0,.1);   /* 透明边框（主流浏览器） */
    box-shadow: 1px 1px 5px rgba(0,0,0,.2); /* 轻微阴影：避免过于厚重 */
}

/* --------------- 弹出层状态：加载中 --------------- */
/* 加载中状态：背景图 + 灰色背景 */
.layui-layer-load {
    background: url(loading-1.gif) center center no-repeat #eee; /* 加载动画居中显示 */
}

/* 图标基础样式：使用精灵图（icon.png 包含所有小图标） */
.layui-layer-ico {
    background: url(icon.png) no-repeat; /* 精灵图背景 */
}

/* --------------- 交互元素：按钮与设置项 --------------- */
/* 按钮、对话框图标、窗口设置项：行内块级显示（支持宽高 + 垂直对齐） */
.layui-layer-btn a,
.layui-layer-dialog .layui-layer-ico,
.layui-layer-setwin a {
    display: inline-block;  /* 行内块级（支持宽高 + 同行显示） */
    *display: inline;       /* IE6/7 兼容：inline（配合zoom实现inline-block效果） */
    *zoom: 1;               /* IE6/7 兼容：触发hasLayout，实现inline-block效果 */
    vertical-align: top;    /* 垂直对齐：顶部对齐 */
}

/* --------------- 窗口交互：拖动与缩放 --------------- */
/* 拖动层：默认隐藏，拖动时显示（用于全屏捕获鼠标事件） */
.layui-layer-move {
    display: none;          /* 初始隐藏 */
    position: fixed;        /* 固定定位（全屏覆盖） */
    *position: absolute;    /* IE6 兼容：绝对定位 */
    left: 0;                /* 左侧对齐 */
    top: 0;                 /* 顶部对齐 */
    width: 100%;            /* 全屏宽度 */
    height: 100%;           /* 全屏高度 */
    cursor: move;           /* 鼠标样式：拖动指针 */
    opacity: 0;             /* 透明（不可见） */
    filter: alpha(opacity=0); /* IE6/7 兼容：透明 */
    background-color: #fff; /* 背景色（用于捕获鼠标事件） */
    z-index: 2147483647;    /* 最高层级：确保覆盖所有元素 */
}

/* 缩放手柄：右下角定位，支持拉伸缩放 */
.layui-layer-resize {
    position: absolute;     /* 绝对定位 */
    width: 15px;            /* 宽度 */
    height: 15px;           /* 高度 */
    right: 0;               /* 右侧对齐 */
    bottom: 0;              /* 底部对齐 */
    cursor: se-resize;      /* 鼠标样式：右下拉伸指针 */
}

/* --------------- 动画基础：弹出层入场动画 --------------- */
/* 动画基础类：统一动画时长与填充模式 */
.layer-anim {
    -webkit-animation-fill-mode: both; /* webkit浏览器：动画结束后保持最终状态 */
    animation-fill-mode: both;         /* 标准浏览器：动画结束后保持最终状态 */
    -webkit-animation-duration: .3s;   /* webkit浏览器：动画时长0.3秒 */
    animation-duration: .3s;           /* 标准浏览器：动画时长0.3秒 */
}

/* 动画1：弹跳进入（bounceIn） */
@-webkit-keyframes layer-bounceIn {
    0% {
        opacity: 0;                     /* 初始透明 */
        -webkit-transform: scale(.5);   /* 初始缩放0.5倍 */
        transform: scale(.5);
    }
    100% {
        opacity: 1;                     /* 最终不透明 */
        -webkit-transform: scale(1);    /* 最终缩放1倍（原尺寸） */
        transform: scale(1);
    }
}
@keyframes layer-bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);       /* IE9 兼容 */
        transform: scale(.5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
/* 应用弹跳动画的类 */
.layer-anim-00 {
    -webkit-animation-name: layer-bounceIn;
    animation-name: layer-bounceIn;
}

/* 动画2：向下缩放进入（zoomInDown） */
@-webkit-keyframes layer-zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px); /* 缩放0.1倍 + 向上偏移2000px */
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out; /* 动画节奏：先慢后快再慢 */
        animation-timing-function: ease-in-out;
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px); /* 缩放0.475倍 + 向下偏移60px */
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out; /* 动画节奏：逐渐减速 */
        animation-timing-function: ease-out;
    }
}
@keyframes layer-zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
/* 应用向下缩放动画的类 */
.layer-anim-01 {
    -webkit-animation-name: layer-zoomInDown;
    animation-name: layer-zoomInDown;
}

/* 动画3：向上大幅淡入（fadeInUpBig） */
@-webkit-keyframes layer-fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px); /* 向下偏移2000px（初始在视口外） */
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0); /* 偏移归零（回到视口内） */
        transform: translateY(0);
    }
}
@keyframes layer-fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
/* 应用向上大幅淡入动画的类 */
.layer-anim-02 {
    -webkit-animation-name: layer-fadeInUpBig;
    animation-name: layer-fadeInUpBig;
}

/* 动画4：向左缩放进入（zoomInLeft） */
@-webkit-keyframes layer-zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px); /* 缩放0.1倍 + 向左偏移2000px */
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px); /* 缩放0.475倍 + 向右偏移48px */
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes layer-zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
/* 应用向左缩放动画的类 */
.layer-anim-03 {
    -webkit-animation-name: layer-zoomInLeft;
    animation-name: layer-zoomInLeft;
}

/* 动画5：滚动进入（rollIn） */
@-webkit-keyframes layer-rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg); /* 向左偏移100% + 逆时针旋转120度 */
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0); /* 偏移归零 + 旋转归零 */
        transform: translateX(0) rotate(0);
    }
}
@keyframes layer-rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }
}
/* 应用滚动动画的类 */
.layer-anim-04 {
    -webkit-animation-name: layer-rollIn;
    animation-name: layer-rollIn;
}

/* 动画6：淡入（fadeIn） */
@keyframes layer-fadeIn {
    0% {
        opacity: 0; /* 初始透明 */
    }
    100% {
        opacity: 1; /* 最终不透明 */
    }
}
/* 应用淡入动画的类 */
.layer-anim-05 {
    -webkit-animation-name: layer-fadeIn;
    animation-name: layer-fadeIn;
}

/* 动画7：抖动（shake）- 用于错误提示等场景 */
@-webkit-keyframes layer-shake {
    0%,100% {
        -webkit-transform: translateX(0); /* 初始/最终位置：无偏移 */
        transform: translateX(0);
    }
    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px); /* 向左偏移10px */
        transform: translateX(-10px);
    }
    20%,40%,60%,80% {
        -webkit-transform: translateX(10px); /* 向右偏移10px */
        transform: translateX(10px);
    }
}
@keyframes layer-shake {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}
/* 应用抖动动画的类 */
.layer-anim-06 {
    -webkit-animation-name: layer-shake;
    animation-name: layer-shake;
}

/* 额外淡入动画（备用） */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* --------------- 弹出层头部：标题栏 --------------- */
/* 标题栏样式：高度、内边距、边框、背景色 */
.layui-layer-title {
    padding: 0 80px 0 20px; /* 内边距：右80px（预留关闭按钮位置）、左20px（文字缩进） */
    height: 42px;           /* 固定高度 */
    line-height: 42px;      /* 行高 = 高度（垂直居中） */
    border-bottom: 1px solid #eee; /* 底部边框（分隔标题与内容） */
    font-size: 14px;        /* 字体大小 */
    color: #333;            /* 字体颜色（深灰色） */
    overflow: hidden;       /* 隐藏溢出内容 */
    background-color: #F8F8F8; /* 背景色（浅灰色） */
    border-radius: 2px 2px 0 0; /* 圆角：仅顶部左右（与弹出层主体呼应） */
}

/* --------------- 窗口设置：最大化/最小化/关闭 --------------- */
/* 窗口设置容器：绝对定位（右上角） */
.layui-layer-setwin {
    position: absolute;     /* 绝对定位 */
    right: 15px;            /* 距离右侧15px */
    *right: 0;              /* IE6 兼容：右侧对齐 */
    top: 15px;              /* 距离顶部15px */
    font-size: 0;           /* 清除inline-block元素之间的空隙 */
    line-height: initial;   /* 重置行高 */
}

/* 窗口设置项（最大化、最小化、关闭）：基础样式 */
.layui-layer-setwin a {
    position: relative;     /* 相对定位（用于子元素定位） */
    width: 16px;            /* 宽度 */
    height: 16px;           /* 高度 */
    margin-left: 10px;      /* 左侧间距（与其他设置项分隔） */
    font-size: 12px;        /* 字体大小 */
    _overflow: hidden;      /* IE6 兼容：隐藏溢出 */
}

/* 最小化按钮：横线样式 */
.layui-layer-setwin .layui-layer-min cite {
    position: absolute;     /* 绝对定位 */
    width: 14px;            /* 横线宽度 */
    height: 2px;            /* 横线高度 */
    left: 0;                /* 左侧对齐 */
    top: 50%;               /* 垂直居中（顶部50%） */
    margin-top: -1px;       /* 向上偏移1px（精确居中） */
    background-color: #2E2D3C; /* 横线颜色（深灰色） */
    cursor: pointer;        /* 鼠标样式：指针 */
    _overflow: hidden;      /* IE6 兼容：隐藏溢出 */
}
/* 最小化按钮 hover 效果：横线变色 */
.layui-layer-setwin .layui-layer-min:hover cite {
    background-color: #2D93CA; /*  hover 颜色（蓝色） */
}

/* 最大化按钮：精灵图定位（依赖 icon.png） */
.layui-layer-setwin .layui-layer-max {
    background-position: -32px -40px; /* 精灵图坐标：最大化图标 */
}
/* 最大化按钮 hover 效果：切换精灵图坐标 */
.layui-layer-setwin .layui-layer-max:hover {
    background-position: -16px -40px; /*  hover 状态图标坐标 */
}

/* 最大化/还原按钮：精灵图定位 */
.layui-layer-setwin .layui-layer-maxmin {
    background-position: -65px -40px; /* 精灵图坐标：还原图标 */
}
/* 最大化/还原按钮 hover 效果 */
.layui-layer-setwin .layui-layer-maxmin:hover {
    background-position: -49px -40px; /*  hover 状态图标坐标 */
}

/* 关闭按钮1（弹出层内部右上角）：精灵图定位 */
.layui-layer-setwin .layui-layer-close1 {
    background-position: 1px -40px; /* 精灵图坐标：关闭图标 */
    cursor: pointer;        /* 鼠标样式：指针 */
}
/* 关闭按钮1 hover 效果：透明度降低 */
.layui-layer-setwin .layui-layer-close1:hover {
    opacity: .7;            /* 透明度70% */
}

/* 关闭按钮2（弹出层外部右上角）：绝对定位 + 精灵图 */
.layui-layer-setwin .layui-layer-close2 {
    position: absolute;     /* 绝对定位 */
    right: -28px;           /* 超出弹出层右侧28px */
    top: -28px;             /* 超出弹出层顶部28px */
    width: 30px;            /* 宽度 */
    height: 30px;           /* 高度 */
    margin-left: 0;         /* 清除左侧间距 */
    background-position: -149px -31px; /* 精灵图坐标：大关闭图标 */
    *right: -18px;          /* IE6 兼容：调整右侧位置 */
    _display: none;         /* IE6 兼容：隐藏（根据需求调整） */
}
/* 关闭按钮2 hover 效果：切换精灵图坐标 */
.layui-layer-setwin .layui-layer-close2:hover {
    background-position: -180px -31px; /*  hover 状态图标坐标 */
}

/* --------------- 弹出层底部：按钮区域 --------------- */
/* 按钮区域：右对齐 + 内边距 */
.layui-layer-btn {
    text-align: right;      /* 按钮右对齐 */
    padding: 0 15px 12px;   /* 内边距：右15px、底12px（上0px：与内容区无缝衔接） */
    pointer-events: auto;   /* 允许鼠标事件 */
    user-select: none;      /* 禁止文本选中（避免点击按钮时选中文字） */
    -webkit-user-select: none; /* webkit浏览器：禁止文本选中 */
}

/* 按钮样式：基础外观与交互 */
.layui-layer-btn a {
    height: 28px;           /* 按钮高度 */
    line-height: 28px;      /* 行高 = 高度（垂直居中） */
    margin: 5px 5px 0;      /* 外边距：上5px、左右5px（下0px） */
    padding: 0 15px;        /* 内边距：左右15px（上下0px） */
    border: 1px solid #dedede; /* 边框颜色（浅灰色） */
    background-color: #fff; /* 背景色（白色） */
    color: #333;            /* 字体颜色（深灰色） */
    border-radius: 2px;     /* 圆角 */
    font-weight: 400;       /* 字体粗细（正常） */
    cursor: pointer;        /* 鼠标样式：指针 */
    text-decoration: none;  /* 清除下划线 */
}
/* 按钮 hover 效果：透明度降低 */
.layui-layer-btn a:hover {
    opacity: .9;            /* 透明度90% */
    text-decoration: none;  /* 清除下划线 */
}
/* 按钮 active 效果：透明度进一步降低 */
.layui-layer-btn a:active {
    opacity: .8;            /* 透明度80% */
}

/* 主按钮（默认按钮）样式：蓝色主题 */
.layui-layer-btn .layui-layer-btn0 {
    border-color: #1E9FFF;  /* 边框颜色（蓝色） */
    background-color: #1E9FFF; /* 背景色（蓝色） */
    color: #fff;            /* 字体颜色（白色） */
}

/* 按钮区域左对齐变体 */
.layui-layer-btn-l {
    text-align: left;       /* 按钮左对齐 */
}

/* 按钮区域居中对齐变体 */
.layui-layer-btn-c {
    text-align: center;     /* 按钮居中对齐 */
}

/* --------------- 弹出层变体：对话框（Dialog） --------------- */
/* 对话框基础样式：最小宽度 + 圆角 + 阴影 */
.layui-layer-dialog {
    min-width: 260px;       /* 最小宽度（避免过窄） */
    border-radius: 13px;    /* 圆角（较大，更美观） */
    overflow: hidden;       /* 隐藏溢出（确保圆角生效） */
    box-shadow: 0 4px 16px rgba(0,0,0,0.15); /* 阴影（柔和，增强层次感） */
}

/* 对话框内容区：内边距 + 文本样式 */
.layui-layer-dialog .layui-layer-content {
    position: relative;     /* 相对定位（用于图标定位） */
    padding: 20px;          /* 内边距 */
    line-height: 24px;      /* 行高（优化文本可读性） */
    word-break: break-all;  /* 强制换行（避免长文本溢出） */
    overflow: hidden;       /* 隐藏溢出 */
    font-size: 14px;        /* 字体大小 */
    overflow-x: hidden;     /* 禁止水平滚动 */
    overflow-y: auto;       /* 垂直滚动（内容过多时） */
    color: #666;            /* 字体颜色（中灰色） */
    text-align: center;     /* 文本居中 */
}

/* 对话框图标：绝对定位（左侧） */
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
    position: absolute;     /* 绝对定位 */
    top: 16px;              /* 距离顶部16px */
    left: 15px;             /* 距离左侧15px */
    _left: -40px;           /* IE6 兼容：调整左侧位置 */
    width: 30px;            /* 图标宽度 */
    height: 30px;           /* 图标高度 */
}

/* 对话框图标变体：不同图标对应的精灵图坐标（依赖 icon.png） */
.layui-layer-ico1 { background-position: -30px 0; }    /* 成功图标 */
.layui-layer-ico2 { background-position: -60px 0; }    /* 错误图标 */
.layui-layer-ico3 { background-position: -90px 0; }    /* 警告图标 */
.layui-layer-ico4 { background-position: -120px 0; }   /* 疑问图标 */
.layui-layer-ico5 { background-position: -150px 0; }   /* 禁止图标 */
.layui-layer-ico6 { background-position: -180px 0; }   /* 信息图标 */

/* --------------- 弹出层变体：带边框（Rim） --------------- */
/* 带厚边框的弹出层：双层边框 + 圆角 */
.layui-layer-rim {
    border: 6px solid #8D8D8D;          /* 实色边框（深灰色） */
    border: 6px solid rgba(0,0,0,.3);   /* 透明边框（主流浏览器） */
    border-radius: 5px;                 /* 圆角 */
    box-shadow: none;                   /* 清除默认阴影（边框已增强层次感） */
}

/* --------------- 弹出层变体：消息提示（Msg） --------------- */
/* 消息提示层：最小宽度 + 浅边框 + 无阴影 */
.layui-layer-msg {
    min-width: 180px;       /* 最小宽度 */
    border: 1px solid #D3D4D3; /* 边框颜色（浅灰色） */
    box-shadow: none;       /* 清除阴影（简洁风格） */
}

/* --------------- 弹出层变体：灰色提示（Hui） --------------- */
/* 灰色半透明提示层：黑色半透明背景 + 白色文字 */
.layui-layer-hui {
    min-width: 100px;       /* 最小宽度 */
    background-color: #000; /* 背景色（黑色） */
    filter: alpha(opacity=60); /* IE6/7 兼容：透明度60% */
    background-color: rgba(0,0,0,.6); /* 透明背景（主流浏览器） */
    color: #fff;            /* 字体颜色（白色） */
    border: none;           /* 无边框 */
}
/* 灰色提示层内容区：内边距 + 居中对齐 */
.layui-layer-hui .layui-layer-content {
    padding: 12px 25px;     /* 内边距 */
    text-align: center;     /* 文本居中 */
}

/* --------------- 对话框变体：带图标（Padding） --------------- */
/* 带图标的对话框内容区：左侧内边距增大（预留图标位置） */
.layui-layer-dialog .layui-layer-padding {
    padding: 20px 20px 20px 55px; /* 内边距：左55px（容纳30px图标 + 25px间距） */
    text-align: left;       /* 文本左对齐 */
}

/* --------------- 弹出层变体：分页（Page）与iframe --------------- */
/* 分页弹出层内容区：相对定位 + 滚动 */
.layui-layer-page .layui-layer-content {
    position: relative;     /* 相对定位 */
    overflow: auto;         /* 自动滚动（内容过多时） */
}

/* iframe 与分页弹出层的按钮区域：顶部内边距（与内容区分隔） */
.layui-layer-iframe .layui-layer-btn,
.layui-layer-page .layui-layer-btn {
    padding-top: 10px;      /* 顶部内边距10px */
}

/* --------------- 弹出层变体：无背景（Nobg） --------------- */
/* 无背景弹出层：透明背景 */
.layui-layer-nobg {
    background: 0 0;        /* 无背景（透明） */
}

/* iframe 弹出层：iframe 样式（全屏） */
.layui-layer-iframe iframe {
    display: block;         /* 块级显示（独占一行） */
    width: 100%;            /* 宽度100%（适应弹出层） */
}

/* --------------- 弹出层状态：加载中（Loading） --------------- */
/* 加载中弹出层：圆形 + 无背景 + 无边框 + 无阴影 */
.layui-layer-loading {
    border-radius: 100%;    /* 圆角100%（圆形） */
    background: 0 0;        /* 无背景 */
    box-shadow: none;       /* 无阴影 */
    border: none;           /* 无边框 */
}
/* 加载中内容区：加载动画（小尺寸） */
.layui-layer-loading .layui-layer-content {
    width: 60px;            /* 宽度 */
    height: 24px;           /* 高度 */
    background: url(loading-0.gif) no-repeat; /* 加载动画背景图 */
}
/* 加载中变体1：中尺寸动画 */
.layui-layer-loading .layui-layer-loading1 {
    width: 37px;            /* 宽度 */
    height: 37px;           /* 高度 */
    background: url(loading-1.gif) no-repeat; /* 中尺寸加载动画 */
}
/* 加载中变体2：大尺寸动画 + 图标变体 */
.layui-layer-ico16,
.layui-layer-loading .layui-layer-loading2 {
    width: 32px;            /* 宽度 */
    height: 32px;           /* 高度 */
    background: url(loading-2.gif) no-repeat; /* 大尺寸加载动画 */
}

/* --------------- 弹出层变体：提示气泡（Tips） --------------- */
/* 提示气泡：无背景 + 无阴影 + 无边框 */
.layui-layer-tips {
    background: 0 0;        /* 无背景 */
    box-shadow: none;       /* 无阴影 */
    border: none;           /* 无边框 */
}
/* 提示气泡内容区：黑色背景 + 白色文字 + 阴影 */
.layui-layer-tips .layui-layer-content {
    position: relative;     /* 相对定位（用于三角箭头定位） */
    line-height: 22px;      /* 行高 */
    min-width: 12px;        /* 最小宽度 */
    padding: 8px 15px;      /* 内边距 */
    font-size: 12px;        /* 字体大小（小号） */
    _float: left;           /* IE6 兼容：左浮动 */
    border-radius: 2px;     /* 圆角 */
    box-shadow: 1px 1px 3px rgba(0,0,0,.2); /* 轻微阴影 */
    background-color: #000; /* 背景色（黑色） */
    color: #fff;            /* 字体颜色（白色） */
}
/* 提示气泡关闭按钮：右上角定位 */
.layui-layer-tips .layui-layer-close {
    right: -2px;            /* 距离右侧-2px */
    top: -1px;              /* 距离顶部-1px */
}
/* 提示气泡三角箭头：绝对定位 + 透明边框实现 */
.layui-layer-tips i.layui-layer-TipsG {
    position: absolute;     /* 绝对定位 */
    width: 0;               /* 宽度0（纯边框实现三角） */
    height: 0;              /* 高度0（纯边框实现三角） */
    border-width: 8px;      /* 边框宽度（三角大小） */
    border-color: transparent; /* 边框颜色透明（仅需要的方向显示颜色） */
    border-style: dashed;   /* 边框样式（虚线，兼容部分浏览器） */
    *overflow: hidden;      /* IE6 兼容：隐藏溢出 */
}
/* 三角箭头变体：上下左右四个方向（通过边框方向控制） */
.layui-layer-tips i.layui-layer-TipsB,
.layui-layer-tips i.layui-layer-TipsT {
    left: 5px;              /* 左侧间距5px */
    border-right-style: solid; /* 右侧边框实线（三角朝向左右） */
    border-right-color: #000;  /* 右侧边框颜色（与气泡背景一致） */
}
.layui-layer-tips i.layui-layer-TipsT { bottom: -8px; } /* 三角在气泡底部 */
.layui-layer-tips i.layui-layer-TipsB { top: -8px; }    /* 三角在气泡顶部 */

.layui-layer-tips i.layui-layer-TipsL,
.layui-layer-tips i.layui-layer-TipsR {
    top: 5px;               /* 顶部间距5px */
    border-bottom-style: solid; /* 底部边框实线（三角朝向上下） */
    border-bottom-color: #000;  /* 底部边框颜色（与气泡背景一致） */
}
.layui-layer-tips i.layui-layer-TipsR { left: -8px; }   /* 三角在气泡左侧 */
.layui-layer-tips i.layui-layer-TipsL { right: -8px; }  /* 三角在气泡右侧 */

/* --------------- 弹出层主题：蓝色（Lan） --------------- */
/* 蓝色主题对话框：最小宽度 + 蓝色标题栏 + 边框按钮 */
.layui-layer-lan[type=dialog] {
    min-width: 280px;       /* 最小宽度 */
}
.layui-layer-lan .layui-layer-title {
    background: #4476A7;    /* 标题栏背景色（蓝色） */
    color: #fff;            /* 标题文字颜色（白色） */
    border: none;           /* 无边框 */
}
.layui-layer-lan .layui-layer-btn {
    padding: 5px 10px 10px; /* 内边距 */
    text-align: right;      /* 按钮右对齐 */
    border-top: 1px solid #E9E7E7; /* 顶部边框（分隔按钮区与内容区） */
}
.layui-layer-lan .layui-layer-btn a {
    background: #fff;       /* 按钮背景色（白色） */
    border-color: #E9E7E7;  /* 按钮边框颜色（浅灰色） */
    color: #333;            /* 按钮文字颜色（深灰色） */
}
.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
    background: #C9C5C5;    /* 次要按钮背景色（浅灰色） */
}

/* --------------- 弹出层主题：墨绿（Molv） --------------- */
/* 墨绿主题对话框：墨绿标题栏 + 墨绿按钮 */
.layui-layer-molv .layui-layer-title {
    background: #009f95;    /* 标题栏背景色（墨绿） */
    color: #fff;            /* 标题文字颜色（白色） */
    border: none;           /* 无边框 */
}
.layui-layer-molv .layui-layer-btn a {
    background: #009f95;    /* 按钮背景色（墨绿） */
    border-color: #009f95;  /* 按钮边框颜色（墨绿） */
}
.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
    background: #92B8B1;    /* 次要按钮背景色（浅墨绿） */
}

/* --------------- 弹出层扩展：自定义图标（Iconext） --------------- */
/* 扩展图标：使用扩展精灵图（icon-ext.png） */
.layui-layer-iconext {
    background: url(icon-ext.png) no-repeat; /* 扩展精灵图背景 */
}

/* --------------- 弹出层变体：输入框（Prompt） --------------- */
/* 输入框弹出层：输入框样式 */
.layui-layer-prompt .layui-layer-input {
    display: block;         /* 块级显示（独占一行） */
    width: 230px;           /* 输入框宽度 */
    height: 36px;           /* 输入框高度 */
    margin: 0 auto;         /* 水平居中 */
    line-height: 30px;      /* 输入框行高 */
    padding-left: 10px;     /* 输入框左内边距（文字缩进） */
    border: 1px solid #e6e6e6; /* 输入框边框颜色（浅灰色） */
    color: #333;            /* 输入框文字颜色（深灰色） */
}
/* 多行输入框（textarea）样式 */
.layui-layer-prompt textarea.layui-layer-input {
    width: 300px;           /* 宽度 */
    height: 100px;          /* 高度 */
    line-height: 20px;      /* 行高 */
    padding: 6px 10px;      /* 内边距 */
}
/* 输入框弹出层内容区：内边距 */
.layui-layer-prompt .layui-layer-content {
    padding: 20px;          /* 内边距 */
}
/* 输入框弹出层按钮区：顶部内边距0（与内容区无缝衔接） */
.layui-layer-prompt .layui-layer-btn {
    padding-top: 0;         /* 顶部内边距0 */
}

/* --------------- 弹出层变体：标签页（Tab） --------------- */
/* 标签页弹出层：阴影增强 */
.layui-layer-tab {
    box-shadow: 1px 1px 50px rgba(0,0,0,.4); /* 阴影（比默认更深） */
}
/* 标签页标题栏：无左内边距 + 溢出可见 */
.layui-layer-tab .layui-layer-title {
    padding-left: 0;        /* 左内边距0 */
    overflow: visible;      /* 溢出可见（标签页需要超出标题栏） */
}
/* 标签页标题项：浮动 + 最小宽度 + 文本溢出处理 */
.layui-layer-tab .layui-layer-title span {
    position: relative;     /* 相对定位（用于层级控制） */
    float: left;            /* 左浮动（同行显示） */
    min-width: 80px;        /* 最小宽度 */
    max-width: 260px;       /* 最大宽度 */
    padding: 0 20px;        /* 内边距：左右20px */
    text-align: center;     /* 文本居中 */
    overflow: hidden;       /* 隐藏溢出 */
    cursor: pointer;        /* 鼠标样式：指针（可点击切换） */
}
/* 激活的标签页标题：高度增加 + 边框 + 白色背景 + 层级提升 */
.layui-layer-tab .layui-layer-title span.layui-this {
    height: 43px;           /* 高度（比默认高1px，突出激活状态） */
    border-left: 1px solid #eee; /* 左侧边框 */
    border-right: 1px solid #eee; /* 右侧边框 */
    background-color: #fff; /* 背景色（白色） */
    z-index: 10;            /* 层级提升（覆盖其他标签） */
}
/* 第一个标签页标题：无边框左侧 */
.layui-layer-tab .layui-layer-title span:first-child {
    border-left: none;      /* 无边框左侧 */
}
/* 标签页内容区：清除浮动 + 行高 */
.layui-layer-tabmain {
    line-height: 24px;      /* 行高 */
    clear: both;            /* 清除浮动（避免影响下方元素） */
}
/* 标签页内容项：默认隐藏，激活时显示 */
.layui-layer-tabmain .layui-layer-tabli {
    display: none;          /* 默认隐藏 */
}
.layui-layer-tabmain .layui-layer-tabli.layui-this {
    display: block;         /* 激活状态：显示 */
}

/* --------------- 弹出层变体：图片查看（Photos） --------------- */
/* 图片查看弹出层：动画时长延长（0.8秒，更流畅） */
.layui-layer-photos {
    -webkit-animation-duration: .8s; /* webkit浏览器：动画时长0.8秒 */
    animation-duration: .8s;         /* 标准浏览器：动画时长0.8秒 */
}
/* 图片查看内容区：溢出隐藏 + 文本居中 */
.layui-layer-photos .layui-layer-content {
    overflow: hidden;       /* 隐藏溢出 */
    text-align: center;     /* 图片居中 */
}
/* 图片查看：图片样式（自适应宽度） */
.layui-layer-photos .layui-layer-phimg img {
    position: relative;     /* 相对定位 */
    width: 100%;            /* 宽度100%（适应弹出层） */
    display: inline-block;  /* 行内块级（支持居中） */
    *display: inline;       /* IE6/7 兼容：inline */
    *zoom: 1;               /* IE6/7 兼容：触发hasLayout */
    vertical-align: top;    /* 垂直对齐：顶部对齐 */
}

/* --------------- 图片查看组件：工具栏与导航 --------------- */
/* 图片工具栏、图片导航：默认隐藏（hover时显示） */
.layui-layer-imgbar,
.layui-layer-imguide {
    display: none;          /* 默认隐藏 */
}

/* 图片导航按钮（上一张/下一张）：绝对定位 + 背景图 */
.layui-layer-imgnext,
.layui-layer-imgprev {
    position: absolute;     /* 绝对定位 */
    top: 50%;               /* 垂直居中（顶部50%） */
    width: 27px;            /* 宽度 */
    _width: 44px;           /* IE6 兼容：宽度 */
    height: 44px;           /* 高度 */
    margin-top: -22px;      /* 向上偏移22px（精确居中） */
    outline: 0;             /* 清除轮廓线 */
    blr: expression(this.onFocus=this.blur()); /* IE6 兼容：清除焦点轮廓 */
}

/* 上一张按钮：左侧定位 + 精灵图坐标 */
.layui-layer-imgprev {
    left: 10px;             /* 距离左侧10px */
    background-position: -5px -5px; /* 精灵图坐标：上一张图标 */
    _background-position: -70px -5px; /* IE6 兼容：图标坐标 */
}
/* 上一张按钮 hover 效果：切换精灵图坐标 */
.layui-layer-imgprev:hover {
    background-position: -33px -5px; /* hover 状态图标坐标 */
    _background-position: -120px -5px; /* IE6 兼容：hover 坐标 */
}

/* 下一张按钮：右侧定位 + 精灵图坐标 */
.layui-layer-imgnext {
    right: 10px;            /* 距离右侧10px */
    _right: 8px;            /* IE6 兼容：右侧位置 */
    background-position: -5px -50px; /* 精灵图坐标：下一张图标 */
    _background-position: -70px -50px; /* IE6 兼容：图标坐标 */
}
/* 下一张按钮 hover 效果：切换精灵图坐标 */
.layui-layer-imgnext:hover {
    background-position: -33px -50px; /* hover 状态图标坐标 */
    _background-position: -120px -50px; /* IE6 兼容：hover 坐标 */
}

/* 图片工具栏：底部定位 + 黑色半透明背景 */
.layui-layer-imgbar {
    position: absolute;     /* 绝对定位 */
    left: 0;                /* 左侧对齐 */
    bottom: 0;              /* 底部对齐 */
    width: 100%;            /* 宽度100% */
    height: 32px;           /* 高度 */
    line-height: 32px;      /* 行高 = 高度（垂直居中） */
    background-color: rgba(0,0,0,.8); /* 黑色半透明背景 */
    background-color: #000\9; /* IE6/7 兼容：黑色背景 */
    filter: Alpha(opacity=80); /* IE6/7 兼容：透明度80% */
    color: #fff;            /* 字体颜色（白色） */
    overflow: hidden;       /* 隐藏溢出 */
    font-size: 0;           /* 清除inline-block元素之间的空隙 */
}

/* 图片标题：行内块级 + 文本溢出处理 */
.layui-layer-imgtit * {
    display: inline-block;  /* 行内块级 */
    *display: inline;       /* IE6/7 兼容：inline */
    *zoom: 1;               /* IE6/7 兼容：触发hasLayout */
    vertical-align: top;    /* 垂直对齐：顶部对齐 */
    font-size: 12px;        /* 字体大小 */
}
.layui-layer-imgtit a {
    max-width: 65%;         /* 最大宽度（避免过长） */
    overflow: hidden;       /* 隐藏溢出 */
    color: #fff;            /* 链接颜色（白色） */
}
.layui-layer-imgtit a:hover {
    color: #fff;            /* hover 颜色（白色） */
    text-decoration: underline; /* hover 下划线 */
}
.layui-layer-imgtit em {
    padding-left: 10px;     /* 左侧间距10px */
    font-style: normal;     /* 正常字体样式（取消斜体） */
}

/* --------------- 动画：弹出层关闭动画 --------------- */
/* 关闭动画：弹跳缩小（bounceOut） */
@-webkit-keyframes layer-bounceOut {
    100% {
        opacity: 0;                     /* 最终透明 */
        -webkit-transform: scale(.7);   /* 最终缩放0.7倍 */
        transform: scale(.7);
    }
    30% {
        -webkit-transform: scale(1.05); /* 中间缩放1.05倍（弹跳效果） */
        transform: scale(1.05);
    }
    0% {
        -webkit-transform: scale(1);    /* 初始缩放1倍 */
        transform: scale(1);
    }
}
@keyframes layer-bounceOut {
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
    }
    30% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
/* 应用关闭动画的类 */
.layer-anim-close {
    -webkit-animation-name: layer-bounceOut;
    animation-name: layer-bounceOut;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s; /* 关闭动画时长0.2秒（快速） */
    animation-duration: .2s;
}

/* --------------- 响应式：小屏幕适配 --------------- */
/* 屏幕宽度≤1100px 时（平板/手机）：iframe 弹出层适配 */
@media screen and (max-width: 1100px) {
    .layui-layer-iframe {
        overflow-y: auto;               /* 垂直滚动 */
        -webkit-overflow-scrolling: touch; /* 移动端流畅滚动 */
    }
}

/* --------------- 自定义主题：iOS 风格对话框 --------------- */
/* iOS 风格对话框：透明背景 + 无阴影 + 大圆角 */
.layui-layer.ios-dialog {
    background: transparent;            /* 透明背景 */
    box-shadow: none;                   /* 无阴影 */
    border-radius: 13px;                /* 大圆角（iOS 风格） */
    overflow: hidden;                   /* 隐藏溢出 */
}
/* iOS 风格内容区：无内边距 + 溢出可见 */
.layui-layer.ios-dialog .layui-layer-content {
    padding: 0;                         /* 无内边距 */
    overflow: visible;                  /* 溢出可见 */
}
/* iOS 风格按钮区：弹性布局（均分宽度） + 顶部边框 */
.layui-layer.ios-dialog .layui-layer-btn {
    display: flex;                      /* 弹性布局 */
    margin: 0;                          /* 无外边距 */
    padding: 0;                         /* 无内边距 */
    border-top: 1px solid #e5e5e5;      /* 顶部边框（浅灰色） */
}
/* iOS 风格按钮：均分宽度 + 无边框 + 蓝色文字 */
.layui-layer.ios-dialog .layui-layer-btn a {
    flex: 1;                            /* 弹性占比1（均分宽度） */
    margin: 0;                          /* 无外边距 */
    height: 44px;                       /* 按钮高度（iOS 标准） */
    line-height: 44px;                  /* 行高 = 高度（垂直居中） */
    background: none;                   /* 无背景 */
    border: none;                       /* 无边框 */
    font-size: 17px;                    /* 字体大小（iOS 标准） */
    color: #007AFF;                     /* 文字颜色（iOS 蓝色） */
    border-radius: 0;                   /* 无圆角 */
    text-align: center;                 /* 文本居中 */
}
/* iOS 风格第一个按钮：右侧边框（分隔按钮） */
.layui-layer.ios-dialog .layui-layer-btn a:first-child {
    font-weight: 400;                   /* 字体粗细（正常） */
    border-right: 1px solid #e5e5e5;    /* 右侧边框（浅灰色） */
}
/* iOS 风格最后一个按钮：字体加粗 */
.layui-layer.ios-dialog .layui-layer-btn a:last-child {
    font-weight: 600;                   /* 字体粗细（加粗） */
}
/* iOS 风格按钮 hover 效果：浅灰色背景 */
.layui-layer.ios-dialog .layui-layer-btn a:hover {
    background-color: #f2f2f2;          /* hover 背景色（浅灰色） */
}

/* --------------- 自定义主题：优化后的对话框样式 --------------- */
/* 优化对话框：大圆角 + 白色背景 + 柔和阴影 */
.layui-layer-dialog {
    border-radius: 13px;                /* 大圆角 */
    overflow: hidden;                   /* 隐藏溢出 */
    background-color: rgb(255 255 255); /* 白色背景 */
    box-shadow: 0 4px 16px rgba(0,0,0,0.15); /* 柔和阴影 */
}
/* 优化对话框标题栏：浅灰背景 + 大字体 + 加粗 */
.layui-layer-dialog .layui-layer-title {
    background: #f8f8f8;                /* 标题栏背景色（浅灰色） */
    height: 44px;                       /* 标题栏高度 */
    line-height: 44px;                  /* 行高 = 高度（垂直居中） */
    font-size: 17px;                    /* 字体大小 */
    font-weight: 600;                   /* 字体加粗 */
    text-align: -webkit-auto;           /* 文本对齐（自适应） */
    color: #000;                        /* 文字颜色（黑色） */
}
/* 优化对话框内容区：内边距 + 小字体 + 中灰色文字 */
.layui-layer-dialog .layui-layer-content {
    padding: 20px;                      /* 内边距 */
    font-size: 13px;                    /* 字体大小 */
    color: #666;                        /* 文字颜色（中灰色） */
    text-align: center;                 /* 文本居中 */
}
/* 优化对话框按钮区：弹性布局 + 顶部边框 */
.layui-layer-dialog .layui-layer-btn {
    display: flex;                      /* 弹性布局 */
    padding: 0;                         /* 无内边距 */
    border-top: 1px solid #e5e5e5;      /* 顶部边框（浅灰色） */
}
/* 优化对话框按钮：均分宽度 + 无边框 + 蓝色文字 */
.layui-layer-dialog .layui-layer-btn a {
    flex: 1;                            /* 弹性占比1（均分宽度） */
    margin: 0;                          /* 无外边距 */
    height: 50px;                       /* 按钮高度 */
    line-height: 50px;                  /* 行高 = 高度（垂直居中） */
    background: none;                   /* 无背景 */
    border: none;                       /* 无边框 */
    font-size: 12px;                    /* 字体大小 */
    color: #007AFF;                     /* 文字颜色（蓝色） */
    border-radius: 0;                   /* 无圆角 */
    text-align: center;                 /* 文本居中 */
    padding: 0;                         /* 无内边距 */
}
/* 优化对话框按钮变体：取消默认主题色，统一蓝色 */
.layui-layer-dialog .layui-layer-btn .layui-layer-btn0,
.layui-layer-dialog .layui-layer-btn .layui-layer-btn1,
.layui-layer-dialog .layui-layer-btn .layui-layer-btn2 {
    background: none;                   /* 无背景 */
    color: #007AFF;                     /* 文字颜色（蓝色） */
    border: none;                       /* 无边框 */
    font-weight: 400;                   /* 字体粗细（正常） */
}
/* 优化对话框非最后一个按钮：右侧边框（分隔按钮） */
.layui-layer-dialog .layui-layer-btn a:not(:last-child) {
    border-right: 1px solid #e5e5e5;    /* 右侧边框（浅灰色） */
}
/* 优化对话框唯一按钮：字体加粗 + 无边框 */
.layui-layer-dialog .layui-layer-btn a:only-child {
    font-weight: 600;                   /* 字体加粗 */
    border-right: none;                 /* 无边框右侧 */
}
/* 优化对话框最后一个按钮：字体加粗 */
.layui-layer-dialog .layui-layer-btn a:last-child {
    font-weight: 600;                   /* 字体加粗 */
}
/* 优化对话框危险按钮：红色文字 */
.layui-layer-dialog .layui-layer-btn a.layui-layer-btn-danger {
    color: #FF3B30;                     /* 文字颜色（红色） */
}
/* 优化对话框按钮 hover 效果：浅灰色背景 + 不透明 */
.layui-layer-dialog .layui-layer-btn a:hover {
    background-color: #f2f2f2;          /* hover 背景色（浅灰色） */
    opacity: 1;                         /* 不透明（取消默认透明度） */
}

/* --------------- 响应式：深色模式适配 --------------- */
/* 系统偏好深色模式时（prefers-color-scheme: dark） */
@media (prefers-color-scheme: dark) {
    /* iOS 风格对话框 + 优化对话框：深色背景 */
    .layui-layer.ios-dialog,
    .layui-layer-dialog {
        background-color: #1c1c1e;      /* 深色背景（iOS 深色模式标准） */
    }
    /* 按钮区顶部边框：深色边框 */
    .layui-layer.ios-dialog .layui-layer-btn,
    .layui-layer-dialog .layui-layer-btn {
        border-top-color: #333;          /* 边框颜色（深灰色） */
    }
    /* 第一个按钮右侧边框：深色边框 */
    .layui-layer.ios-dialog .layui-layer-btn a:first-child,
    .layui-layer-dialog .layui-layer-btn .layui-layer-btn0 {
        border-right-color: #333;        /* 边框颜色（深灰色） */
    }
    /* 对话框标题栏：深色背景 + 白色文字 + 深色边框 */
    .layui-layer-dialog .layui-layer-title {
        background-color: #1c1c1e;      /* 标题栏背景色（深色） */
        color: #fff;                    /* 文字颜色（白色） */
        border-bottom-color: #333;      /* 底部边框颜色（深灰色） */
    }
    /* 对话框内容区：浅色文字 */
    .layui-layer-dialog .layui-layer-content {
        color: #aaa;                    /* 文字颜色（浅灰色） */
    }
    /* 按钮 hover 效果：深色背景 */
    .layui-layer.ios-dialog .layui-layer-btn a:hover,
    .layui-layer-dialog .layui-layer-btn a:hover {
        background-color: #2c2c2e;      /* hover 背景色（深色） */
    }
    /* 非最后一个按钮右侧边框：深色边框 */
    .layui-layer-dialog .layui-layer-btn a:not(:last-child) {
        border-right-color: #333;        /* 边框颜色（深灰色） */
    }
    /* 危险按钮：深色模式红色 */
    .layui-layer-dialog .layui-layer-btn a.layui-layer-btn-danger {
        color: #FF453A;                 /* 文字颜色（深色模式红色） */
    }
}