/*
 * 测试后台新版壳：按《交友小程序_后台管理原型》统一导航、色彩与卡片层级。
 * 保留 ThinkAdmin 的菜单 data 属性，避免改变既有接口与权限判断。
 */
:root {
  --prototype-primary: #2563eb;
  --prototype-primary-soft: #eff6ff;
  --prototype-text: #0f172a;
  --prototype-muted: #64748b;
  --prototype-line: #e2e8f0;
  --prototype-canvas: #f1f5f9;
}

body.layui-layout-body { background: var(--prototype-canvas); color: var(--prototype-text); }
.prototype-shell > .layui-header {
  height: 64px;
  display: flex;
  align-items: center;
  background: #fff !important;
  border-bottom: 1px solid var(--prototype-line);
  box-shadow: none;
}
.prototype-shell > .layui-header .layui-logo {
  position: relative;
  width: 248px;
  height: 64px;
  padding: 0 24px;
  box-sizing: border-box;
  color: var(--prototype-text);
  font-size: 18px;
  font-weight: 700;
  line-height: 64px;
  text-align: left;
  border: 0;
  letter-spacing: .2px;
}
.prototype-shell > .layui-header .layui-logo:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 24px;
  margin: 0 10px 0 0;
  vertical-align: -5px;
  border-radius: 8px;
  background: var(--prototype-primary);
}
.prototype-shell > .layui-header .layui-logo sup { color: var(--prototype-muted); font-size: 10px; }
.prototype-shell .prototype-header-tools { left: 248px; }
.prototype-shell .prototype-header-tools .layui-nav-item,
.prototype-shell .prototype-header-tools .layui-nav-item > a { height: 64px; line-height: 64px; }
.prototype-shell .prototype-header-tools .layui-nav-item > a { color: #475569 !important; }
.prototype-shell .layui-header [data-target-menu-type] { border: 0; }
.prototype-shell .layui-header .layui-layout-right { right: 18px; }
.prototype-shell .layui-header .layui-layout-right > li > a {
  color: #334155 !important;
  border: 0;
  border-radius: 8px;
}
.prototype-shell .layui-header .layui-nav-child { top: 58px; border: 1px solid var(--prototype-line); border-radius: 8px; box-shadow: 0 12px 28px rgba(15,23,42,.12); }

.prototype-shell > .layui-side {
  display: block !important;
  top: 64px;
  width: 248px;
  background: #fff !important;
  border-right: 1px solid var(--prototype-line);
  box-sizing: border-box;
}
.prototype-shell > .layui-side .layui-side-scroll { width: 248px; padding: 16px 12px 28px; box-sizing: border-box; scrollbar-width: thin; scrollbar-color: #d9e2ee transparent; }
.prototype-shell > .layui-side .layui-side-scroll::-webkit-scrollbar { width: 6px; }
.prototype-shell > .layui-side .layui-side-scroll::-webkit-scrollbar-track { background: transparent; }
.prototype-shell > .layui-side .layui-side-scroll::-webkit-scrollbar-thumb { border-radius: 999px; background: #d9e2ee; }
.prototype-shell > .layui-side .layui-side-scroll::-webkit-scrollbar-thumb:hover { background: #c2cedd; }
.prototype-shell .prototype-menu-group { display: block !important; margin: 0 0 8px; }
.prototype-shell .prototype-system-shortcuts {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #e2e8f0;
}
.prototype-shell .prototype-menu-title {
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 12px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.prototype-shell .prototype-menu-title > span:first-child { margin-right: 8px; font-size: 14px; }
.prototype-shell > .layui-side .layui-nav-tree,
.prototype-shell > .layui-side .layui-nav-child { background: transparent !important; }
.prototype-shell > .layui-side .layui-nav-item { margin: 2px 0; border: 0; border-radius: 8px; overflow: hidden; }
.prototype-shell > .layui-side .layui-nav-item a {
  height: 42px;
  padding: 0 12px;
  color: #475569 !important;
  font-size: 14px;
  line-height: 42px;
  border-radius: 8px;
}
.prototype-shell > .layui-side .layui-nav-item a:hover { color: var(--prototype-primary) !important; background: #f8fafc !important; }
.prototype-shell > .layui-side .layui-nav-item.layui-this > a,
.prototype-shell > .layui-side .layui-nav-itemed > a { color: var(--prototype-primary) !important; background: var(--prototype-primary-soft) !important; font-weight: 600; }
.prototype-shell > .layui-side .layui-nav-item > .prototype-module-link {
  height: 46px;
  padding: 0 14px;
  color: #334155 !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 46px;
  background: #f8fafc !important;
  border-radius: 9px;
}
.prototype-shell > .layui-side .layui-nav-itemed > .prototype-module-link { color: var(--prototype-primary) !important; background: #f5f8fc !important; }
.prototype-shell > .layui-side .layui-nav-item.layui-this:after,
.prototype-shell > .layui-side .layui-nav-item.layui-this > a:after,
.prototype-shell > .layui-side .layui-nav-child dd.layui-this:after,
.prototype-shell > .layui-side .layui-nav-child dd.layui-this > a:after { display: none !important; }
/* ThinkAdmin 个别主题会在选中菜单的容器与链接上画四个装饰角；新版侧栏不保留该装饰。 */
.prototype-shell > .layui-side .layui-nav-tree .layui-this:before,
.prototype-shell > .layui-side .layui-nav-tree .layui-this:after,
.prototype-shell > .layui-side .layui-nav-tree .layui-this > a:before,
.prototype-shell > .layui-side .layui-nav-tree .layui-this > a:after { content: none !important; display: none !important; border: 0 !important; }
.prototype-shell > .layui-side .layui-nav-child { padding: 2px 0 4px; }
.prototype-shell > .layui-side .layui-nav-child dd { position: relative; margin: 0; border-radius: 0 7px 7px 0; overflow: visible; }
.prototype-shell > .layui-side .layui-nav-child dd a { position: relative; height: 38px; padding-left: 38px; color: #64748b !important; line-height: 38px; border-radius: 0 7px 7px 0; }
.prototype-shell > .layui-side .layui-nav-child .prototype-menu-icon { display: none !important; }
.prototype-shell > .layui-side .layui-nav-child dd a:before { position: absolute; left: 22px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: #cbd5e1; content: ''; }
.prototype-shell > .layui-side .layui-nav-child dd.layui-this,
.prototype-shell > .layui-side .layui-nav-child dd.layui-this:hover {
  /* Layui 同时把 dd 本身涂成 #009688；不要只覆盖其中的 a，否则底色会从圆角四角露出。 */
  background: transparent !important;
}
.prototype-shell > .layui-side .layui-nav-child dd.layui-this a { color: var(--prototype-primary) !important; background: #eaf2ff !important; box-shadow: inset 2px 0 0 #2f6df6; font-weight: 500; }
.prototype-shell > .layui-side .layui-nav-child dd.layui-this a:before { display: block !important; background: var(--prototype-primary); content: '' !important; }
.prototype-shell .prototype-menu-badge { position:absolute; right:15px; top:50%; display:inline-flex; min-width:18px; height:18px; padding:0 5px; align-items:center; justify-content:center; transform:translateY(-50%); box-sizing:border-box; border-radius:9px; background:#ef4444; color:#fff; font-size:11px; font-weight:600; line-height:18px; }
.prototype-shell > .layui-side .layui-nav-more {
  top: 50%;
  right: 16px;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border: 0 !important;
  border-right: 1.5px solid #64748b !important;
  border-bottom: 1.5px solid #64748b !important;
  transform: rotate(45deg);
  transition: transform .18s ease, margin-top .18s ease;
}
.prototype-shell > .layui-side .layui-nav-itemed > a .layui-nav-more,
.prototype-shell > .layui-side .layui-nav-mored {
  margin-top: -1px;
  transform: rotate(225deg);
}
.prototype-shell .prototype-menu-icon { display: inline-block; width: 18px; margin-right: 8px; color: inherit; font-size: 16px; text-align: center; vertical-align: -1px; }
.prototype-shell [data-menu-title] .prototype-menu-icon:before { content: "\e857"; }
.prototype-shell [data-menu-title="用户管理"] .prototype-menu-icon:before { content: "\e613"; }
.prototype-shell [data-menu-title="广告位管理"] .prototype-menu-icon:before { content: "\e857"; }
.prototype-shell [data-menu-title="充值管理"] .prototype-menu-icon:before { content: "\e65e"; }
.prototype-shell [data-menu-title="短链接管理"] .prototype-menu-icon:before { content: "\e64c"; }
.prototype-shell [data-menu-title="系统设置"] .prototype-menu-icon:before { content: "\e614"; }
.prototype-shell [data-menu-title="注册用户"] .prototype-menu-icon:before { content: "\e770"; }
.prototype-shell [data-menu-title="待审核用户"] .prototype-menu-icon:before { content: "\e705"; }
.prototype-shell [data-menu-title="审核通过用户"] .prototype-menu-icon:before { content: "\e605"; }
.prototype-shell [data-menu-title="审核未通过用户"] .prototype-menu-icon:before { content: "\e69c"; }

/* 用户管理统一消息提醒：成功、失败、警告均替换旧版 Layui 大图标弹层。 */
.layui-layer.layui-layer-msg {
    min-width: 220px !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 14px 38px rgba(15,23,42,.16) !important;
}
.layui-layer.layui-layer-msg .layui-layer-content {
    min-height: 24px !important;
    padding: 16px 22px !important;
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    white-space: nowrap;
}
.layui-layer.layui-layer-msg .layui-layer-content.layui-layer-padding {
    padding-left: 58px !important;
}
.layui-layer.layui-layer-msg .layui-layer-content .layui-layer-ico {
    top: 50% !important;
    left: 22px !important;
    width: 24px !important;
    height: 24px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background-image: none !important;
    line-height: 24px !important;
    text-align: center !important;
    margin-top: 0 !important;
    transform: translateY(-50%) !important;
}
.layui-layer.layui-layer-msg .layui-layer-content .layui-layer-ico:after {
    display: block;
    width: 24px;
    height: 24px;
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}
.layui-layer.layui-layer-msg .layui-layer-ico1 { background:#22c55e !important; }
.layui-layer.layui-layer-msg .layui-layer-ico1:after { content:'✓'; }
.layui-layer.layui-layer-msg .layui-layer-ico2 { background:#ef4444 !important; }
.layui-layer.layui-layer-msg .layui-layer-ico2:after { content:'×'; font-size:18px; }
.layui-layer.layui-layer-msg .layui-layer-ico0,
.layui-layer.layui-layer-msg .layui-layer-ico3 { background:#f59e0b !important; }
.layui-layer.layui-layer-msg .layui-layer-ico0:after,
.layui-layer.layui-layer-msg .layui-layer-ico3:after { content:'!'; }
.layui-layer.layui-layer-msg .layui-layer-ico4,
.layui-layer.layui-layer-msg .layui-layer-ico5,
.layui-layer.layui-layer-msg .layui-layer-ico6 { background:#3b82f6 !important; }
.layui-layer.layui-layer-msg .layui-layer-ico4:after,
.layui-layer.layui-layer-msg .layui-layer-ico5:after,
.layui-layer.layui-layer-msg .layui-layer-ico6:after { content:'i'; font-family:Georgia,serif; }
.layui-layer.layui-layer-dialog:not(.layui-layer-msg) {
    overflow: hidden !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 42px rgba(15,23,42,.18) !important;
}
.layui-layer.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-title {
    height: 52px !important;
    padding: 0 48px 0 20px !important;
    border-bottom: 1px solid #edf1f6 !important;
    background: #fff !important;
    color: #17233d !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 52px !important;
}
.layui-layer.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-content {
    padding: 22px 24px !important;
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}
.layui-layer.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn {
    padding: 0 20px 18px !important;
}
.layui-layer.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn a {
    height: 36px !important;
    margin-left: 10px !important;
    padding: 0 18px !important;
    border-radius: 7px !important;
    line-height: 36px !important;
}
.layui-layer.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn0 {
    border-color: #2563eb !important;
    background: #2563eb !important;
}
.prototype-shell [data-menu-title="广告位管理"] .prototype-menu-icon:before,
.prototype-shell [data-menu-title*="广告"] .prototype-menu-icon:before { content: "\e634"; }
.prototype-shell [data-menu-title="微信群列表"] .prototype-menu-icon:before { content: "\e612"; }
.prototype-shell [data-menu-title="充值管理"] .prototype-menu-icon:before,
.prototype-shell [data-menu-title="充值数据列表"] .prototype-menu-icon:before { content: "\e659"; }
.prototype-shell [data-menu-title="碎片管理"] .prototype-menu-icon:before,
.prototype-shell [data-menu-title="碎片列表"] .prototype-menu-icon:before { content: "\e60a"; }
.prototype-shell [data-menu-title="系统管理"] .prototype-menu-icon:before,
.prototype-shell [data-menu-title="系统配置"] .prototype-menu-icon:before,
.prototype-shell [data-menu-title="系统参数配置"] .prototype-menu-icon:before { content: "\e716"; }
.prototype-shell [data-menu-title="权限管理"] .prototype-menu-icon:before,
.prototype-shell [data-menu-title="访问权限管理"] .prototype-menu-icon:before { content: "\e672"; }
.prototype-shell [data-menu-title="系统用户管理"] .prototype-menu-icon:before { content: "\e770"; }
.prototype-shell [data-menu-title="系统设置"] .prototype-menu-icon:before { content: "\e716"; }
.prototype-shell [data-menu-title="后台用户列表"] .prototype-menu-icon:before,
.prototype-shell [data-menu-title="新增用户"] .prototype-menu-icon:before,
.prototype-shell [data-menu-title="用户信息"] .prototype-menu-icon:before { content: "\e770"; }
.prototype-shell [data-menu-title="组织架构"] .prototype-menu-icon:before { content: "\e63c"; }
.prototype-shell [data-menu-title="角色权限"] .prototype-menu-icon:before { content: "\e672"; }
.prototype-shell [data-menu-title="系统任务管理"] .prototype-menu-icon:before { content: "\e60e"; }
.prototype-shell [data-menu-title="系统日志管理"] .prototype-menu-icon:before { content: "\e60f"; }
.prototype-shell [data-menu-title="系统菜单管理"] .prototype-menu-icon:before { content: "\e60c"; }
.prototype-shell [data-menu-title*="短链接"] .prototype-menu-icon:before { content: "\e653"; }

.prototype-shell > .layui-body {
  top: 64px;
  left: 248px !important;
  padding: 18px;
  background: #f8fafc !important;
  box-sizing: border-box;
}
.prototype-page-heading { position: absolute; z-index: 2; left: 272px; right: 190px; top: 0; display: flex; align-items: center; justify-content:space-between; height: 64px; pointer-events: none; }
.prototype-page-heading__title { color: #17233d; font-size: 18px; line-height: 23px; font-weight: 700; }
.prototype-page-heading__title small { display: block; margin-top: 2px; color: #94a3b8; font-size: 12px; line-height: 16px; font-weight: 400; }
.prototype-breadcrumb { display:flex; align-items:center; gap:9px; color:#94a3b8; font-size:13px; font-weight:400; white-space:nowrap; }
.prototype-breadcrumb i { color:#cbd5e1; font-style:normal; }
.prototype-breadcrumb strong { color:#334155; font-weight:600; }
.prototype-shell > .layui-body > .layui-card { background: transparent; box-shadow: none; }
.prototype-shell > .layui-body > .layui-card > .layui-card-header {
  height: auto;
  min-height: 56px;
  margin-bottom: 16px;
  padding: 0 20px;
  line-height: 56px;
  color: var(--prototype-text);
  font-size: 16px;
  font-weight: 700;
  border: 1px solid var(--prototype-line);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15,23,42,.03);
}
.prototype-shell > .layui-body > .layui-card > .layui-card-body { padding:0; box-shadow:none!important; filter:none!important; }
.prototype-shell .hui-page,
.prototype-shell .hui-panel,
.prototype-shell .hui-table-panel { box-shadow:none!important; filter:none!important; }
.prototype-shell .layui-card { border-radius: 12px; }
.prototype-shell .layui-btn { border-radius: 7px; }
.prototype-shell .layui-btn-normal { background: var(--prototype-primary); }
.prototype-shell .layui-input,
.prototype-shell .layui-select,
.prototype-shell .layui-textarea { border-color: #cbd5e1; border-radius: 7px; }
.prototype-shell .layui-table { border-color: var(--prototype-line); border-radius: 10px; overflow: hidden; }
.prototype-shell .layui-table thead tr { background: #f8fafc; }
.prototype-shell .layui-table th { color: #475569; font-weight: 600; }
.prototype-shell .layui-table td,
.prototype-shell .layui-table th { border-color: var(--prototype-line); }
.prototype-shell .layui-table tbody tr:hover { background: #f8fbff; }

/* 原型的分页：紧凑的描边按钮、当前页使用主色。 */
.prototype-shell .pagination-container { min-height: 42px; padding: 14px 4px 0; line-height: 32px; color: var(--prototype-muted); }
.prototype-shell .pagination-container > span { color: var(--prototype-muted); font-size: 13px; }
.prototype-shell .pagination-container > ul { float: right; display: flex; gap: 6px; align-items: center; }
.prototype-shell .pagination-container > ul > li { display: block; }
.prototype-shell .pagination-container > ul > li > a,
.prototype-shell .pagination-container > ul > li > span { width: 32px; height: 32px; margin: 0; color: #475569; line-height: 30px; border: 1px solid var(--prototype-line); border-radius: 7px; background: #fff; transition: .15s ease; }
.prototype-shell .pagination-container > ul > li > a:hover { color: var(--prototype-primary); border-color: #bfdbfe; background: var(--prototype-primary-soft); }
.prototype-shell .pagination-container > ul > li.active > span { color: #fff; border-color: var(--prototype-primary); background: var(--prototype-primary) !important; }

/* Layui 会动态插入选中指示条 .layui-nav-bar。它压在圆角选中背景下面，
   造成左右两端露出青色的“小尖角”；原型不使用这条指示条。 */
.prototype-shell > .layui-side .layui-nav-bar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* 新增、编辑、审核用户：保留原字段与提交逻辑，只替换成原型同一套表单视觉。 */
.prototype-shell .user-profile-form { overflow:hidden; border:1px solid var(--prototype-line); border-radius:12px; box-shadow:none!important; filter:none!important; }
.prototype-shell .user-profile-form .layui-card-body { padding: 24px !important; background: #fff; box-shadow: none !important; }
.prototype-shell .user-profile-form__head { display: flex; align-items: flex-start; justify-content: space-between; margin: -24px -24px 24px; padding: 20px 24px; background: #f8fafc; border-bottom: 1px solid var(--prototype-line); }
.prototype-shell .user-profile-form__head h2 { margin: 0 0 6px; color: var(--prototype-text); font-size: 18px; line-height: 26px; font-weight: 700; }
.prototype-shell .user-profile-form__head p { margin: 0; color: var(--prototype-muted); font-size: 13px; }
.prototype-shell .user-profile-form__head b { color: #ef4444; }
.prototype-shell .user-profile-form__mode { padding: 4px 10px; color: #2563eb; font-size: 12px; line-height: 18px; border-radius: 999px; background: #dbeafe; }
.prototype-shell .user-profile-form .layui-form-item { margin: 0 -12px 18px; }
.prototype-shell .user-profile-form .layui-form-item:after { display: block; clear: both; content: ''; }
.prototype-shell .user-profile-form .layui-col-md4 { box-sizing: border-box; padding: 0 12px; }
.prototype-shell .user-profile-form .layui-form-label { float: none; width: auto; padding: 0 0 7px; color: #64748b !important; font-size: 13px; line-height: 20px; text-align: left; white-space: nowrap; }
.prototype-shell .user-profile-form label.color-green { color: #64748b !important; }
.prototype-shell .user-profile-form .layui-col-md4:has(input[required]) > .layui-form-label:after,
.prototype-shell .user-profile-form .layui-col-md4:has(select[required]) > .layui-form-label:after,
.prototype-shell .user-profile-form .label-required-prev:after { margin-left: 3px; color: #ef4444; content: '*'; }
.prototype-shell .user-profile-form .layui-input-block { margin: 0; }
.prototype-shell .user-profile-form .layui-input,
.prototype-shell .user-profile-form .layui-select,
.prototype-shell .user-profile-form select { width: 100%; height: 40px; border-color: #d7e1ee; border-radius: 7px; background: #fff; }
.prototype-shell .user-profile-form .layui-input:focus { border-color: #60a5fa; box-shadow: 0 0 0 3px rgba(37,99,235,.08); }
.prototype-shell .user-profile-form .layui-table { margin: 0 0 24px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.prototype-shell .user-profile-form .layui-table th { height: 40px; padding: 0 16px; color: #475569; background: #f8fafc; }
.prototype-shell .user-profile-form .layui-table td { height: 96px; padding: 10px 16px; background: #fff; }
.prototype-shell .user-profile-form > .layui-card-body > .layui-form-item > .layui-form-label { padding-left: 12px; }
.prototype-shell .user-profile-form textarea { width: calc(100% - 24px) !important; min-height: 104px; margin: 0 12px; padding: 10px 12px; color: #334155; line-height: 1.6; border: 1px solid #d7e1ee; border-radius: 7px; box-sizing: border-box; outline: none; }
.prototype-shell .user-profile-form textarea:focus { border-color: #60a5fa; box-shadow: 0 0 0 3px rgba(37,99,235,.10); }
.prototype-shell .user-profile-form .layui-btn-danger { color: #dc2626; border: 1px solid #fecaca; background: #fff1f2; }
.prototype-shell .user-profile-form .layui-btn:not(.layui-btn-danger) { min-width: 86px; background: var(--prototype-primary); }
.prototype-shell .user-profile-form .user-profile-form__audit { margin: 24px 0 18px; padding: 18px 12px; border-top: 1px solid var(--prototype-line); border-bottom: 1px solid var(--prototype-line); background: #f8fafc; }
.prototype-shell .user-profile-form .user-profile-form__audit .layui-form-label { display: inline-block; margin-right: 18px; padding: 8px 0; color: #334155 !important; font-weight: 600; }
.prototype-shell .user-profile-form .user-profile-form__audit .layui-input-block { display: inline-block; }
.prototype-shell .user-profile-form .user-profile-form__audit .layui-form-radio { margin: 0 18px 0 0; }
.prototype-shell .user-profile-form .user-profile-form__audit .layui-form-radio > i:hover,
.prototype-shell .user-profile-form .user-profile-form__audit .layui-form-radioed > i { color: var(--prototype-primary); }
.prototype-shell .user-profile-form .user-profile-form__refuse { margin-top: 4px; }
.prototype-shell .user-profile-form .user-profile-form__actions { position:sticky; z-index:8; bottom:0; margin:28px -24px -24px; padding:16px 24px; text-align:right!important; background:#fff; border-top:1px solid var(--prototype-line); box-shadow:none!important; backdrop-filter:none; }
.prototype-shell .user-profile-form .user-profile-form__actions .layui-btn { height: 36px; line-height: 36px; }

/* Layui 的下拉层会动态渲染在 body 末尾，不能只依赖 .prototype-shell 作用域。
   这里将默认的绿色选中态改为原型一致的蓝色浮层。 */
.layui-form-select dl {
  top: 42px;
  padding: 4px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(15,23,42,.12);
  background: #fff;
}
.layui-form-select dl dd,
.layui-form-select dl dt { height: 34px; padding: 0 12px; color: #334155; line-height: 34px; border-radius: 5px; }
.layui-form-select dl dd:hover { color: #1d4ed8; background: #eff6ff; }
.layui-form-select dl dd.layui-this { color: #1d4ed8 !important; font-weight: 600; background: #eff6ff !important; }
.layui-form-select dl dd.layui-select-tips { color: #64748b; }
.layui-form-select dl::-webkit-scrollbar { width: 8px; }
.layui-form-select dl::-webkit-scrollbar-thumb { border: 2px solid #fff; border-radius: 8px; background: #cbd5e1; }
.prototype-shell .layui-form-select .layui-edge { right: 12px; border-top-color: #94a3b8; }
.prototype-shell .layui-form-selected .layui-input { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37,99,235,.10); }

/* 信息确认、删除确认等弹窗：对齐原型的 12px 圆角、轻阴影与蓝色主按钮。 */
.layui-layer { overflow: hidden; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; box-shadow: 0 18px 40px rgba(15,23,42,.18) !important; }
.layui-layer-title { height: 52px !important; padding: 0 20px !important; color: #0f172a !important; font-size: 16px !important; font-weight: 600 !important; line-height: 52px !important; border-bottom: 1px solid #e2e8f0 !important; background: #fff !important; }
.layui-layer-content { color: #334155; font-size: 14px; }
.layui-layer-setwin { top: 18px !important; right: 18px !important; }
.layui-layer-setwin .layui-layer-close1 { width: 18px; height: 18px; background: none !important; }
.layui-layer-setwin .layui-layer-close1:before { content: '×'; color: #475569; font-size: 24px; line-height: 16px; }
.layui-layer-btn { padding: 12px 20px 16px !important; border-top: 1px solid #f1f5f9; background: #fff; }
.layui-layer-btn a { height: 34px !important; padding: 0 16px !important; font-size: 13px !important; line-height: 34px !important; border-radius: 7px !important; }
.layui-layer-btn .layui-layer-btn0 { border-color: #2563eb !important; background: #2563eb !important; }
.layui-layer-btn .layui-layer-btn1 { color: #475569 !important; border-color: #cbd5e1 !important; background: #fff !important; }

@media screen and (max-width: 1000px) {
  .prototype-shell > .layui-side { width: 248px; }
  .prototype-shell > .layui-body { left: 248px !important; }
  .prototype-shell > .layui-header .layui-logo { width: 248px; }
  .prototype-shell .prototype-header-tools { left: 248px; }
  .prototype-page-heading { left: 272px; }
}