/* ============================================
   设计稿统一样式文件
   基于 ai-diagnosis-redesign.html 设计规范
   ============================================ */

/* 0. 内置 FA6 字体（本文件全站加载，保证工具栏等处的 FA6 图标伪元素在
   未引入 geo-modern-table.css 的页面也能正常显示；仅声明字体，不覆盖站点原有 FA4 .fa 图标） */
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fa6/webfonts/fa-regular-400.woff2) format("woff2"),
         url(../fa6/webfonts/fa-regular-400.ttf) format("truetype");
}
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../fa6/webfonts/fa-solid-900.woff2) format("woff2"),
         url(../fa6/webfonts/fa-solid-900.ttf) format("truetype");
}

/* 1. 页面整体背景（对齐 mockup body #F8F9FA） */
body, .inside-header .content {
    background-color: #F8F9FA !important;
}
/* 2. 面板/容器样式 */
.panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.panel-intro > .panel-body {
    background: transparent !important;
    padding: 24px !important;   /* 对齐 mockup 内容区 p-6 = 24px */
}

/* 列表页四周留白对齐参考站 p-6=24px：
   .content 默认有 15px 内边距，叠加 panel-body 24px 会导致四周过宽；
   仅对含 .panel-intro 的列表页清除 .content 内边距，使四周正好=24px。
   （首页 dashboard 无 panel-intro，仍保留 .content 的 15px，不受影响） */
.content:has(.panel-intro) {
    padding: 0 !important;
}
.content:has(.panel-intro) > .panel {
    margin-bottom: 0 !important;
}

/* 3. 工具栏样式 - 深色圆角矩形（对齐参考站：单行 flex，左右分组） */
.fixed-table-toolbar {
    background: #1E293B !important;
    padding: 12px 20px !important;
    border-radius: 12px !important;
    /*    margin-bottom: 16px !important;*/
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    /*    gap: 8px !important;*/
}

/* 左侧按钮组容器：透明底、横向排列；margin-right:auto 把右侧按钮推到最右 */
.fixed-table-toolbar .bs-bars {
    margin-right: auto !important;
    float: none !important;
}
.fixed-table-toolbar .bs-bars .toolbar,
.toolbar {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* 工具栏按钮样式：统一 36px 高（对齐参考站 h-9） */
.toolbar .btn {
    height: 36px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    padding: 0 16px !important;
    display: inline-flex ;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    transition: all 0.2s ease !important;
}

.toolbar .btn-success {
    background: linear-gradient(135deg, #D4A017, #F5A623) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 500 !important;
}

.toolbar .btn-success:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(212, 160, 23, 0.3) !important;
}

.toolbar .btn-danger {
    background: #fff !important;
    border: 1px solid #E2E8F0 !important;
    color: #1A1A2E !important;
    opacity: 1;
    font-size: 14px!important;
    font-weight: 500!important;
    font-family: inherit;
}

.toolbar .btn-danger:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(212, 160, 23, 0.3) !important;
}

