:root {
    --primary-color: #4369EB; /* 主色调 */
    --primary-color-light1: #D3DDFF; /* 主色调 */
    --primary-color-light2: #4369EB; /* 主色调 */
    --primary-color-light3: #DFE7FF; /* 主色调 */
    --secondary-color-purple: #5D52FB; /* 辅色调 */
    --secondary-color-purple-light: #E4E1FF; /* 辅色调 */
    --secondary-color-red: #D92222; /* 辅色调 */
    --secondary-color-red-light1: #FF75AA; /* 辅色调 */
    --secondary-color-red-light2: #FFE3F0; /* 辅色调 */
    --secondary-color-blue: #3178FF; /* 辅色调 */
    --secondary-color-blue-light1: #C2DAFF; /* 辅色调 */
    --secondary-color-blue-light2: #DBE9FF; /* 辅色调 */
    --secondary-color-blue-green: #3DB1D8; /* 辅色调 */
    --secondary-color-blue-green-light: #CDF1FF; /* 辅色调 */
    --secondary-color-green: #A5E79D; /* 辅色调 */
    --secondary-color-green-light: #E6F8E5; /* 辅色调 */
    --secondary-color-grey: #ADAFBF; /* 辅色调 */
    --secondary-color-grey-light1: #EBEDEE; /* 辅色调 */
    --secondary-color-grey-light2: #F2F4F7; /* 辅色调 */
    --secondary-color-grey-light3: #F9FAFB; /* 辅色调 */
    --background-color: #F1F6FD; /* 背景色 */
    --font-color-main: #000000; /* 文字 主色调 */
    --font-color-primary: #062664; /* 文字 主色调 */
    --font-color-light: #7C7F98; /* 文字 辅色调 */
    --font-color-light-title: #7C7F98; /* 文字 辅色调 */
    --font-color-light-content: #7C7F98; /* 文字 辅色调 */
    --font-color-light-tips: #F2F4F8; /* 文字 辅色调 */
    --mud-zindex-popover: 1400; /*  修改菜单的默认z-index */
}

