/* 后台视觉系统：在不侵入业务模板的前提下统一布局与组件 */
:root {
    --admin-primary: #6757e8;
    --admin-primary-dark: #5242d1;
    --admin-primary-soft: #f0eefe;
    --admin-mint: #20b486;
    --admin-blue: #3487f7;
    --admin-orange: #f59e42;
    --admin-danger: #ed5b68;
    --admin-ink: #172033;
    --admin-text: #3d4658;
    --admin-muted: #8a93a4;
    --admin-line: #e9ecf2;
    --admin-canvas: #f5f6fa;
    --admin-panel: #ffffff;
    --admin-sidebar: #fbfaff;
    --admin-sidebar-soft: #f2f0fb;
    --admin-radius-sm: 8px;
    --admin-radius: 13px;
    --admin-shadow: 0 8px 28px rgba(34, 40, 68, .06);
    --admin-shadow-hover: 0 14px 34px rgba(34, 40, 68, .1);
}

html,
body {
    color: var(--admin-text);
    background: var(--admin-canvas);
    font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
}

body {
    font-size: 13px;
}

body a {
    color: var(--admin-primary);
}

body a:hover {
    color: var(--admin-primary-dark);
}

::selection {
    color: #fff !important;
    background: var(--admin-primary) !important;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    background: transparent !important;
}

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

/* 主框架 */
.layui-layout-admin > .layui-body {
    background:
        radial-gradient(circle at 92% 2%, rgba(103, 87, 232, .055), transparent 24%),
        var(--admin-canvas) !important;
}

.layui-layout-admin > .layui-body > .think-page-body {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    padding: 18px 20px 28px !important;
    overflow: hidden;
}

.layui-layout-admin > .layui-body > .think-page-body > .layui-card {
    position: relative;
    overflow: visible;
    width: 100%;
    height: 100%;
    min-height: 0;
    background: transparent !important;
    box-shadow: none !important;
}

.layui-layout-admin > .layui-body > .think-page-body > .layui-card:before {
    display: none !important;
}

.layui-layout-admin > .layui-body > .think-page-body > .layui-card > .layui-card-header {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 3;
    box-sizing: border-box;
    height: 62px !important;
    padding: 0 22px !important;
    color: var(--admin-ink) !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 62px !important;
    background: var(--admin-panel) !important;
    border: 1px solid var(--admin-line) !important;
    border-bottom: 0 !important;
    border-radius: var(--admin-radius) var(--admin-radius) 0 0;
    box-shadow: var(--admin-shadow);
}

.layui-layout-admin > .layui-body > .think-page-body > .layui-card > .layui-card-header:before {
    display: inline-block;
    width: 4px;
    height: 18px;
    margin: -2px 11px 0 0;
    content: "";
    vertical-align: middle;
    background: linear-gradient(180deg, #8b7ef4, var(--admin-primary));
    border-radius: 6px;
}

.layui-layout-admin > .layui-body > .think-page-body > .layui-card > .layui-card-header > .layui-icon:first-child {
    display: none;
}

.layui-layout-admin > .layui-body > .think-page-body > .layui-card > .layui-card-line {
    display: none;
}

.layui-layout-admin > .layui-body > .think-page-body > .layui-card > .layui-card-body {
    position: absolute !important;
    top: 0 !important;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: auto;
    min-height: 0;
    padding: 20px !important;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--admin-panel);
    border: 1px solid var(--admin-line);
    border-top: 0;
    border-radius: 0 0 var(--admin-radius) var(--admin-radius);
    box-shadow: var(--admin-shadow);
}

.layui-layout-admin > .layui-body > .think-page-body > .layui-card > .layui-card-header ~ .layui-card-body {
    top: 62px !important;
}

.layui-layout-admin > .layui-body > .think-page-body > .layui-card > .layui-card-body > .layui-card-html,
.layui-layout-admin > .layui-body > .think-page-body > .layui-card > .layui-card-body > .layui-card-table {
    position: relative !important;
    min-width: 0;
    padding: 0 !important;
}