/* 红色危险操作按钮（如“取消查询”）：对齐参考站 #DC2626 实心红底白字 */
/* 覆盖 disabled/btn-disabled 状态，保持始终为实心红（参考站按钮常态即红色） */
.toolbar .btn-danger.btn-red,
.toolbar .btn-danger.btn-red.disabled,
.toolbar .btn-danger.btn-red.btn-disabled,
.toolbar .btn-danger.btn-red[disabled] {
    background: #DC2626 !important;
    border: 1px solid #DC2626 !important;
    color: #fff !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

.toolbar .btn-danger.btn-red:hover {
    background: #B91C1C !important;
    border-color: #B91C1C !important;
    color: #fff !important;
}

.toolbar .btn-primary {
    background: #fff !important;
    border: 1px solid #E2E8F0 !important;
    color: #1A1A2E !important;
}

.toolbar .btn-primary:hover {
    border-color: #D4A017 !important;
    color: #D4A017 !important;
}

.toolbar .btn-info {
    background: linear-gradient(135deg, #6366F1, #818CF8) !important;
    border: none !important;
    color: #fff !important;
}

.toolbar .btn-info:hover {
    opacity: 0.9 !important;
}

/* 4. 表格样式 */
.table {
    background: #fff !important;
    border-radius: 0 0 12px 12px !important;   /* 表头顶部方角，仅底部圆角，避免表头右上角被切圆 */
    overflow: hidden !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
}

/* 表头（标签栏）对齐 mockup：深色 #1E293B 底 + 白字 + 大写 + 字间距 + 加粗 */
.table > thead > tr > th {
    background: #1E293B !important;
    color: #fff !important;
    border: none !important;
    padding: 14px 20px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    vertical-align: middle !important;
}

/* th 内层容器（bootstrap-table 用 .th-inner 包裹表头文字）继承同款排版 */
.table > thead > tr > th .th-inner {
    padding: 0 !important;
    font-weight: 600 !important;
    color: #fff !important;
}

/* 可排序表头 hover（对齐 mockup th.sortable:hover #1e3a5f） */
.table > thead > tr > th.sortable:hover {
    background: #1e3a5f !important;
    cursor: pointer !important;
}

/* 表头排序图标：深底上用浅色，避免不可见 */
.table > thead > tr > th .sortable:after,
.table > thead > tr > th.sortable .th-inner:after {
    opacity: 0.6 !important;
}
.table > thead > tr > th .fa-sort,
.table > thead > tr > th .fa-sort-up,
.table > thead > tr > th .fa-sort-down {
    color: rgba(255, 255, 255, 0.55) !important;
    margin-left: 6px !important;
    font-size: 12px !important;
}

/* 表头全选复选框：深底上可见 */
.table > thead > tr > th input[type="checkbox"] {
    accent-color: #D4A017;
    cursor: pointer;
}

.table > tbody > tr {
    transition: background-color 0.15s ease !important;
}

.table > tbody > tr:hover {
    background-color: #F8FAFC !important;
}

.table > tbody > tr > td {
    padding: 16px 20px !important;   /* 对齐 mockup td px-5 py-4 */
    border-bottom: 1px solid #E2E8F0 !important;
    color: #374151 !important;
    font-size: 13px !important;
    vertical-align: middle !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff !important;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #F9FAFB !important;
}

/* 5. 表格操作按钮 */
.table .btn {
    border-radius: 6px !important;
    font-size: 12px !important;
    padding: 6px 12px !important;
    transition: all 0.2s ease !important;
}

.table .btn-edit {
    background: transparent !important;
    border: 1px solid #D4A017 !important;
    color: #D4A017 !important;
}

.table .btn-edit:hover {
    background: #D4A017 !important;
    color: #fff !important;
}

.table .btn-del {
    background: transparent !important;
    border: 1px solid #9CA3AF !important;
    color: #6B7280 !important;
}

.table .btn-del:hover {
    border-color: #DC2626 !important;
    color: #DC2626 !important;
    background: #FEF2F2 !important;
}

/* 操作列按钮：去除圆角，使相邻按钮连成一体、与整体协调（用户要求） */
.table td .btn-group,
.table td .btn-group > .btn,
.table .btn-editone,
.table .btn-delone,
.table .btn-dialog,
.table .btn-more,
.table .btn-append,
.table .btn-toggle {
    border-radius: 0 !important;
}

/* JS formatter 生成的表格内操作链接（如“取消订单”）：去除内联 border-radius */
.table tbody td a[style*="border-radius"] {
    border-radius: 0 !important;
}

/* 6. 分页样式 */
.fixed-table-pagination {
    background: rgba(249, 250, 251, 0.3) !important;
    padding: 12px 16px !important;
    border-top: 1px solid #E2E8F0 !important;
}

.fixed-table-pagination .pagination {
    margin: 0 !important;
}

.fixed-table-pagination .page-item .page-link {
    background: #fff !important;
    border: 1px solid #E2E8F0 !important;
    color: #374151 !important;
    border-radius: 6px !important;
    margin: 0 2px !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
}

.fixed-table-pagination .page-item.active .page-link {
    background: #1E293B !important;
    border-color: #1E293B !important;
    color: #fff !important;
}

.fixed-table-pagination .page-item .page-link:hover {
    background: #F3F4F6 !important;
}

/* 7. 筛选面板 */
.filter-panel,
.fixed-table-toolbar .search .input-group {
    background: #fff !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;
}

.fixed-table-toolbar .search input {
    border-radius: 8px !important;
    border: 1px solid #E2E8F0 !important;
    padding: 8px 12px !important;
}

.fixed-table-toolbar .search input:focus {
    border-color: #D4A017 !important;
    box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.1) !important;
}

/* 8. 状态标签 */
.label {
    border-radius: 20px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.label-success {
    background: #00BFA5 !important;   /* green-50，对齐 mockup 分析成功药丸 */
    color: #fff !important;        /* green-600 */
    border: 1px solid #BBF7D0 !important;  /* green-200 */
}

.label-danger {
    background: #42A5F5 !important;
    color: #fff !important;
}

.label-warning {
    background: #FF9800 !important;
    color: #fff !important;
/*    border: 1px solid #FDE68A !important;*/
}

.label-info {
    background: #EFF6FF !important;
    color: #2563EB !important;
    border: 1px solid #BFDBFE !important;
}

.label-default {
    background: #F3F4F6 !important;
    color: #374151 !important;
    border: 1px solid #E5E7EB !important;
}

/* 9. 弹窗样式 */
.modal-content {
    border-radius: 16px !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
}

.modal-header {
    background: #1E293B !important;
    color: #fff !important;
    padding: 16px 24px !important;
    border-bottom: none !important;
}

.modal-header .close {
    color: #fff !important;
    opacity: 0.7 !important;
}

.modal-header .close:hover {
    opacity: 1 !important;
}

.modal-title {
    color: #fff !important;
    font-weight: 600 !important;
}

.modal-body {
    padding: 24px !important;
}

.modal-footer {
    padding: 16px 24px !important;
    border-top: 1px solid #E2E8F0 !important;
}

/* 10. 表单样式 */
.form-control {
    border-radius: 8px !important;
    border: 1px solid #E2E8F0 !important;
    padding: 10px 14px !important;
    transition: all 0.2s ease !important;
}

.form-control:focus {
    border-color: #D4A017 !important;
    box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.1) !important;
}

.control-label {
    color: #374151 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}

/* 11. 按钮变体 */
.btn-primary {
    background: linear-gradient(135deg, #D4A017, #F5A623) !important;
    border: none !important;
    color: #fff !important;
}

.btn-primary:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
}

.btn-warning {
    background: #F59E0B !important;
    border: none !important;
    color: #fff !important;
}

.btn-default {
    background: #fff !important;
    border: 1px solid #E2E8F0 !important;
    color: #374151 !important;
}

.btn-default:hover {
    background: #F9FAFB !important;
    border-color: #D1D5DB !important;
}

/* 12. 会员权益卡片样式 */
.member-card {
    background: #1E293B !important;
    border: 1px solid #374151 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    transition: all 0.3s ease !important;
}

.member-card:hover {
    border-color: #D4A017 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
}

.member-card .icon-wrapper {
    background: rgba(212, 160, 23, 0.2) !important;
    color: #D4A017 !important;
}

.member-card .amount {
    color: #D4A017 !important;
    font-weight: 700 !important;
}

/* 13. 自定义复选框 */
.checkbox-wrap {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
}

.checkbox-wrap input[type="checkbox"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;
}

.checkbox-mimic {
    width: 100% !important;
    height: 100% !important;
    border: 2px solid #CBD5E1 !important;
    border-radius: 4px !important;
    background: white !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.15s ease !important;
    pointer-events: none !important;
}

.checkbox-wrap input[type="checkbox"]:checked + .checkbox-mimic {
    background-color: #D4A017 !important;
    border-color: #D4A017 !important;
}

.checkbox-wrap input[type="checkbox"]:checked + .checkbox-mimic::after {
    content: '\f00c' !important;
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
    color: white !important;
    font-size: 11px !important;
}

/* 14. 交替行颜色 */
.table-row-even {
    background-color: #F9FAFB !important;
}

/* 15. 金额/数字高亮 */
.amount-positive {
    color: #059669 !important;
    font-weight: 600 !important;
}

.amount-negative {
    color: #DC2626 !important;
    font-weight: 600 !important;
}

.amount-gold {
    color: #D4A017 !important;
    font-weight: 700 !important;
}

/* 16. 响应式调整 */
@media (max-width: 768px) {
    .fixed-table-toolbar,
    .toolbar {
        padding: 10px 12px !important;
    }

    .toolbar .btn {
        padding: 6px 10px !important;
        font-size: 12px !important;
    }

    .panel-intro > .panel-body {
        padding: 12px !important;
    }
}

/* 17. 滚动条样式 */
::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    border-radius: 10px !important;
}

::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 10px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8 !important;
}