@font-face {
    font-family: "zihunchuangcuhei, zihunchuangcuhei";
    src: url('/fonts/字魂创粗黑.ttf') format('ttf'), url('/fonts/字魂创粗黑.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "zihun59hao, zihun59hao";
    src: url('/fonts/字魂创中黑.ttf') format('ttf'), url('/fonts/字魂创中黑.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
    font-family: 'iconfont';*/ /* 自定义一个字体名 */
    /*src: url('/iconfont/iconfont.ttf') format('truetype'), url('/iconfont/iconfont.woff') format('woff'), url('/iconfont/iconfont.woff2') format('woff2'), url('/iconfont/iconfont.eot') format('embedded-opentype'), url('/iconfont/iconfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
    /* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
    /*@font-face {
    font-family: 'iconfont';*/ /* Project id 4704339 */
    /*src: url('//at.alicdn.com/t/c/font_4704339_zppuvl2lyhs.woff2?t=1729321892921') format('woff2'), url('//at.alicdn.com/t/c/font_4704339_zppuvl2lyhs.woff?t=1729321892921') format('woff'), url('//at.alicdn.com/t/c/font_4704339_zppuvl2lyhs.ttf?t=1729321892921') format('truetype'), url('//at.alicdn.com/t/c/font_4704339_zppuvl2lyhs.svg?t=1729321892921#iconfont') format('svg');
}*/
    .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
.iconfont {
    /*width: 1em;*/
    /*height: 1em;*/
    font-size: 14px;
    color: #000000;
    margin-right:4px;
}
* {
    margin: 0;
    padding: 0;
}
body {
    background-image: url("../images/bg.png");
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0 !important;
}
.primary-color {
    color: var(--primary-color);
}

.bg-primary-color {
    background-color: var(--primary-color);
}
/* 设置文字的背景渐变 */
.text-gradient {
    background-image: linear-gradient(0deg, #6657DB 0%, #4667E9 100%);
    background-clip: text;
    color: transparent;
}
/*超出1行...*/
.truncate-multiline-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*超出2行...*/
.truncate-multiline-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*超出3行...*/
.truncate-multiline-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*提示语*/
.tips {
    color: #868AA7;
    padding-left: 5px;
}
/*添加按钮*/
.add-button {
    min-width: 130px !important;
    height: 36px;
    padding: 8px 15px !important;
    box-sizing: border-box;
    background: linear-gradient( 90deg, #6A56DB 0%, #4269EB 100%);
    border-radius: 5px 5px 5px 5px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px !important;
    color: #FFFFFF !important;
}
/* 移除MudLink内的MudText的下划线 */
a.mud-link .mud-link-root .mud-text {
    text-decoration: none;
}

/* 当鼠标悬停在MudLink上时，也确保MudText没有下划线 */
a.mud-link:hover .mud-link-root .mud-text {
    text-decoration: none;
}
/*分页高亮背景色*/
.mud-button-filled.mud-button-filled-primary {
    background-color: #4369EB !important;
}
/*分页大小*/
.mud-pagination .mud-pagination-item > *{
    width:26px !important;
    min-width:26px !important;
    height:26px !important;
    padding:0 !important;
}
/*更多按钮菜单样式*/
.more-menu .mud-icon-button {
    padding: 0 !important;
    font-size: 1.2rem !important;
}
.more-menu .mud-icon-button .mud-icon-size-medium {
    font-size: 1.2rem !important;
}

/* 自定义滚动条的整体样式 */
::-webkit-scrollbar {
    width: 4px; /* 设置滚动条的宽度 */
}

/* 自定义滚动轨迹的样式 */
::-webkit-scrollbar-track {
    background: transparent; /* 设置滚动轨迹的背景颜色 */
}

/* 自定义滚动滑块的样式 */
::-webkit-scrollbar-thumb {
    background: #C2DAFF; /* 设置滚动滑块的背景颜色 */
}

    /* 当鼠标悬停在滚动滑块上时的样式 */
    ::-webkit-scrollbar-thumb:hover {
        background: #C2DAFF; /* 设置鼠标悬停时滚动滑块的背景颜色 */
    }

/*应用编排公用样式*/
.arrange-common-bg {
    position: relative;
    background: linear-gradient( 180deg, rgba(218,244,255,0.803) 0%, rgba(255,255,255,0.4) 20%,rgba(255,255,255,0.4) 100%) !important;
    box-shadow: 0px 0px 4px 0px rgba(106,116,160,0.1) !important;
    border-radius: 7px !important;
    border: 1px solid #FFFFFF !important;
    overflow: hidden; /* 确保伪元素不会超出.form的范围 */
}
/*.arrange-common-bg {
    position: relative;
    border-radius: 7px;
    border: 1px solid #FFFFFF;
    background: rgba(255, 255, 255, 0.4);
    overflow: hidden;*/ /* 确保伪元素不会超出.form的范围 */
/*}*/

    .arrange-common-bg::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: inherit;
        filter: blur(5px);
        z-index: -1;
    }
.arrange-common-bg-white {
    box-shadow: 0px 0px 4px 0px rgba(106,116,160,0.1) !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(5.44px) !important;
    /*border: 1px solid #FFFFFF !important;*/
}
    .arrange-common-header {
        padding: 14px 20px;
    }

.arrange-common-title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #000000 !important;
    line-height: 18px !important;
}
.arrange-common-content {
    padding: 20px;
}
.mud-card-header .mud-card-header-actions {
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-inline-end: 0px !important;
}
.text-right {
    text-align: right !important;
}
.operate-button {
    min-width: 24px;
}

    .operate-button .mud-button-icon-start.mud-button-icon-size-small {
        margin-right: 0px;
        margin-left: 0px;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }

.table-page-item {
    display: flex;
    align-items: center;
}

.table-page-item-icon {
    width: 20px;
    height: auto;
    margin-right: 10px;
}


/*公用table样式*/
.mud-table-cell {
    border-bottom: transparent !important;
}

.common-table-container {
    padding: 3px 20px;
    border-radius:10px;
}

.mud-table-container table thead tr th {
    padding: 20px 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
}

.mud-table-container table tbody tr td {
    padding: 12px 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #666666;
    line-height: 16px;
}

.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd) {
    background-color: #F2F4F8;
}

.link-icon {
    font-size: 12px;
}
.mud-simple-table table * tr > td, .mud-simple-table table * tr th{
    border-bottom:transparent !important;
}

/*公用面包屑样式*/
.mud-breadcrumbs {
    padding: 0px !important;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px !important;
    color: #868AA7 !important;
    line-height: 20px;
}
.mud-breadcrumb-item > a {
    color: #868AA7 !important;
}
.mud-breadcrumb-item.mud-disabled > a {
    color: #4369EB !important;
}
/*全局滚动条样式*/
/* 全局滚动条样式 */
::-webkit-scrollbar {
    width: 12px; /* 设置滚动条的宽度 */
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* 设置滚动条轨道的背景颜色 */
}

::-webkit-scrollbar-thumb {
    background: red; /* 设置滚动条滑块的背景颜色 */
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555; /* 设置滚动条滑块在鼠标悬停时的背景颜色 */
    }
html, body * {
    scrollbar-color: #C2DAFF transparent !important;
    scrollbar-width: none !important;
}

/*模型设置样式*/
.common-form-item-label {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px !important;
    color: #000000 !important;
    line-height: 14px;
}
.common-form-item-label-gray {
    width:160px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #888888;
    line-height: 14px;
}
/*公用form标单样式*/
/*公用button按钮 样式*/
.mud-icon-button {
    font-size: 0.875rem !important;
    border-radius: 5px !important;
    background: transparent !important;
    /*color: rgba(0,0,0,0.9) !important;*/
    padding: 10px !important;
}
/*input textarea*/
.common-form-item-input .mud-input.mud-input-outlined {
    background: rgba(255,255,255,1);
    border-radius: 7px;
}
.common-form-item-input-gray .mud-input.mud-input-outlined {
    background: #F9FAFB;
    border-radius: 7px;
}
.mud-input-control {
    margin-top: 0px !important;
}
.mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined{
    padding:12px 20px !important;
}
.mud-input > textarea.mud-input-root-outlined {
    margin: 12px 20px !important;
}
textarea {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #BBBBBB;
    line-height: 20px;
}
.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text{
    margin-top:0;
}
.mud-switch-base {
    background: transparent !important;
}
.mud-switch-base-small.mud-switch-base{
    padding:5px !important;
}
.form-action-icon{
    font-size:1.375rem !important;
}
.mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: 0px;
    padding-inline-end:0px;
}
/*手风琴公用样式*/
.mud-expand-panel .mud-expand-panel-header {
    min-height: auto !important;
    padding: 8px 24px !important;
}
/*tabs样式*/
.mud-tabs-toolbar{
    background-color:transparent;
}
/* 弹框开始 */
.mud-dialog {
    background: #CAD4FD !important;
    padding: 4px 10px 10px 10px;
}

.dialog-title-icon {
    width: 22px;
    height: auto;
    margin-right: 10px;
}

.mud-dialog .mud-dialog-title {
    padding: 10px 0px !important;
}

.dialog-button-close, .dialog-button-edit {
    padding: 0;
    font-size: 1rem !important;
    cursor: pointer;
}

.mud-dialog .mud-dialog-content {
    padding: 20px 15px !important;
    background: #ffffff !important;
}

/*.mud-input > textarea.mud-input-root-outlined {
    margin: 0 !important;
}*/

.dialog-title-text {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #000000 !important;
    line-height: 18px;
}

.dialog-title-label {
    padding: 0 18px;
    height: 26px;
    background: rgba(255,255,255,0.5);
    font-family: Arial Black, Arial Black;
    font-weight: 900;
    font-size: 14px;
    color: #A2B2E8;
    line-height: 26px;
    border-radius: 20px;
}

.dialog-content-textarea .mud-input > textarea.mud-input-root {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 35px;
    padding: 10px;
}

.dialog-actions-cancel, .mud-button-outlined {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px !important;
    color: #000000 !important;
    line-height: 20px !important;
    color: #000000 !important;
    border: 1px solid #EBEDEE !important;
    padding: 8px 26px !important;
    /*max-width: auto !important;*/
}
.dialog-actions-confirm {
    background: linear-gradient( 90deg, #6756DB 1%, #4269E9 100%) !important;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px !important;
    color: #FFFFFF !important;
    line-height: 20px !important;
    padding: 8px 26px !important;
}

/*超出一行...*/
.oneDot {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.add-button-super {
    min-width: 150px !important;
}
.back-icon {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 25px;
    color: #4667E9;
    cursor: pointer;
}
@media (min-width: 1440px) {
    .mud-container-maxwidth-lg {
        max-width: 1400px !important;
    }
}