/* 全局样式 */
:root {
    --primary: rgba(44, 108, 255, 1);
    --primary-rgb: 44, 108, 255;
    --primary-foreground: rgba(255, 255, 255, 1);
    --secondary: rgba(226, 239, 255, 1);
    --secondary-foreground: rgba(10, 17, 32, 1);
    --accent: rgba(243, 248, 254, 1);
    --accent-foreground: rgba(22, 93, 255, 1);
    --background: rgba(255, 255, 255, 1);
    --foreground: rgba(10, 17, 32, 1);
    --card: rgba(255, 255, 255, 1);
    --card-foreground: rgba(10, 17, 32, 1);
    --popover: rgba(255, 255, 255, 1);
    --popover-foreground: rgba(10, 17, 32, 1);
    --muted: rgba(250, 250, 251, 1);
    --muted-foreground: rgb(89, 91, 96, 1);
    --destructive: rgba(248, 71, 33, 1);
    --destructive-foreground: rgba(255, 255, 255, 1);
    --border: rgba(233, 233, 233, 1);
    --input: rgba(231, 230, 230, 1);
    --ring: rgba(183, 212, 248, 1);
    --chart-1: rgba(129, 183, 255, 1);
    --chart-2: rgba(64, 128, 255, 1);
    --chart-3: rgba(102, 219, 177, 1);
    --chart-4: rgba(131, 213, 253, 1);
    --chart-5: rgba(116, 160, 255, 1);
    --sidebar: rgba(252, 253, 255, 1);
    --sidebar-foreground: rgba(32, 32, 32, 1);
    --sidebar-primary: rgba(32, 32, 32, 1);
    --sidebar-primary-foreground: rgba(246, 246, 246, 1);
    --sidebar-accent: rgba(238, 238, 238, 1);
    --sidebar-accent-foreground: rgba(32, 32, 32, 1);
    --sidebar-border: rgba(231, 231, 231, 1);
    --sidebar-ring: rgba(208, 208, 208, 1);
    --shadow-color: rgba(255, 255, 255, 1);
    --radius: 0.6rem;
    --big-radius: 1.2rem;
    --shadow-x: 0px;
    --shadow-y: 0px;
    --shadow-blur: 0px;
    --shadow-spread: 0px;
}

.btn-primary {
    background-color: var(--primary) !important;
    color: var(--primary-foreground) !important;
}

/* ---------------------------------
   Layui 样式重写
--------------------------------- */

/* 输入框、按钮、文本域 圆角*/
.layui-input,
.layui-btn,
.layui-textarea {
    border-radius: var(--radius) !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    border-radius: 6px !important;
}

.layui-btn.layui-btn-primary.layui-btn-sm {
    height: 38px !important;
}

.layui-btn.layui-btn-danger:hover {
    border-color: var(--destructive) !important;
}

.layui-table-page .layui-laypage a:hover,
.layui-form-select dl dd.layui-this,
.layui-form-radioed,
.layui-form-radioed>i,
.layui-form-radio:hover>* {
    color: var(--chart-2) !important;
}

.layui-btn-normal:not(.layui-btn-disabled),
.layui-laypage .layui-laypage-curr .layui-laypage-em,
.layui-form-checked[lay-skin=primary]>i {
    background-color: var(--chart-2) !important;
    color: var(--primary-foreground) !important;
}

.layui-card,
.layui-laydate {
    border-radius: var(--radius) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

.layui-card .layui-card-header {
    border-top: var(--border) !important;
}

.layui-laydate .layui-this,
.layui-laydate .layui-this>div {
    background-color: var(--primary) !important;
    color: var(--primary-foreground) !important;
    border-radius: var(--radius) !important;
}

.layui-layer.layui-layer-dialog {
    border-radius: var(--big-radius) !important;
}

.layui-layer .layui-layer-btn a {
    border-radius: var(--radius) !important;
}

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

.home-module-card .layui-card-header {
    border-bottom: var(--border) !important;
}

.layui-btn.layui-btn-xs {
    border-radius: 5px !important;
}

/* 流加载-加载更多按钮 */
.layui-flow-more a cite {
    background-color: var(--ring) !important;
    color: var(--primary-foreground) !important;
    border-radius: var(--radius) !important;
}

/* 输入框 获得焦点和悬停样式 */
.layui-input:hover,
.layui-btn:hover,
.layui-textarea:hover {
    border-color: var(--chart-1) !important;
}

.layui-textarea:focus,
.layui-input:focus {
    border-color: var(--chart-1) !important;
    box-shadow: 0 0 0 2px var(--ring);
}

/* 页面类型的弹窗 */
.layui-layer.layui-layer-page,
/* 提示类型的弹窗 */
.layui-layer.layui-layer-dialog {
    border-radius: var(--big-radius) !important;
    background: rgba(255, 255, 255, 0.66) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25) !important;
    border: none !important;
}

/* 下拉选择框 */
.layui-form-select dl,
/* 下拉菜单 */
.layui-dropdown {
    border-radius: var(--radius) !important;
}

/* 提示类型的弹窗(不带图标) */
.layui-layer.layui-layer-dialog.layui-layer-border.layui-layer-msg.layui-layer-hui {
    /* 黑色玻璃拟态效果 */
    background: rgba(0, 0, 0, 0.35) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25) !important;
    color: #ffffff !important;
    border-radius: var(--big-radius) !important;
}

/* 徽章 */
.layui-badge {
    height: 26px !important;
    line-height: 26px !important;
    padding: 0 8px !important;
    border-radius: var(--radius) !important;
}

/* 时间线轴 */
.layui-timeline-axis{
    color: var(--chart-1) !important;
}