/* 18. 表格容器 */
.fixed-table-container {
    border: none !important;
    border-radius: 0 0 12px 12px !important;   /* 顶部方角，仅底部圆角 */
    overflow: hidden !important;
}

.fixed-table-body {
    border-radius: 0 0 12px 12px !important;
}

/* 19. 加载动画 */
.fixed-table-loading {
    background: rgba(255, 255, 255, 0.9) !important;
}

.fixed-table-loading .fa-spin {
    color: #D4A017 !important;
}

/* 20. 空状态 */
.fixed-table-empty {
    color: #9CA3AF !important;
    font-size: 14px !important;
    padding: 40px !important;
}

/* ============================================
   21. bootstrap-table 内置右侧工具栏按钮
   （刷新 / 列设置 / 导出 / 通用搜索）
   对齐 mockup：深色工具栏内的白色圆角图标按钮
   ============================================ */
.fixed-table-toolbar .columns.columns-right,
.fixed-table-toolbar .bs-bars {
    padding: 0 !important;
}

/* 右侧图标按钮组：深灰底 + 白色图标（对齐参考站 .view-btn #374151） */
.fixed-table-toolbar .columns-right .btn-group > .btn,
.fixed-table-toolbar .columns-right > .btn,
.fixed-table-toolbar .columns-right .export .btn {
    background: #374151 !important;
    border: 1px solid #374151 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    height: 36px !important;
    min-width: 40px !important;
    padding: 0 12px !important;
    /*    margin-left: 8px !important;*/
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.fixed-table-toolbar .columns-right .btn-group > .btn:hover,
.fixed-table-toolbar .columns-right > .btn:hover,
.fixed-table-toolbar .columns-right .export .btn:hover {
    background: #4B5563 !important;
    border-color: #4B5563 !important;
    color: #ffffff !important;
}

.fixed-table-toolbar .columns-right .btn .caret {
    margin-left: 4px !important;
}

/* 列设置 / 导出 下拉菜单：圆角白卡 */
.fixed-table-toolbar .columns-right .dropdown-menu,
.fixed-table-toolbar .export .dropdown-menu {
    border-radius: 10px !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12) !important;
    padding: 6px !important;
    margin-top: 6px !important;
}

.fixed-table-toolbar .columns-right .dropdown-menu > li > label,
.fixed-table-toolbar .columns-right .dropdown-menu > li > a,
.fixed-table-toolbar .export .dropdown-menu > li > a {
    border-radius: 6px !important;
    padding: 7px 12px !important;
    font-size: 13px !important;
    color: #374151 !important;
}

.fixed-table-toolbar .columns-right .dropdown-menu > li > label:hover,
.fixed-table-toolbar .columns-right .dropdown-menu > li > a:hover,
.fixed-table-toolbar .export .dropdown-menu > li > a:hover {
    background: #F3F4F6 !important;
    color: #1A1A2E !important;
}

/* 刷新按钮（btn-refresh / btn-default + fa-refresh）→ 白色圆形，对齐参考站 w-9 h-9 rounded-full */
.toolbar .btn-refresh,
.toolbar .btn-default[title],
.toolbar a.btn.btn-default {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1px solid #E5E7EB !important;
    color: #1E293B !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.toolbar .btn-refresh:hover,
.toolbar .btn-default[title]:hover,
.toolbar a.btn.btn-default:hover {
    border-color: #D4A017 !important;
    color: #D4A017 !important;
}

/* ============================================
   22. 通用搜索表单（form-commonsearch）
   对齐 mockup 筛选面板：白底圆角卡片 + 标签在上 + 满宽输入框
   + 金色聚焦环 + 金色提交按钮
   + 位置移到工具栏下方 + max-height 折叠动画
   ============================================ */

/* 22.1 位置：用 flex order 把搜索面板从容器顶部移到工具栏下方 */
.bootstrap-table {
    display: flex !important;
    flex-direction: column !important;
}
.bootstrap-table > .fixed-table-toolbar { order: 1 !important; }
.bootstrap-table > .commonsearch-table { order: 2 !important; }
.bootstrap-table > .fixed-table-container { order: 3 !important; }
.bootstrap-table > .fixed-table-pagination { order: 4 !important; }

/* 22.2 动画：覆盖 bootstrap 的 .hidden（display:none），改为 max-height 平滑折叠 */
.commonsearch-table {
    overflow: hidden !important;
    max-height: 1000px;
    opacity: 1;
    margin-bottom: 16px;
    transition: max-height 0.3s ease, opacity 0.3s ease, margin 0.3s ease !important;
}
.commonsearch-table.hidden {
    display: block !important;
    max-height: 0 !important;
    opacity: 0 !important;
    margin-bottom: 0 !important;
}

.form-commonsearch {
    background: #ffffff !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 20px 20px 4px !important;
    margin-bottom: 0 !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;
}

/* 字段间距 */
.form-commonsearch .form-group {
    margin-bottom: 16px !important;
}

/* 标签：改为块级、置于输入框上方（对齐 mockup label text-sm font-semibold） */
.form-commonsearch .control-label {
    display: block !important;
    width: 100% !important;
    float: none !important;
    text-align: left !important;
    padding: 0 0 6px 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    line-height: 1.4 !important;
}

/* 输入框外层列：取消横向栅格、占满整行、清除偏移 */
.form-commonsearch .form-group > div[class*="col-"] {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
}

/* 输入框 / 下拉框：满宽、圆角、浅灰底（对齐 mockup input 样式） */
.form-commonsearch .form-control {
    width: 100% !important;
    height: auto !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    background: #f9fafb !important;
    color: #374151 !important;
    font-size: 14px !important;
    padding: 9px 14px !important;
    box-shadow: none !important;
    transition: all 0.15s ease !important;
}

.form-commonsearch .form-control:focus {
    border-color: #D4A017 !important;
    box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.15) !important;
    background: #ffffff !important;
}