/* 侧栏：统一为深色工作台，不再跟随脚手架的多套旧布局皮肤 */
.layui-layout-admin > .layui-side {
    width: 220px !important;
    background:
        radial-gradient(circle at 12% 5%, rgba(114, 96, 232, .1), transparent 26%),
        linear-gradient(180deg, #fdfcff 0%, var(--admin-sidebar) 48%, #f7f6fc 100%) !important;
    border-right: 1px solid #ebe8f5 !important;
    box-shadow: 7px 0 28px rgba(61, 53, 112, .055) !important;
}

.layui-layout-admin > .layui-side .layui-logo {
    box-sizing: border-box;
    width: 220px !important;
    height: 64px !important;
    padding: 0 18px;
    color: var(--admin-ink) !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 64px !important;
    text-align: left;
    background: transparent !important;
    box-shadow: inset 0 -1px #ebe8f3 !important;
}

.layui-layout-admin > .layui-side .layui-logo .headimg {
    width: 32px;
    height: 32px;
    margin-right: 10px !important;
    background-color: #ece9fb;
    box-shadow: 0 4px 12px rgba(103, 87, 232, .12);
    border-radius: 9px;
}

.layui-layout-admin > .layui-side .layui-logo .headtxt {
    display: inline-block !important;
}

.layui-layout-admin > .layui-side .layui-logo sup {
    margin-left: 5px;
    color: #9690ad;
    font-size: 9px;
    font-weight: 500;
}

.layui-layout-admin > .layui-side .layui-side-scroll {
    top: 64px !important;
    display: block !important;
    width: 220px !important;
    padding: 14px 10px 24px;
    box-sizing: border-box;
}

.layui-layout-admin > .layui-side .layui-side-icon {
    display: none !important;
}

.layui-layout-admin > .layui-side .layui-side-tree {
    width: 100% !important;
    background: transparent !important;
}

.layui-layout-admin > .layui-side .layui-side-tree > .layui-nav-tree {
    width: 100% !important;
    background: transparent !important;
}

.layui-layout-admin > .layui-side .layui-nav-item {
    margin-bottom: 3px;
    background: transparent !important;
    border: 0 !important;
}

.layui-layout-admin > .layui-side .layui-side-tree .layui-nav-item a,
.layui-layout-admin > .layui-side .layui-side-tree .layui-nav-child dd a {
    box-sizing: border-box;
    height: 44px;
    margin: 2px 0;
    padding: 0 14px !important;
    color: #697085 !important;
    line-height: 44px;
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px;
    transition: color .18s ease, background .18s ease, transform .18s ease;
}

.layui-layout-admin > .layui-side .layui-side-tree .layui-nav-child dd a {
    height: 40px;
    padding-left: 37px !important;
    line-height: 40px;
}

.layui-layout-admin > .layui-side .layui-side-tree .layui-nav-item a:hover,
.layui-layout-admin > .layui-side .layui-side-tree .layui-nav-child dd a:hover {
    color: var(--admin-primary) !important;
    background: #f0eefb !important;
    transform: translateX(2px);
}

.layui-layout-admin > .layui-side .layui-side-tree .layui-nav-item.layui-this > a,
.layui-layout-admin > .layui-side .layui-side-tree .layui-nav-child dd.layui-this > a,
.layui-layout-admin > .layui-side .layui-side-tree .layui-nav-item .layui-this > a {
    color: #fff !important;
    font-weight: 600 !important;
    background: linear-gradient(135deg, #7465ef, #5b49d6) !important;
    box-shadow: 0 8px 18px rgba(103, 87, 232, .26);
}

.layui-layout-admin > .layui-side .nav-icon {
    width: 20px;
    margin-right: 7px;
    color: inherit !important;
    font-size: 16px;
    text-align: center;
}

.layui-layout-admin > .layui-side .layui-nav-more {
    border-top-color: #969bad;
}

.layui-layout-admin > .layui-side .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent var(--admin-primary);
}

.layui-layout-admin > .layui-side .layui-nav-bar,
.layui-layout-admin > .layui-header .layui-nav-bar {
    display: none !important;
}

.layui-layout-admin > .layui-side .layui-side-target {
    display: none !important;
}

/* 用户切换旧主题时，左侧仍保持统一的浅色品牌样式 */
body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side {
    background:
        radial-gradient(circle at 12% 5%, rgba(114, 96, 232, .1), transparent 26%),
        linear-gradient(180deg, #fdfcff 0%, var(--admin-sidebar) 48%, #f7f6fc 100%) !important;
}

body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-logo {
    color: var(--admin-ink) !important;
    background: transparent !important;
}

body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree,
body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree > .layui-nav-tree {
    background: transparent !important;
}

body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-item,
body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-itemed {
    background: transparent !important;
    border: 0 !important;
}

body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-item > a,
body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-child dd > a {
    color: #697085 !important;
    background: transparent !important;
    border: 0 !important;
}

body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-item > a:hover,
body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-child dd > a:hover {
    color: var(--admin-primary) !important;
    background: #f0eefb !important;
}

body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-itemed {
    margin: 5px 0 8px;
    padding: 4px;
    background: rgba(239, 237, 250, .72) !important;
    border: 1px solid #e7e3f5 !important;
    border-radius: 12px;
}

body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-itemed > a {
    margin: 0 0 2px;
    color: var(--admin-primary) !important;
    font-weight: 650 !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(68, 57, 128, .07);
}

body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-child {
    position: relative;
    padding: 3px 0 3px 10px !important;
    background: transparent !important;
}

body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-child:before {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 14px;
    width: 2px;
    content: "";
    background: #dcd7f2;
    border-radius: 2px;
}

body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-child dd > a {
    position: relative;
    height: 38px;
    margin: 1px 0;
    padding-left: 30px !important;
    line-height: 38px;
    border-radius: 8px;
}

body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-child dd.layui-this > a,
body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-item .layui-nav-child .layui-this > a {
    color: #fff !important;
    font-weight: 600 !important;
    background: linear-gradient(135deg, #786af0, #6553df) !important;
    box-shadow: 0 6px 14px rgba(103, 87, 232, .2);
}

body[class*="layui-layout-theme-"] > .layui-layout-admin > .layui-side .layui-side-tree .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent var(--admin-primary) !important;
}

/* 顶栏 */
.layui-layout-admin > .layui-header {
    left: 220px !important;
    box-sizing: border-box;
    height: 64px !important;
    padding: 0 12px;
    background: rgba(255, 255, 255, .94) !important;
    border-bottom: 1px solid var(--admin-line) !important;
    box-shadow: 0 4px 22px rgba(35, 42, 68, .035) !important;
    backdrop-filter: blur(14px);
}

.layui-layout-admin > .layui-header .layui-nav {
    background: transparent !important;
}

.layui-layout-admin > .layui-header .layui-nav-item {
    height: 64px;
    line-height: 64px;
}

.layui-layout-admin > .layui-header .layui-nav-item > a {
    height: 64px;
    padding: 0 14px;
    color: #697286 !important;
    line-height: 64px;
    background: transparent !important;
}

.layui-layout-admin > .layui-header .layui-nav-item > a:hover,
.layui-layout-admin > .layui-header .layui-nav-item.layui-this > a {
    color: var(--admin-primary) !important;
    background: transparent !important;
}

.layui-layout-admin > .layui-header .layui-layout-left > .layui-nav-item:first-child a,
.layui-layout-admin > .layui-header .layui-layout-right > .layui-nav-item:first-child a {
    width: 38px;
    height: 38px;
    margin-top: 13px;
    padding: 0;
    line-height: 38px;
    background: #f4f3fb !important;
    border-radius: 10px;
}

.layui-layout-admin > .layui-header .layui-layout-right > .layui-nav-item:first-child > a {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.layui-layout-admin > .layui-header .layui-layout-right > .layui-nav-item:first-child > a > .layui-icon {
    display: block;
    margin: 0;
    line-height: 1;
}

.layui-layout-admin > .layui-header .layui-layout-left > .layui-nav-item:nth-child(2) {
    display: none !important;
}

.layui-layout-admin > .layui-header .headimg {
    width: 34px;
    height: 34px;
    border: 3px solid #eeecfb;
}

.layui-layout-admin > .layui-header .layui-nav-child {
    top: 58px;
    padding: 7px;
    border: 1px solid var(--admin-line);
    border-radius: 11px;
    box-shadow: 0 14px 35px rgba(31, 36, 61, .14);
}

.layui-layout-admin > .layui-header .layui-nav-child dd a {
    padding: 0 13px;
    border-radius: 7px;
}

.layui-layout-admin > .layui-header .layui-nav-child dd a:hover {
    color: var(--admin-primary);
    background: var(--admin-primary-soft);
}

.layui-layout-admin > .layui-body {
    top: 64px !important;
    left: 220px !important;
}

/* 折叠状态 */
.layui-layout-admin.layui-layout-left-hide > .layui-side,
.layui-layout-admin.layui-layout-left-mini > .layui-side {
    width: 72px !important;
}

.layui-layout-admin.layui-layout-left-hide > .layui-side .layui-logo,
.layui-layout-admin.layui-layout-left-mini > .layui-side .layui-logo,
.layui-layout-admin.layui-layout-left-hide > .layui-side .layui-side-scroll,
.layui-layout-admin.layui-layout-left-mini > .layui-side .layui-side-scroll {
    width: 72px !important;
}

.layui-layout-admin.layui-layout-left-hide > .layui-side .layui-logo,
.layui-layout-admin.layui-layout-left-mini > .layui-side .layui-logo {
    padding: 0 20px;
}

.layui-layout-admin.layui-layout-left-hide > .layui-side .layui-logo .headtxt,
.layui-layout-admin.layui-layout-left-mini > .layui-side .layui-logo .headtxt,
.layui-layout-admin.layui-layout-left-hide > .layui-side .nav-text,
.layui-layout-admin.layui-layout-left-mini > .layui-side .nav-text,
.layui-layout-admin.layui-layout-left-hide > .layui-side .layui-nav-more,
.layui-layout-admin.layui-layout-left-mini > .layui-side .layui-nav-more {
    display: none !important;
}

.layui-layout-admin.layui-layout-left-hide > .layui-side .layui-side-tree .layui-nav-item a,
.layui-layout-admin.layui-layout-left-mini > .layui-side .layui-side-tree .layui-nav-item a {
    padding: 0 !important;
    text-align: center;
}

.layui-layout-admin.layui-layout-left-hide > .layui-side .nav-icon,
.layui-layout-admin.layui-layout-left-mini > .layui-side .nav-icon {
    margin: 0;
}

.layui-layout-admin.layui-layout-left-hide > .layui-header,
.layui-layout-admin.layui-layout-left-mini > .layui-header,
.layui-layout-admin.layui-layout-left-hide > .layui-body,
.layui-layout-admin.layui-layout-left-mini > .layui-body {
    left: 72px !important;
}

/* 内容容器 */
.think-box-shadow,
.layui-card:not(.layui-layout-admin > .layui-body > .think-page-body > .layui-card),
.layui-tab-card {
    background: var(--admin-panel) !important;
    border: 1px solid var(--admin-line) !important;
    border-radius: var(--admin-radius) !important;
    box-shadow: var(--admin-shadow) !important;
}

.think-box-shadow {
    padding: 20px !important;
}

.think-box-shadow:hover {
    box-shadow: var(--admin-shadow-hover) !important;
}

.layui-card-header {
    height: 54px;
    padding: 0 20px;
    color: var(--admin-ink);
    font-size: 15px;
    font-weight: 650;
    line-height: 54px;
    border-bottom-color: var(--admin-line);
}

.layui-card-line {
    box-shadow: 0 1px 0 var(--admin-line);
}

.layui-card-body {
    color: var(--admin-text);
}

.layui-card-html > .think-box-shadow:first-child,
.layui-card-table > .think-box-shadow:first-child {
    margin-top: 0;
}

fieldset.layui-bg-gray {
    margin-bottom: 22px;
    padding: 22px;
    background: #fafbfe !important;
    border: 1px solid var(--admin-line);
    border-radius: var(--admin-radius);
}

fieldset > legend {
    padding: 0 9px;
    color: var(--admin-ink);
    font-size: 14px;
    font-weight: 650;
}

.hr-line-dashed {
    border-top-color: var(--admin-line) !important;
}

.help-label {
    display: block;
    margin-bottom: 8px;
    color: var(--admin-muted) !important;
    font-size: 11px;
    letter-spacing: .02em;
}

.help-label b {
    margin-right: 7px !important;
    color: var(--admin-ink) !important;
    font-size: 13px;
    font-weight: 650;
}

.help-block {
    color: var(--admin-muted) !important;
    line-height: 1.75;
}

/* 表单 */
.layui-input,
.layui-select,
.layui-textarea {
    color: var(--admin-text);
    background: #fff;
    border-color: #dfe3eb;
    border-radius: var(--admin-radius-sm);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.layui-input,
.layui-select {
    height: 40px;
    line-height: 40px;
}

.layui-textarea {
    min-height: 104px;
    padding: 11px 13px;
    line-height: 1.7;
    resize: vertical;
}

.layui-input:hover,
.layui-select:hover,
.layui-textarea:hover {
    border-color: #bcc4d2 !important;
}

.layui-input:focus,
.layui-select:focus,
.layui-textarea:focus {
    background: #fff;
    border-color: var(--admin-primary) !important;
    box-shadow: 0 0 0 3px rgba(103, 87, 232, .11);
}

.layui-form-select dl {
    padding: 6px;
    border: 1px solid var(--admin-line);
    border-radius: 10px;
    box-shadow: 0 14px 34px rgba(35, 41, 67, .13);
}

.layui-form-select dl dd {
    border-radius: 7px;
}

.layui-form-select dl dd:hover {
    background: #f5f4fc;
}

.layui-form-select dl dd.layui-this {
    color: var(--admin-primary);
    background: var(--admin-primary-soft);
}

.layui-form-checkbox[lay-skin=primary]:hover i,
.layui-form-checked[lay-skin=primary] i {
    border-color: var(--admin-primary) !important;
    background: var(--admin-primary);
}

.layui-form-radio:hover > *,
.layui-form-radioed > i {
    color: var(--admin-primary);
}

.think-radio {
    padding: 8px 13px !important;
    background: #f7f8fb;
    border-radius: 8px;
}

.think-radio.business-radio > input[type=radio] {
    display: none !important;
}

.question-form > .layui-card-body {
    box-sizing: border-box;
    max-height: calc(100vh - 170px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.layui-form-switch {
    border-color: #cdd2de;
    background: #cdd2de;
}

.layui-form-onswitch {
    border-color: var(--admin-primary);
    background: var(--admin-primary);
}

/* 按钮 */
.layui-btn {
    height: 38px;
    padding: 0 17px;
    line-height: 38px;
    border: 1px solid var(--admin-primary);
    border-radius: var(--admin-radius-sm);
    background: linear-gradient(135deg, #7567ef, var(--admin-primary));
    box-shadow: 0 5px 12px rgba(103, 87, 232, .16);
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.layui-btn:hover:not(.layui-btn-disabled) {
    color: #fff;
    background: linear-gradient(135deg, var(--admin-primary), var(--admin-primary-dark));
    box-shadow: 0 8px 18px rgba(103, 87, 232, .24);
    transform: translateY(-1px);
}

.layui-btn-sm {
    height: 30px;
    padding: 0 11px;
    line-height: 30px;
    border-radius: 7px;
}

.layui-btn-xs {
    height: 25px;
    padding: 0 8px;
    line-height: 25px;
    border-radius: 6px;
}

.layui-btn-primary {
    color: #596276;
    border-color: #dfe3eb;
    background: #fff;
    box-shadow: none;
}

.layui-btn-primary:hover:not(.layui-btn-disabled) {
    color: var(--admin-primary);
    border-color: #c6c0f5;
    background: var(--admin-primary-soft);
    box-shadow: none;
}

.layui-btn-danger {
    border-color: var(--admin-danger);
    background: linear-gradient(135deg, #f06b76, var(--admin-danger));
    box-shadow: 0 5px 12px rgba(237, 91, 104, .15);
}

.layui-btn-danger:hover:not(.layui-btn-disabled) {
    background: #df4c5a;
    box-shadow: 0 7px 16px rgba(237, 91, 104, .2);
}

.layui-btn-normal {
    border-color: var(--admin-blue);
    background: linear-gradient(135deg, #54a0ff, var(--admin-blue));
}

.layui-btn-warm {
    border-color: var(--admin-orange);
    background: linear-gradient(135deg, #ffb45f, var(--admin-orange));
}

.layui-btn-disabled,
.layui-btn-disabled:hover {
    color: #a9afbc !important;
    border-color: #e5e7ec !important;
    background: #f3f4f7 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* 搜索区 */
.form-search {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    padding: 14px 15px 4px;
    background: linear-gradient(135deg, #fafafe, #f7f8fc);
    border: 1px solid var(--admin-line);
    border-radius: 11px;
}

.form-search .layui-form-item {
    overflow: visible;
    margin: 0 0 10px !important;
    background: #fff;
    border: 1px solid #e1e4eb !important;
    border-radius: var(--admin-radius-sm);
}

.form-search .layui-form-item:last-child {
    background: transparent;
    border: 0 !important;
}

.form-search .layui-form-label {
    height: 36px !important;
    padding: 0 10px !important;
    color: #667084;
    font-weight: 500;
    line-height: 36px !important;
    background: #f5f6fa;
    border-right: 1px solid var(--admin-line) !important;
    border-radius: 7px 0 0 7px;
}

.form-search .layui-input-inline input,
.form-search .layui-input-inline select {
    height: 36px !important;
    line-height: 36px !important;
}

.form-search .layui-form-select dl {
    top: 38px;
}

.form-search .layui-btn {
    height: 38px;
    padding: 0 17px;
    line-height: 38px;
}

/* 数据表格 */
.layui-table-view {
    overflow: hidden;
    margin: 0 !important;
    border: 1px solid var(--admin-line) !important;
    border-radius: 11px;
}

.layui-table-header,
.layui-table-header th,
.layui-table thead tr {
    background: #f7f8fb !important;
}

.layui-table th,
.layui-table-header th {
    height: 44px;
    color: #687185;
    font-size: 12px;
    font-weight: 650;
}

.layui-table td,
.layui-table th,
.layui-table-view,
.layui-table-header,
.layui-table-page {
    border-color: var(--admin-line) !important;
}

.layui-table tbody tr {
    transition: background .15s ease;
}

.layui-table tbody tr:hover,
.layui-table-hover {
    background: #f7f6fe !important;
}

.layui-table-cell {
    color: #424b5e;
}

.layui-table-page {
    height: 50px;
    padding-top: 8px;
    background: #fff;
}

.layui-laypage a,
.layui-laypage span {
    border-radius: 6px !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: var(--admin-primary);
    border-radius: 6px;
}

.layui-table-sort[lay-sort=asc] .layui-table-sort-asc,
.layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
    border-bottom-color: var(--admin-primary);
    border-top-color: var(--admin-primary);
}

/* 标签、上传、空状态 */
.layui-badge,
.layui-badge-rim {
    padding: 2px 8px;
    border-radius: 20px;
}

.layui-bg-green {
    background: var(--admin-mint) !important;
}

.uploadimage {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px dashed #cfd4df;
    border-radius: 10px;
    box-shadow: none;
}

.uploadimage:hover {
    border-color: var(--admin-primary);
    box-shadow: 0 0 0 3px rgba(103, 87, 232, .08);
}

.notdata,
.stat-empty {
    color: var(--admin-muted) !important;
    background: #f8f9fb !important;
    border-color: var(--admin-line) !important;
    border-radius: 9px;
}

.think-box-notify {
    padding: 16px 18px;
    border: 1px solid var(--admin-line);
    border-left-color: var(--admin-primary) !important;
    border-radius: 10px;
    box-shadow: var(--admin-shadow);
}

/* 选项卡 */
.layui-tab-title {
    border-bottom-color: var(--admin-line);
}

.layui-tab-title li {
    color: var(--admin-muted);
}

.layui-tab-title .layui-this {
    color: var(--admin-primary) !important;
    font-weight: 650;
}

.layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom-color: var(--admin-primary);
}

/* 弹窗 */
.layui-layer {
    overflow: hidden;
    border-radius: 13px !important;
    box-shadow: 0 22px 65px rgba(25, 30, 52, .2) !important;
}

.layui-layer-title {
    box-sizing: border-box;
    height: 55px !important;
    padding-left: 20px !important;
    color: var(--admin-ink) !important;
    font-size: 15px !important;
    font-weight: 650;
    line-height: 55px !important;
    background: #fff !important;
    border-bottom-color: var(--admin-line) !important;
}

.layui-layer-setwin {
    top: 20px !important;
}

.layui-layer-btn {
    padding: 14px 18px !important;
    background: #fafbfc;
    border-top: 1px solid var(--admin-line);
}

.layui-layer-btn a {
    height: 36px !important;
    padding: 0 18px !important;
    line-height: 36px !important;
    border-radius: 8px !important;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: var(--admin-primary) !important;
    background: var(--admin-primary) !important;
}

.layui-layer-content .layui-card {
    border: 0 !important;
    box-shadow: none !important;
}

/* 加载动画 */
.think-page-loader,
.think-page-loader .loader {
    background-color: var(--admin-canvas);
}

.think-page-loader .loader:after {
    background: var(--admin-primary);
    border-radius: 12px;
}

.pace-progress {
    background: linear-gradient(90deg, #8c7df6, var(--admin-primary));
}

@media (max-width: 1100px) {
    .layui-layout-admin > .layui-body > .think-page-body {
        padding: 14px !important;
    }

    .layui-layout-admin > .layui-body > .think-page-body > .layui-card > .layui-card-body {
        padding: 15px !important;
    }

    .think-box-shadow {
        padding: 15px !important;
    }
}