/* 按钮行：独占一行、右对齐、重置在左查询在右（对齐 mockup flex justify-end gap-3） */
.form-commonsearch .row > .form-group:last-child {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}
.form-commonsearch .col-xs-offset-4 {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 12px !important;
    margin-left: 0 !important;
    width: 100% !important;
}
/* 顺序：重置在左、提交(查询)在右 */
.form-commonsearch button[type="reset"] { order: 1 !important; margin: 0 !important; }
.form-commonsearch button[type="submit"] { order: 2 !important; margin: 0 !important; }

/* 按钮通用尺寸：对齐 mockup h-10 px-5 rounded-md */
.form-commonsearch .btn {
    height: 40px !important;
    padding: 0 20px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 提交(查询)：深色 #1F2937 白字（对齐 mockup 主按钮） */
.form-commonsearch .btn-success {
    background: #1F2937 !important;
    border: 1px solid #1F2937 !important;
    color: #ffffff !important;
}
.form-commonsearch .btn-success:hover {
    background: #111827 !important;
    border-color: #111827 !important;
    opacity: 0.95 !important;
}

/* 重置：白底 + 灰边 + 灰字（对齐 mockup 次按钮） */
.form-commonsearch .btn-default {
    background: #ffffff !important;
    border: 1px solid #9ca3af !important;
    color: #6b7280 !important;
}
.form-commonsearch .btn-default:hover {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
    color: #6b7280 !important;
}

/* ============================================
   23. 工具栏按钮：精确对齐 mockup（顺序 / 图标 / 隐藏切换）
   参考站左侧：刷新(白圆) → 添加(金) → 删除(白底)
   参考站右侧：列设置 → 导出 → 搜索（无“切换”按钮）
   ============================================ */

/* 左侧按钮顺序：刷新在最左，其次添加，最后删除 */
.fixed-table-toolbar .bs-bars .toolbar {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.fixed-table-toolbar .toolbar .btn-refresh { order: 1 !important; }
.fixed-table-toolbar .toolbar .btn-add     { order: 2 !important; }
.fixed-table-toolbar .toolbar .btn-del,
.fixed-table-toolbar .toolbar .btn-danger  { order: 3 !important; }

/* 隐藏“切换/卡片视图”按钮（参考站无此按钮） */
.fixed-table-toolbar button[name="toggle"] { display: none !important; }

/* 右侧图标区顺序：列设置/导出（一组）在左，搜索在最右 */
.fixed-table-toolbar > .bs-bars { order: 0 !important; }
.fixed-table-toolbar > .columns.columns-right { order: 2 !important; }
.fixed-table-toolbar > .columns-right:not(.columns) { order: 3 !important; }

/* 将 glyphicon 图标替换为与参考站一致的 FontAwesome 实心图标 */
.fixed-table-toolbar .glyphicon-search::before {
    content: "\f002" !important;              /* 放大镜 */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}
.fixed-table-toolbar .glyphicon-th::before,
.fixed-table-toolbar .icon-th::before {
    content: "\f00a" !important;              /* 网格（列设置） */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}
.fixed-table-toolbar .glyphicon-export::before,
.fixed-table-toolbar .icon-share::before {
    content: "\f019" !important;              /* 下载（导出） */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* 刷新图标（fa-refresh）：确保为环形箭头且居中 */
.fixed-table-toolbar .toolbar .btn-refresh .fa-refresh::before {
    content: "\f021" !important;              /* 环形箭头 */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}
/* 删除图标：对齐参考站 fa-trash-can */
.fixed-table-toolbar .toolbar .btn-del .fa-trash::before {
    content: "\f2ed" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* 右侧图标统一大小（对齐参考站 icon 14px） */
.fixed-table-toolbar .columns-right .glyphicon {
    font-size: 14px !important;
    top: 0 !important;
    line-height: 1 !important;
}

/* 下拉指示：把 bootstrap 的三角 caret 换成参考站的 fa-chevron-down 下箭头 */
.fixed-table-toolbar .columns-right .caret {
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    margin-left: 5px !important;
    vertical-align: baseline !important;
}
.fixed-table-toolbar .columns-right .caret::before {
    content: "\f078" !important;              /* chevron-down */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 10px !important;
    color: #ffffff !important;
    display: inline-block !important;
}

/* ============================================
   24. “列设置”下拉菜单：精确对齐参考站 dictColumnDropdown
   白色圆角卡片 + “显示列”标题(金色眼睛) + 金色勾选框 + 悬停高亮
   仅作用于列设置下拉(.keep-open)，不影响导出下拉
   ============================================ */
.fixed-table-toolbar .keep-open .dropdown-menu {
    border-radius: 12px !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    padding: 6px !important;
    min-width: 176px !important;
    margin-top: 8px !important;
    background: #ffffff !important;
}

/* “显示列”标题 + 金色眼睛图标（内联 SVG，避免字体依赖） */
.fixed-table-toolbar .keep-open .dropdown-menu::before {
    content: "显示列";
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #1A1A2E;
    padding: 8px 12px 10px 34px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4A017'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M1%2012s4-8%2011-8%2011%208%2011%208-4%208-11%208-11-8-11-8z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 12px 9px;
    background-size: 16px 16px;
}

/* 每个列选项行：flex + 圆角 + 悬停高亮 */
.fixed-table-toolbar .keep-open .dropdown-menu > li > label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #374151 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}
.fixed-table-toolbar .keep-open .dropdown-menu > li > label:hover {
    background: #F3F4F6 !important;
    color: #1A1A2E !important;
}

/* 勾选框：金色（对齐参考站 checkbox-mimic 选中色 #D4A017） */
.fixed-table-toolbar .keep-open .dropdown-menu > li > label input[type="checkbox"] {
    accent-color: #D4A017 !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
}

/* ============================================
   25. 修复列设置/导出下拉被卡片 overflow:hidden 裁剪
   （geo-modern-table 的 .bootstrap-table 用 overflow:hidden 做圆角，
    会把溢出工具栏的下拉菜单下半部分裁掉）
   改为：容器不裁剪，圆角裁剪转移到表格主体上
   ============================================ */
.geo-modern-table .bootstrap-table { overflow: visible !important; }
.fixed-table-toolbar { overflow: visible !important; }
.fixed-table-toolbar .columns.columns-right,
.fixed-table-toolbar .keep-open,
.fixed-table-toolbar .export { overflow: visible !important; }

/* 圆角放到底部分页栏自身，容器不再横向裁剪（避免“跳转”按钮被剪掉） */
.geo-modern-table .fixed-table-container {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    overflow: visible !important;
}

/* 下拉浮层在表格之上 */
.fixed-table-toolbar .keep-open .dropdown-menu,
.fixed-table-toolbar .export .dropdown-menu {
    z-index: 1050 !important;
}

/* ============================================
   26. 日期区间选择器（daterangepicker）金色主题
   对齐参考站：金色选中日 #D4A017 / 浅金范围 #F5E6C8 / 圆角卡片
   ============================================ */
.daterangepicker {
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important;
    padding: 8px !important;
    font-family: inherit !important;
}
/* 顶部小三角指示器换成描边色 */
.daterangepicker:before { border-bottom-color: #E2E8F0 !important; }
.daterangepicker:after  { border-bottom-color: #ffffff !important; }

/* 左侧快捷范围列表 */
.daterangepicker .ranges { margin: 4px !important; }
.daterangepicker .ranges ul { width: 150px !important; }
.daterangepicker .ranges ul li {
    border-radius: 8px !important;
    padding: 8px 12px !important;
    margin-bottom: 2px !important;
    font-size: 13px !important;
    color: #374151 !important;
    border: none !important;
    background: transparent !important;
    transition: all 0.15s ease !important;
}
.daterangepicker .ranges ul li:hover {
    background: #F5E6C8 !important;
    color: #B8860B !important;
}
.daterangepicker .ranges ul li.active {
    background: #D4A017 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* 日历表头（月份、星期） */
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td { border-radius: 6px !important; }
.daterangepicker .calendar-table th.month {
    color: #1A1A2E !important;
    font-weight: 600 !important;
}
.daterangepicker .calendar-table thead tr:last-child th {
    color: #9CA3AF !important;
    font-weight: 500 !important;
}

/* 上/下月箭头 */
.daterangepicker .calendar-table th.prev span,
.daterangepicker .calendar-table th.next span {
    border-color: #6B7280 !important;
}
.daterangepicker .calendar-table th.available:hover {
    background: #F5E6C8 !important;
}
.daterangepicker .calendar-table th.available:hover span {
    border-color: #D4A017 !important;
}

/* 日期单元格：悬停浅金 */
.daterangepicker td.available:hover {
    background: #F5E6C8 !important;
    color: #B8860B !important;
}
/* 范围内：浅金底金字 */
.daterangepicker td.in-range {
    background: #F5E6C8 !important;
    color: #B8860B !important;
}
/* 选中的起止日：金色底白字 */
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.start-date,
.daterangepicker td.end-date {
    background: #D4A017 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
/* 今天：金色描边标记 */
.daterangepicker td.today:not(.active) {
    box-shadow: inset 0 0 0 1px #D4A017 !important;
    color: #B8860B !important;
}
/* 非本月/禁用 */
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background: #ffffff !important;
    color: #cbd5e1 !important;
}

/* 底部按钮：应用=金色，清空=白底灰边 */
.daterangepicker .range_inputs .applyBtn,
.daterangepicker .range_inputs .btn-success {
    background: #D4A017 !important;
    border: 1px solid #D4A017 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
}
.daterangepicker .range_inputs .applyBtn:hover { background: #B8860B !important; border-color: #B8860B !important; }
.daterangepicker .range_inputs .cancelBtn,
.daterangepicker .range_inputs .btn-default {
    background: #ffffff !important;
    border: 1px solid #9CA3AF !important;
    color: #6B7280 !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
}
.daterangepicker .range_inputs .cancelBtn:hover { background: #F3F4F6 !important; }

/* 输入框（开始/结束日期） */
.daterangepicker .daterangepicker_input .input-mini {
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    background: #f9fafb !important;
    color: #374151 !important;
    height: 34px !important;
}
.daterangepicker .daterangepicker_input .input-mini.active {
    border-color: #D4A017 !important;
    box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.15) !important;
    background: #ffffff !important;
}
.daterangepicker .daterangepicker_input i { color: #9CA3AF !important; }


/* ============================================
   27. 强力修复 Layer 确认弹框按钮焦点边框
   ============================================ */

/* 1. 全局清除 Layer 按钮在所有状态下（包括 focus 焦点态、active 点击态）的边框与轮廓 */
body .layui-layer-btn a,
body .layui-layer-btn a:hover,
body .layui-layer-btn a:focus,
body .layui-layer-btn a:focus-visible,
body .layui-layer-btn a:active,
body .layui-layer-btn .layui-layer-btn0,
body .layui-layer-btn .layui-layer-btn0:hover,
body .layui-layer-btn .layui-layer-btn0:focus,
body .layui-layer-btn .layui-layer-btn0:focus-visible,
body .layui-layer-btn .layui-layer-btn0:active,
body .layui-layer-btn .layui-layer-btn1,
body .layui-layer-btn .layui-layer-btn1:hover,
body .layui-layer-btn .layui-layer-btn1:focus,
body .layui-layer-btn .layui-layer-btn1:focus-visible {
    border: none !important;
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 2. 重置“确定”按钮（金色渐变、圆角、白字） */
body .layui-layer-btn .layui-layer-btn0 {
    background: linear-gradient(135deg, #D4A017, #F5A623) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

body .layui-layer-btn .layui-layer-btn0:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(212, 160, 23, 0.3) !important;
}

/* 3. 重置“取消”按钮（灰底、圆角、白字） */
body .layui-layer-btn .layui-layer-btn1 {
    background: #94A3B8 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

body .layui-layer-btn .layui-layer-btn1:hover {
    background: #64748B !important;
    color: #ffffff !important;
}
/* ============================================
   27. 分页栏：精确对齐参考站底部统计条
   顶部分隔线 + 浅灰背景 + 圆角按钮 +
   当前页深灰底白字 / 悬停金色 / 深色跳转按钮
   ============================================ */
.geo-modern-table .fixed-table-pagination {
    border-top: 1px solid #E2E8F0 !important;
    background: rgba(249, 250, 251, 0.5) !important;
    padding: 14px 20px !important;
    margin: 0 !important;
    overflow: visible !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    font-size: 14px !important;
    position: relative !important;
    display: block !important;
    min-height: 60px !important;
}
.geo-modern-table .fixed-table-pagination::after { content: none !important; }

/* 左段：统计 + 每页显示，绝对钉在最左 */
.geo-modern-table .fixed-table-pagination .pull-left.pagination-detail {
    float: none !important;
    margin: 0 !important;
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    z-index: 666;
    transform: translateY(-50%) !important;
    color: #6B7280 !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    z-index: 111;
}
/* 右段容器：撑满整条，供页码在“整条”内居中 */
.geo-modern-table .fixed-table-pagination .pull-right.pagination {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: block !important;
}
.geo-modern-table .fixed-table-pagination .pagination-info {
    color: #6B7280 !important;
    font-size: 14px !important;
}

/* “每页显示”下拉：浅灰圆角胶囊 */
.geo-modern-table .fixed-table-pagination .page-list {
    margin-left: 16px !important;
    color: #6B7280 !important;
}
.geo-modern-table .fixed-table-pagination .page-list .btn-group > .btn {
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    background: #f9fafb !important;
    color: #6B7280 !important;
    box-shadow: none !important;
    height: 32px !important;
    padding: 4px 10px !important;
    display: inline-flex !important;
    align-items: center !important;
}
.geo-modern-table .fixed-table-pagination .page-list .btn-group .dropdown-menu {
    border-radius: 8px !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
    padding: 4px !important;
    min-width: 90px !important;
}
.geo-modern-table .fixed-table-pagination .page-list .dropdown-menu > li > a {
    border-radius: 6px !important;
    padding: 6px 12px !important;
    color: #374151 !important;
    font-size: 14px !important;
}
.geo-modern-table .fixed-table-pagination .page-list .dropdown-menu > li.active > a,
.geo-modern-table .fixed-table-pagination .page-list .dropdown-menu > li > a:hover {
    background: #F5E6C8 !important;
    color: #B8860B !important;
}

/* 页码导航 ul：整条宽度、页码组居中 */
.geo-modern-table .fixed-table-pagination ul.pagination {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    position: relative !important;
}
/* 跳转：绝对钉在最右（脱离居中流，让上一页/页码/下一页真正整条居中） */
.geo-modern-table .fixed-table-pagination ul.pagination > li.jumpto {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}
/* 去掉 bootstrap 默认边框/圆角连体样式 */
.geo-modern-table .fixed-table-pagination .pagination > li {
    display: inline-flex !important;
}
.geo-modern-table .fixed-table-pagination .pagination > li > a,
.geo-modern-table .fixed-table-pagination .pagination > li > span {
    position: static !important;
    float: none !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #6B7280 !important;
    border-radius: 8px !important;
    height: 32px !important;
    min-width: 32px !important;
    padding: 0 10px !important;
    line-height: 32px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.15s ease !important;
}
/* 页码 hover：金色 */
.geo-modern-table .fixed-table-pagination .pagination > li > a:hover {
    background: #F5E6C8 !important;
    color: #B8860B !important;
}
/* 当前页：深灰底白字（对齐参考站 bg-gray-600） */
.geo-modern-table .fixed-table-pagination .pagination > li.active > a,
.geo-modern-table .fixed-table-pagination .pagination > li.active > a:hover,
.geo-modern-table .fixed-table-pagination .pagination > li.active > span {
    background: #4B5563 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}
/* 禁用（首/末页） */
.geo-modern-table .fixed-table-pagination .pagination > li.disabled > a,
.geo-modern-table .fixed-table-pagination .pagination > li.disabled > a:hover {
    color: #cbd5e1 !important;
    background: transparent !important;
    cursor: not-allowed !important;
}

/* 跳转输入框 + 按钮 */
.geo-modern-table .fixed-table-pagination .pagination .jumpto {
    margin-left: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.geo-modern-table .fixed-table-pagination .pagination .jumpto input.form-control {
    width: 48px !important;
    height: 32px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    background: #f9fafb !important;
    color: #374151 !important;
    text-align: center !important;
    padding: 0 6px !important;
    box-shadow: none !important;
}
.geo-modern-table .fixed-table-pagination .pagination .jumpto input.form-control:focus {
    border-color: #D4A017 !important;
    box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.15) !important;
    background: #ffffff !important;
}
.geo-modern-table .fixed-table-pagination .pagination .jumpto .btn {
    height: 32px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #1F2937 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    box-shadow: none !important;
}
.geo-modern-table .fixed-table-pagination .pagination .jumpto .btn:hover {
    background: #111827 !important;
}

/* ============================================
   28. 全站 Toast 提示：统一为参考站“屏幕居中深色圆角”样式
   覆盖 toastr（原右上角带颜色 + 关闭×）
   ============================================ */
/* 容器移到屏幕正中 */
#toast-container {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    max-width: 90vw !important;
    pointer-events: none !important;
}

/* 单条提示：深色胶囊，白字居中，无图标 */
#toast-container > .toast,
#toast-container > div.toast {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 280px !important;
    max-width: 90vw !important;
    margin: 8px auto !important;
    padding: 14px 24px !important;
    background: rgba(0, 0, 0, 0.85) !important;
    background-image: none !important;   /* 去掉 toastr 自带图标 */
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
/* 各类型统一为同一深色（成功/失败/信息/警告） */
#toast-container > .toast-success,
#toast-container > .toast-error,
#toast-container > .toast-info,
#toast-container > .toast-warning {
    background: rgba(0, 0, 0, 0.85) !important;
    background-image: none !important;
}

/* 文本 */
#toast-container > .toast .toast-message {
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    padding: 0 !important;
    word-break: break-word !important;
}
#toast-container > .toast .toast-title {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-bottom: 2px !important;
}

/* 隐藏关闭按钮与进度条（参考站没有） */
#toast-container > .toast .toast-close-button,
#toast-container > .toast .toast-progress {
    display: none !important;
}

/* ============================================
   29. 确认弹窗（layer dialog）：统一为参考站 del-modal 样式
   深色标题栏 + 圆形琥珀问号图标 + 金色确定 / 灰色取消
   仅作用于确认/提示对话框，不影响 iframe 表单弹窗、加载层、msg
   ============================================ */
/* 遮罩 */
.layui-layer-shade { background-color: rgba(0, 0, 0, 0.5) !important; opacity: 1 !important; }

/* 卡片：白色圆角、居中、阴影（关闭 layer 缩放动画，避免其 transform 覆盖居中） */
.layui-layer.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) {
    border: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
    width: 380px !important;
    max-width: 90vw !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    animation: none !important;
}

/* 标题栏：深色 */
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-title {
    background: #1E293B !important;
    color: #ffffff !important;
    height: 40px !important;
    line-height: 20px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

/* 内容区：相对定位 + 左侧留出图标位置 */
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-content {
    position: relative !important;
    padding: 24px 20px 24px 76px !important;
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1F2937 !important;
    line-height: 1.5 !important;
}
/* 隐藏 layer 自带精灵图标（无论有没有），统一用注入的圆形图标 */
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-content .layui-layer-ico {
    display: none !important;
}
/* 注入图标：42px 琥珀色圆 + 红色问号 */
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-content::before {
    content: "?" !important;
    position: absolute !important;
    top: 50% !important;
    left: 20px !important;
    transform: translateY(-50%) !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: #FEF3C7 !important;
    color: #EF4444 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    font-family: Arial, sans-serif !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 按钮区（footer）：浅灰底 + 顶部描边 + 右对齐 */
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-btn {
    background: #F9FAFB !important;
    padding: 12px 20px !important;
    border-top: 1px solid #E5E7EB !important;
    text-align: right !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
}
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-btn a {
    height: auto !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 6px 18px !important;
    border: 0 !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}
/* 确定：金色渐变（放右）；取消：灰色（放左） */
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-btn .layui-layer-btn0 {
    background: linear-gradient(135deg, #D4A017, #F5A623) !important;
    order: 2 !important;
    outline: none;
}
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-btn .layui-layer-btn0:hover { opacity: 0.9 !important; }
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-btn .layui-layer-btn1 {
    background: #9CA3AF !important;
    order: 1 !important;
    outline: none;
}
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-btn .layui-layer-btn1:hover { background: #6B7280 !important; }

/* 关闭 X：放在深色标题栏右侧（白色） */
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-setwin {
    top: 10px !important;
    right: 16px !important;
}
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-setwin .layui-layer-close {
    background: none !important;
    width: 22px !important;
    height: 22px !important;
    position: relative !important;
}
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-setwin .layui-layer-close::after {
    content: "\00d7" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 18px !important;
    line-height: 1 !important;
}
.layui-layer-dialog:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-setwin .layui-layer-close:hover::after {
    color: #ffffff !important;
}

/* ============================================
   30. 表单弹窗（add/edit 对话框）：对齐参考站表单样式
   圆角输入框 + 金色聚焦(#D4A017) + 加粗标签 +
   金色"确定" / 白底灰边"重置" + 关键词操作按钮 紫/橙/青
   作用域限定 #add-form / #edit-form（FastAdmin 弹窗表单统一 id）
   ============================================ */
#add-form,
#edit-form {
    padding: 6px 6px 0 !important;
}
/* 标签：左对齐、加深、加粗 */
#add-form .control-label,
#edit-form .control-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1F2937 !important;
    text-align: left !important;
    padding-top: 9px !important;
}
/* 输入框 / 下拉 / 文本域 */
#add-form .form-control,
#edit-form .form-control {
    height: 40px;
    padding: 0 14px;
    border: 1px solid #D1D5DB !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #374151 !important;
    background: #fff !important;
    box-shadow: none !important;
    transition: border-color .2s, box-shadow .2s !important;
}
#add-form select.form-control,
#edit-form select.form-control {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 34px !important;
}
#add-form textarea.form-control,
#edit-form textarea.form-control {
    height: auto;
    padding: 10px 14px;
    line-height: 1.6;
}
#add-form .form-control::placeholder,
#edit-form .form-control::placeholder { color: #9CA3AF !important; }
#add-form .form-control:focus,
#edit-form .form-control:focus {
    border-color: #D4A017 !important;
    box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.2) !important;
    outline: none !important;
}
/* 字段下方提示小字 */
#add-form .col-xs-8 > p,
#add-form .col-sm-8 > p,
#edit-form .col-xs-8 > p,
#edit-form .col-sm-8 > p {
    color: #9CA3AF !important;
    font-size: 12px !important;
    margin-top: 6px !important;
}
/* 单选按钮文字 */
#add-form .radio label,
#edit-form .radio label { color: #374151 !important; font-weight: 500 !important; }

/* 底部按钮：确定 = 金色实心；重置 = 白底灰边 */
#add-form .layer-footer .btn-primary,
#edit-form .layer-footer .btn-primary,
#add-form #submitBtn,
#edit-form #submitBtn {
    background: #D4A017 !important;
    border: 1px solid #D4A017 !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 9px 40px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
#add-form .layer-footer .btn-primary:hover,
#edit-form .layer-footer .btn-primary:hover,
#add-form #submitBtn:hover,
#edit-form #submitBtn:hover {
    background: #B8940E !important;
    border-color: #B8940E !important;
}
#add-form .layer-footer .btn-default,
#edit-form .layer-footer .btn-default {
    background: #fff !important;
    color: #6B7280 !important;
    border: 1px solid #9CA3AF !important;
    border-radius: 8px !important;
    padding: 9px 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
#add-form .layer-footer .btn-default:hover,
#edit-form .layer-footer .btn-default:hover {
    background: #F3F4F6 !important;
    border-color: #6B7280 !important;
}

/* 关键词表单里的操作按钮：AI蒸馏(紫) / 手动批量(橙) / 拓词工具(青) */
#add-form .strat_zhengliu,
#add-form .shoudong_zhengliu,
#add-form .addcart_btn.btn-dialog {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 38px !important;
    width: auto !important;
    padding: 0 18px !important;
    line-height: 1 !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: none !important;
    background: #8B5CF6 !important;
    margin: 0 8px 12px 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: opacity .2s, transform .15s !important;
}
#add-form .shoudong_zhengliu { background: #F5A623 !important; }
#add-form .addcart_btn.btn-dialog { background: #00BFA5 !important; }
#add-form .strat_zhengliu:hover,
#add-form .shoudong_zhengliu:hover,
#add-form .addcart_btn.btn-dialog:hover { opacity: .9 !important; transform: translateY(-1px) !important; }

/* ============================================
   31. 表单弹窗外壳（type2 iframe / type1 page 的 Layer）
   对齐参考站：圆角卡片 + 深色圆角标题栏(白色控件) +
   底部浅灰按钮条(居中) + 金色确定/灰色重置
   注：FastAdmin 会把表单内 .layer-footer 克隆到父窗口 .layui-layer-btn，
   故这些样式必须放在父窗口加载的本文件里
   ============================================ */
.layui-layer.layui-layer-iframe,
.layui-layer.layui-layer-page {
    border: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
}
/* 标题栏：深色 + 顶部圆角（不改高度，避免与 layui 计算的 iframe 高度冲突） */
.layui-layer.layui-layer-iframe .layui-layer-title,
.layui-layer.layui-layer-page .layui-layer-title {
    background: #1E293B !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 12px 12px 0 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
/* 右上角控制按钮（最小化/最大化/关闭）改白色 */
.layui-layer.layui-layer-iframe .layui-layer-setwin .layui-layer-min cite,
.layui-layer.layui-layer-page .layui-layer-setwin .layui-layer-min cite {
    background-color: rgba(255, 255, 255, 0.75) !important;
}
.layui-layer.layui-layer-iframe .layui-layer-setwin .layui-layer-min:hover cite,
.layui-layer.layui-layer-page .layui-layer-setwin .layui-layer-min:hover cite {
    background-color: #ffffff !important;
}
.layui-layer.layui-layer-iframe .layui-layer-setwin .layui-layer-max,
.layui-layer.layui-layer-page .layui-layer-setwin .layui-layer-max {
    border-color: rgba(255, 255, 255, 0.75) !important;
}
.layui-layer.layui-layer-iframe .layui-layer-setwin .layui-layer-max:hover,
.layui-layer.layui-layer-page .layui-layer-setwin .layui-layer-max:hover {
    border-color: #ffffff !important;
}
/* 关闭 X：隐藏默认精灵图，用白色叉 */
.layui-layer.layui-layer-iframe .layui-layer-setwin .layui-layer-close,
.layui-layer.layui-layer-page .layui-layer-setwin .layui-layer-close {
    background: none !important;
    position: relative !important;
}
.layui-layer.layui-layer-iframe .layui-layer-setwin .layui-layer-close::after,
.layui-layer.layui-layer-page .layui-layer-setwin .layui-layer-close::after {
    content: "\00d7" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 20px !important;
    line-height: 1 !important;
}
.layui-layer.layui-layer-iframe .layui-layer-setwin .layui-layer-close:hover::after,
.layui-layer.layui-layer-page .layui-layer-setwin .layui-layer-close:hover::after {
    color: #ffffff !important;
}

/* 底部按钮条：白底 + 顶部描边 + 居中 + 底部圆角 */
.layui-layer.layui-layer-iframe .layui-layer-btn,
.layui-layer.layui-layer-page .layui-layer-btn {
    background: #ffffff !important;
    border-top: 1px solid #E5E7EB !important;
    border-radius: 0 0 12px 12px !important;
    padding: 16px 24px !important;
    text-align: center !important;
    height: auto !important;
}
.layui-layer.layui-layer-iframe .layui-layer-btn .row,
.layui-layer.layui-layer-page .layui-layer-btn .row {
    margin: 0 !important;
}
.layui-layer.layui-layer-iframe .layui-layer-btn .submit-area,
.layui-layer.layui-layer-page .layui-layer-btn .submit-area {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
}
/* 底部：确定=金色实心 / 重置=浅灰（克隆到父窗口后由这里统一控制） */
.layui-layer-btn .btn-submit {
    background: #D4A017 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 44px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: background .2s !important;
}
.layui-layer-btn .btn-submit:hover { background: #F5A623 !important; }
.layui-layer-btn .btn-submit.disabled { opacity: .6 !important; cursor: not-allowed !important; }
.layui-layer-btn .btn-reset {
    background: #E5E7EB !important;
    color: #374151 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 34px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: background .2s !important;
}
.layui-layer-btn .btn-reset:hover { background: #D1D5DB !important; }


#toast-container,
#toast-container > .toast {
    transition: none !important;
}

/* 2. 当 Toastr JS 倒计时结束并写入 display: none 时，强制最高优先级隐藏并允许 DOM 移除 */
#toast-container > .toast[style*="display: none"] {
    display: none !important;
}
/* ============================================
   修复 Layer 弹窗自动聚焦（Focus）产生的原生黑边/轮廓
   ============================================ */

/* ============================================
   彻底消除 Layer 弹窗“确定”按钮的焦点黑边 (Focus Ring)
   ============================================ */

/* 1. 强力清空 Layer 所有按钮在聚焦 (focus/focus-visible/active) 时的原生轮廓与阴影 */
.layui-layer-btn a,
.layui-layer-btn a:focus,
.layui-layer-btn a:focus-visible,
.layui-layer-btn a:active,
.layui-layer-btn .layui-layer-btn0,
.layui-layer-btn .layui-layer-btn0:focus,
.layui-layer-btn .layui-layer-btn0:focus-visible,
.layui-layer-btn .layui-layer-btn0:active,
a.layui-layer-btn0,
a.layui-layer-btn0:focus,
a.layui-layer-btn0:focus-visible {
    outline: 0 !important;
    outline: none !important;
    outline-style: none !important;
    outline-width: 0 !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* 2. 强行锁定“确定”按钮在聚焦时的背景色，保持与常态完全一致 */
.layui-layer-btn .layui-layer-btn0:focus,
.layui-layer-btn .layui-layer-btn0:focus-visible {
    background: linear-gradient(135deg, #D4A017, #F5A623) !important;
    color: #ffffff !important;
}