:root {
    --msshe-ui-font: "Inter", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}
body {
    --msshe-legacy-primary: rgb(45, 183, 245);
    --msshe-legacy-control-bg: rgb(39, 44, 51);
    font-family: var(--msshe-ui-font);
}
button, input, optgroup, option, select, textarea {
    font-family: var(--msshe-ui-font);
}
body, html, #app, .layui-body {
    height: 100%;
    background: #f3f3f3
}
a {
    cursor: pointer;
    color: var(--msshe-legacy-primary);
    transition: color 0.3s ease
}
a:hover {
    color: #1e51c7;
}
* {
    scrollbar-width: thin;
    scrollbar-color: #aeb8c5 #f3f6fa;
}
::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    background: #f3f6fa;
}
::-webkit-scrollbar-track {
    border-radius: 999px;
    background: #f3f6fa;
}
::-webkit-scrollbar-thumb {
    border: 2px solid #f3f6fa;
    border-radius: 999px;
    background: #aeb8c5;
}
::-webkit-scrollbar-thumb:hover {
    background: #8f9bab;
}
#app a {
    outline: none
}
#app-sidebar {
    top: 0;
    z-index: 1000;
    overflow: hidden
}
#app-sidebar .layui-side-scroll {
    padding-right: 17px
}
#app-sidebar, #app-sidebar .layui-side-scroll, #app-sidebar .layui-nav-tree, #app-sidebar .layui-logo {
    width: 245px
}
.layui-body, #app-header .layui-layout-left, .msshe-tabs-wrap .msshe-tabs-menu {
    left: 245px
}
#app-sidebar .layui-logo {
    overflow: hidden;
    position: static;
    font-size: 21px;
    padding: 0;
    line-height: 62px;
    height: 62px;
    transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1)
}
body, html {
    color: rgba(5, 5, 5, 0.65) !important
}
#app-header .layui-nav .layui-nav-item a:not(.layui-nav-child-href), .msshe-tabs-wrap .msshe-tabs-menu li:hover, .msshe-tabs-wrap .msshe-tabs-action:hover, .msshe-tabs-wrap .msshe-tabs-active, .msshe-grid:hover > p, .msshe-cell-arrow:before, .msshe-breadcrumb a:hover, .layui-layer-admin-page .layui-layer-setwin .layui-layer-close2:hover {
    color: rgba(255, 255, 255, 0.65) !important
}
.layui-table {
    color: #606266;
}
.layui-bg-black {
    background-color: var(--msshe-legacy-primary) !important
}
.msshe-c-blue, .msshe-grid:hover .layui-icon, .msshe-cell-selected, .layui-laypage a:hover, .layui-laydate-footer span[lay-type='date'], .layui-laydate .layui-laydate-footer span:hover, .layui-dropdown .layui-dropdown-option:hover, .msshe-laydate-full td.layui-this .laydate-day-mark {
    color: var(--msshe-legacy-primary) !important
}
.layui-bg-blue, .layui-layer-prompt .layui-layer-btn a.layui-layer-btn0, .layui-layer-admin-modal .layui-layer-btn a.layui-layer-btn0, .layui-laydate li.layui-this, .layui-laydate td.layui-this {
    background-color: var(--msshe-legacy-primary) !important
}
.msshe-br-blue, .msshe-linecard, .layui-layer-prompt .layui-layer-btn a.layui-layer-btn0, .layui-layer-admin-modal .layui-layer-btn a.layui-layer-btn0, .layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-color: var(--msshe-legacy-primary) !important
}
.layui-layer-prompt .layui-layer-btn a.layui-layer-btn0,
.layui-layer-admin-modal .layui-layer-btn a.layui-layer-btn0 {
    color: #fff
}
.layui-form-checkbox,
.layui-form-select dl dd.layui-disabled,
.layui-layer-admin-page .layui-layer-setwin .layui-layer-close2,
.layui-dropdown .layui-dropdown-select {
    background-color: var(--msshe-legacy-control-bg)
}
.layui-table-click {
    background-color: #f9f9f9 !important
}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr {
    background-color: #e7e7e1d2 !important
}
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after {
    border-color: #f6f6f6
}
.layui-btn-group .layui-btn-primary:first-child {
    border-color: #eee
}
.msshe-table-full {
    padding: 15px 15px 40px 15px
}
.msshe-table-full .layui-table, .msshe-table-full .layui-table-view {
    margin: 0
}
#app-sidebar .layui-logo span {
    border-bottom-width: 0;
    font-size: 1.2rem
}
#app-sidebar .layui-logo img {
    width: 32px;
    margin-bottom: 4px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle
}
#app-sidebar .layui-logo i {
    font-style: normal;
    border-bottom: 1px solid #aaa
}
#app-header, #app-header .layui-nav .layui-nav-item {
    line-height: 50px;
    height: 50px
}
#app-header .layui-icon-triangle-d {
    font-size: 12px !important
}
#app-header .layui-user .layui-hide-xs {
    font-weight: 600
}
#app-header .layui-user img {
    width: 1.9rem;
    margin-right: .5rem;
    margin-bottom: .3rem
}
#app-sidebar .layui-nav {
    background: transparent
}
#app-sidebar .layui-nav .layui-nav-item a:hover {
    background: transparent
}
#app-sidebar .layui-nav-itemed .layui-nav-child a {
    font-size: 12px;
    padding-left: 50px
}
#app-sidebar .layui-nav .layui-nav-item {
    color: #aaadb2
}
#app-sidebar .layui-nav-tree .layui-nav-item > a {
    height: 54px;
    line-height: 54px
}
#app-sidebar .layui-icon {
    display: inline-block;
    width: 25px;
    margin-right: 14px
}
#app-sidebar .layui-icon-img {
    display: inline-block;
    margin-right: 8px;
    height: 22px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
}
#app-sidebar .layui-nav .layui-nav-item a {
    user-select: none;
    font-size: 14px;
    line-height: 40px;
    height: 40px
}
#app-sidebar .layui-nav .layui-nav-item dd a {
    line-height: 40px;
    height: 40px;
    font-size: 14px
}
#app-sidebar .layui-nav .layui-nav-item a .layui-icon {
    text-align: center;
}
#app-header {
    border-bottom: 1px solid #f1f1f1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px
}
#app-header .layui-nav {
    padding: 0
}
#app-header .layui-search-input {
    background: transparent;
    margin-top: 5px;
    border: none
}
#app-header .layui-search-input:focus {
    box-shadow: none
}
#app-header .layui-nav-child {
    border: none;
    top: 50px
}
#app-header .layui-nav-item .layui-icon {
    font-size: 16px
}
#app-header .layui-nav-more {
    display: none
}
#app-header .message-dot {
    top: 40%;
    right: 0
}
.msshe-tabs-hidden {
    display: none
}
.msshe-tabs-wrap {
    z-index: 999;
    position: fixed;
    top: 50px;
    white-space: nowrap;
    padding: 0 80px 0 30px;
    box-sizing: border-box;
    width: 100%;
    font-size: 13px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05)
}
.msshe-tabs-wrap .msshe-tabs-menu {
    position: relative;
    transition: left 0.3s
}
.msshe-tabs-wrap .msshe-tabs-menu li, .msshe-tabs-wrap .msshe-tabs-action {
    text-align: center;
    border-right: 1px solid #f1f1f1;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    transition: all 0.3s ease
}
.msshe-tabs-wrap .msshe-tabs-action:hover, .msshe-tabs-wrap .msshe-tabs-menu li:hover {
    background: #fdfdfd !important
}
.msshe-tabs-wrap .msshe-tabs-menu li:hover > .msshe-tabs-close {
    color: red
}
.msshe-tabs-wrap .msshe-tabs-menu li {
    display: inline-block;
    padding-left: 18px;
    line-height: 38px;
    color: #999;
    user-select: none
}
.msshe-tabs-wrap .msshe-tabs-close {
    color: #fff;
    font-size: 10px;
    height: 36px;
    width: 30px;
    display: inline-block;
    transition: color 0.3s ease
}
.msshe-tabs-wrap .msshe-tabs-action {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 245px;
    z-index: 1;
    width: 30px;
    color: #999
}
.msshe-tabs-wrap .msshe-tabs-next {
    left: auto;
    right: 31px;
    border-left: 1px solid #f1f1f1
}
.msshe-tabs-wrap .msshe-tabs-down {
    left: auto;
    right: 0
}
.msshe-lead {
    font-weight: 300
}
.msshe-ignore {
    font-size: 14px;
    color: #999
}
.msshe-pad30 {
    padding: 30px !important
}
.msshe-pad20 {
    padding: 20px !important
}
.msshe-pad10 {
    padding: 20px !important
}
.msshe-pad5 {
    padding: 20px !important
}
.msshe-pad0 {
    padding: 0px !important
}
.msshe-pad-tb20 {
    padding: 20px 0 !important
}
.msshe-pad-tb10 {
    padding: 10px 0 !important
}
.msshe-pad-tb5 {
    padding: 5px 0 !important
}
.msshe-pad-r20 {
    padding-right: 20px !important
}
.msshe-pad-r10 {
    padding-right: 10px !important
}
.msshe-pad-r5 {
    padding-right: 5px !important
}
.msshe-pad-b20 {
    padding-bottom: 20px !important
}
.msshe-pad-b10 {
    padding-bottom: 10px !important
}
.msshe-pad-b5 {
    padding-bottom: 5px !important
}
.msshe-pad-t20 {
    padding-top: 20px !important
}
.msshe-pad-t10 {
    padding-top: 10px !important
}
.msshe-pad-t5 {
    padding-top: 5px !important
}
.msshe-pad-l20 {
    padding-left: 20px !important
}
.msshe-pad-l10 {
    padding-left: 10px !important
}
.msshe-pad-l5 {
    padding-left: 5px !important
}
.msshe-mar30 {
    margin: 30px !important
}
.msshe-mar20 {
    margin: 20px !important
}
.msshe-mar10 {
    margin: 20px !important
}
.msshe-mar5 {
    margin: 20px !important
}
.msshe-mar0 {
    margin: 0px !important
}
.msshe-mar-tb20 {
    margin: 20px 0 !important
}
.msshe-mar-tb10 {
    margin: 10px 0 !important
}
.msshe-mar-tb5 {
    margin: 5px 0 !important
}
.msshe-mar-r20 {
    margin-right: 20px !important
}
.msshe-mar-r10 {
    margin-right: 10px !important
}
.msshe-mar-r5 {
    margin-right: 5px !important
}
.msshe-mar-b20 {
    margin-bottom: 20px !important
}
.msshe-mar-b10 {
    margin-bottom: 10px !important
}
.msshe-mar-b5 {
    margin-bottom: 5px !important
}
.msshe-mar-t20 {
    margin-top: 20px !important
}
.msshe-mar-t10 {
    margin-top: 10px !important
}
.msshe-mar-t5 {
    margin-top: 5px !important
}
.msshe-mar-l20 {
    margin-left: 20px !important
}
.msshe-mar-l10 {
    margin-left: 10px !important
}
.msshe-mar-l5 {
    margin-left: 5px !important
}
.msshe-gray {
    filter: grayscale(100%)
}
.layui-circle {
    border-radius: 100% !important
}
.layui-form-checked span, .layui-form-checked:hover span, .layui-form-checked[lay-skin='primary'] i, .layui-form-onswitch {
    background-color: #32c787 !important
}
.layui-form-checked i, .layui-form-checked:hover i {
    color: #32c787
}
.layui-form-checked[lay-skin='primary'] i {
    border-color: #b7eb8f
}
.layui-form-checked[lay-skin='primary'] span {
    background-color: transparent !important
}
.layui-bg-red {
    background-color: #ff5652 !important
}
.layui-bg-green {
    background-color: #32c787 !important
}
.layui-bg-orange {
    background-color: #ff7f0e !important;
}
.layui-bg-gray {
    background-color: #eee !important
}
.layui-bg-white {
    background-color: #fff !important
}
.msshe-rle {
    position: relative
}
.msshe-aler {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}
.msshe-alel {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}
.msshe-fl {
    float: left
}
.msshe-fr {
    float: right
}
.msshe-tc {
    text-align: center
}
.msshe-tr {
    text-align: right
}
.msshe-tl {
    text-align: left
}
.msshe-font-12 {
    font-size: 12px !important
}
.msshe-font-14 {
    font-size: 14px !important
}
.msshe-bold {
    font-weight: bold !important
}
.msshe-avatar {
    position: relative;
    height: 40px;
    width: 40px;
    display: inline-block;
    overflow: hidden
}
.msshe-avatar-lg {
    height: 60px;
    width: 60px
}
.msshe-avatar-xs {
    height: 20px;
    width: 20px
}
.msshe-avatar img {
    height: 100%;
    width: 100%;
    display: block
}
.msshe-avatar .layui-badge-dot {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 1
}
.msshe-avatar, .msshe-avatar img {
    border-radius: 5px
}
.layui-card {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05)
}
.layui-card .layui-card-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.layui-card .layui-card-cover {
    height: 200px;
    overflow: hidden
}
.layui-card .layui-card-cover img {
    width: 100%;
    min-height: 100%
}
.layui-card .layui-card-extra {
    position: absolute;
    right: 10px;
    top: 8px;
    z-index: 1;
    line-height: 40px;
    padding-right: 15px
}
.layui-card .layui-card-footer {
    padding: 10px;
    line-height: 36px;
    text-align: right;
    background: #f9f9f9
}
.msshe-linecard {
    margin-bottom: 15px;
    border-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    padding: 15px 25px;
    line-height: 24px;
    border-left-width: 2px;
    border-left-style: solid;
    background: #fff;
    transition: background 0.3s ease
}
.msshe-linecard:hover {
    background: #f8fafe
}
.msshe-linecard.msshe-br-green:hover {
    background: #f6fdfa
}
.msshe-linecard.msshe-br-red:hover {
    background: #fff8f6
}
.msshe-linecard.msshe-br-gray:hover {
    background: #f6f6f6
}
.msshe-linecard:last-child {
    margin-bottom: 0
}
.msshe-linecard-title {
    padding-bottom: 12px;
    font-size: 16px
}
.msshe-linecard-text {
    font-size: 26px;
    padding-right: 5px
}
.msshe-grid {
    text-align: center;
    border-radius: 5px;
    padding: 15px 0;
    transition: background 0.3s ease;
    cursor: pointer
}
.msshe-grid > p {
    color: #999;
    font-size: 14px
}
.msshe-grid > p, .msshe-grid .layui-icon {
    transition: color 0.3s ease
}
.msshe-grid .layui-icon {
    font-size: 28px;
    display: inline-block;
    margin-bottom: 10px
}
.msshe-cell {
    padding: 7px 16px;
    clear: both;
    font-size: 12px !important;
    cursor: pointer;
    position: relative;
    transition: background 0.2s ease-in-out
}
.msshe-cell .msshe-avatar {
    float: left;
    margin-right: 10px;
    position: relative;
    top: 3px
}
.msshe-cell .msshe-avatar-xs {
    top: 4px
}
.msshe-cell-arrow:before {
    font-family: 'layui-icon', 'nep-icon' !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e859';
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -10px;
    display: inline-block;
    height: 20px
}
.msshe-cell:hover {
    background: #f6f6f6
}
.msshe-cell-selected, .msshe-cell-selected:hover {
    background: #f8fafe
}
.msshe-cell-title {
    line-height: 28px;
    font-size: 14px
}
.msshe-cell-label {
    line-height: 1.2;
    font-size: 12px;
    color: #999;
    padding-bottom: 4px
}
.msshe-cell-title, .msshe-cell-label {
    padding-right: 70px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
.msshe-cell-extra {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 16px;
    display: inline-block;
    height: 16px;
    color: #999
}
.msshe-cell-arrow .msshe-cell-extra {
    right: 32px
}
.layui-layout-admin .layui-body {
    top: 0;
    bottom: 0;
    padding-top: 50px;
    padding-bottom: 15px
}
.layui-layout-admin .msshe-tabs-body {
    padding-top: 86px;
    float: left
}
#app-sidebar, #app-header .layui-layout-left, .layui-layout-admin .layui-body {
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1)
}
.msshe-breadcrumb {
    visibility: visible;
    vertical-align: middle
}
.msshe-breadcrumb a {
    color: rgba(0, 0, 0, 0.45) !important;
    cursor: default
}
.msshe-breadcrumb > * {
    font-size: .78rem
}
#msshe-body .layui-fluid {
    margin: 0 !important;
    padding: 0 4px 0 4px !important
}
#msshe-body .layui-fluid > .layui-table-view, #msshe-body .layui-fluid > .layui-card > .layui-table-view {
    margin: 0
}
#msshe-body .msshe-body-tabs {
    margin: 0
}
.msshe-sidebar-shrink #app-sidebar {
    left: 0;
    width: 52px
}
.msshe-sidebar-shrink #app-sidebar .layui-nav-item .layui-nav-child {
    display: none
}
.msshe-sidebar-shrink #app-sidebar .layui-logo {
    height: 0
}
.msshe-sidebar-shrink .layui-body, .msshe-sidebar-shrink #app-header .layui-layout-left, .msshe-sidebar-shrink .msshe-tabs-wrap .msshe-tabs-menu, .msshe-sidebar-shrink .msshe-tabs-wrap .msshe-tabs-prev {
    left: 56px
}
.msshe-sidebar-shrink #app-header .layui-icon-shrink-right:before {
    content: '\e66b'
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc
}
.layui-input:hover, .layui-textarea:hover {
    border-color: #eee
}
.layui-input:focus, .layui-textarea:focus {
    border-color: #94b2fa !important;
    box-shadow: 0 0 0 3px rgba(90, 139, 255, 0.2)
}
.layui-input, .layui-select, .layui-textarea {
    border-radius: 2px;
    border-color: #eee;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}
.layui-btn {
    border-radius: 3px;
    background-color: #1890ff
}
.layui-form-select dl {
    padding: 0;
    border-color: transparent;
    top: 32px;
}
.layui-form-selectup dl {
    top: auto !important;
    bottom: 42px;
}
.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #32c787
}
.layui-form-radio .layui-anim-scaleSpring {
    animation-name: none
}
.layui-tips {
    background: #fffcee;
    color: #ff4911;
    font-size: 12px;
    padding: 10px 15px
}
.layui-tips .close {
    float: right;
    color: #ffd6ca;
    font-weight: normal;
    cursor: pointer;
    transition: color 0.3s ease
}
.layui-tips .close:hover {
    color: #ff4911
}
.layui-btn-success {
    background-color: #32c787
}
/* Keep Layui primary buttons, including small action buttons, aligned with the global blue action palette. */
.layui-btn-primary {
    color: #fff;
    border-color: #1890ff;
    background-color: #1890ff;
}
.layui-btn-primary:hover,
.layui-btn-primary:focus {
    color: #fff;
    border-color: #40a9ff;
    background-color: #40a9ff;
}
.layui-btn-primary:active {
    color: #fff;
    border-color: #096dd9;
    background-color: #096dd9;
}
.layui-btn-warm {
    background-color: #ffc107
}
.layui-btn-danger, .layui-badge, .layui-badge-dot {
    background-color: #ff5652
}
.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
    background-color: #fbfbfb
}
.layui-layer-admin-modal {
    overflow: hidden
}
.layui-layer-prompt .layui-layer-btn a, .layui-layer-admin-modal .layui-layer-btn a {
    border-radius: 3px;
    height: 32px;
    line-height: 32px
}
.layui-layer-admin-modal .layui-layer-content {
    padding-top: 0
}
.layui-layer-admin-modal, .layui-layer-admin-page {
    border-radius: 3px
}
.layui-layer-admin-page .layui-layer-setwin .layui-layer-close2 {
    font-family: layui-icon;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    line-height: 34px;
    width: 34px;
    height: 34px;
    color: #aaa;
    transition: all 0.3s ease
}
.layui-layer-admin-page .layui-layer-setwin .layui-layer-close2:hover {
    transform: rotate(90deg)
}
.layui-layer-admin-page .layui-layer-setwin .layui-layer-close2:after {
    content: '\1006'
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
    font-family: 'layui-icon', 'nep-icon' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 30px;
    font-size: 26px;
    background: none
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico1::before {
    content: '\e89d';
    color: #00d57b
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico2::before {
    content: '\e8a1';
    color: #f25657
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico3::before {
    content: '\e8a6';
    color: #fab600
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico4::before {
    content: '\e910';
    color: #171e2d
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico5::before {
    content: '\e782';
    color: #f25657
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico6::before {
    content: '\e78f';
    color: #00d57b
}
.layui-tab-title {
    height: 30px
}
.layui-tab-title li {
    color: #000
}
.layui-tab-brief > .layui-tab-title .layui-this {
    color: #000
}
.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom-width: 2px;
    border-bottom-style: solid
}
.layui-laydate .layui-laydate-content {
    font-size: 12px
}
.layui-laydate, .layui-laydate-hint {
    box-shadow: 0 0 30px #ddd !important;
}
.layui-laydate .layui-laydate-footer span {
    border: none
}
.layui-laydate .layui-laydate-content td:hover {
    background: #f6f6f6 !important
}
.layui-laydate .layui-laydate-header i {
    font-size: 10px
}
.msshe-laydate-full .layui-laydate {
    border: none;
    box-shadow: none !important
}
.msshe-laydate-full .layui-laydate-static {
    display: block
}
.msshe-laydate-full .layui-laydate-main, .msshe-laydate-full .layui-laydate-content table {
    width: 100%
}
.msshe-laydate-full .layui-laydate-content {
    font-size: 24px !important
}
.msshe-laydate-full .layui-laydate-content td, .msshe-laydate-full .layui-laydate-content th {
    height: 100px !important;
    width: 100px !important
}
.msshe-laydate-full .laydate-day-mark {
    font-size: 24px;
    line-height: 100px;
    color: #f25657
}
.msshe-laydate-full .laydate-day-mark::after {
    display: none;
    width: 8px !important;
    height: 8px !important;
    background: #f25657 !important;
    right: 14px !important;
    top: 14px !important
}
.layui-laydate td.layui-this, .layui-laydate td.layui-this:hover {
    font-weight: bold;
    color: #1890ff !important;
    background: #e6f7ff !important;
    border: 1px solid #91d5ff !important
}
.laydate-theme-datehour .laydate-time-list {
    overflow: hidden
}
.laydate-theme-datehour .laydate-time-list > li {
    width: 100%;
    margin-bottom: 20px
}
.laydate-theme-datehour .laydate-time-list > li p {
    display: none
}
.laydate-theme-datehour .laydate-time-list ol {
    height: 100%;
    border: none;
    overflow-y: scroll
}
.laydate-theme-datehour .laydate-time-list ol li {
    text-align: center;
    padding-left: 0;
    width: 100%
}
.laydate-theme-datehour .laydate-time-list ol li:after {
    content: ' 点 '
}
.layui-cell {
    padding: 10px;
    cursor: pointer
}
.layui-cell:hover {
    background: #f6f6f6
}
.layui-cell .layui-cell-cover {
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 2px;
    margin-right: 10px
}
.layui-cell .layui-cell-cover img {
    display: block;
    width: 100%;
    height: 100%
}
.layui-cell .layui-cell-title {
    line-height: 18px
}
.layui-cell .layui-cell-info {
    font-size: 12px;
    color: #999
}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch {
    background: #f1f1f1
}
.layui-table-tool {
    background: #fff !important
}
@media screen and (max-width: 991px) {
    .msshe-sidebar-shrink #app-sidebar {
        width: 0
    }
    .msshe-sidebar-shrink .layui-body, .msshe-sidebar-shrink #app-header .layui-layout-left, .msshe-sidebar-shrink .msshe-tabs-wrap .msshe-tabs-menu, .msshe-sidebar-shrink .msshe-tabs-wrap .msshe-tabs-prev {
        left: 0
    }
}
@media screen and (max-width: 768px) {
    .layui-layout-admin .msshe-tabs-body {
        padding-top: 50px
    }
    #app-header ul.layui-nav {
        padding: 0 10px
    }
    #app-header ul.layui-nav .layui-nav-child {
        left: auto;
        right: 0px;
        min-width: 230px
    }
    #app-header ul.layui-nav .layui-nav-child hr {
        background: #f1f1f1
    }
    #app-header .layui-nav .layui-nav-item > a {
        padding: 0 15px
    }
    #app-header {
        left: 245px;
        transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1)
    }
    #app-header .layui-layout-left {
        left: 0
    }
    .layui-body {
        position: relative;
        width: 100%
    }
    .msshe-tabs-wrap {
        display: none
    }
    .msshe-sidebar-shrink .layui-body, .msshe-sidebar-shrink #app-header {
        left: 0px
    }
    .layui-label-block-xs .layui-form-item > label.layui-form-label {
        display: inline-block;
        text-align: left;
        float: none;
        display: block;
        width: auto;
        padding-left: 0;
        color: #999;
        padding-bottom: 5px
    }
    .layui-label-block-xs .layui-form-item > .layui-input-block, .layui-label-block-xs .layui-form-item > .layui-input-inline, .layui-label-hide-xs .layui-form-item > .layui-input-block, .layui-label-hide-xs .layui-form-item > .layui-input-inline {
        margin-left: 0
    }
    .layui-label-hide-xs .layui-form-item > label.layui-form-label {
        display: none
    }
}
/* 弹出框如新增、修改使用 */
.layui-form-item .layui-form-label {
    position: relative;
    float: left;
    display: block;
    padding: 9px 15px;
    width: 80px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}
.layui-inline .layui-form-label {
    position: relative;
    float: left;
    display: block;
    padding: 2px 5px;
    width: 80px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}
.msshe-arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff
}
.layui-dropdown {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 0
}
.layui-dropdown .msshe-arrow-up {
    position: absolute;
    top: -6px;
    left: 10px
}
.layui-dropdown-right .msshe-arrow-up {
    left: auto;
    right: 10px
}
.layui-dropdown .layui-dropdown-select {
    border-radius: 3px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}
.layui-dropdown .layui-dropdown-option {
    position: relative;
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease
}
.layui-dropdown .layui-dropdown-option .layui-icon {
    margin-right: 10px;
    font-size: 14px
}
.layui-dropdown .layui-dropdown-option .layui-dropdown-select {
    position: absolute;
    top: 0;
    display: none
}
.layui-dropdown .layui-dropdown-option:hover {
    background: #f6f9ff
}
.layui-dropdown .layui-dropdown-option:hover > .layui-dropdown-select {
    display: block
}
.layui-dropdown .layui-icon-right {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    color: #aaa
}
.layui-dropdown .layui-dropdown-title {
    padding-right: 20px
}
@font-face {
    font-family: 'nep-icon';
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot#iefix') format('embedded-opentype'),
    url('../font/iconfont.svg#iconfont') format('svg'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype')
}
.layui-icon {
    font-family: 'layui-icon', 'nep-icon' !important;
}
.layui-icon-check-circle:before {
    content: '\e77d'
}
.layui-icon-CI:before {
    content: '\e77e'
}
.layui-icon-Dollar:before {
    content: '\e77f'
}
.layui-icon-compass:before {
    content: '\e780'
}
.layui-icon-close-circle:before {
    content: '\e781'
}
.layui-icon-frown:before {
    content: '\e782'
}
.layui-icon-info-circle:before {
    content: '\e783'
}
.layui-icon-left-circle:before {
    content: '\e784'
}
.layui-icon-down-circle:before {
    content: '\e785'
}
.layui-icon-EURO:before {
    content: '\e786'
}
.layui-icon-copyright:before {
    content: '\e787'
}
.layui-icon-minus-circle:before {
    content: '\e788'
}
.layui-icon-meh:before {
    content: '\e789'
}
.layui-icon-plus-circle:before {
    content: '\e78a'
}
.layui-icon-play-circle:before {
    content: '\e78b'
}
.layui-icon-question-circle:before {
    content: '\e78c'
}
.layui-icon-Pound:before {
    content: '\e78d'
}
.layui-icon-right-circle:before {
    content: '\e78e'
}
.layui-icon-smile:before {
    content: '\e78f'
}
.layui-icon-trademark:before {
    content: '\e790'
}
.layui-icon-time-circle:before {
    content: '\e791'
}
.layui-icon-timeout:before {
    content: '\e792'
}
.layui-icon-earth:before {
    content: '\e793'
}
.layui-icon-YUAN:before {
    content: '\e794';
}
.layui-icon-up-circle:before {
    content: '\e795'
}
.layui-icon-warning-circle:before {
    content: '\e796'
}
.layui-icon-sync:before {
    content: '\e797'
}
.layui-icon-transaction:before {
    content: '\e798'
}
.layui-icon-undo:before {
    content: '\e799'
}
.layui-icon-redo:before {
    content: '\e79a'
}
.layui-icon-reload:before {
    content: '\e79b'
}
.layui-icon-reloadtime:before {
    content: '\e79c'
}
.layui-icon-message:before {
    content: '\e79d'
}
.layui-icon-dashboard:before {
    content: '\e79e'
}
.layui-icon-issuesclose:before {
    content: '\e79f'
}
.layui-icon-poweroff:before {
    content: '\e7a0'
}
.layui-icon-logout:before {
    content: '\e7a1'
}
.layui-icon-login:before {
    content: '\e7a2'
}
.layui-icon-piechart:before {
    content: '\e7a3'
}
.layui-icon-setting:before {
    content: '\e7a4';
}
.layui-icon-eye:before {
    content: '\e7a5'
}
.layui-icon-location:before {
    content: '\e7a6'
}
.layui-icon-edit-square:before {
    content: '\e7a7'
}
.layui-icon-export:before {
    content: '\e7a8'
}
.layui-icon-save:before {
    content: '\e7a9'
}
.layui-icon-Import:before {
    content: '\e7aa'
}
.layui-icon-appstore:before {
    content: '\e7ab';
}
.layui-icon-close-square:before {
    content: '\e7ac'
}
.layui-icon-down-square:before {
    content: '\e7ad'
}
.layui-icon-layout:before {
    content: '\e7ae'
}
.layui-icon-left-square:before {
    content: '\e7af'
}
.layui-icon-play-square:before {
    content: '\e7b0'
}
.layui-icon-control:before {
    content: '\e7b1'
}
.layui-icon-codelibrary:before {
    content: '\e7b2'
}
.layui-icon-detail:before {
    content: '\e7b3'
}
.layui-icon-minus-square:before {
    content: '\e7b4'
}
.layui-icon-plus-square:before {
    content: '\e7b5'
}
.layui-icon-right-square:before {
    content: '\e7b6'
}
.layui-icon-project:before {
    content: '\e7b7'
}
.layui-icon-wallet:before {
    content: '\e7b8'
}
.layui-icon-up-square:before {
    content: '\e7b9'
}
.layui-icon-calculator:before {
    content: '\e7ba'
}
.layui-icon-interation:before {
    content: '\e7bb'
}
.layui-icon-check-square:before {
    content: '\e7bc'
}
.layui-icon-border:before {
    content: '\e7bd'
}
.layui-icon-border-outer:before {
    content: '\e7be'
}
.layui-icon-border-top:before {
    content: '\e7bf'
}
.layui-icon-border-bottom:before {
    content: '\e7c0'
}
.layui-icon-border-left:before {
    content: '\e7c1'
}
.layui-icon-border-right:before {
    content: '\e7c2'
}
.layui-icon-border-inner:before {
    content: '\e7c3'
}
.layui-icon-border-verticle:before {
    content: '\e7c4'
}
.layui-icon-border-horizontal:before {
    content: '\e7c5'
}
.layui-icon-radius-bottomleft:before {
    content: '\e7c6'
}
.layui-icon-radius-bottomright:before {
    content: '\e7c7'
}
.layui-icon-radius-upleft:before {
    content: '\e7c8'
}
.layui-icon-radius-upright:before {
    content: '\e7c9'
}
.layui-icon-radius-setting:before {
    content: '\e7ca';
}
.layui-icon-adduser:before {
    content: '\e7cb'
}
.layui-icon-deleteteam:before {
    content: '\e7cc'
}
.layui-icon-deleteuser:before {
    content: '\e7cd'
}
.layui-icon-addteam:before {
    content: '\e7ce'
}
.layui-icon-user:before {
    content: '\e7cf'
}
.layui-icon-team:before {
    content: '\e7d0';
}
.layui-icon-areachart:before {
    content: '\e7d1'
}
.layui-icon-linechart:before {
    content: '\e7d2'
}
.layui-icon-barchart:before {
    content: '\e7d3'
}
.layui-icon-pointmap:before {
    content: '\e7d4'
}
.layui-icon-container:before {
    content: '\e7d5'
}
.layui-icon-database:before {
    content: '\e7d6'
}
.layui-icon-sever:before {
    content: '\e7d7'
}
.layui-icon-mobile:before {
    content: '\e7d8'
}
.layui-icon-tablet:before {
    content: '\e7d9'
}
.layui-icon-redenvelope:before {
    content: '\e7da'
}
.layui-icon-book:before {
    content: '\e7db'
}
.layui-icon-filedone:before {
    content: '\e7dc'
}
.layui-icon-reconciliation:before {
    content: '\e7dd'
}
.layui-icon-file-exception:before {
    content: '\e7de'
}
.layui-icon-filesync:before {
    content: '\e7df'
}
.layui-icon-filesearch:before {
    content: '\e7e0'
}
.layui-icon-solution:before {
    content: '\e7e1'
}
.layui-icon-fileprotect:before {
    content: '\e7e2'
}
.layui-icon-file-add:before {
    content: '\e7e3'
}
.layui-icon-file-excel:before {
    content: '\e7e4'
}
.layui-icon-file-exclamation:before {
    content: '\e7e5'
}
.layui-icon-file-pdf:before {
    content: '\e7e6'
}
.layui-icon-file-image:before {
    content: '\e7e7'
}
.layui-icon-file-markdown:before {
    content: '\e7e8'
}
.layui-icon-file-unknown:before {
    content: '\e7e9'
}
.layui-icon-file-ppt:before {
    content: '\e7ea'
}
.layui-icon-file-word:before {
    content: '\e7eb'
}
.layui-icon-file:before {
    content: '\e7ec'
}
.layui-icon-file-zip:before {
    content: '\e7ed'
}
.layui-icon-file-text:before {
    content: '\e7ee'
}
.layui-icon-file-copy:before {
    content: '\e7ef'
}
.layui-icon-snippets:before {
    content: '\e7f0'
}
.layui-icon-audit:before {
    content: '\e7f1'
}
.layui-icon-diff:before {
    content: '\e7f2'
}
.layui-icon-Batchfolding:before {
    content: '\e7f3'
}
.layui-icon-securityscan:before {
    content: '\e7f4'
}
.layui-icon-propertysafety:before {
    content: '\e7f5'
}
.layui-icon-safetycertificate:before {
    content: '\e7f6'
}
.layui-icon-insurance:before {
    content: '\e7f7'
}
.layui-icon-alert:before {
    content: '\e7f8'
}
.layui-icon-delete:before {
    content: '\e7f9'
}
.layui-icon-hourglass:before {
    content: '\e7fa'
}
.layui-icon-bulb:before {
    content: '\e7fb'
}
.layui-icon-experiment:before {
    content: '\e7fc'
}
.layui-icon-bell:before {
    content: '\e7fd'
}
.layui-icon-trophy:before {
    content: '\e7fe';
}
.layui-icon-rest:before {
    content: '\e7ff'
}
.layui-icon-USB:before {
    content: '\e800'
}
.layui-icon-skin:before {
    content: '\e801'
}
.layui-icon-home:before {
    content: '\e802'
}
.layui-icon-bank:before {
    content: '\e803'
}
.layui-icon-filter:before {
    content: '\e804'
}
.layui-icon-funnelplot:before {
    content: '\e805'
}
.layui-icon-like:before {
    content: '\e806'
}
.layui-icon-unlike:before {
    content: '\e807'
}
.layui-icon-unlock:before {
    content: '\e808'
}
.layui-icon-lock:before {
    content: '\e809'
}
.layui-icon-customerservice:before {
    content: '\e80a'
}
.layui-icon-flag:before {
    content: '\e80b'
}
.layui-icon-moneycollect:before {
    content: '\e80c'
}
.layui-icon-medicinebox:before {
    content: '\e80d'
}
.layui-icon-shop:before {
    content: '\e80e'
}
.layui-icon-rocket:before {
    content: '\e80f'
}
.layui-icon-shopping:before {
    content: '\e810'
}
.layui-icon-folder:before {
    content: '\e811'
}
.layui-icon-folder-open:before {
    content: '\e812'
}
.layui-icon-folder-add:before {
    content: '\e813'
}
.layui-icon-deploymentunit:before {
    content: '\e814'
}
.layui-icon-accountbook:before {
    content: '\e815'
}
.layui-icon-contacts:before {
    content: '\e816'
}
.layui-icon-carryout:before {
    content: '\e817'
}
.layui-icon-calendar-check:before {
    content: '\e818'
}
.layui-icon-calendar:before {
    content: '\e819'
}
.layui-icon-scan:before {
    content: '\e81a'
}
.layui-icon-select:before {
    content: '\e81b'
}
.layui-icon-boxplot:before {
    content: '\e81c'
}
.layui-icon-build:before {
    content: '\e81d'
}
.layui-icon-sliders:before {
    content: '\e81e'
}
.layui-icon-laptop:before {
    content: '\e81f'
}
.layui-icon-barcode:before {
    content: '\e820'
}
.layui-icon-camera:before {
    content: '\e821'
}
.layui-icon-cluster:before {
    content: '\e822'
}
.layui-icon-gateway:before {
    content: '\e823'
}
.layui-icon-car:before {
    content: '\e824'
}
.layui-icon-printer:before {
    content: '\e825'
}
.layui-icon-read:before {
    content: '\e826'
}
.layui-icon-cloud-server:before {
    content: '\e827'
}
.layui-icon-cloud-upload:before {
    content: '\e828'
}
.layui-icon-cloud:before {
    content: '\e829'
}
.layui-icon-cloud-download:before {
    content: '\e82a'
}
.layui-icon-cloud-sync:before {
    content: '\e82b'
}
.layui-icon-video:before {
    content: '\e82c'
}
.layui-icon-notification:before {
    content: '\e82d'
}
.layui-icon-sound:before {
    content: '\e82e'
}
.layui-icon-radarchart:before {
    content: '\e82f'
}
.layui-icon-qrcode:before {
    content: '\e830'
}
.layui-icon-fund:before {
    content: '\e831'
}
.layui-icon-image:before {
    content: '\e832'
}
.layui-icon-mail:before {
    content: '\e833'
}
.layui-icon-table:before {
    content: '\e834'
}
.layui-icon-idcard:before {
    content: '\e835'
}
.layui-icon-creditcard:before {
    content: '\e836'
}
.layui-icon-heart:before {
    content: '\e837'
}
.layui-icon-block:before {
    content: '\e838'
}
.layui-icon-error:before {
    content: '\e839'
}
.layui-icon-star:before {
    content: '\e83a'
}
.layui-icon-gold:before {
    content: '\e83b'
}
.layui-icon-heatmap:before {
    content: '\e83c'
}
.layui-icon-wifi:before {
    content: '\e83d'
}
.layui-icon-attachment:before {
    content: '\e83e'
}
.layui-icon-edit:before {
    content: '\e83f'
}
.layui-icon-key:before {
    content: '\e840'
}
.layui-icon-api:before {
    content: '\e841'
}
.layui-icon-disconnect:before {
    content: '\e842'
}
.layui-icon-highlight:before {
    content: '\e843'
}
.layui-icon-monitor:before {
    content: '\e844'
}
.layui-icon-link:before {
    /*content: '\e845'*/
}
.layui-icon-man:before {
    content: '\e846'
}
.layui-icon-percentage:before {
    content: '\e847'
}
.layui-icon-search:before {
    content: '\e848'
}
.layui-icon-pushpin:before {
    content: '\e849'
}
.layui-icon-phone:before {
    content: '\e84a'
}
.layui-icon-shake:before {
    content: '\e84b'
}
.layui-icon-tag:before {
    content: '\e84c'
}
.layui-icon-wrench:before {
    content: '\e84d'
}
.layui-icon-woman:before {
    content: '\e84e'
}
.layui-icon-tags:before {
    content: '\e84f'
}
.layui-icon-scissor:before {
    content: '\e850'
}
.layui-icon-mr:before {
    content: '\e851'
}
.layui-icon-share:before {
    content: '\e852'
}
.layui-icon-branches:before {
    content: '\e853'
}
.layui-icon-fork:before {
    content: '\e854'
}
.layui-icon-shrink:before {
    content: '\e855'
}
.layui-icon-arrawsalt:before {
    content: '\e856'
}
.layui-icon-verticalright:before {
    content: '\e857'
}
.layui-icon-verticalleft:before {
    content: '\e858'
}
.layui-icon-right:before {
    content: '\e859'
}
.layui-icon-left:before {
    content: '\e85a'
}
.layui-icon-up:before {
    content: '\e619'
}
.layui-icon-down:before {
    content: '\e61a'
}
.layui-icon-fullscreen:before {
    content: '\e85d'
}
.layui-icon-fullscreen-exit:before {
    content: '\e85e'
}
.layui-icon-doubleleft:before {
    content: '\e85f'
}
.layui-icon-doubleright:before {
    content: '\e860'
}
.layui-icon-arrowright:before {
    content: '\e861'
}
.layui-icon-arrowup:before {
    content: '\e862'
}
.layui-icon-arrowleft:before {
    content: '\e863'
}
.layui-icon-arrowdown:before {
    content: '\e864'
}
.layui-icon-upload:before {
    content: '\e865'
}
.layui-icon-colum-height:before {
    content: '\e866'
}
.layui-icon-vertical-align-botto:before {
    content: '\e867'
}
.layui-icon-vertical-align-middl:before {
    content: '\e868'
}
.layui-icon-totop:before {
    content: '\e869'
}
.layui-icon-vertical-align-top:before {
    content: '\e86a'
}
.layui-icon-download:before {
    content: '\e86b'
}
.layui-icon-sort-descending:before {
    content: '\e86c'
}
.layui-icon-sort-ascending:before {
    content: '\e86d'
}
.layui-icon-fall:before {
    content: '\e86e'
}
.layui-icon-swap:before {
    content: '\e86f'
}
.layui-icon-stock:before {
    content: '\e870'
}
.layui-icon-rise:before {
    content: '\e871'
}
.layui-icon-indent:before {
    content: '\e872'
}
.layui-icon-outdent:before {
    content: '\e873'
}
.layui-icon-menu:before {
    content: '\e874'
}
.layui-icon-unorderedlist:before {
    content: '\e875'
}
.layui-icon-orderedlist:before {
    content: '\e876'
}
.layui-icon-align-right:before {
    content: '\e877'
}
.layui-icon-align-center:before {
    content: '\e878'
}
.layui-icon-align-left:before {
    content: '\e879'
}
.layui-icon-pic-center:before {
    content: '\e87a'
}
.layui-icon-pic-right:before {
    content: '\e87b'
}
.layui-icon-pic-left:before {
    content: '\e87c'
}
.layui-icon-bold:before {
    content: '\e87d'
}
.layui-icon-font-colors:before {
    content: '\e87e'
}
.layui-icon-exclaimination:before {
    content: '\e87f'
}
.layui-icon-font-size:before {
    content: '\e880'
}
.layui-icon-infomation:before {
    content: '\e881'
}
.layui-icon-line-height:before {
    content: '\e882'
}
.layui-icon-strikethrough:before {
    content: '\e883'
}
.layui-icon-underline:before {
    content: '\e884'
}
.layui-icon-number:before {
    content: '\e885'
}
.layui-icon-italic:before {
    content: '\e886'
}
.layui-icon-code:before {
    content: '\e887'
}
.layui-icon-column-width:before {
    content: '\e888'
}
.layui-icon-check:before {
    content: '\e889'
}
.layui-icon-ellipsis:before {
    content: '\e88a'
}
.layui-icon-dash:before {
    content: '\e88b'
}
.layui-icon-close:before {
    content: '\e88c'
}
.layui-icon-enter:before {
    content: '\e88d'
}
.layui-icon-line:before {
    content: '\e88e'
}
.layui-icon-minus:before {
    content: '\e88f'
}
.layui-icon-question:before {
    content: '\e890'
}
.layui-icon-plus:before {
    content: '\e891'
}
.layui-icon-rollback:before {
    content: '\e892'
}
.layui-icon-small-dash:before {
    content: '\e893'
}
.layui-icon-pause:before {
    content: '\e894'
}
.layui-icon-bg-colors:before {
    content: '\e895'
}
.layui-icon-crown:before {
    content: '\e896'
}
.layui-icon-drag:before {
    content: '\e897'
}
.layui-icon-desktop:before {
    content: '\e898'
}
.layui-icon-gift:before {
    content: '\e899'
}
.layui-icon-stop:before {
    content: '\e89a'
}
.layui-icon-fire:before {
    content: '\e89b'
}
.layui-icon-thunderbolt:before {
    content: '\e89c'
}
.layui-icon-check-circle-fill:before {
    content: '\e89d'
}
.layui-icon-left-circle-fill:before {
    content: '\e89e'
}
.layui-icon-down-circle-fill:before {
    content: '\e89f'
}
.layui-icon-minus-circle-fill:before {
    content: '\e8a0'
}
.layui-icon-close-circle-fill:before {
    content: '\e8a1'
}
.layui-icon-info-circle-fill:before {
    content: '\e8a2'
}
.layui-icon-up-circle-fill:before {
    content: '\e8a3'
}
.layui-icon-right-circle-fill:before {
    content: '\e8a4'
}
.layui-icon-plus-circle-fill:before {
    content: '\e8a5'
}
.layui-icon-question-circle-fill:before {
    content: '\e8a6'
}
.layui-icon-EURO-circle-fill:before {
    content: '\e8a7'
}
.layui-icon-frown-fill:before {
    content: '\e8a8'
}
.layui-icon-copyright-circle-fil:before {
    content: '\e8a9'
}
.layui-icon-CI-circle-fill:before {
    content: '\e8aa'
}
.layui-icon-compass-fill:before {
    content: '\e8ab'
}
.layui-icon-Dollar-circle-fill:before {
    content: '\e8ac'
}
.layui-icon-poweroff-circle-fill:before {
    content: '\e8ad'
}
.layui-icon-meh-fill:before {
    content: '\e8ae'
}
.layui-icon-play-circle-fill:before {
    content: '\e8af'
}
.layui-icon-Pound-circle-fill:before {
    content: '\e8b0'
}
.layui-icon-smile-fill:before {
    content: '\e8b1'
}
.layui-icon-stop-fill:before {
    content: '\e8b2'
}
.layui-icon-warning-circle-fill:before {
    content: '\e8b3'
}
.layui-icon-time-circle-fill:before {
    content: '\e8b4'
}
.layui-icon-trademark-circle-fil:before {
    content: '\e8b5'
}
.layui-icon-YUAN-circle-fill:before {
    content: '\e8b6'
}
.layui-icon-heart-fill:before {
    content: '\e8b7'
}
.layui-icon-piechart-circle-fil:before {
    content: '\e8b8'
}
.layui-icon-dashboard-fill:before {
    content: '\e8b9'
}
.layui-icon-message-fill:before {
    content: '\e8ba'
}
.layui-icon-check-square-fill:before {
    content: '\e8bb'
}
.layui-icon-down-square-fill:before {
    content: '\e8bc'
}
.layui-icon-minus-square-fill:before {
    content: '\e8bd'
}
.layui-icon-close-square-fill:before {
    content: '\e8be'
}
.layui-icon-codelibrary-fill:before {
    content: '\e8bf'
}
.layui-icon-left-square-fill:before {
    content: '\e8c0'
}
.layui-icon-play-square-fill:before {
    content: '\e8c1'
}
.layui-icon-up-square-fill:before {
    content: '\e8c2'
}
.layui-icon-right-square-fill:before {
    content: '\e8c3'
}
.layui-icon-plus-square-fill:before {
    content: '\e8c4'
}
.layui-icon-accountbook-fill:before {
    content: '\e8c5'
}
.layui-icon-carryout-fill:before {
    content: '\e8c6'
}
.layui-icon-calendar-fill:before {
    content: '\e8c7'
}
.layui-icon-calculator-fill:before {
    content: '\e8c8'
}
.layui-icon-interation-fill:before {
    content: '\e8c9'
}
.layui-icon-project-fill:before {
    content: '\e8ca'
}
.layui-icon-detail-fill:before {
    content: '\e8cb'
}
.layui-icon-save-fill:before {
    content: '\e8cc'
}
.layui-icon-wallet-fill:before {
    content: '\e8cd'
}
.layui-icon-control-fill:before {
    content: '\e8ce'
}
.layui-icon-layout-fill:before {
    content: '\e8cf'
}
.layui-icon-appstore-fill:before {
    content: '\e8d0'
}
.layui-icon-mobile-fill:before {
    content: '\e8d1'
}
.layui-icon-tablet-fill:before {
    content: '\e8d2'
}
.layui-icon-book-fill:before {
    content: '\e8d3'
}
.layui-icon-redenvelope-fill:before {
    content: '\e8d4'
}
.layui-icon-safetycertificate-f:before {
    content: '\e8d5'
}
.layui-icon-propertysafety-fill:before {
    content: '\e8d6'
}
.layui-icon-insurance-fill:before {
    content: '\e8d7'
}
.layui-icon-securityscan-fill:before {
    content: '\e8d8'
}
.layui-icon-file-exclamation-fil:before {
    content: '\e8d9'
}
.layui-icon-file-add-fill:before {
    content: '\e8da'
}
.layui-icon-file-fill:before {
    content: '\e8db'
}
.layui-icon-file-excel-fill:before {
    content: '\e8dc'
}
.layui-icon-file-markdown-fill:before {
    content: '\e8dd'
}
.layui-icon-file-text-fill:before {
    content: '\e8de'
}
.layui-icon-file-ppt-fill:before {
    content: '\e8df'
}
.layui-icon-file-unknown-fill:before {
    content: '\e8e0'
}
.layui-icon-file-word-fill:before {
    content: '\e8e1'
}
.layui-icon-file-zip-fill:before {
    content: '\e8e2'
}
.layui-icon-file-pdf-fill:before {
    content: '\e8e3'
}
.layui-icon-file-image-fill:before {
    content: '\e8e4'
}
.layui-icon-diff-fill:before {
    content: '\e8e5'
}
.layui-icon-file-copy-fill:before {
    content: '\e8e6'
}
.layui-icon-snippets-fill:before {
    content: '\e8e7'
}
.layui-icon-batchfolding-fill:before {
    content: '\e8e8'
}
.layui-icon-reconciliation-fill:before {
    content: '\e8e9'
}
.layui-icon-folder-add-fill:before {
    content: '\e8ea'
}
.layui-icon-folder-fill:before {
    content: '\e8eb'
}
.layui-icon-folder-open-fill:before {
    content: '\e8ec'
}
.layui-icon-database-fill:before {
    content: '\e8ed'
}
.layui-icon-container-fill:before {
    content: '\e8ee'
}
.layui-icon-sever-fill:before {
    content: '\e8ef'
}
.layui-icon-calendar-check-fill:before {
    content: '\e8f0'
}
.layui-icon-image-fill:before {
    content: '\e8f1'
}
.layui-icon-idcard-fill:before {
    content: '\e8f2'
}
.layui-icon-creditcard-fill:before {
    content: '\e8f3'
}
.layui-icon-fund-fill:before {
    content: '\e8f4'
}
.layui-icon-read-fill:before {
    content: '\e8f5'
}
.layui-icon-contacts-fill:before {
    content: '\e8f6'
}
.layui-icon-delete-fill:before {
    content: '\e8f7'
}
.layui-icon-notification-fill:before {
    content: '\e8f8'
}
.layui-icon-flag-fill:before {
    content: '\e8f9'
}
.layui-icon-moneycollect-fill:before {
    content: '\e8fa'
}
.layui-icon-medicinebox-fill:before {
    content: '\e8fb'
}
.layui-icon-rest-fill:before {
    content: '\e8fc'
}
.layui-icon-shopping-fill:before {
    content: '\e8fd'
}
.layui-icon-skin-fill:before {
    content: '\e8fe'
}
.layui-icon-video-fill:before {
    content: '\e8ff'
}
.layui-icon-sound-fill:before {
    content: '\e900'
}
.layui-icon-bulb-fill:before {
    content: '\e901'
}
.layui-icon-bell-fill:before {
    content: '\e902'
}
.layui-icon-filter-fill:before {
    content: '\e903'
}
.layui-icon-fire-fill:before {
    content: '\e904'
}
.layui-icon-funnelplot-fill:before {
    content: '\e905'
}
.layui-icon-gift-fill:before {
    content: '\e906'
}
.layui-icon-hourglass-fill:before {
    content: '\e907'
}
.layui-icon-home-fill:before {
    content: '\e908'
}
.layui-icon-trophy-fill:before {
    content: '\e909'
}
.layui-icon-location-fill:before {
    content: '\e90a'
}
.layui-icon-cloud-fill:before {
    content: '\e90b'
}
.layui-icon-customerservice-fill:before {
    content: '\e90c'
}
.layui-icon-experiment-fill:before {
    content: '\e90d'
}
.layui-icon-eye-fill:before {
    content: '\e90e'
}
.layui-icon-like-fill:before {
    content: '\e90f'
}
.layui-icon-lock-fill:before {
    content: '\e910'
}
.layui-icon-unlike-fill:before {
    content: '\e911'
}
.layui-icon-star-fill:before {
    content: '\e912';
}
.layui-icon-unlock-fill:before {
    content: '\e913'
}
.layui-icon-alert-fill:before {
    content: '\e914'
}
.layui-icon-api-fill:before {
    content: '\e915'
}
.layui-icon-highlight-fill:before {
    content: '\e916'
}
.layui-icon-phone-fill:before {
    content: '\e917'
}
.layui-icon-edit-fill:before {
    content: '\e918'
}
.layui-icon-pushpin-fill:before {
    content: '\e919'
}
.layui-icon-rocket-fill:before {
    content: '\e91a'
}
.layui-icon-thunderbolt-fill:before {
    content: '\e91b'
}
.layui-icon-tag-fill:before {
    content: '\e91c'
}
.layui-icon-wrench-fill:before {
    content: '\e91d'
}
.layui-icon-tags-fill:before {
    content: '\e91e'
}
.layui-icon-bank-fill:before {
    content: '\e91f'
}
.layui-icon-camera-fill:before {
    content: '\e920'
}
.layui-icon-error-fill:before {
    content: '\e921'
}
.layui-icon-crown-fill:before {
    content: '\e922'
}
.layui-icon-mail-fill:before {
    content: '\e923'
}
.layui-icon-car-fill:before {
    content: '\e924'
}
.layui-icon-printer-fill:before {
    content: '\e925'
}
.layui-icon-shop-fill:before {
    content: '\e926'
}
.layui-icon-setting-fill:before {
    content: '\e927'
}
.layui-icon-USB-fill:before {
    content: '\e928'
}
.layui-icon-golden-fill:before {
    content: '\e929'
}
.layui-icon-build-fill:before {
    content: '\e92a'
}
.layui-icon-boxplot-fill:before {
    content: '\e92b'
}
.layui-icon-sliders-fill:before {
    content: '\e92c'
}
.layui-icon-alibaba:before {
    content: '\e92d'
}
.layui-icon-alibabacloud:before {
    content: '\e92e'
}
.layui-icon-antdesign:before {
    content: '\e92f'
}
.layui-icon-ant-cloud:before {
    content: '\e930'
}
.layui-icon-behance:before {
    content: '\e931'
}
.layui-icon-googleplus:before {
    content: '\e932'
}
.layui-icon-medium:before {
    content: '\e933'
}
.layui-icon-google:before {
    content: '\e934'
}
.layui-icon-IE:before {
    content: '\e935'
}
.layui-icon-amazon:before {
    content: '\e936'
}
.layui-icon-slack:before {
    content: '\e937'
}
.layui-icon-alipay:before {
    content: '\e938'
}
.layui-icon-taobao:before {
    content: '\e939'
}
.layui-icon-zhihu:before {
    content: '\e93a'
}
.layui-icon-HTML:before {
    content: '\e93b'
}
.layui-icon-linkedin:before {
    content: '\e93c'
}
.layui-icon-yahoo:before {
    content: '\e93d'
}
.layui-icon-facebook:before {
    content: '\e93e'
}
.layui-icon-skype:before {
    content: '\e93f'
}
.layui-icon-CodeSandbox:before {
    content: '\e940'
}
.layui-icon-chrome:before {
    content: '\e941'
}
.layui-icon-codepen:before {
    content: '\e942'
}
.layui-icon-aliwangwang:before {
    content: '\e943'
}
.layui-icon-apple:before {
    content: '\e944'
}
.layui-icon-android:before {
    content: '\e945'
}
.layui-icon-sketch:before {
    content: '\e946'
}
.layui-icon-Gitlab:before {
    content: '\e947'
}
.layui-icon-dribbble:before {
    content: '\e948'
}
.layui-icon-instagram:before {
    content: '\e949'
}
.layui-icon-reddit:before {
    content: '\e94a'
}
.layui-icon-windows:before {
    content: '\e94b'
}
.layui-icon-yuque:before {
    content: '\e94c'
}
.layui-icon-Youtube:before {
    content: '\e94d'
}
.layui-icon-Gitlab-fill:before {
    content: '\e94e'
}
.layui-icon-dropbox:before {
    content: '\e94f'
}
.layui-icon-dingtalk:before {
    content: '\e950'
}
.layui-icon-android-fill:before {
    content: '\e951'
}
.layui-icon-apple-fill:before {
    content: '\e952'
}
.layui-icon-HTML-fill:before {
    content: '\e953'
}
.layui-icon-windows-fill:before {
    content: '\e954'
}
.layui-icon-QQ:before {
    content: '\e955'
}
.layui-icon-twitter:before {
    content: '\e956'
}
.layui-icon-skype-fill:before {
    content: '\e957'
}
.layui-icon-weibo:before {
    content: '\e958'
}
.layui-icon-yuque-fill:before {
    content: '\e959'
}
.layui-icon-Youtube-fill:before {
    content: '\e95a'
}
.layui-icon-yahoo-fill:before {
    content: '\e95b'
}
.layui-icon-wechat-fill:before {
    content: '\e95c'
}
.layui-icon-chrome-fill:before {
    content: '\e95d'
}
.layui-icon-alipay-circle-fill:before {
    content: '\e95e'
}
.layui-icon-aliwangwang-fill:before {
    content: '\e95f'
}
.layui-icon-behance-circle-fill:before {
    content: '\e960'
}
.layui-icon-amazon-circle-fill:before {
    content: '\e961'
}
.layui-icon-codepen-circle-fill:before {
    content: '\e962'
}
.layui-icon-CodeSandbox-circle-f:before {
    content: '\e963'
}
.layui-icon-dropbox-circle-fill:before {
    content: '\e964'
}
.layui-icon-github-fill:before {
    content: '\e965'
}
.layui-icon-dribbble-circle-fill:before {
    content: '\e966'
}
.layui-icon-googleplus-circle-f:before {
    content: '\e967'
}
.layui-icon-medium-circle-fill:before {
    content: '\e968'
}
.layui-icon-QQ-circle-fill:before {
    content: '\e969'
}
.layui-icon-IE-circle-fill:before {
    content: '\e96a'
}
.layui-icon-google-circle-fill:before {
    content: '\e96b'
}
.layui-icon-dingtalk-circle-fill:before {
    content: '\e96c'
}
.layui-icon-sketch-circle-fill:before {
    content: '\e96d'
}
.layui-icon-slack-circle-fill:before {
    content: '\e96e'
}
.layui-icon-twitter-circle-fill:before {
    content: '\e96f'
}
.layui-icon-taobao-circle-fill:before {
    content: '\e970'
}
.layui-icon-weibo-circle-fill:before {
    content: '\e971'
}
.layui-icon-zhihu-circle-fill:before {
    content: '\e972'
}
.layui-icon-reddit-circle-fill:before {
    content: '\e973'
}
.layui-icon-alipay-square-fill:before {
    content: '\e974'
}
.layui-icon-dingtalk-square-fill:before {
    content: '\e975'
}
.layui-icon-CodeSandbox-square-f:before {
    content: '\e976'
}
.layui-icon-behance-square-fill:before {
    content: '\e977'
}
.layui-icon-amazon-square-fill:before {
    content: '\e978'
}
.layui-icon-codepen-square-fill:before {
    content: '\e979'
}
.layui-icon-dribbble-square-fill:before {
    content: '\e97a'
}
.layui-icon-dropbox-square-fill:before {
    content: '\e97b'
}
.layui-icon-facebook-fill:before {
    content: '\e97c'
}
.layui-icon-googleplus-square-f:before {
    content: '\e97d'
}
.layui-icon-google-square-fill:before {
    content: '\e97e'
}
.layui-icon-instagram-fill:before {
    content: '\e97f'
}
.layui-icon-IE-square-fill:before {
    content: '\e980'
}
.layui-icon-medium-square-fill:before {
    content: '\e981'
}
.layui-icon-linkedin-fill:before {
    content: '\e982'
}
.layui-icon-QQ-square-fill:before {
    content: '\e983'
}
.layui-icon-reddit-square-fill:before {
    content: '\e984'
}
.layui-icon-twitter-square-fill:before {
    content: '\e985'
}
.layui-icon-sketch-square-fill:before {
    content: '\e986'
}
.layui-icon-slack-square-fill:before {
    content: '\e987'
}
.layui-icon-taobao-square-fill:before {
    content: '\e988'
}
.layui-icon-weibo-square-fill:before {
    content: '\e989'
}
.layui-icon-zhihu-square-fill:before {
    content: '\e98a'
}
.layui-icon-zoomout:before {
    content: '\e98b'
}
.layui-icon-apartment:before {
    content: '\e98c'
}
.layui-icon-audio:before {
    content: '\e98d'
}
.layui-icon-audio-fill:before {
    content: '\e98e'
}
.layui-icon-robot:before {
    content: '\e98f'
}
.layui-icon-zoomin:before {
    content: '\e990'
}
.table-action-area {
    padding-top: .15rem;
    margin-bottom: 1rem
}
.table-action-area .layui-icon {
    margin-right: 0
}
.layui-table-form .layui-input {
    height: 24px !important
}
.layui-table-form .layui-input-block {
    height: 24px !important
}
.layui-form-mid {
    position: relative;
    float: left;
    display: block;
    padding: 2px 0 !important;
    line-height: 20px;
    margin-right: 10px;
}
.layui-form-item .layui-form-checkbox[lay-skin=primary] {
    margin-top: 2px;
}
.layui-btn-sm {
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    font-size: 12px;
}
.layui-inline {
    margin-top: 5px;
}
.layui-form-label-sm {
    width: 56px
}
.layui-form-radio > i {
    font-size: 20px !important
}
.table-action-area .layui-btn + .layui-btn {
    margin-left: 6px !important
}
.layui-table[lay-skin='line'] th {
    border-bottom: none;
    background-color: #fafafa
}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
    border-color: #e3e0e0
}
.layui-table-header {
    border-bottom: none;
}
.layui-laypage a, .layui-laypage span {
    font-size: 13px !important
}
.layui-user dl dd a:hover, .layui-form-select dl dd:hover {
    background: #e6f7ff !important;
    color: #1890ff !important
}
.layui-badge {
    height: 23px;
    line-height: 15px;
    padding: 4px 9px
}
.layui-table[lay-skin=line] {
    border-width: 0 0 0 0 !important;
    width: 100%
}
.layui-laypage-curr .layui-laypage-em {
    background: #e6f7ff !important;
    border: 1px solid #91d5ff
}
.layui-laypage .layui-laypage-curr em {
    color: #1890ff !important
}
.layui-form-select dl dd.layui-this {
    border: 5px solid #fff;
    border-radius: 9px;
    color: #1890ff !important;
    background: #e6f7ff !important
}
.layui-laydate-content td.laydate-selected {
    background-color: #e6f7ff !important
}
.layui-laydate td {
    border-radius: 0 !important
}
.msshe-tag-green {
    color: #52c41a;
    background: #f6ffed;
    border: 1px solid #b7eb8f
}
.msshe-tag-magenta {
    color: #eb2f96;
    background: #fff0f6;
    border: 1px solid #ffadd2
}
.msshe-tag-orange {
    color: #ff7f0e;
    background: #fff7e6;
    border: 1px solid #ffd591
}
.msshe-tag-red {
    color: #f5222d;
    background: #fff1f0;
    border: 1px solid #ffa39e
}
.msshe-tag-volcano {
    color: #fa541c;
    background: #fff2e8;
    border: 1px solid #ffbb96
}
.msshe-tag-gold {
    color: #faad14;
    background: #fffbe6;
    border: 1px solid #ffe58f
}
.msshe-tag-lime {
    color: #a0d911;
    background: #fcffe6;
    border: 1px solid #eaff8f
}
.msshe-tag-cyan {
    color: #13c2c2;
    background: #e6fffb;
    border: 1px solid #87e8de
}
.msshe-tag-blue {
    color: #1890ff;
    background: #e6f7ff;
    border: 1px solid #91d5ff
}
.msshe-tag-geekblue {
    color: #2f54eb;
    background: #f0f5ff;
    border: 1px solid #adc6ff
}
.msshe-tag-purple {
    color: #722ed1;
    background: #f9f0ff;
    border: 1px solid #d3adf7
}
.msshe-green {
    color: #52c41a
}
.msshe-magenta {
    color: #eb2f96
}
.msshe-orange {
    color: #ff7f0e
}
.msshe-red {
    color: #f5222d
}
.msshe-volcano {
    color: #fa541c
}
.msshe-gold {
    color: #faad14
}
.msshe-lime {
    color: #a0d911
}
.msshe-cyan {
    color: #13c2c2
}
.msshe-blue {
    color: #1890ff
}
.msshe-geekblue {
    color: #2f54eb
}
.msshe-purple {
    color: #722ed1
}
.msshe-button-blue-plain {
    color: #409eff;
    background: #ecf5ff !important;
    border-color: #b3d8ff;
}
.msshe-button-green-plain {
    color: #67c23a;
    background: #f0f9eb !important;
    border-color: #c2e7b0;
}
.msshe-button-blue-plain:hover {
    color: #409eff;
    background: #ecf5ff !important;
    border-color: #b3d8ff;
    box-shadow: 0 4px 8px 0 #b3d8ff;
}
.msshe-button-green-plain:hover {
    color: #67c23a;
    background: #f0f9eb !important;
    border-color: #c2e7b0;
    box-shadow: 0 4px 8px 0 #c2e7b0;
}
.msshe-bg-green {
    background: #52c41a
}
.msshe-bg-orange {
    background: #ff7f0e
}
.msshe-bg-red {
    background: #f5222d
}
.msshe-bg-magenta {
    background: #eb2f96
}
.msshe-bg-gold {
    background: #faad14
}
.msshe-bg-volcano {
    background: #fa541c
}
.msshe-bg-lime {
    background: #a0d911
}
.msshe-bg-cyan {
    background: #13c2c2
}
.msshe-bg-blue {
    background: #1890ff
}
.msshe-bg-geekblue {
    background: #2f54eb
}
.msshe-bg-purple {
    background: #722ed1
}
.msshe-alert {
    border: 1px solid #fff !important;
    box-shadow: 3px 2px 9px rgba(0, 0, 0, 0.1) !important
}
.msshe-edit-area {
    font-size: 18px;
    margin-right: 5px
}
.msshe-form-item-require:before {
    display: inline-block;
    margin-right: 4px;
    content: "*";
    line-height: 1;
    font-size: 13px;
    color: #f5222d
}
.layui-table-form .layui-form-item {
    margin-bottom: 1px !important;
}
.layui-table[lay-even] tr:nth-child(even) {
    background-color: rgba(126, 204, 248, 0.13) !important;
}
.layui-form.layui-border-box.layui-table-view {
    margin-top: .5rem
}
.msshe-container {
    padding: 6px
}
.layui-form-item .layui-inline {
    margin-right: 0 !important
}
.layui-form-label-xs {
    width: 45px
}
.msshe-alert-base {
    margin: 3px 0 3px 0;
    display: block;
    border-radius: 2px;
    padding: 8px 15px 8px 15px
}
.msshe-alert-success {
    border: 1px solid #b7eb8f;
    background-color: #f6ffed
}
.msshe-alert-info {
    border: 1px solid #91d5ff;
    background-color: #e6f7ff
}
.msshe-alert-warn {
    border: 1px solid #ffe58f;
    background-color: #fffbe6
}
.msshe-alert-error {
    border: 1px solid #ffa39e;
    background-color: #fff1f0
}
.msshe-hide {
    display: none
}
.layui-disabled, .layui-disabled:hover {
    color: rgba(0, 0, 0, .65) !important;
    cursor: not-allowed !important
}
.layui-radio-disbaled > i {
    color: #ff9776 !important
}
.msshe-tabs-wrap .msshe-tabs-ball {
    display: inline-block;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #fff;
    vertical-align: middle;
    margin-right: 7px;
    position: relative;
    top: -1px;
    transition: background .4s ease
}
.msshe-tabs-wrap li.msshe-tabs-active .msshe-tabs-ball {
    background-color: #85ef47 !important;
    box-shadow: 0 0 7px #b7eb8f
}
.layui-badge-dot {
    width: 6px !important;
    height: 6px !important;
    vertical-align: middle
}
.layui-anim {
    animation-duration: .4s !important
}
@keyframes msshe-anim {
    from {
        transform: translate3d(30px, 0, 0);
        opacity: .3
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
.msshe-anim {
    animation-name: msshe-anim
}
@keyframes msshe-anim-right {
    from {
        transform: translate3d(-30px, 0, 0);
        opacity: .3
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
.msshe-anim-right {
    animation-name: msshe-anim-right
}
@keyframes msshe-anim-down {
    from {
        transform: translate3d(0, -30px, 0);
        opacity: .3
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
.msshe-anim-down {
    animation-name: msshe-anim-down
}
@keyframes msshe-anim-up {
    from {
        transform: translate3d(0, 30px, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
.msshe-anim-up {
    animation-name: msshe-anim-up
}
.my-skin .layui-layer-btn a {
    background-color: #84c101;
    border: 1px solid #84c101;
    color: #FFF;
}
.lable-txt {
    border: 0 !important;
}
.lable-tit-open {
    display: none;
    background-color: white;
    position: absolute;
    z-index: 9999;
    border-radius: 5px;
    border: 1px solid #00dbff;
    box-shadow: 0 1px 10px #1c51f0;
    padding: 2px 10px 2px 10px;
}
.layui-table th {
    text-align: left;
    font-weight: 600;
    background-color: #1972C6;
    opacity: 0.8;
    color: white;
}
.layui-table-cell {
    line-height: 24px;
}
.layui-input-affix {
    line-height: 26px;
}
/* Shared natural-size hover image preview */
body #previews.msshe-image-hover-preview {
    position: fixed;
    z-index: 999999999;
    display: block;
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    padding: 7px;
    border: 1px solid #d9dee5;
    border-radius: 7px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 12px 32px rgba(31, 35, 40, .18);
    box-sizing: border-box;
    pointer-events: none;
}
body #previews.msshe-image-hover-preview .msshe-image-hover-preview-content {
    overflow: hidden;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 40px);
    border-radius: 5px;
    background: #fff;
}
body #previews.msshe-image-hover-preview img.msshe-image-hover-preview-img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: calc(100vw - 40px) !important;
    max-height: calc(100vh - 76px) !important;
    margin: 0;
    object-fit: contain;
}
body #previews.msshe-image-hover-preview .msshe-image-hover-preview-title {
    overflow: hidden;
    margin: 7px 4px 1px;
    color: #475467;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body #previews.msshe-image-hover-preview .msshe-image-hover-preview-content.is-error::before {
    display: block;
    min-width: 160px;
    padding: 24px 16px;
    color: var(--msshe-ui-faint);
    content: "\56FE\7247\52A0\8F7D\5931\8D25";
    font-size: 12px;
    text-align: center;
}
/* MSSHE unified admin UI */
.msshe-ui,
.msshe-ui-layer {
    --msshe-ui-ink: #1f2933;
    --msshe-ui-text: #344054;
    --msshe-ui-muted: #667085;
    --msshe-ui-faint: #98a2b3;
    --msshe-ui-line: #dfe5ec;
    --msshe-ui-line-soft: #edf1f5;
    --msshe-ui-surface: #ffffff;
    --msshe-ui-surface-soft: #f8fafc;
    --msshe-ui-hover: #f7fbff;
    --msshe-ui-selected: #eef6ff;
    --msshe-ui-primary: #18181b;
    --msshe-ui-primary-hover: #303036;
    --msshe-ui-accent: #2f8ff0;
    --msshe-ui-danger: #c2352a;
    --msshe-ui-danger-soft: #fff1ef;
    --msshe-ui-success: #0f7a3b;
    --msshe-ui-warning: #b45309;
    --msshe-ui-radius: 8px;
    --msshe-ui-control-radius: 6px;
    color: var(--msshe-ui-text);
    font-family: var(--msshe-ui-font);
}
.msshe-ui .layui-card {
    overflow: hidden;
    border: 1px solid #e4e9ef;
    border-radius: var(--msshe-ui-radius);
    box-shadow: 0 10px 28px rgba(30, 45, 62, .08);
}
.msshe-ui .msshe-search-panel {
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 8px 12px;
    border: 1px solid #e4e9ef;
    border-radius: var(--msshe-ui-radius);
    background: var(--msshe-ui-surface);
}
.msshe-ui .msshe-form-panel {
    box-sizing: border-box;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 20px 22px;
    border: 1px solid var(--msshe-ui-line);
    border-radius: var(--msshe-ui-radius);
    background: var(--msshe-ui-surface);
}
.msshe-ui .msshe-form-panel .layui-form-item:last-child {
    margin-bottom: 0;
}
.msshe-ui .msshe-form-panel .layui-form-label {
    box-sizing: border-box;
    width: 96px;
    padding: 7px 12px 7px 0;
    color: var(--msshe-ui-muted);
    font-size: 13px;
    font-weight: 600;
}
.msshe-ui .msshe-form-panel .layui-input-block {
    margin-left: 96px;
}
.msshe-ui .msshe-form-section + .msshe-form-section {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--msshe-ui-line-soft);
}
.msshe-ui .msshe-form-section-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}
.msshe-ui .msshe-form-section-title strong,
.msshe-ui .msshe-form-section-title small {
    display: block;
}
.msshe-ui .msshe-form-section-title strong {
    color: var(--msshe-ui-ink);
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}
.msshe-ui .msshe-form-section-title small {
    margin-top: 2px;
    color: var(--msshe-ui-faint);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
.msshe-ui .msshe-upload-zone {
    display: flex;
    min-height: 108px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 18px;
    border: 1px dashed #bdc9d6;
    border-radius: var(--msshe-ui-radius);
    background: var(--msshe-ui-surface-soft);
    text-align: center;
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.msshe-ui .msshe-upload-zone:hover,
.msshe-ui .msshe-upload-zone:focus,
.msshe-ui .msshe-upload-zone.is-dragover {
    outline: none;
    border-color: var(--msshe-ui-accent);
    background: var(--msshe-ui-hover);
    box-shadow: 0 0 0 3px rgba(47, 143, 240, .1);
}
.msshe-ui .msshe-upload-zone.is-selected {
    border-style: solid;
    border-color: #a8d4b9;
    background: #f3fbf6;
}
.msshe-ui .msshe-upload-zone .layui-icon {
    display: block;
    margin-bottom: 6px;
    color: var(--msshe-ui-accent);
    font-size: 28px;
    line-height: 1;
}
.msshe-ui .msshe-upload-zone.is-selected .layui-icon {
    color: var(--msshe-ui-success);
}
.msshe-ui .msshe-upload-zone strong {
    display: block;
    color: var(--msshe-ui-ink);
    font-size: 13px;
    line-height: 20px;
}
.msshe-ui .msshe-upload-zone small {
    display: block;
    margin-top: 4px;
    color: var(--msshe-ui-faint);
    font-size: 12px;
    line-height: 18px;
    overflow-wrap: anywhere;
}
.msshe-ui .msshe-form-inline-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}
.msshe-ui .msshe-form-inline-actions .layui-word-aux {
    flex: 1 1 240px;
    margin: 0;
    padding: 0 !important;
    line-height: 24px;
}
.msshe-ui .msshe-form-inline-actions .msshe-status-tag {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.msshe-ui .msshe-form-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--msshe-ui-line-soft);
}
/* 质检报告上传表单在弹窗内容区垂直居中，内容超出视口时仍保持可滚动。 */
#quality-report-form-root {
    box-sizing: border-box;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 16px;
    padding-bottom: 16px;
    overflow-y: auto;
}

#quality-report-form-root > .msshe-form-panel {
    flex: 0 1 620px;
}

/* 紧凑表单、精简上传区及动态输入行，供弹窗内的短流程表单统一复用。 */
.msshe-ui .msshe-form-panel-compact {
    padding: 14px 18px;
}
.msshe-ui .msshe-form-panel-compact .layui-form-item {
    margin-bottom: 10px;
}
.msshe-ui .msshe-form-panel-compact .msshe-form-section-title {
    margin-bottom: 10px;
}
.msshe-ui .msshe-form-panel-compact .layui-textarea {
    min-height: 62px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.msshe-ui .msshe-form-panel-compact .msshe-form-actions {
    margin-top: 12px;
    padding-top: 10px;
}
.msshe-ui .msshe-upload-zone-compact {
    min-height: 56px;
    justify-content: flex-start;
    gap: 10px;
    padding: 8px 12px;
    text-align: left;
}
.msshe-ui .msshe-upload-zone-compact .layui-icon {
    display: inline-flex;
    flex: 0 0 auto;
    margin: 0;
    font-size: 22px;
}
.msshe-ui .msshe-upload-zone-compact strong,
.msshe-ui .msshe-upload-zone-compact small {
    line-height: 17px;
}
.msshe-ui .msshe-upload-zone-compact small {
    margin-top: 1px;
    font-size: 11px;
}
.msshe-ui .msshe-help-tip {
    display: inline-flex;
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 1px solid #b8c3cf;
    border-radius: 50%;
    color: var(--msshe-ui-muted);
    background: var(--msshe-ui-surface);
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    cursor: help;
    vertical-align: middle;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}
.msshe-ui .msshe-help-tip:hover,
.msshe-ui .msshe-help-tip:focus-visible {
    outline: none;
    border-color: var(--msshe-ui-accent);
    color: var(--msshe-ui-accent);
    background: var(--msshe-ui-hover);
}
.msshe-ui .msshe-help-tip:focus-visible {
    box-shadow: 0 0 0 3px rgba(47, 143, 240, .12);
}
.msshe-ui .msshe-form-help {
    display: block;
    float: none;
    margin: 3px 0 0;
    padding: 0 !important;
    font-size: 11px;
    line-height: 16px;
}
.msshe-ui .msshe-dynamic-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.msshe-ui .msshe-dynamic-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.msshe-ui .msshe-dynamic-row-main {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    gap: 8px;
}
.msshe-ui .msshe-dynamic-row-main .layui-input {
    flex: 1 1 auto;
    min-width: 0;
}
.msshe-ui .msshe-dynamic-row .msshe-btn {
    flex: 0 0 auto;
}
.msshe-ui .msshe-validation-text {
    flex: 0 0 62px;
    font-size: 11px;
    line-height: 32px;
    text-align: right;
    white-space: nowrap;
}
.msshe-ui .msshe-validation-pending {
    color: var(--msshe-ui-faint);
}
.msshe-ui .msshe-validation-loading {
    color: var(--msshe-ui-primary);
}
.msshe-ui .msshe-validation-success {
    color: var(--msshe-ui-success);
}
.msshe-ui .msshe-validation-danger {
    color: var(--msshe-ui-danger);
}
.msshe-ui .msshe-search-panel > .layui-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
}
.msshe-ui .msshe-search-panel > .layui-row > [class*="layui-col"] {
    float: none;
}
.msshe-ui .msshe-search-panel > .layui-row > .layui-col-md11 {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
}
.msshe-ui .msshe-search-panel > .layui-row > .msshe-search-actions {
    flex: 0 0 auto;
    width: auto;
    margin-left: auto;
}
.msshe-ui .msshe-search-panel .layui-form-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-bottom: 0;
}
.msshe-ui .msshe-search-panel .layui-inline {
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.msshe-ui .msshe-search-panel .layui-form-label {
    width: auto;
    min-width: 44px;
    padding: 0 8px 0 0;
    color: var(--msshe-ui-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 32px;
}
.msshe-ui .msshe-search-panel .layui-input-inline {
    width: 150px;
    margin: 0;
}
.msshe-ui .layui-input,
.msshe-ui .layui-textarea,
.msshe-ui .layui-select-title .layui-input,
.msshe-ui .xm-select-parent .xm-input,
.msshe-ui xm-select,
.msshe-ui xm-select .xm-input {
    box-sizing: border-box;
    border-color: #d6e0ea !important;
    border-radius: var(--msshe-ui-control-radius) !important;
    color: var(--msshe-ui-ink);
    background: #fff;
    font-family: var(--msshe-ui-font);
    font-size: 13px;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.msshe-ui .layui-input,
.msshe-ui .layui-select-title .layui-input,
.msshe-ui .xm-select-parent .xm-input {
    height: 32px;
    line-height: 32px;
}
.msshe-ui .layui-input:hover,
.msshe-ui .layui-textarea:hover,
.msshe-ui .layui-select-title .layui-input:hover,
.msshe-ui .xm-select-parent .xm-input:hover,
.msshe-ui xm-select:hover {
    border-color: #aebdcd !important;
}
.msshe-ui .layui-input:focus,
.msshe-ui .layui-textarea:focus,
.msshe-ui .layui-form-selected .layui-select-title .layui-input,
.msshe-ui .xm-form-selected .xm-input,
.msshe-ui xm-select[xm-select-direction] {
    border-color: var(--msshe-ui-accent) !important;
    box-shadow: 0 0 0 3px rgba(47, 143, 240, .12);
}
.msshe-ui .layui-input::placeholder,
.msshe-ui .layui-textarea::placeholder {
    color: var(--msshe-ui-faint);
}
.msshe-ui .layui-input[disabled],
.msshe-ui .layui-textarea[disabled],
.msshe-ui .layui-disabled {
    color: var(--msshe-ui-faint) !important;
    background: #f5f7fa !important;
    cursor: not-allowed !important;
}
.msshe-ui .layui-form-select dl,
.msshe-ui .xm-select-parent .xm-form-select dl,
.msshe-ui xm-select .xm-body {
    overflow: hidden auto;
    border-color: var(--msshe-ui-line);
    border-radius: var(--msshe-ui-control-radius);
    box-shadow: 0 10px 24px rgba(30, 45, 62, .14);
}
.msshe-ui .layui-form-select dl dd,
.msshe-ui .xm-select-parent .xm-form-select dl dd {
    color: var(--msshe-ui-text);
    font-size: 13px;
}
.msshe-ui .layui-form-select dl dd:hover,
.msshe-ui .xm-select-parent .xm-form-select dl dd:hover {
    background: var(--msshe-ui-hover);
}
.msshe-ui .layui-form-select dl dd.layui-this,
.msshe-ui .xm-select-parent .xm-form-select dl dd.xm-select-this {
    border: 0;
    border-radius: 0;
    color: #fff;
    background: var(--msshe-ui-primary);
}
.msshe-ui .msshe-filter-toggle.msshe-btn-soft {
    min-width: 0;
    height: 24px;
    padding: 0 2px;
    border: 0 !important;
    border-radius: 0;
    color: #667085 !important;
    background: #fff !important;
    font-weight: 500;
    line-height: 24px;
}

.msshe-ui .msshe-filter-toggle.msshe-btn-soft:hover,
.msshe-ui .msshe-filter-toggle.msshe-btn-soft:focus-visible {
    border: 0 !important;
    color: var(--msshe-ui-accent) !important;
    background: #fff !important;
}
.msshe-ui .msshe-column-tools:empty {
    display: none;
}
.msshe-ui .msshe-column-tools .layui-table-tool {
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
.msshe-ui .msshe-column-tools .layui-table-tool-temp {
    display: none;
}
.msshe-ui .msshe-column-tools .layui-table-tool-self {
    display: flex;
    position: static;
}
.msshe-ui .msshe-column-tools .layui-table-tool-self > .msshe-btn {
    width: auto;
    height: 28px;
    margin: 0;
}
.msshe-ui .msshe-column-tools .layui-table-tool-panel {
    top: 32px;
    right: 0;
    left: auto;
    min-width: 200px;
    max-width: min(320px, calc(100vw - 32px));
    text-align: left;
}
.msshe-ui .msshe-search-actions,
.msshe-ui .msshe-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.msshe-ui .msshe-btn,
.msshe-ui-layer .layui-layer-btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    box-sizing: border-box;
    min-width: 54px;
    height: 28px;
    margin: 0;
    padding: 0 11px;
    border: 1px solid var(--msshe-ui-line);
    border-radius: var(--msshe-ui-control-radius);
    color: var(--msshe-ui-text) !important;
    background: #fff !important;
    box-shadow: none !important;
    font-family: var(--msshe-ui-font);
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.msshe-ui .msshe-btn:hover,
.msshe-ui-layer .layui-layer-btn a:hover {
    color: var(--msshe-ui-ink) !important;
    border-color: #b8c4d1;
    background: var(--msshe-ui-surface-soft) !important;
}
.msshe-ui .msshe-btn:active,
.msshe-ui-layer .layui-layer-btn a:active {
    transform: translateY(1px);
}
.msshe-ui .msshe-btn-primary,
.msshe-ui-layer .layui-layer-btn .layui-layer-btn0 {
    color: #fff !important;
    border-color: var(--msshe-ui-primary) !important;
    background: var(--msshe-ui-primary) !important;
}
.msshe-ui .msshe-btn-primary:hover,
.msshe-ui-layer .layui-layer-btn .layui-layer-btn0:hover {
    color: #fff !important;
    border-color: var(--msshe-ui-primary-hover) !important;
    background: var(--msshe-ui-primary-hover) !important;
}
.msshe-ui .msshe-btn-danger {
    color: var(--msshe-ui-danger) !important;
    border-color: #f0c7c2 !important;
    background: var(--msshe-ui-danger-soft) !important;
}
.msshe-ui .msshe-btn-danger:hover {
    border-color: #e9aaa2 !important;
    background: #ffe8e4 !important;
}
.msshe-ui .msshe-btn[disabled],
.msshe-ui .msshe-btn.layui-btn-disabled {
    opacity: .52;
    cursor: not-allowed;
    transform: none;
}
.msshe-ui.msshe-table-surface .layui-table-view,
.msshe-ui .msshe-table-surface .layui-table-view {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    margin-top: 12px;
    border: 1px solid var(--msshe-ui-line);
    border-radius: var(--msshe-ui-radius);
    background: #fff;
    box-shadow: 0 8px 24px rgba(31, 41, 55, .05);
}
.msshe-ui .msshe-table-surface > table {
    width: 100%;
}
.msshe-ui.msshe-table-surface .layui-table-header,
.msshe-ui.msshe-table-surface .layui-table-header th,
.msshe-ui .msshe-table-surface .layui-table-header,
.msshe-ui .msshe-table-surface .layui-table-header th {
    background: var(--msshe-ui-surface-soft) !important;
}
.msshe-ui.msshe-table-surface .layui-table-header th,
.msshe-ui .msshe-table-surface .layui-table-header th {
    height: 36px;
    border-color: var(--msshe-ui-line);
    vertical-align: middle;
}
.msshe-ui.msshe-table-surface .layui-table-header .layui-table-cell,
.msshe-ui .msshe-table-surface .layui-table-header .layui-table-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 8px;
    color: #475467 !important;
    font-family: var(--msshe-ui-font);
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}
.msshe-ui.msshe-table-surface .layui-table-body td,
.msshe-ui .msshe-table-surface .layui-table-body td {
    border-color: var(--msshe-ui-line-soft);
    color: var(--msshe-ui-text);
    background: #fff;
    vertical-align: middle;
}
.msshe-ui.msshe-table-surface .layui-table-cell,
.msshe-ui .msshe-table-surface .layui-table-cell {
    padding: 0 8px;
    color: var(--msshe-ui-text);
    font-family: var(--msshe-ui-font);
    font-size: 13px;
    line-height: 20px;
}
.msshe-ui .msshe-table-centered .layui-table-header .layui-table-cell,
.msshe-ui .msshe-table-centered .layui-table-body .layui-table-cell {
    text-align: center;
}
.msshe-ui .msshe-table-centered .laytable-cell-checkbox {
    padding-right: 0;
    padding-left: 0;
}
/* 分组列表合并后的主维度单元格，统一强调分组信息并保持垂直居中。 */
.msshe-ui .msshe-table-surface td.msshe-table-cell-merged {
    color: var(--msshe-ui-ink);
    background: var(--msshe-ui-surface-soft);
    font-weight: 700;
    vertical-align: middle;
}

/* 商品质检报告维度面板：在 Layui 卡片标签基础上增强层级，并与公共表格无缝衔接。 */
#msshe-product-quality-report .quality-report-panel-tabs {
    position: relative;
    overflow: hidden;
    margin: 12px 0 0;
    border: 1px solid var(--msshe-ui-line);
    border-radius: var(--msshe-ui-radius);
    background: var(--msshe-ui-surface);
    box-shadow: 0 6px 18px rgba(31, 41, 55, .045);
}
#msshe-product-quality-report .quality-report-panel-tabs > .layui-tab-title {
    display: flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
    height: 42px;
    padding: 6px 166px 6px 8px;
    border: 0;
    border-bottom: 1px solid var(--msshe-ui-line);
    background: var(--msshe-ui-surface-soft);
}
#msshe-product-quality-report .quality-report-panel-tabs > .layui-tab-title li {
    height: 29px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: var(--msshe-ui-control-radius);
    color: var(--msshe-ui-muted);
    background: transparent;
    font-size: 12px;
    font-weight: 600;
    line-height: 29px;
    transition: color .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
#msshe-product-quality-report .quality-report-panel-tabs > .layui-tab-title li:hover {
    color: var(--msshe-ui-ink);
    background: rgba(255, 255, 255, .72);
}
#msshe-product-quality-report .quality-report-panel-tabs > .layui-tab-title li.layui-this {
    color: var(--msshe-ui-ink);
    border-color: var(--msshe-ui-line);
    background: var(--msshe-ui-surface);
    box-shadow: 0 2px 6px rgba(31, 41, 55, .08);
}
#msshe-product-quality-report .quality-report-panel-tabs > .layui-tab-title li.layui-this:after {
    display: none;
}
#msshe-product-quality-report .quality-report-panel-actions {
    position: absolute;
    z-index: 2;
    top: 6px;
    right: 8px;
    display: flex;
    align-items: center;
    height: 29px;
}
#msshe-product-quality-report .quality-report-panel-tabs > .layui-tab-content {
    padding: 0;
    background: var(--msshe-ui-surface);
}
#msshe-product-quality-report .quality-report-panel-tabs .layui-tab-item {
    min-width: 0;
}
#msshe-product-quality-report .quality-report-panel-tabs .layui-table-view {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
#msshe-product-quality-report .quality-report-panel-tabs .layui-table-box,
#msshe-product-quality-report .quality-report-panel-tabs .layui-table-main {
    box-sizing: border-box;
    max-width: 100%;
}
#msshe-product-quality-report .quality-report-panel-tabs .layui-table-main {
    overflow-x: hidden;
    overflow-y: auto;
}
@media screen and (max-width: 768px) {
    #msshe-product-quality-report .quality-report-panel-tabs > .layui-tab-title {
        overflow: hidden;
        padding-right: 150px;
        white-space: nowrap;
    }
    #msshe-product-quality-report .quality-report-panel-tabs > .layui-tab-title li {
        flex: 0 1 auto;
        padding: 0 10px;
    }
}
.msshe-ui.msshe-table-surface .layui-table-body .layui-table-cell,
.msshe-ui .msshe-table-surface .layui-table-body .layui-table-cell {
    min-height: 34px;
    line-height: 34px;
}
.msshe-ui.msshe-table-surface .layui-table-body tr:hover,
.msshe-ui.msshe-table-surface .layui-table-body tr:hover td,
.msshe-ui .msshe-table-surface .layui-table-body tr:hover,
.msshe-ui .msshe-table-surface .layui-table-body tr:hover td {
    background: var(--msshe-ui-hover) !important;
}
.msshe-ui.msshe-table-surface .layui-table-body tr.employee-row-selected td,
.msshe-ui.msshe-table-surface .layui-table-body tr.layui-table-click td,
.msshe-ui .msshe-table-surface .layui-table-body tr.employee-row-selected td,
.msshe-ui .msshe-table-surface .layui-table-body tr.layui-table-click td {
    color: #245f9e;
    background: var(--msshe-ui-selected) !important;
}
.msshe-ui.msshe-table-surface .layui-table-page,
.msshe-ui .msshe-table-surface .layui-table-page {
    box-sizing: border-box;
    height: auto;
    padding: 12px 10px;
    border: 0;
    border-top: 1px solid var(--msshe-ui-line-soft);
    text-align: center;
}
.msshe-ui.msshe-table-surface .layui-table-page .layui-laypage,
.msshe-ui .msshe-table-surface .layui-table-page .layui-laypage {
    margin: 0;
}
.msshe-ui .msshe-table-text-link {
    display: block;
    width: 100%;
    color: var(--msshe-ui-text);
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    cursor: pointer;
}
.msshe-ui .msshe-table-text-link:hover {
    color: #1f4f7c;
}
.msshe-ui .msshe-table-text-link.is-empty {
    text-align: center;
}
.msshe-ui .msshe-table-text-clamp {
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
}
.msshe-ui .msshe-table-text-clamp-2 {
    display: -webkit-box;
    max-height: 36px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/* Global hover details for truncated table text */
.msshe-ui .msshe-table-hover-detail {
    cursor: pointer;
}
.msshe-ui .msshe-table-hover-detail:hover {
    color: #1f4f7c;
}
.msshe-table-hover-tip {
    overflow: visible !important;
}
.msshe-table-hover-tip .layui-layer-content {
    overflow: visible !important;
    padding: 0 !important;
    color: var(--msshe-ui-text) !important;
    background: #fff !important;
    border: 1px solid var(--msshe-ui-line) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 30px rgba(31, 41, 51, .16) !important;
}
.msshe-table-hover-tip i.layui-layer-TipsG {
    z-index: 1;
    filter: drop-shadow(0 1px 0 var(--msshe-ui-line));
}
.msshe-ui .msshe-employee-card-trigger {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    color: #245f9e;
    font-weight: 700;
    line-height: 24px;
    text-decoration: underline;
    text-decoration-color: #b8cde3;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    cursor: default;
    outline: none;
    transition: color .16s ease, text-decoration-color .16s ease;
}
.msshe-ui .msshe-employee-card-trigger::before {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #2f8ff0;
    box-shadow: 0 0 0 3px rgba(47, 143, 240, .12);
    content: "";
}
.msshe-ui .msshe-employee-card-trigger:hover,
.msshe-ui .msshe-employee-card-trigger:focus-visible {
    color: #174d80;
    text-decoration-color: #6097c9;
}
.msshe-ui .msshe-employee-card-trigger:focus-visible {
    border-radius: 3px;
    box-shadow: 0 0 0 3px rgba(47, 143, 240, .13);
}
.msshe-employee-card-tip {
    overflow: visible !important;
}
.msshe-employee-card-tip .layui-layer-content {
    overflow: visible !important;
    padding: 0 !important;
    border: 1px solid #d8e1eb !important;
    border-radius: 8px !important;
    color: var(--msshe-ui-text) !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(31, 41, 55, .18) !important;
}
.msshe-employee-card-tip i.layui-layer-TipsG {
    z-index: 1;
    filter: drop-shadow(0 1px 0 #d8e1eb);
}
.msshe-employee-card {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 302px;
    border-radius: 8px;
    background: #fff;
    font-family: var(--msshe-ui-font);
}
.msshe-employee-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: #2f8ff0;
    content: "";
}
.msshe-employee-card-header {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
    padding: 18px 18px 14px;
    background: #f8fafc;
}
.msshe-employee-card-avatar {
    display: inline-flex;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0f2;
    border-radius: 8px;
    color: #245f9e;
    background: #eaf4ff;
    box-shadow: 0 4px 12px rgba(47, 143, 240, .12);
    font-size: 19px;
    font-weight: 800;
    line-height: 46px;
}
.msshe-employee-card-identity {
    min-width: 0;
}
.msshe-employee-card-kicker,
.msshe-employee-card-name,
.msshe-employee-card-number {
    display: block;
}
.msshe-employee-card-kicker {
    margin-bottom: 2px;
    color: #7c8a9a;
    font-size: 9px;
    font-weight: 800;
    line-height: 13px;
}
.msshe-employee-card-name {
    overflow: hidden;
    color: #1f2933;
    font-size: 16px;
    font-weight: 800;
    line-height: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.msshe-employee-card-number {
    overflow: hidden;
    margin-top: 1px;
    color: #667085;
    font-size: 11px;
    line-height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.msshe-employee-card-details {
    padding: 13px 18px 12px;
    border-top: 1px solid #edf1f5;
    border-bottom: 1px solid #edf1f5;
}
.msshe-employee-card-detail-label,
.msshe-employee-card-detail-value {
    display: block;
}
.msshe-employee-card-detail-label {
    margin-bottom: 4px;
    color: #98a2b3;
    font-size: 10px;
    font-weight: 700;
    line-height: 15px;
}
.msshe-employee-card-detail-value {
    color: #344054;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    overflow-wrap: anywhere;
}
.msshe-employee-card-footer {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 18px 10px;
    color: #98a2b3;
    font-size: 10px;
    line-height: 16px;
}
.msshe-employee-card-footer span {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #12b76a;
    box-shadow: 0 0 0 3px rgba(18, 183, 106, .12);
}
.msshe-refund-rate-tip {
    overflow: visible !important;
}
.msshe-refund-rate-tip .layui-layer-content {
    overflow: visible !important;
    padding: 8px !important;
    color: var(--msshe-ui-text) !important;
    background: var(--msshe-ui-surface) !important;
    border: 1px solid var(--msshe-ui-line) !important;
    border-radius: var(--msshe-ui-radius) !important;
    box-shadow: 0 12px 30px rgba(31, 41, 51, .16) !important;
}
.msshe-refund-rate-tip i.layui-layer-TipsG {
    z-index: 1;
    filter: drop-shadow(0 1px 0 var(--msshe-ui-line));
}
.msshe-refund-rate-hover .layui-table-view {
    margin-top: 0 !important;
    box-shadow: none !important;
}
.msshe-refund-rate-hover .layui-table {
    margin: 0;
}
.msshe-refund-rate-hover .layui-table th,
.msshe-refund-rate-hover .layui-table td {
    border-color: var(--msshe-ui-line-soft);
    text-align: center;
    vertical-align: middle;
}
.msshe-refund-rate-hover .layui-table th {
    height: 36px;
    color: #475467;
    background: var(--msshe-ui-surface-soft);
    font-weight: 700;
}
.msshe-refund-rate-hover .layui-table-cell {
    box-sizing: border-box;
    width: auto !important;
    min-height: 34px;
    padding: 0 8px !important;
    color: var(--msshe-ui-text);
    line-height: 34px;
    text-align: center;
}
.msshe-refund-rate-hover .cell-days {
    min-width: 90px;
}
.msshe-refund-rate-hover .cell-total {
    min-width: 90px;
}
.msshe-refund-rate-hover .cell-undelivered {
    min-width: 110px;
}
.msshe-table-hover-tip-content {
    box-sizing: border-box;
    overflow-y: auto;
    max-height: min(320px, calc(100vh - 48px));
    padding: 12px 14px;
}
.msshe-table-hover-tip-row {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 8px;
    padding: 5px 0;
    border-bottom: 1px solid #f0f2f5;
    font-size: 12px;
    line-height: 20px;
}
.msshe-table-hover-tip-row:last-child {
    border-bottom: 0;
}
.msshe-table-hover-tip-label {
    color: #315f8c;
    font-weight: 600;
}
.msshe-table-hover-tip-value,
.msshe-table-hover-tip-text {
    color: var(--msshe-ui-text);
    font-size: 12px;
    line-height: 20px;
    overflow-wrap: anywhere;
    white-space: normal;
}
.msshe-ui .msshe-label-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 24px;
}
.msshe-ui .msshe-label-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 1px 8px;
    border: 1px solid #d6e5f3;
    border-radius: 5px;
    color: #315f8c;
    background: #f4f8fc;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    white-space: nowrap;
    cursor: pointer;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}
.msshe-ui .msshe-label-tag:hover {
    color: #1f4f7c;
    border-color: #b9d2e9;
    background: #eaf4ff;
}
.msshe-ui .msshe-empty-text {
    color: var(--msshe-ui-faint);
    font-size: 12px;
}
.msshe-ui .msshe-table-action-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    gap: 6px;
    line-height: normal;
}
.msshe-ui .msshe-table-action-list-nowrap {
    flex-wrap: nowrap;
    gap: 4px;
    white-space: nowrap;
}
.msshe-ui .msshe-table-action-list-nowrap .msshe-table-action {
    margin-right: 0;
    margin-left: 0;
}
.msshe-ui .msshe-table-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 24px;
    margin: 0 2px;
    padding: 0 8px;
    border: 1px solid #d9e3ee;
    border-radius: 5px;
    color: #315f8c;
    background: #f7faff;
    font-size: 12px;
    line-height: 22px;
    cursor: pointer;
}
.msshe-ui .msshe-table-action:hover {
    color: #1f4f7c;
    border-color: #bcd0e4;
    background: #eaf4ff;
    text-decoration: none;
}
.msshe-ui .msshe-table-action-primary {
    color: #276cae;
    border-color: #c8dcf0;
    background: #f1f7fd;
}
.msshe-ui .msshe-table-action-primary:hover {
    color: #195b99;
    border-color: #a9c9e7;
    background: #e4f1fc;
}
.msshe-ui .msshe-table-action-success {
    color: var(--msshe-ui-success);
    border-color: #c9e7d4;
    background: #edf8f1;
}
.msshe-ui .msshe-table-action-success:hover {
    color: #0b6831;
    border-color: #a9d8ba;
    background: #e1f3e8;
}
.msshe-ui .msshe-table-action-warning {
    color: var(--msshe-ui-warning);
    border-color: #efd8b6;
    background: #fff8ed;
}
.msshe-ui .msshe-table-action-warning:hover {
    color: #92400e;
    border-color: #e7c48e;
    background: #fff1dc;
}
.msshe-ui .msshe-table-action-danger {
    color: var(--msshe-ui-danger);
    border-color: #f0c7c2;
    background: var(--msshe-ui-danger-soft);
}
.msshe-ui .msshe-table-action-danger:hover {
    color: var(--msshe-ui-danger);
    border-color: #e9aaa2;
    background: #ffe8e4;
}
.msshe-ui .msshe-table-product-image-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 42px;
    height: 50px;
    border: 1px solid var(--msshe-ui-line);
    border-radius: 6px;
    background: #eceff3;
    box-sizing: border-box;
}
.msshe-ui .msshe-image-blur-bg {
    position: absolute;
    inset: -22px;
    z-index: 0;
    pointer-events: none;
    background-position: center;
    background-size: cover;
    filter: blur(18px) saturate(.9);
    opacity: .52;
    transform: scale(1.12);
}
.msshe-ui .msshe-table-product-image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
}
.msshe-ui .msshe-match-list-table .layui-table-header .laytable-cell-checkbox,
.msshe-ui .msshe-match-list-table .layui-table-body .laytable-cell-checkbox {
    align-items: center;
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
}
.msshe-ui .msshe-match-list-table .laytable-cell-checkbox .layui-form-checkbox {
    margin: 0 !important;
}
.msshe-ui .msshe-match-list-table .layui-table-body td {
    vertical-align: middle !important;
}
.msshe-ui .msshe-match-list-table .layui-table-body td > .layui-table-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100% !important;
    min-height: 72px;
    max-height: none !important;
    box-sizing: border-box;
}
.msshe-ui .msshe-match-list-table .layui-table-body td[data-field="imgUrl"],
.msshe-ui .msshe-match-list-table .layui-table-body td[data-field="useLabel"],
.msshe-ui .msshe-match-list-table .layui-table-body td[data-field="pictureDetail"],
.msshe-ui .msshe-match-list-table .layui-table-body td[data-field="styleImg"] {
    vertical-align: middle !important;
}
.msshe-ui .msshe-match-list-table .layui-table-body td[data-field="imgUrl"] > .layui-table-cell,
.msshe-ui .msshe-match-list-table .layui-table-body td[data-field="useLabel"] > .layui-table-cell,
.msshe-ui .msshe-match-list-table .layui-table-body td[data-field="pictureDetail"] > .layui-table-cell,
.msshe-ui .msshe-match-list-table .layui-table-body td[data-field="styleImg"] > .layui-table-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100% !important;
    min-height: 72px;
    max-height: none !important;
    padding-top: 4px;
    padding-bottom: 4px;
    box-sizing: border-box;
}
.msshe-ui .msshe-match-image-link {
    display: block;
    width: 56px;
    margin: 0 auto;
    line-height: normal;
}
.msshe-ui .msshe-match-image-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 26px);
    grid-template-rows: repeat(2, 26px);
    justify-content: center;
    gap: 2px;
    width: 56px;
    height: 56px;
    margin: 0 auto;
    padding: 1px;
    box-sizing: border-box;
}
.msshe-ui .msshe-match-image-grid.is-single {
    display: flex;
    align-items: center;
    justify-content: center;
}
.msshe-ui .msshe-match-image-item {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 1px solid var(--msshe-ui-line);
    border-radius: 5px;
    background: var(--msshe-ui-surface-soft);
    box-sizing: border-box;
}
.msshe-ui .msshe-match-image-grid.is-single .msshe-match-image-item {
    width: 54px;
    height: 54px;
}
.msshe-ui .msshe-match-image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
}
.msshe-ui .msshe-match-image-more {
    position: absolute;
    right: -2px;
    bottom: -2px;
    z-index: 3;
    min-width: 20px;
    padding: 0 5px;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 999px;
    color: #fff;
    background: rgba(17, 24, 39, .86);
    box-shadow: 0 3px 10px rgba(17, 24, 39, .18);
    font-size: 9px;
    line-height: 16px;
    text-align: center;
    white-space: nowrap;
}
.msshe-ui .msshe-match-image-title {
    overflow: hidden;
    width: 56px;
    margin: 1px auto 0;
    color: var(--msshe-ui-muted);
    font-size: 9px;
    line-height: 10px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.msshe-ui .msshe-status-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 24px;
    padding: 1px 9px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    color: #606266;
    background: #ffffff;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
}
.msshe-ui .msshe-status-primary {
    color: #409eff;
    border-color: #d9ecff;
    background: #ecf5ff;
}
.msshe-ui .msshe-status-success {
    color: #67c23a;
    border-color: #e1f3d8;
    background: #f0f9eb;
}
.msshe-ui .msshe-status-warning {
    color: #e6a23c;
    border-color: #faecd8;
    background: #fdf6ec;
}
.msshe-ui .msshe-status-danger {
    color: #f56c6c;
    border-color: #fde2e2;
    background: #fef0f0;
}
.msshe-ui .msshe-percentage-over-limit {
    color: var(--msshe-ui-danger) !important;
    font-weight: 600;
}
.msshe-ui .msshe-status-info {
    color: #909399;
    border-color: #e9e9eb;
    background: #f4f4f5;
}
.msshe-ui .msshe-status-dot::before {
    width: 6px;
    height: 6px;
    flex: none;
    content: "";
    background: currentColor;
    border-radius: 50%;
    opacity: .9;
}

/* Monitor list pages share the same dense search and table rhythm. */
.msshe-ui .msshe-monitor-table-surface {
    padding: 14px 16px 18px;
}
.msshe-ui .msshe-monitor-search {
    margin-bottom: 12px;
    padding: 10px 12px;
    border-color: var(--msshe-ui-line);
    background: #fbfcfe;
}
.msshe-ui .msshe-monitor-search .layui-form-item {
    gap: 8px 12px;
}
.msshe-ui .msshe-monitor-search .layui-input-inline {
    width: 156px;
}
.msshe-ui .msshe-monitor-search .msshe-search-actions {
    min-height: 32px;
}
.msshe-ui .msshe-monitor-search .msshe-btn {
    min-width: 66px;
}
.msshe-ui .msshe-monitor-table-surface .layui-table-view {
    margin-top: 0;
}
.msshe-ui .msshe-monitor-table-surface .layui-table-header th {
    height: 42px;
}
.msshe-ui .msshe-monitor-table-surface .layui-table-header .layui-table-cell {
    height: 42px;
    color: #475467 !important;
    font-size: 12px;
    line-height: 42px;
}
.msshe-ui .msshe-monitor-table-surface .layui-table-body .layui-table-cell {
    min-height: 42px;
    line-height: 42px;
}
.msshe-ui .msshe-monitor-table-surface .layui-table-body td[data-field="username"] .layui-table-cell,
.msshe-ui .msshe-monitor-table-surface .layui-table-body td[data-field="name"] .layui-table-cell,
.msshe-ui .msshe-monitor-table-surface .layui-table-body td[data-field="module"] .layui-table-cell,
.msshe-ui .msshe-monitor-table-surface .layui-table-body td[data-field="operation"] .layui-table-cell,
.msshe-ui .msshe-monitor-table-surface .layui-table-body td[data-field="method"] .layui-table-cell,
.msshe-ui .msshe-monitor-table-surface .layui-table-body td[data-field="params"] .layui-table-cell,
.msshe-ui .msshe-monitor-table-surface .layui-table-body td[data-field="errorMessage"] .layui-table-cell,
.msshe-ui .msshe-monitor-table-surface .layui-table-body td[data-field="browser"] .layui-table-cell,
.msshe-ui .msshe-monitor-table-surface .layui-table-body td[data-field="location"] .layui-table-cell {
    text-align: left;
}
.msshe-ui .msshe-monitor-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.msshe-ui .msshe-monitor-source {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 0 8px;
    border: 1px solid #d6e5f3;
    border-radius: 4px;
    color: #315f8c;
    background: #f4f8fc;
    font-size: 11px;
    line-height: 22px;
    white-space: nowrap;
}
.msshe-ui .msshe-monitor-employee-cell {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
#msshe-online .msshe-monitor-table-surface .layui-table-body td[data-field="username"] .layui-table-cell {
    display: flex;
    height: 42px;
    align-items: center;
    justify-content: center;
    line-height: normal;
}
#msshe-online .msshe-monitor-employee-cell {
    width: 100%;
    height: 42px;
}
.msshe-ui .msshe-monitor-table-surface .msshe-employee-card-trigger {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.msshe-ui .msshe-monitor-table-surface .msshe-status-tag,
.msshe-ui .msshe-monitor-table-surface .msshe-table-action {
    vertical-align: middle;
}
.msshe-ui .msshe-monitor-summary-wrap {
    display: flex;
    align-items: center;
    min-height: 32px;
    margin: 0 0 10px;
}
.msshe-ui .msshe-monitor-summary-wrap.msshe-hide {
    display: none;
}
.msshe-ui .msshe-monitor-summary {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    min-height: 30px;
    box-sizing: border-box;
    padding: 4px 10px;
    border: 1px solid #cfe3f5;
    border-radius: 6px;
    color: #315f8c;
    background: #f4f9fd;
    font-size: 12px;
    line-height: 20px;
}
.msshe-ui .msshe-monitor-summary strong {
    color: #1f4f7c;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.msshe-ui .msshe-monitor-summary-unit {
    color: var(--msshe-ui-muted);
}
.msshe-ui .msshe-monitor-summary-wrap:empty {
    display: none;
}

@media (max-width: 991px) {
    .msshe-ui .msshe-monitor-search > .layui-row {
        flex-wrap: wrap;
    }
    .msshe-ui .msshe-monitor-search > .layui-row > .layui-col-md11 {
        flex-basis: 100%;
        width: 100%;
    }
    .msshe-ui .msshe-monitor-search > .layui-row > .msshe-search-actions {
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .msshe-ui .msshe-monitor-table-surface {
        padding: 10px;
    }
    .msshe-ui .msshe-monitor-search {
        padding: 10px;
    }
    .msshe-ui .msshe-monitor-search .layui-form-item {
        gap: 8px;
    }
    .msshe-ui .msshe-monitor-search .layui-inline {
        width: 100%;
    }
    .msshe-ui .msshe-monitor-search .layui-form-label {
        min-width: 58px;
    }
    .msshe-ui .msshe-monitor-search .layui-input-inline {
        flex: 1 1 auto;
        width: auto;
    }
    .msshe-ui .msshe-monitor-search .msshe-monitor-range {
        flex-wrap: wrap;
    }
    .msshe-ui .msshe-monitor-search .msshe-monitor-range .layui-form-label {
        flex: 0 0 100%;
    }
    .msshe-ui .msshe-monitor-search .msshe-monitor-range .layui-input-inline {
        flex: 1 1 120px;
    }
    .msshe-ui .msshe-monitor-search .msshe-search-actions {
        justify-content: flex-start;
    }
    .msshe-ui .msshe-monitor-summary-wrap {
        margin-bottom: 8px;
    }
}
.msshe-ui-layer {
    overflow: hidden;
    border-radius: 10px !important;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .18) !important;
}
.msshe-ui-layer.msshe-drawer-layer {
    border-radius: 10px 0 0 10px !important;
}
.msshe-ui-layer .layui-layer-title {
    height: 48px;
    padding: 0 56px 0 20px;
    border-bottom: 1px solid var(--msshe-ui-line-soft);
    color: var(--msshe-ui-ink);
    background: #fff;
    font-family: var(--msshe-ui-font);
    font-size: 15px;
    font-weight: 700;
    line-height: 48px;
}
.msshe-ui-layer .layui-layer-content {
    background: #fff;
}
.msshe-ui-layer .layui-layer-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 18px;
    border-top: 1px solid var(--msshe-ui-line-soft);
    background: #fff;
}
@media (max-width: 768px) {
    .msshe-ui .msshe-search-panel .layui-form-item,
    .msshe-ui .msshe-search-actions,
    .msshe-ui .msshe-toolbar {
        align-items: stretch;
    }
    .msshe-ui .msshe-search-panel .layui-inline {
        width: 100%;
    }
    .msshe-ui .msshe-search-panel .layui-input-inline {
        flex: 1;
        width: auto;
    }
    .msshe-ui .msshe-form-panel {
        padding: 16px;
    }
    .msshe-ui .msshe-form-panel .layui-form-label {
        float: none;
        width: auto;
        padding: 0 0 8px;
        text-align: left;
    }
    .msshe-ui .msshe-form-panel .layui-input-block {
        margin-left: 0;
    }
    .msshe-ui .msshe-form-section-title {
        margin-bottom: 12px;
    }
    .msshe-ui .msshe-upload-zone {
        min-height: 96px;
        padding: 14px;
    }
    .msshe-ui .msshe-upload-zone-compact {
        min-height: 56px;
        padding: 8px 12px;
    }
    .msshe-ui .msshe-dynamic-row-main {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }
    .msshe-ui .msshe-validation-text {
        flex-basis: auto;
        line-height: 16px;
        text-align: left;
    }
    .msshe-ui .msshe-form-actions .msshe-btn {
        min-width: 72px;
    }
}
/* Global checkbox colors */
.layui-form-checkbox:not([lay-skin="primary"]) {
    background-color: #c7d2df !important;
}
.layui-form-checkbox:not([lay-skin="primary"]):hover {
    background-color: #aebdcc !important;
}
.layui-form-checkbox.layui-form-checked:not([lay-skin="primary"]),
.layui-form-checkbox.layui-form-checked:not([lay-skin="primary"]):hover,
.layui-form-checkbox.layui-form-checked:not([lay-skin="primary"]) span,
.layui-form-checkbox.layui-form-checked:not([lay-skin="primary"]):hover span {
    background-color: #2f8ff0 !important;
}
.layui-form-checkbox.layui-form-checked:not([lay-skin="primary"]) i,
.layui-form-checkbox.layui-form-checked:not([lay-skin="primary"]):hover i {
    color: #2f8ff0 !important;
}
.layui-form-checkbox[lay-skin="primary"] i {
    border-color: #c7d2df !important;
    border-radius: 4px;
}
.layui-form-checkbox.layui-form-checked[lay-skin="primary"] i,
.layui-form-checkbox.layui-form-checked[lay-skin="primary"]:hover i {
    color: #fff !important;
    border-color: #2f8ff0 !important;
    background-color: #2f8ff0 !important;
}
/* MSSHE unified selection states */
.msshe-ui .layui-form-checkbox[lay-skin="primary"] i {
    border-color: #c7d2df;
    border-radius: 4px;
}
.msshe-ui .layui-form-radio {
    color: var(--msshe-ui-muted);
    transition: color .18s ease;
}
.msshe-ui .layui-form-radio > i {
    color: #aebdcd;
    transition: color .18s ease, transform .18s ease;
}
.msshe-ui .layui-form-radio:hover {
    color: var(--msshe-ui-ink);
}
.msshe-ui .layui-form-radio:hover > i,
.msshe-ui .layui-form-radioed > i {
    color: var(--msshe-ui-accent);
    border-color: var(--msshe-ui-accent) !important;
}
.msshe-ui .layui-form-radioed {
    color: var(--msshe-ui-ink);
    font-weight: 500;
}
.msshe-ui .layui-form-checked[lay-skin="primary"] i {
    color: #fff;
    border-color: var(--msshe-ui-accent) !important;
    background: var(--msshe-ui-accent);
}
.msshe-ui .layui-table-view .layui-none {
    padding: 44px 16px;
    color: var(--msshe-ui-faint);
    font-family: var(--msshe-ui-font);
    font-size: 13px;
}
.msshe-ui .form-field-error,
.msshe-ui .employee-select-error {
    color: #d92d20;
    font-family: var(--msshe-ui-font);
    font-size: 12px;
}
.msshe-ui .is-invalid .layui-input,
.msshe-ui .is-invalid .layui-select-title .layui-input,
.msshe-ui .employee-identity-card.is-invalid {
    border-color: #f04438 !important;
    box-shadow: 0 0 0 3px rgba(240, 68, 56, .1);
}
/* MSSHE compact dialog controls */
.msshe-ui .employee-select-toolbar,
.msshe-ui .selector-toolbar {
    justify-content: flex-start;
    gap: 6px;
}
.msshe-ui .employee-select-toolbar .layui-input,
.msshe-ui .selector-toolbar .layui-input {
    flex: 0 1 420px !important;
    width: 420px;
    max-width: 420px;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    font-size: 12px;
}
.msshe-ui .employee-selector-dialog-footer {
    flex-basis: 50px;
    gap: 8px;
}
@media (max-width: 768px) {
    .msshe-ui .msshe-search-panel > .layui-row {
        flex-wrap: wrap;
    }
    .msshe-ui .msshe-search-panel > .layui-row > .msshe-search-actions {
        width: 100%;
    }
    .msshe-ui .employee-select-toolbar .layui-input,
    .msshe-ui .selector-toolbar .layui-input {
        flex-basis: 100% !important;
        width: 100%;
        max-width: none;
    }
}
/* MSSHE unified layer system */
.layui-layer-msg,
.msshe-ui-toast {
    min-width: 220px;
    max-width: min(420px, calc(100vw - 32px));
    overflow: hidden;
    border: 1px solid #dfe5ec !important;
    border-left: 4px solid #2f8ff0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .16) !important;
}
.layui-layer-msg:has(.layui-layer-ico1),
.layui-layer-msg:has(.layui-icon-success),
.layui-layer-msg:has(.layui-icon-face-smile),
.msshe-ui-toast-success {
    border-left-color: #12b76a !important;
}
.layui-layer-msg:has(.layui-layer-ico2),
.layui-layer-msg:has(.layui-layer-ico5),
.layui-layer-msg:has(.layui-icon-error),
.layui-layer-msg:has(.layui-icon-face-cry),
.msshe-ui-toast-error {
    border-left-color: #f04438 !important;
}
.layui-layer-msg:has(.layui-layer-ico3),
.layui-layer-msg:has(.layui-layer-ico7),
.layui-layer-msg:has(.layui-icon-question),
.msshe-ui-toast-warning {
    border-left-color: #f59e0b !important;
}
.layui-layer-msg .layui-layer-content,
.msshe-ui-toast .layui-layer-content {
    box-sizing: border-box;
    min-height: 42px;
    padding: 10px 16px !important;
    border-radius: 0 !important;
    color: #344054 !important;
    background: #fff !important;
    box-shadow: none !important;
    font-family: var(--msshe-ui-font);
    font-size: 13px !important;
    font-weight: 500;
    line-height: 22px !important;
    overflow: hidden !important;
    white-space: normal;
}
.layui-layer-msg .layui-layer-content.layui-layer-padding,
.msshe-ui-toast .layui-layer-content.layui-layer-padding {
    padding-left: 44px !important;
}
.layui-layer-msg .layui-layer-content .layui-layer-ico,
.layui-layer-msg .layui-layer-content .layui-layer-face,
.msshe-ui-toast .layui-layer-content .layui-layer-ico {
    display: block !important;
    top: 50% !important;
    left: 15px !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important;
    background: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 18px !important;
    overflow: hidden !important;
}
.layui-layer-msg .layui-layer-content .layui-layer-ico::before,
.layui-layer-msg .layui-layer-content .layui-layer-face::before,
.msshe-ui-toast .layui-layer-content .layui-layer-ico::before {
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    content: "!" !important;
    color: #fff !important;
    background: #f59e0b;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 18px !important;
}
.layui-layer-msg .layui-layer-content .layui-icon-success::before,
.layui-layer-msg .layui-layer-content .layui-icon-face-smile::before,
.msshe-ui-toast-success .layui-layer-content .layui-layer-face::before {
    content: "\2713" !important;
    background: #12b76a;
}
.layui-layer-msg .layui-layer-content .layui-icon-error::before,
.layui-layer-msg .layui-layer-content .layui-icon-face-cry::before,
.msshe-ui-toast-error .layui-layer-content .layui-layer-face::before {
    content: "!" !important;
    background: #f04438;
}
.msshe-ui-toast-warning .layui-layer-content .layui-layer-face::before {
    content: "!" !important;
    background: #f59e0b;
}
.msshe-ui-toast-info .layui-layer-content .layui-layer-face::before {
    content: "i" !important;
    background: #2f8ff0;
}
.layui-layer-msg .layui-layer-setwin,
.msshe-ui-toast .layui-layer-setwin {
    display: none !important;
}
.layui-layer-dialog:not(.layui-layer-msg),
.msshe-ui-dialog {
    overflow: hidden;
    border: 1px solid #e4e9ef !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .2) !important;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-title,
.msshe-ui-dialog .layui-layer-title {
    box-sizing: border-box;
    height: 46px !important;
    padding: 0 48px 0 18px !important;
    border-bottom: 1px solid #edf1f5 !important;
    color: #1f2933 !important;
    background: #fff !important;
    font-family: var(--msshe-ui-font);
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 46px !important;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-content,
.msshe-ui-dialog .layui-layer-content {
    box-sizing: border-box;
    min-height: 72px;
    padding: 20px 22px !important;
    color: #475467;
    background: #fff;
    font-family: var(--msshe-ui-font);
    font-size: 13px;
    line-height: 22px;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-content.layui-layer-padding,
.msshe-ui-dialog .layui-layer-content.layui-layer-padding {
    padding-left: 58px !important;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-content .layui-layer-ico,
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-content .layui-layer-face,
.msshe-ui-dialog .layui-layer-content .layui-layer-ico {
    top: 22px !important;
    left: 22px !important;
    width: 24px !important;
    height: 24px !important;
    background: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 24px !important;
    overflow: hidden !important;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn,
.msshe-ui-dialog .layui-layer-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 18px !important;
    border-top: 1px solid #edf1f5;
    background: #fff;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn a,
.msshe-ui-dialog .layui-layer-btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 54px;
    height: 28px;
    margin: 0 !important;
    padding: 0 11px;
    border: 1px solid #dfe5ec;
    border-radius: 6px;
    color: #344054 !important;
    background: #fff !important;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn .layui-layer-btn0,
.msshe-ui-dialog .layui-layer-btn .layui-layer-btn0 {
    color: #fff !important;
    border-color: #18181b !important;
    background: #18181b !important;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn .layui-layer-btn0:hover,
.msshe-ui-dialog .layui-layer-btn .layui-layer-btn0:hover {
    border-color: #303036 !important;
    background: #303036 !important;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-setwin,
.msshe-ui-dialog .layui-layer-setwin {
    top: 15px !important;
    right: 16px !important;
}
.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-setwin a,
.msshe-ui-dialog .layui-layer-setwin a {
    color: #98a2b3;
}
/* MSSHE unified semantic layer icons */
.layui-layer-dialog .layui-layer-content .layui-layer-ico::before,
.layui-layer-dialog .layui-layer-content .layui-layer-face::before {
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    content: "\0021";
    color: #fff !important;
    background: #f59e0b;
    font-family: Arial, sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico1::before,
.layui-layer-dialog .layui-layer-content .layui-layer-ico6::before,
.layui-layer-dialog .layui-layer-content .layui-icon-success::before,
.layui-layer-dialog .layui-layer-content .layui-icon-face-smile::before {
    content: "\2713";
    background: #12b76a;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico2::before,
.layui-layer-dialog .layui-layer-content .layui-layer-ico5::before,
.layui-layer-dialog .layui-layer-content .layui-icon-error::before,
.layui-layer-dialog .layui-layer-content .layui-icon-face-cry::before {
    content: "\0021";
    background: #f04438;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico3::before,
.layui-layer-dialog .layui-layer-content .layui-layer-ico7::before,
.layui-layer-dialog .layui-layer-content .layui-icon-tips::before,
.layui-layer-dialog .layui-layer-content .layui-icon-question::before {
    content: "\0021";
    background: #f59e0b;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico4::before,
.layui-layer-dialog .layui-layer-content .layui-icon-lock::before {
    content: "i";
    background: #475467;
}
/* Navigation structural primitives */
#msshe-layout #app-header .layui-layout-right { right: 12px; }
#msshe-layout .msshe-user-avatar { width: 32px; height: 32px; margin-right: 8px; border: 2px solid var(--msshe-user-avatar-border); border-radius: 50%; object-fit: cover; box-shadow: var(--msshe-user-avatar-shadow);background: #fff; }
#msshe-layout #app-header .layui-nav-child, #msshe-layout .msshe-top-menu .layui-nav-child { top: calc(var(--msshe-header-height) - 6px); padding: 6px; border: 1px solid var(--msshe-header-border); border-radius: 12px; background: var(--msshe-header-menu-bg) !important; box-shadow: var(--msshe-header-menu-shadow); backdrop-filter: blur(20px); }
#msshe-layout #app-header .msshe-header-user .layui-nav-child { right: 0; left: auto; box-sizing: border-box; min-width: 148px; max-width: calc(100vw - 16px); max-height: calc(100vh - var(--msshe-header-height) - 8px); overflow-x: hidden; overflow-y: auto; }
#msshe-layout #app-header .layui-nav-child dd, #msshe-layout #app-header .layui-nav-child dd a { border-radius: 8px; color: var(--msshe-header-text) !important; }
#msshe-layout #app-header .layui-nav-child dd a:hover { color: var(--msshe-header-text-strong) !important; background: var(--msshe-header-hover) !important; }
#msshe-layout .msshe-header-brand { position: absolute; z-index: 3; top: 0; display: none; align-items: center; height: var(--msshe-header-height); font-size: 16px; font-weight: 650; letter-spacing: -.2px; }
#msshe-layout #app-sidebar, #msshe-layout #app-sidebar .layui-side-scroll, #msshe-layout #app-sidebar .layui-nav-tree, #msshe-layout #app-sidebar .layui-logo { width: var(--msshe-nav-width); }
#msshe-layout #app-sidebar .layui-logo span { overflow: hidden; color: inherit !important; font-size: 17px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
#msshe-layout #app-sidebar .layui-nav-item { background: transparent !important; }
#msshe-layout .layui-layout-admin .layui-body, #msshe-layout .layui-body { left: var(--msshe-nav-width); padding-top: var(--msshe-header-height); background: var(--msshe-content-bg); }
#msshe-layout .msshe-tabs-wrap .msshe-tabs-prev { left: var(--msshe-nav-width); }
#msshe-layout .msshe-tabs-body { padding-top: calc(var(--msshe-header-height) + var(--msshe-tabs-height)); }
#msshe-layout .msshe-top-menu > .layui-nav-item > a .layui-icon { flex: 0 0 auto; margin-right: 6px; }
#msshe-layout .msshe-top-menu > .layui-nav-item > a > span:not(.layui-badge) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#msshe-layout .msshe-top-menu .layui-nav-child { top: calc(var(--msshe-header-height) - 10px); min-width: 190px; }
#msshe-layout .msshe-top-menu .layui-nav-child .layui-nav-child { position: static; display: block; margin: 2px 0 4px 12px; padding: 0 0 0 8px; border: 0; border-left: 1px solid var(--msshe-panel-border); border-radius: 0; box-shadow: none; }
#msshe-layout.msshe-nav-left .msshe-top-menu-host, #msshe-layout.msshe-nav-left .msshe-header-brand { display: none !important; }
#msshe-layout.msshe-nav-mixed .msshe-header-brand, #msshe-layout.msshe-nav-top .msshe-header-brand, #msshe-layout.msshe-nav-mixed .msshe-top-menu-host, #msshe-layout.msshe-nav-top .msshe-top-menu-host { display: flex; }
#msshe-layout.msshe-nav-mixed .msshe-header-tools, #msshe-layout.msshe-nav-top .msshe-header-tools { left: var(--msshe-nav-width); }
#msshe-layout.msshe-nav-mixed .msshe-breadcrumb, #msshe-layout.msshe-nav-top .msshe-breadcrumb, #msshe-layout.msshe-nav-top .msshe-flexible-item { display: none; }
#msshe-layout.msshe-nav-mixed #app-sidebar { top: var(--msshe-header-height); }
#msshe-layout.msshe-nav-mixed #app-sidebar .layui-logo { display: none; }
#msshe-layout.msshe-nav-mixed #app-sidebar .msshe-sidebar-root { display: none; }
#msshe-layout.msshe-nav-mixed #app-sidebar .msshe-sidebar-root.msshe-mixed-root-active { display: block; }
#msshe-layout.msshe-nav-mixed .msshe-top-menu .layui-nav-child { display: none !important; }
#msshe-layout.msshe-nav-mixed #app-sidebar .msshe-sidebar-root > a { margin: 4px 4px 10px; color: var(--msshe-nav-text-strong) !important; font-size: 15px; font-weight: 650; background: var(--msshe-nav-hover) !important; }
#msshe-layout.msshe-nav-top #app-sidebar { display: none; }
#msshe-layout.msshe-nav-top .layui-body { left: 0; }
#msshe-layout.msshe-nav-top .msshe-tabs-wrap { padding-left: var(--msshe-content-edge); }
#msshe-layout.msshe-nav-top .msshe-tabs-wrap .msshe-tabs-prev { left: 0; }
#msshe-layout #app-sidebar .layui-logo { border-color: var(--msshe-logo-border); }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar { width: 58px; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) .layui-body { left: 58px; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) .msshe-tabs-wrap { padding-left: calc(58px + var(--msshe-content-edge)); }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) .msshe-tabs-wrap .msshe-tabs-prev { left: 58px; }

/* Personal center unified account panel */
#msshe-user-profile.msshe-ui {
    padding: 18px !important;
    background: var(--msshe-ui-surface-soft);
}
#msshe-user-profile .msshe-account-panel {
    max-width: 1380px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid var(--msshe-ui-line);
    border-radius: 12px;
    background: var(--msshe-ui-surface);
    box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
}
#msshe-user-profile .msshe-section-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: var(--msshe-ui-ink);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
#msshe-user-profile .msshe-section-heading p,
#msshe-user-profile .msshe-setting-description {
    margin: 5px 0 0;
    color: var(--msshe-ui-muted);
    font-size: 13px;
    line-height: 1.55;
}
#msshe-user-profile .msshe-account-layout {
    display: grid;
    grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
    min-height: 560px;
}
#msshe-user-profile .msshe-profile-summary {
    display: flex;
    min-width: 0;
    padding: 28px 24px 24px;
    border-right: 1px solid var(--msshe-ui-line-soft);
    background: #f7fafc;
    box-sizing: border-box;
    flex-direction: column;
}

#msshe-user-profile .msshe-section-title:before {
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: var(--msshe-ui-accent);
    content: '';
}
#msshe-user-profile .msshe-profile-identity {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    padding: 18px 14px;
    border: 1px solid #e4ebf1;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(16, 24, 40, .045);
    box-sizing: border-box;
}
#msshe-user-profile .msshe-avatar-button {
    position: relative;
    display: block;
    width: 76px;
    height: 76px;
    flex: 0 0 76px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    line-height: 0;
}
#msshe-user-profile .msshe-avatar-button:focus-visible {
    outline: 3px solid rgba(47, 143, 240, .24);
    outline-offset: 3px;
}
#msshe-user-profile .msshe-profile-avatar {
    display: block;
    width: 76px;
    height: 76px;
    border: 3px solid #fff;
    border-radius: 50%;
    object-fit: cover;
    box-sizing: border-box;
    box-shadow: 0 7px 18px rgba(16, 24, 40, .16);
}
#msshe-user-profile .msshe-avatar-button > span {
    position: absolute;
    right: -2px;
    bottom: -2px;
    display: inline-flex;
    width: 25px;
    height: 25px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: var(--msshe-ui-primary);
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
#msshe-user-profile .msshe-avatar-button > span .layui-icon {
    font-size: 14px;
}
#msshe-user-profile .msshe-profile-meta {
    min-width: 0;
}
#msshe-user-profile .msshe-profile-meta h4 {
    overflow: hidden;
    margin: 0 0 8px;
    color: var(--msshe-ui-ink);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#msshe-user-profile .msshe-profile-meta p {
    overflow: hidden;
    margin: 8px 0 0;
    color: var(--msshe-ui-muted);
    font-size: 12px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#msshe-user-profile .msshe-profile-role {
    display: inline-flex;
    max-width: 100%;
    min-height: 24px;
    padding: 0 9px;
    overflow: hidden;
    border-radius: 6px;
    color: #175cd3;
    background: #eff8ff;
    font-size: 12px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}
#msshe-user-profile .msshe-profile-details {
    margin: 18px 0 0;
}
#msshe-user-profile .msshe-profile-details > div {
    display: grid;
    grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-top: 8px;
    padding: 11px 12px;
    border: 1px solid #e4ebf1;
    border-radius: 9px;
    background: rgba(255, 255, 255, .76);
    box-sizing: border-box;
}
#msshe-user-profile .msshe-profile-details dt {
    margin: 0;
    color: var(--msshe-ui-muted);
    font-size: 12px;
    line-height: 1.5;
}
#msshe-user-profile .msshe-profile-details dt .layui-icon {
    width: 18px;
    margin-right: 4px;
    color: var(--msshe-ui-faint);
    font-size: 14px;
}
#msshe-user-profile .msshe-profile-details dd {
    overflow: hidden;
    color: var(--msshe-ui-text);
    font-size: 13px;
    line-height: 1.5;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#msshe-user-profile .msshe-profile-edit {
    align-self: stretch;
    width: 100%;
    margin-top: auto;
}
#msshe-user-profile .msshe-preference-content {
    min-width: 0;
    padding: 26px 28px 0;
    box-sizing: border-box;
}
#msshe-user-profile .msshe-section-heading {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--msshe-ui-line-soft);
}
#msshe-user-profile .msshe-setting-section {
    padding: 22px 0;
    border-bottom: 1px solid var(--msshe-ui-line-soft);
}
#msshe-user-profile .msshe-setting-section-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
#msshe-user-profile .msshe-setting-section-inline > div:first-child {
    min-width: 190px;
}
#msshe-user-profile .msshe-setting-label {
    display: block;
    margin-bottom: 12px;
    color: var(--msshe-ui-ink);
    font-size: 13px;
    font-weight: 700;
}
#msshe-user-profile .msshe-setting-section-inline .msshe-setting-label {
    margin-bottom: 0;
}
#msshe-user-profile .msshe-nav-mode-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
#msshe-user-profile .msshe-choice-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}
#msshe-user-profile .msshe-nav-mode-card {
    position: relative;
    display: flex;
    min-height: 142px;
    padding: 13px;
    border: 1px solid #d2d2d7;
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    flex-direction: column;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
#msshe-user-profile .msshe-nav-mode-card:hover {
    transform: translateY(-1px);
    border-color: #8e8e93;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .07);
}
#msshe-user-profile .msshe-choice-input:focus-visible + .msshe-nav-mode-card {
    outline: 3px solid rgba(0, 122, 255, .24);
    outline-offset: 2px;
}
#msshe-user-profile .msshe-choice-input:checked + .msshe-nav-mode-card {
    border-color: #007aff;
    box-shadow: 0 0 0 3px rgba(0, 122, 255, .12);
}
#msshe-user-profile .msshe-choice-input:checked + .msshe-nav-mode-card:after {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #007aff;
    color: #fff;
    content: '✓';
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}
#msshe-user-profile .msshe-nav-preview {
    position: relative;
    height: 88px;
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid rgba(60, 60, 67, .1);
    border-radius: 9px;
    background: #f5f6f8;
}
#msshe-user-profile .msshe-preview-header,
#msshe-user-profile .msshe-preview-sidebar,
#msshe-user-profile .msshe-preview-content {
    position: absolute;
    box-sizing: border-box;
}
#msshe-user-profile .msshe-preview-header,
#msshe-user-profile .msshe-preview-sidebar {
    background: #2c2c2e;
}
#msshe-user-profile .msshe-preview-content {
    display: grid;
    gap: 5px;
    padding: 7px;
    background: #fff;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
#msshe-user-profile .msshe-preview-header i,
#msshe-user-profile .msshe-preview-sidebar i,
#msshe-user-profile .msshe-preview-content i {
    display: block;
    border-radius: 3px;
}
#msshe-user-profile .msshe-preview-header i {
    width: 24px;
    height: 4px;
    background: rgba(255, 255, 255, .64);
}
#msshe-user-profile .msshe-preview-sidebar i {
    position: relative;
    width: calc(100% - 13px);
    height: 4px;
    margin-left: 13px;
    background: rgba(255, 255, 255, .58);
}
#msshe-user-profile .msshe-preview-sidebar i:before {
    position: absolute;
    top: -1px;
    left: -12px;
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background: rgba(255, 255, 255, .78);
    content: '';
}
#msshe-user-profile .msshe-preview-content i {
    min-height: 24px;
    border: 1px solid #e5e7eb;
    background: linear-gradient(180deg, #f8fafc 0 7px, #fff 7px 100%);
}
#msshe-user-profile .msshe-preview-content i:first-child {
    grid-column: 1 / -1;
    min-height: 15px;
}
#msshe-user-profile .msshe-preview-left .msshe-preview-header {
    top: 0;
    bottom: 0;
    left: 0;
    width: 29%;
    padding: 10px 8px;
}
#msshe-user-profile .msshe-preview-left .msshe-preview-header i {
    width: 20px;
}
#msshe-user-profile .msshe-preview-left .msshe-preview-header i:not(:first-child) {
    display: none;
}
#msshe-user-profile .msshe-preview-left .msshe-preview-sidebar {
    top: 27px;
    bottom: 0;
    left: 0;
    width: 29%;
    padding: 4px 8px;
}
#msshe-user-profile .msshe-preview-left .msshe-preview-sidebar i,
#msshe-user-profile .msshe-preview-mixed .msshe-preview-sidebar i {
    margin-bottom: 9px;
}
#msshe-user-profile .msshe-preview-left .msshe-preview-content {
    inset: 7px 7px 7px calc(29% + 7px);
}
#msshe-user-profile .msshe-preview-mixed .msshe-preview-header,
#msshe-user-profile .msshe-preview-top .msshe-preview-header {
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    height: 24px;
    align-items: center;
    gap: 9px;
    padding: 0 9px;
}
#msshe-user-profile .msshe-preview-mixed .msshe-preview-sidebar {
    top: 24px;
    bottom: 0;
    left: 0;
    width: 29%;
    padding: 9px 8px;
    background: #3a3a3c;
}
#msshe-user-profile .msshe-preview-mixed .msshe-preview-content {
    inset: 31px 7px 7px calc(29% + 7px);
}
#msshe-user-profile .msshe-preview-top .msshe-preview-sidebar {
    display: none;
}
#msshe-user-profile .msshe-preview-top .msshe-preview-content {
    inset: 31px 7px 7px;
}
#msshe-user-profile .msshe-nav-card-title {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 6px;
    padding-right: 24px;
}
#msshe-user-profile .msshe-nav-card-title strong {
    color: #1d1d1f;
    font-size: 14px;
}
#msshe-user-profile .msshe-help-tip {
    position: relative;
    z-index: 3;
    display: inline-flex;
    width: 16px;
    height: 16px;
    border: 1px solid #b8bcc5;
    border-radius: 50%;
    color: #747982;
    font-size: 11px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    line-height: 1;
    outline: none;
}
#msshe-user-profile .msshe-help-tip:before,
#msshe-user-profile .msshe-help-tip:after {
    position: absolute;
    left: 50%;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -4px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}
#msshe-user-profile .msshe-help-tip:before {
    top: 24px;
    z-index: 2;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #25262a;
    border-left: 5px solid transparent;
    content: '';
}
#msshe-user-profile .msshe-help-tip:after {
    top: 30px;
    z-index: 1;
    width: max-content;
    max-width: 210px;
    padding: 7px 9px;
    border-radius: 7px;
    background: #25262a;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
    color: #fff;
    content: attr(data-tip);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
    white-space: nowrap;
}
#msshe-user-profile .msshe-help-tip:hover:before,
#msshe-user-profile .msshe-help-tip:hover:after,
#msshe-user-profile .msshe-help-tip:focus-visible:before,
#msshe-user-profile .msshe-help-tip:focus-visible:after {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0);
}
#msshe-user-profile .msshe-help-tip:focus-visible {
    border-color: #007aff;
    box-shadow: 0 0 0 3px rgba(0, 122, 255, .18);
}
#msshe-user-profile .msshe-segmented-control {
    display: inline-flex;
    gap: 3px;
    padding: 3px;
    border-radius: 10px;
    background: #e9e9eb;
}
#msshe-user-profile .msshe-segmented-control label {
    min-width: 70px;
    padding: 7px 12px;
    border-radius: 8px;
    color: #636366;
    text-align: center;
    cursor: pointer;
}
#msshe-user-profile .msshe-choice-input:checked + .msshe-segment-label {
    color: #1d1d1f;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
}
#msshe-user-profile .msshe-theme-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
#msshe-user-profile .msshe-theme-chip {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid #d2d2d7;
    border-radius: 12px;
    color: #3a3a3c;
    background: #fff;
    cursor: pointer;
}
#msshe-user-profile .msshe-theme-chip:before {
    width: 14px;
    height: 14px;
    margin-right: 7px;
    border-radius: 50%;
    background: var(--theme-chip-color);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
    content: '';
}
#msshe-user-profile .msshe-choice-input:checked + .msshe-theme-chip {
    border-color: #007aff;
    color: #007aff;
    box-shadow: 0 0 0 3px rgba(0, 122, 255, .1);
}
#msshe-user-profile .msshe-preference-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    padding: 16px 22px;
    border-top: 1px solid rgba(60, 60, 67, .1);
    background: rgba(248, 248, 250, .72);
}
#msshe-user-profile .msshe-preference-footer span {
    color: #8e8e93;
    font-size: 12px;
}
@media (max-width: 1180px) {
    #msshe-user-profile .msshe-account-layout {
        grid-template-columns: 280px minmax(0, 1fr);
    }
    #msshe-user-profile .msshe-nav-mode-card {
        min-height: 132px;
        padding: 11px;
    }
}
@media (max-width: 900px) {
    #msshe-user-profile .msshe-account-layout {
        grid-template-columns: 1fr;
    }
    #msshe-user-profile .msshe-profile-summary {
        border-right: 0;
        border-bottom: 1px solid var(--msshe-ui-line-soft);
    }
    #msshe-user-profile .msshe-profile-details {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }
    #msshe-user-profile .msshe-profile-edit {
        margin-top: 20px;
    }
}
@media (max-width: 991px) {
    #msshe-layout .msshe-header-brand {
        display: flex !important;
    }
    #msshe-layout .msshe-header-tools {
        left: 58px !important;
    }
    #msshe-layout .msshe-breadcrumb,
    #msshe-layout .msshe-top-menu-host {
        display: none !important;
    }
    #msshe-layout.msshe-nav-top .msshe-flexible-item {
        display: block;
    }
    #msshe-layout #app-sidebar,
    #msshe-layout.msshe-nav-mixed #app-sidebar,
    #msshe-layout.msshe-nav-top #app-sidebar {
        top: var(--msshe-header-height);
        left: -260px;
        display: block;
    }
    .msshe-sidebar-shrink #msshe-layout #app-sidebar {
        left: 0;
    }
    #msshe-layout.msshe-nav-mixed #app-sidebar .msshe-sidebar-root,
    #msshe-layout.msshe-nav-top #app-sidebar .msshe-sidebar-root {
        display: block;
    }
    #msshe-layout.msshe-nav-mixed #app-sidebar .layui-logo,
    #msshe-layout.msshe-nav-top #app-sidebar .layui-logo {
        display: none;
    }
    #msshe-layout .layui-body,
    .msshe-sidebar-shrink #msshe-layout .layui-body,
    #msshe-layout.msshe-nav-top .layui-body {
        left: 0;
    }
    #msshe-layout .msshe-tabs-wrap,
    .msshe-sidebar-shrink #msshe-layout .msshe-tabs-wrap,
    #msshe-layout.msshe-nav-top .msshe-tabs-wrap {
        padding-left: var(--msshe-content-edge);
    }
    #msshe-layout .msshe-tabs-wrap .msshe-tabs-prev,
    .msshe-sidebar-shrink #msshe-layout .msshe-tabs-wrap .msshe-tabs-prev,
    #msshe-layout.msshe-nav-top .msshe-tabs-wrap .msshe-tabs-prev {
        left: 0;
    }
}
/* Modern avatar picker */
#msshe-avatar.msshe-avatar-picker {
    padding: 18px 20px 14px;
    background: var(--msshe-ui-surface);
}
#msshe-avatar .msshe-avatar-picker-tabs {
    display: flex;
    height: auto;
    margin-bottom: 0;
    border-bottom: 1px solid var(--msshe-ui-line);
}
#msshe-avatar .msshe-avatar-picker-tabs li {
    height: 38px;
    padding: 0 13px;
    color: var(--msshe-ui-muted);
    font-size: 13px;
    line-height: 38px;
}
#msshe-avatar .msshe-avatar-picker-tabs li.layui-this {
    color: var(--msshe-ui-primary);
}
#msshe-avatar .msshe-avatar-picker-tabs li:after {
    height: 2px;
    background: var(--msshe-ui-primary);
}
#msshe-avatar .msshe-avatar-picker-content {
    padding: 16px 0 8px;
}
#msshe-avatar .msshe-avatar-style-label {
    margin: 12px 0 10px;
    color: var(--msshe-ui-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
}
#msshe-avatar .msshe-avatar-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 12px;
}
#msshe-avatar .msshe-avatar-option {
    position: relative;
    display: block;
    min-width: 0;
    padding: 3px;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    line-height: 0;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
#msshe-avatar .msshe-avatar-option:hover {
    border-color: rgba(47, 143, 240, .45);
    box-shadow: 0 5px 14px rgba(47, 143, 240, .16);
    transform: translateY(-2px);
}
#msshe-avatar .msshe-avatar-option:focus-visible {
    outline: 3px solid rgba(47, 143, 240, .24);
    outline-offset: 2px;
}
#msshe-avatar .msshe-avatar-option.is-selected {
    border-color: var(--msshe-ui-primary);
    box-shadow: 0 0 0 3px rgba(47, 143, 240, .14);
}
#msshe-avatar .msshe-avatar-option.is-selected:after {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: var(--msshe-ui-primary);
    content: '✓';
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    align-items: center;
    justify-content: center;
}
#msshe-avatar .msshe-avatar-option.is-loading {
    cursor: wait;
    opacity: .58;
}
#msshe-avatar .msshe-avatar-option.is-loading:before {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    border-radius: 50%;
    color: var(--msshe-ui-primary);
    background: rgba(255, 255, 255, .6);
    content: '\e63d';
    font-family: layui-icon;
    font-size: 20px;
    line-height: 1;
    align-items: center;
    justify-content: center;
}
#msshe-avatar .msshe-avatar-option img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    margin: 0;
    border-radius: 50%;
    object-fit: cover;
}
@media (max-width: 700px) {
    #msshe-avatar.msshe-avatar-picker {
        padding: 14px 12px 10px;
    }
    #msshe-avatar .msshe-avatar-picker-tabs li {
        flex: 1 1 33.33%;
        padding: 0 4px;
        font-size: 12px;
        text-align: center;
    }
    #msshe-avatar .msshe-avatar-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
    }
}
@media (max-width: 700px) {
    #msshe-user-profile.msshe-ui {
        padding: 10px !important;
    }
    #msshe-user-profile .msshe-profile-summary,
    #msshe-user-profile .msshe-preference-content {
        padding-right: 18px;
        padding-left: 18px;
    }
    #msshe-user-profile .msshe-profile-identity {
        gap: 12px;
        padding: 14px 12px;
    }
    #msshe-user-profile .msshe-avatar-button,
    #msshe-user-profile .msshe-profile-avatar {
        width: 64px;
        height: 64px;
    }
    #msshe-user-profile .msshe-profile-details {
        display: block;
    }
    #msshe-user-profile .msshe-setting-section-inline {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }
    #msshe-user-profile .msshe-nav-mode-options {
        grid-template-columns: 1fr;
    }
    #msshe-user-profile .msshe-nav-mode-card {
        min-height: 126px;
    }
    #msshe-user-profile .msshe-theme-options,
    #msshe-user-profile .msshe-segmented-control {
        width: 100%;
    }
    #msshe-user-profile .msshe-theme-options > div {
        flex: 1 1 calc(50% - 5px);
    }
    #msshe-user-profile .msshe-theme-chip,
    #msshe-user-profile .msshe-segmented-control label {
        justify-content: center;
        width: 100%;
        box-sizing: border-box;
    }
    #msshe-user-profile .msshe-segmented-control label {
        flex: 1 1 50%;
    }
    #msshe-user-profile .msshe-preference-footer {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
        margin-right: -18px;
        margin-left: -18px;
        padding-right: 18px;
        padding-left: 18px;
    }
    #msshe-user-profile .msshe-preference-footer .layui-btn {
        width: 100%;
    }
}
@media (prefers-reduced-motion: reduce) {
    #msshe-layout *,
    #msshe-user-profile * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* Navigation refinement: first-level top menu and sidebar user dock */
#msshe-layout #app-header .msshe-header-brand:hover { color: var(--msshe-header-text-strong) !important; }
#msshe-layout #app-header .msshe-header-brand span { color: var(--msshe-header-text-strong); }
#msshe-layout .msshe-top-menu-host { position: absolute; z-index: 2; top: 0; display: none; height: var(--msshe-header-height); left: var(--msshe-nav-width); right: 62px; align-items: center; overflow: hidden; }
#msshe-layout.msshe-nav-mixed .msshe-top-menu-host { left: calc(var(--msshe-nav-width) + 40px); }
#msshe-layout.msshe-nav-top .msshe-top-menu-host { right: 112px; }
#msshe-layout .msshe-top-menu { height: var(--msshe-header-height); overflow: visible; background: transparent !important; position: absolute; inset: 0; display: flex; align-items: center; box-sizing: border-box; width: auto; padding: 0 4px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; scroll-behavior: smooth; }
#msshe-layout .msshe-top-menu::-webkit-scrollbar { display: none; }
#msshe-layout .msshe-top-menu .layui-nav-more, #msshe-layout .msshe-top-menu .layui-nav-child { display: none !important; }
#msshe-layout .msshe-top-scroll-prev { left: 0; }
#msshe-layout .msshe-top-scroll-next { right: 0; }
#msshe-layout .msshe-top-overflow .msshe-top-scroll { display: grid; }
#msshe-layout .msshe-top-overflow .msshe-top-menu { left: 36px; right: 36px; }
#msshe-layout .msshe-top-scroll:disabled { opacity: .34; cursor: default; }
#msshe-layout #app-sidebar .msshe-sidebar-user .layui-nav { height: 66px; padding: 0; border-radius: 14px; background: transparent !important; }
#msshe-layout #app-sidebar .msshe-sidebar-user .layui-nav-item, #msshe-layout #app-sidebar .msshe-sidebar-user .layui-nav-item > a { width: 100%; height: 66px; margin: 0; border-radius: 14px; line-height: 66px; }
#msshe-layout .msshe-sidebar-user-meta strong, #msshe-layout .msshe-sidebar-user-meta small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#msshe-layout #app-sidebar .msshe-sidebar-user .layui-nav-child { z-index: 20; top: auto; right: auto; bottom: 74px; left: 0; width: calc(var(--msshe-nav-width) - 20px); max-height: calc(100vh - 100px); }
#msshe-layout.msshe-nav-mixed #app-sidebar .msshe-sidebar-user .layui-nav-more { display: none !important; }
#msshe-layout.msshe-nav-mixed #app-sidebar .msshe-sidebar-user .layui-nav-item > a { padding-right: 12px; }
#msshe-layout .msshe-mixed-module-title { display: none; }
#msshe-layout.msshe-nav-mixed #app-sidebar .msshe-sidebar-root.msshe-mixed-root-active > .msshe-mixed-module-title { display: none !important; }
#msshe-layout.msshe-nav-mixed #app-sidebar .msshe-sidebar-root.msshe-mixed-root-active > .msshe-mixed-module-title span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#msshe-layout.msshe-nav-mixed #app-sidebar .msshe-sidebar-root.msshe-mixed-root-active > a { display: none !important; }
#msshe-layout.msshe-nav-mixed #app-sidebar .msshe-sidebar-root.msshe-mixed-root-active > .layui-nav-child { display: block !important; padding-top: 6px; }
#msshe-layout.msshe-nav-mixed #app-sidebar .msshe-sidebar-root.msshe-mixed-root-active > .layui-nav-child > dd > a { margin-top: 2px; margin-bottom: 2px; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) .msshe-sidebar-user-avatar { width: 34px; height: 34px; }

@media (max-width: 991px) {
#msshe-layout .msshe-sidebar-user { display: block; }
#msshe-layout.msshe-nav-mixed #app-sidebar .msshe-sidebar-root.msshe-mixed-root-active > a, #msshe-layout.msshe-nav-top #app-sidebar .msshe-sidebar-root > a { display: flex !important; }

}
/* 全局文件导出按钮加载状态 */
.msshe-download-spinner {
    display: inline-block;
    margin-right: 6px;
    vertical-align: -1px;
}
.msshe-download-busy {
    cursor: wait !important;
    opacity: .78;
    pointer-events: none;
}
/* ===== Mega Panel 区 ===== */
/* Top navigation module panel */
#msshe-layout .msshe-top-panel-layer { position: fixed; z-index: 1105; top: var(--msshe-header-height); left: var(--msshe-nav-width); right: 112px; display: none; box-sizing: border-box; padding: 8px 0 0; pointer-events: none; }
#msshe-layout.msshe-nav-mixed .msshe-top-panel-layer { left: calc(var(--msshe-nav-width) + 40px); }
#msshe-layout.msshe-nav-top .msshe-top-panel-layer { right: 0; left: 0; display: block; }
#msshe-layout .msshe-top-panel.msshe-top-panel-visible { display: block; opacity: 1; transform: translateY(0); pointer-events: auto; }
#msshe-layout .msshe-top-panel-header strong { display: block; min-width: 0; overflow: hidden; color: var(--msshe-panel-text); font-size: 15px; font-weight: 680; letter-spacing: -.1px; text-overflow: ellipsis; white-space: nowrap; }
#msshe-layout .msshe-top-panel-link { --msshe-panel-item-index: 0; --msshe-panel-item-delay: .12s; display: flex; align-items: center; box-sizing: border-box; width: 100%; min-width: 0; min-height: 34px; margin-bottom: 2px; padding: 4px 7px; break-inside: avoid; border: 1px solid transparent; border-radius: 8px; color: var(--msshe-panel-text); background: var(--msshe-panel-bg); opacity: 0; transform: translateY(-3px); transition: color .15s ease, border-color .15s ease, background-color .15s ease, opacity .16s ease var(--msshe-panel-item-delay), transform .16s ease var(--msshe-panel-item-delay); }

@keyframes rise {
from { opacity: 0; transform: translateY(6px); }
to { opacity: 1; transform: translateY(0); }

}
#msshe-layout .msshe-top-panel-visible .msshe-top-panel-link { opacity: 1; transform: translateY(0); animation: rise .3s cubic-bezier(.2, 0, 0, 1) both; animation-delay: calc(var(--msshe-panel-item-index) * 20ms); }
#msshe-layout .msshe-top-panel-link:hover, #msshe-layout .msshe-top-panel-link:focus-visible { color: var(--msshe-panel-accent); border-color: color-mix(in srgb, var(--msshe-panel-accent) 24%, transparent); background: color-mix(in srgb, var(--msshe-panel-accent) 7%, var(--msshe-panel-bg)); transform: translateY(-1px); transition-delay: 0s; }
#msshe-layout .msshe-top-panel-link > span { min-width: 0; }
#msshe-layout .msshe-top-panel-link strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#msshe-layout .msshe-top-panel-link strong { color: inherit; font-size: 13px; font-weight: 620; }
#msshe-layout .msshe-top-panel-empty { grid-column: 1 / -1; padding: 42px 20px; color: var(--msshe-panel-sub); text-align: center; }
#msshe-layout.msshe-top-panel-open .msshe-tabs-wrap { box-shadow: none; }

@media (max-width: 1200px) and (min-width: 992px) {

}
@media (max-width: 991px) {
#msshe-layout .msshe-top-panel-layer { display: none !important; }

}
/* ===== 导航变量定义区 ===== */
/* Modern variable-driven navigation system */
#msshe-layout { --msshe-content-edge: 4px; --msshe-nav-width: 224px; --msshe-header-height: 52px; --msshe-tabs-height: 35px; --msshe-shell-surface: rgba(248, 248, 250, .92); --msshe-shell-border: rgba(60, 60, 67, .14); --msshe-nav-surface: #1f2329; --msshe-nav-surface-soft: #272d36; --msshe-nav-hover: rgba(255, 255, 255, .07); --msshe-nav-selected: rgba(64, 150, 255, .16); --msshe-nav-accent: #4096ff; --msshe-nav-text: rgba(255, 255, 255, .68); --msshe-nav-text-strong: #fff; --msshe-nav-divider: rgba(255, 255, 255, .06); --msshe-nav-user-shadow: 0 8px 20px rgba(0, 0, 0, .18); --msshe-scrollbar-thumb: rgba(255, 255, 255, .18); --msshe-scrollbar-thumb-hover: rgba(255, 255, 255, .3); --msshe-header-bg: rgba(20, 24, 31, .9); --msshe-header-text: rgba(255, 255, 255, .72); --msshe-header-text-strong: #fff; --msshe-header-hover: rgba(255, 255, 255, .08); --msshe-header-active: rgba(64, 150, 255, .16); --msshe-header-active-text: #69b1ff; --msshe-header-border: rgba(255, 255, 255, .07); --msshe-header-divider: rgba(255, 255, 255, .06); --msshe-header-pill-radius: 6px; --msshe-header-menu-bg: rgba(27, 33, 44, .98); --msshe-header-menu-shadow: 0 12px 32px rgba(0, 0, 0, .45); --msshe-header-shadow: 0 1px 4px rgba(0, 21, 41, .08); --msshe-panel-shadow: 0 12px 32px rgba(0, 0, 0, .45); --msshe-panel-accent: #4096ff; --msshe-tabs-active-shadow: inset 0 2px 0 var(--msshe-nav-accent), 0 1px 3px rgba(0, 0, 0, .08); font-family: var(--msshe-ui-font); --msshe-tabs-bar-bg: #1f2329; --msshe-tabs-active-bg: var(--msshe-nav-selected); --msshe-tabs-hover-bg: rgba(255, 255, 255, .07); --msshe-tabs-text: rgba(255, 255, 255, .45); --msshe-tabs-text-active: var(--msshe-nav-accent); --msshe-tabs-divider: rgba(255, 255, 255, .06); --msshe-panel-bg: #1b212c; --msshe-panel-text: #e8eaf0; --msshe-panel-sub: #7a8497; --msshe-panel-hover: rgba(255, 255, 255, .05); --msshe-panel-border: rgba(255, 255, 255, .07); --msshe-sidebar-border: var(--msshe-nav-divider); --msshe-logo-border: var(--msshe-nav-divider);  --msshe-user-avatar-border: rgba(255, 255, 255, .9); --msshe-user-avatar-shadow: 0 1px 5px rgba(0, 0, 0, .16); --msshe-brand-image-bg: #fff; --msshe-brand-image-shadow: 0 1px 4px rgba(0, 0, 0, .12); --msshe-content-bg: #f5f5f7; --msshe-sidebar-avatar-border: rgba(255, 255, 255, .72); --msshe-sidebar-avatar-shadow: 0 2px 8px rgba(0, 0, 0, .16); --msshe-top-active-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); --msshe-top-scroll-shadow: 0 1px 3px rgba(0, 21, 41, .08); }
#msshe-layout.msshe-theme-white { --msshe-nav-surface: #fff; --msshe-nav-surface-soft: #f7f8fa; --msshe-nav-hover: #f2f3f5; --msshe-nav-selected: #e8f3ff; --msshe-nav-accent: #1677ff; --msshe-nav-text: #4e5969; --msshe-nav-text-strong: #1d2129; --msshe-nav-divider: #eef0f3; --msshe-nav-user-shadow: 0 8px 20px rgba(0, 21, 41, .06); --msshe-scrollbar-thumb: rgba(29, 33, 41, .18); --msshe-scrollbar-thumb-hover: rgba(29, 33, 41, .3); --msshe-header-bg: rgba(255, 255, 255, .88); --msshe-header-menu-bg: rgba(255, 255, 255, .96); --msshe-header-text: #4e5969; --msshe-header-text-strong: #1d2129; --msshe-header-hover: rgba(29, 33, 41, .055); --msshe-header-active: rgba(22, 119, 255, .1); --msshe-header-active-text: var(--msshe-panel-accent); --msshe-header-border: rgba(29, 33, 41, .08); --msshe-header-divider: transparent; --msshe-header-pill-radius: 9px; --msshe-header-menu-shadow: 0 14px 38px rgba(0, 0, 0, .14); --msshe-panel-shadow: 0 12px 32px rgba(0, 21, 41, .14), 0 2px 8px rgba(0, 21, 41, .06); --msshe-panel-accent: #1677ff; --msshe-panel-bg: #fff; --msshe-panel-text: #1d2129; --msshe-panel-sub: #86909c; --msshe-panel-hover: #f4f7ff; --msshe-panel-border: #eef0f4; --msshe-tabs-bar-bg: #f5f6f8; --msshe-tabs-active-bg: #e8f3ff; --msshe-tabs-hover-bg: rgba(29, 33, 41, .055); --msshe-tabs-text: rgba(29, 33, 41, .45); --msshe-tabs-text-active: #1677ff; --msshe-tabs-divider: rgba(29, 33, 41, .08); --msshe-sidebar-border: rgba(60, 60, 67, .12); --msshe-logo-border: rgba(60, 60, 67, .1); }
#msshe-layout.msshe-theme-blue { --msshe-nav-surface: #123a63; --msshe-nav-surface-soft: #174a7e; --msshe-nav-hover: rgba(255, 255, 255, .08); --msshe-nav-selected: rgba(105, 177, 255, .18); --msshe-nav-accent: #69b1ff; --msshe-nav-text: rgba(255, 255, 255, .72); --msshe-nav-text-strong: #fff; --msshe-nav-divider: rgba(255, 255, 255, .09); --msshe-nav-user-shadow: 0 8px 20px rgba(3, 23, 43, .2); --msshe-scrollbar-thumb: rgba(255, 255, 255, .18); --msshe-scrollbar-thumb-hover: rgba(255, 255, 255, .3); --msshe-header-bg: rgba(18, 58, 99, .9); --msshe-header-menu-bg: rgba(255, 255, 255, .96); --msshe-header-text: rgba(255, 255, 255, .76); --msshe-header-text-strong: #fff; --msshe-header-hover: rgba(255, 255, 255, .09); --msshe-header-active: rgba(105, 177, 255, .18); --msshe-header-active-text: var(--msshe-panel-accent); --msshe-header-border: rgba(255, 255, 255, .1); --msshe-header-divider: transparent; --msshe-header-pill-radius: 9px; --msshe-header-menu-shadow: 0 14px 38px rgba(0, 0, 0, .14); --msshe-panel-shadow: 0 12px 32px rgba(0, 21, 41, .14), 0 2px 8px rgba(0, 21, 41, .06); --msshe-panel-accent: #69b1ff; --msshe-panel-bg: #fff; --msshe-panel-text: #1d2129; --msshe-panel-sub: #86909c; --msshe-panel-hover: #f4f7ff; --msshe-panel-border: #eef0f4; --msshe-tabs-bar-bg: #123a63; --msshe-tabs-active-bg: rgba(105, 177, 255, .18); --msshe-tabs-hover-bg: rgba(255, 255, 255, .08); --msshe-tabs-text: rgba(255, 255, 255, .55); --msshe-tabs-text-active: #69b1ff; --msshe-tabs-divider: rgba(255, 255, 255, .08); }
#msshe-layout.msshe-theme-green { --msshe-nav-surface: #174d3b; --msshe-nav-surface-soft: #1f624c; --msshe-nav-hover: rgba(255, 255, 255, .08); --msshe-nav-selected: rgba(77, 214, 167, .18); --msshe-nav-accent: #4dd6a7; --msshe-nav-text: rgba(255, 255, 255, .72); --msshe-nav-text-strong: #fff; --msshe-nav-divider: rgba(255, 255, 255, .09); --msshe-nav-user-shadow: 0 8px 20px rgba(3, 38, 27, .2); --msshe-scrollbar-thumb: rgba(255, 255, 255, .18); --msshe-scrollbar-thumb-hover: rgba(255, 255, 255, .3); --msshe-header-bg: rgba(23, 77, 59, .9); --msshe-header-menu-bg: rgba(255, 255, 255, .96); --msshe-header-text: rgba(255, 255, 255, .76); --msshe-header-text-strong: #fff; --msshe-header-hover: rgba(255, 255, 255, .09); --msshe-header-active: rgba(77, 214, 167, .18); --msshe-header-active-text: var(--msshe-panel-accent); --msshe-header-border: rgba(255, 255, 255, .1); --msshe-header-divider: transparent; --msshe-header-pill-radius: 9px; --msshe-header-menu-shadow: 0 14px 38px rgba(0, 0, 0, .14); --msshe-panel-shadow: 0 12px 32px rgba(0, 21, 41, .14), 0 2px 8px rgba(0, 21, 41, .06); --msshe-panel-accent: #4dd6a7; --msshe-panel-bg: #fff; --msshe-panel-text: #1d2129; --msshe-panel-sub: #86909c; --msshe-panel-hover: #f4f7ff; --msshe-panel-border: #eef0f4; --msshe-tabs-bar-bg: #174d3b; --msshe-tabs-active-bg: rgba(77, 214, 167, .18); --msshe-tabs-hover-bg: rgba(255, 255, 255, .08); --msshe-tabs-text: rgba(255, 255, 255, .55); --msshe-tabs-text-active: #4dd6a7; --msshe-tabs-divider: rgba(255, 255, 255, .08); }
#msshe-layout.msshe-theme-orange { --msshe-nav-surface: #fff8f2; --msshe-nav-surface-soft: #fff0e5; --msshe-nav-hover: #ffeadb; --msshe-nav-selected: #fff0e1; --msshe-nav-accent: #fa8c16; --msshe-nav-text: #6d5547; --msshe-nav-text-strong: #2f2119; --msshe-nav-divider: rgba(250, 140, 22, .14); --msshe-nav-user-shadow: 0 8px 20px rgba(128, 62, 0, .07); --msshe-scrollbar-thumb: rgba(47, 33, 25, .18); --msshe-scrollbar-thumb-hover: rgba(47, 33, 25, .3); --msshe-header-bg: rgba(255, 252, 248, .9); --msshe-header-menu-bg: rgba(255, 255, 255, .96); --msshe-header-text: #6d5547; --msshe-header-text-strong: #2f2119; --msshe-header-hover: rgba(250, 140, 22, .08); --msshe-header-active: rgba(250, 140, 22, .12); --msshe-header-active-text: var(--msshe-panel-accent); --msshe-header-border: rgba(250, 140, 22, .14); --msshe-header-divider: transparent; --msshe-header-pill-radius: 9px; --msshe-header-menu-shadow: 0 14px 38px rgba(0, 0, 0, .14); --msshe-panel-shadow: 0 12px 32px rgba(0, 21, 41, .14), 0 2px 8px rgba(0, 21, 41, .06); --msshe-panel-accent: #fa8c16; --msshe-panel-bg: #fffdfc; --msshe-panel-text: #2f2119; --msshe-panel-sub: #ad8a72; --msshe-panel-hover: #fff4e8; --msshe-panel-border: #fbe8d7; --msshe-tabs-bar-bg: #fff8f2; --msshe-tabs-active-bg: #fff0e1; --msshe-tabs-hover-bg: rgba(250, 140, 22, .08); --msshe-tabs-text: rgba(47, 33, 25, .55); --msshe-tabs-text-active: #fa8c16; --msshe-tabs-divider: rgba(250, 140, 22, .14); --msshe-sidebar-border: rgba(255, 107, 0, .12); --msshe-logo-border: rgba(60, 60, 67, .1); }
#msshe-layout.msshe-theme-celadon { --msshe-nav-surface: #185b59; --msshe-nav-surface-soft: #26736e; --msshe-nav-hover: rgba(223, 247, 239, .1); --msshe-nav-selected: rgba(158, 224, 210, .2); --msshe-nav-accent: #a4dfd0; --msshe-nav-text: rgba(241, 255, 250, .76); --msshe-nav-text-strong: #fff; --msshe-nav-divider: rgba(223, 247, 239, .14); --msshe-nav-user-shadow: 0 8px 20px rgba(5, 44, 43, .24); --msshe-scrollbar-thumb: rgba(223, 247, 239, .2); --msshe-scrollbar-thumb-hover: rgba(223, 247, 239, .34); --msshe-header-bg: rgba(24, 91, 89, .92); --msshe-header-menu-bg: rgba(255, 255, 255, .97); --msshe-header-text: rgba(241, 255, 250, .78); --msshe-header-text-strong: #fff; --msshe-header-hover: rgba(223, 247, 239, .1); --msshe-header-active: rgba(164, 223, 208, .2); --msshe-header-active-text: #287f76; --msshe-header-border: rgba(223, 247, 239, .14); --msshe-header-divider: transparent; --msshe-header-menu-shadow: 0 14px 38px rgba(7, 45, 44, .16); --msshe-panel-accent: #287f76; --msshe-panel-bg: #fffefd; --msshe-panel-text: #214d4b; --msshe-panel-sub: #77918d; --msshe-panel-hover: #f0faf7; --msshe-panel-border: #dceee9; --msshe-tabs-bar-bg: #185b59; --msshe-tabs-active-bg: rgba(164, 223, 208, .2); --msshe-tabs-hover-bg: rgba(223, 247, 239, .1); --msshe-tabs-text: rgba(241, 255, 250, .58); --msshe-tabs-text-active: #a4dfd0; --msshe-tabs-divider: rgba(223, 247, 239, .14); }
#msshe-layout.msshe-theme-cinnabar { --msshe-nav-surface: #672832; --msshe-nav-surface-soft: #87343d; --msshe-nav-hover: rgba(255, 235, 229, .1); --msshe-nav-selected: rgba(245, 170, 151, .2); --msshe-nav-accent: #f2a08d; --msshe-nav-text: rgba(255, 244, 240, .76); --msshe-nav-text-strong: #fff; --msshe-nav-divider: rgba(255, 235, 229, .14); --msshe-nav-user-shadow: 0 8px 20px rgba(61, 14, 21, .24); --msshe-scrollbar-thumb: rgba(255, 235, 229, .2); --msshe-scrollbar-thumb-hover: rgba(255, 235, 229, .34); --msshe-header-bg: rgba(103, 40, 50, .92); --msshe-header-menu-bg: rgba(255, 255, 255, .97); --msshe-header-text: rgba(255, 244, 240, .78); --msshe-header-text-strong: #fff; --msshe-header-hover: rgba(255, 235, 229, .1); --msshe-header-active: rgba(245, 170, 151, .2); --msshe-header-active-text: #a4333e; --msshe-header-border: rgba(255, 235, 229, .14); --msshe-header-divider: transparent; --msshe-header-menu-shadow: 0 14px 38px rgba(61, 14, 21, .16); --msshe-panel-accent: #a4333e; --msshe-panel-bg: #fffdfc; --msshe-panel-text: #4b252b; --msshe-panel-sub: #9b7779; --msshe-panel-hover: #fff4f1; --msshe-panel-border: #f2ded9; --msshe-tabs-bar-bg: #672832; --msshe-tabs-active-bg: rgba(245, 170, 151, .2); --msshe-tabs-hover-bg: rgba(255, 235, 229, .1); --msshe-tabs-text: rgba(255, 244, 240, .58); --msshe-tabs-text-active: #f2a08d; --msshe-tabs-divider: rgba(255, 235, 229, .14); }
#msshe-layout.msshe-theme-ink { --msshe-nav-surface: #30343b; --msshe-nav-surface-soft: #454a52; --msshe-nav-hover: rgba(245, 240, 226, .1); --msshe-nav-selected: rgba(212, 173, 102, .2); --msshe-nav-accent: #d4ad66; --msshe-nav-text: rgba(248, 246, 239, .74); --msshe-nav-text-strong: #fffdf5; --msshe-nav-divider: rgba(245, 240, 226, .14); --msshe-nav-user-shadow: 0 8px 20px rgba(19, 21, 24, .3); --msshe-scrollbar-thumb: rgba(245, 240, 226, .2); --msshe-scrollbar-thumb-hover: rgba(245, 240, 226, .34); --msshe-header-bg: rgba(48, 52, 59, .94); --msshe-header-menu-bg: rgba(255, 255, 255, .97); --msshe-header-text: rgba(248, 246, 239, .76); --msshe-header-text-strong: #fffdf5; --msshe-header-hover: rgba(245, 240, 226, .1); --msshe-header-active: rgba(212, 173, 102, .2); --msshe-header-active-text: #a37b35; --msshe-header-border: rgba(245, 240, 226, .14); --msshe-header-divider: transparent; --msshe-header-menu-shadow: 0 14px 38px rgba(19, 21, 24, .2); --msshe-panel-accent: #a37b35; --msshe-panel-bg: #fffef9; --msshe-panel-text: #35383d; --msshe-panel-sub: #85837a; --msshe-panel-hover: #faf7ee; --msshe-panel-border: #e9e2d2; --msshe-tabs-bar-bg: #30343b; --msshe-tabs-active-bg: rgba(212, 173, 102, .2); --msshe-tabs-hover-bg: rgba(245, 240, 226, .1); --msshe-tabs-text: rgba(248, 246, 239, .56); --msshe-tabs-text-active: #d4ad66; --msshe-tabs-divider: rgba(245, 240, 226, .14); }
#msshe-layout.msshe-theme-bamboo { --msshe-nav-surface: #f3f7ee; --msshe-nav-surface-soft: #e7efdf; --msshe-nav-hover: #dfeadb; --msshe-nav-selected: #e3f0e5; --msshe-nav-accent: #3c8b5a; --msshe-nav-text: #4b6252; --msshe-nav-text-strong: #23412d; --msshe-nav-divider: #dbe7d7; --msshe-nav-user-shadow: 0 8px 20px rgba(48, 93, 60, .08); --msshe-scrollbar-thumb: rgba(48, 81, 56, .18); --msshe-scrollbar-thumb-hover: rgba(48, 81, 56, .3); --msshe-header-bg: rgba(248, 251, 245, .94); --msshe-header-menu-bg: rgba(255, 255, 255, .98); --msshe-header-text: #4b6252; --msshe-header-text-strong: #23412d; --msshe-header-hover: rgba(60, 139, 90, .08); --msshe-header-active: rgba(60, 139, 90, .12); --msshe-header-active-text: #2f7448; --msshe-header-border: #dbe7d7; --msshe-header-divider: transparent; --msshe-header-menu-shadow: 0 14px 38px rgba(48, 93, 60, .14); --msshe-panel-accent: #2f7448; --msshe-panel-bg: #fffefa; --msshe-panel-text: #304737; --msshe-panel-sub: #809382; --msshe-panel-hover: #f1f7ee; --msshe-panel-border: #dce9d9; --msshe-tabs-bar-bg: #e9f1e5; --msshe-tabs-active-bg: #dcecdf; --msshe-tabs-hover-bg: rgba(60, 139, 90, .08); --msshe-tabs-text: rgba(48, 71, 55, .58); --msshe-tabs-text-active: #2f7448; --msshe-tabs-divider: #dbe7d7; --msshe-sidebar-border: #dbe7d7; --msshe-logo-border: #dbe7d7; }
#msshe-layout #app-header .layui-nav-item > a { color: var(--msshe-header-text) !important; }
#msshe-layout #app-header .msshe-header-actions { right: 12px; display: flex; align-items: center; gap: 4px; box-sizing: border-box; height: var(--msshe-header-height); padding: 0; background: transparent !important; }
#msshe-layout #app-header .msshe-header-actions > .layui-nav-item { display: flex; align-items: center; height: var(--msshe-header-height); margin: 0; line-height: var(--msshe-header-height); }
#msshe-layout #app-header .msshe-header-actions > .layui-nav-item > a { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 36px; height: 36px !important; padding: 0 10px; border-radius: 6px; line-height: 36px !important; transition: color .16s ease, background-color .16s ease; }
#msshe-layout #app-header .msshe-header-actions > .layui-nav-item > a:hover { color: var(--msshe-header-text-strong) !important; background: var(--msshe-header-hover) !important; }
#msshe-layout #app-header .msshe-header-actions > #fullscreen > a { width: 36px; padding: 0; }
#msshe-layout #app-header .msshe-header-actions > .msshe-header-user > a { width: 40px; padding: 0 4px; }
#msshe-layout #app-header .msshe-header-actions .msshe-user-avatar { margin: 0; }
/* ===== Layui 原生覆盖区 ===== */
/* 覆盖 Layui 导航动态指示条。 */
#msshe-layout .layui-nav-bar { display: none !important; }
/* 覆盖 Layui 导航容器默认背景。 */
#msshe-layout #app-sidebar .layui-nav.layui-nav-tree { background: transparent !important; }
/* 覆盖 Layui 树形子菜单的原生深色背景。 */
#msshe-layout #app-sidebar .layui-nav-tree .layui-nav-child { background: transparent !important; }
/* 覆盖 Layui 当前项原生顶部指示条。 */
#msshe-layout #app-sidebar .layui-nav .layui-this:after { display: none !important; }
/* Layui 2.13.8 also colors the selected li/dd node; keep the node transparent so theme tokens control the link. */
#msshe-layout #app-sidebar .layui-nav-tree .layui-this, #msshe-layout #app-sidebar .layui-nav-tree .layui-nav-child dd.layui-this { color: inherit; background: transparent !important; }
/* ===== 侧边栏区 ===== */
#msshe-layout #app-sidebar { border-right: 1px solid var(--msshe-sidebar-border); background: var(--msshe-nav-surface) !important; box-shadow: none; }
#msshe-layout #app-sidebar, #msshe-layout #app-sidebar .layui-side-scroll, #msshe-layout #app-sidebar .layui-nav-tree, #msshe-layout #app-sidebar .layui-logo, #msshe-layout .layui-body, #msshe-layout .msshe-tabs-wrap { transition-property: width, left, padding-left; transition-duration: .24s; transition-timing-function: cubic-bezier(.2, 0, 0, 1); transition-delay: 0s; }
#msshe-layout #app-sidebar .layui-side-scroll { height: 100%; padding-right: 0; padding-bottom: 86px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; background: var(--msshe-nav-surface); }
#msshe-layout #app-sidebar .layui-logo { position: sticky; z-index: 12; top: 0; display: flex; align-items: center; box-sizing: border-box; height: var(--msshe-header-height); line-height: normal; text-align: left; color: var(--msshe-nav-text-strong) !important; gap: 7px; padding: 0 14px; overflow: hidden; transition: width .24s cubic-bezier(.2, 0, 0, 1), padding .24s cubic-bezier(.2, 0, 0, 1), gap .24s cubic-bezier(.2, 0, 0, 1); transition-delay: 0s; border-bottom: 1px solid var(--msshe-nav-divider); background: var(--msshe-nav-surface); }
#msshe-layout #app-header .msshe-header-brand { left: 0; box-sizing: border-box; width: var(--msshe-nav-width); gap: 7px; padding: 0 14px; overflow: hidden; border-radius: 0; color: var(--msshe-header-text) !important; line-height: normal; }
#msshe-layout #app-header .msshe-header-brand:hover { background: transparent !important; }
#msshe-layout #app-sidebar .msshe-logo-mark, #msshe-layout #app-header .msshe-logo-mark { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; overflow: hidden; border: 1px solid color-mix(in srgb, var(--msshe-nav-accent) 24%, var(--msshe-nav-divider)); border-radius: 11px; background: linear-gradient(145deg, color-mix(in srgb, var(--msshe-nav-accent) 16%, var(--msshe-nav-surface)) 0%, var(--msshe-nav-surface-soft) 100%); box-shadow: 0 3px 10px color-mix(in srgb, var(--msshe-nav-accent) 14%, transparent); transition: transform .24s cubic-bezier(.2, 0, 0, 1), box-shadow .2s ease; }
#msshe-layout #app-sidebar .layui-logo:hover .msshe-logo-mark, #msshe-layout #app-header .msshe-header-brand:hover .msshe-logo-mark { transform: translateY(-1px); box-shadow: 0 5px 14px color-mix(in srgb, var(--msshe-nav-accent) 20%, transparent); }
#msshe-layout #app-sidebar .layui-logo .msshe-logo-mark img, #msshe-layout #app-header .msshe-header-brand .msshe-logo-mark img { box-sizing: border-box; width: 100% !important; height: 100%; margin: 0; padding: 2px; border-radius: inherit !important; object-fit: contain; background: var(--msshe-brand-image-bg); box-shadow: none; }
#msshe-layout #app-sidebar .msshe-logo-copy, #msshe-layout #app-header .msshe-logo-copy { display: flex; min-width: 0; text-align: left; max-width: calc(var(--msshe-nav-width) - 73px); flex: 1; flex-direction: column; opacity: 1; transform: translateX(0); visibility: visible; transition: max-width .18s ease .08s, opacity .14s ease .1s, transform .14s ease .1s, visibility 0s linear .1s; }
#msshe-layout #app-sidebar .msshe-logo-copy strong, #msshe-layout #app-sidebar .msshe-logo-copy small, #msshe-layout #app-header .msshe-logo-copy strong, #msshe-layout #app-header .msshe-logo-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#msshe-layout #app-sidebar .msshe-logo-copy strong, #msshe-layout #app-header .msshe-logo-copy strong { color: var(--msshe-nav-text-strong) !important; font-size: 15px; font-weight: 650; letter-spacing: -.15px; }
#msshe-layout #app-sidebar .msshe-logo-copy small, #msshe-layout #app-header .msshe-logo-copy small { margin-top: 3px; color: var(--msshe-nav-text); font-size: 9px; font-weight: 600; letter-spacing: .65px; line-height: 1; text-transform: uppercase; }
#msshe-layout #app-header .msshe-logo-copy { max-width: calc(var(--msshe-nav-width) - 73px); }
#msshe-layout #app-header .msshe-logo-copy strong { color: var(--msshe-header-text-strong) !important; }
#msshe-layout #app-header .msshe-logo-copy small { color: var(--msshe-header-text); }
@media (max-width: 991px) {
    #msshe-layout #app-header .msshe-header-brand {
        width: 58px;
        justify-content: center;
        padding: 0 10px;
        gap: 0;
    }
    #msshe-layout #app-header .msshe-header-brand .msshe-logo-copy {
        display: none;
    }
}
#msshe-layout #app-sidebar .layui-nav { box-sizing: border-box; padding: 12px 0 24px; transition: padding .24s cubic-bezier(.2, 0, 0, 1); transition-delay: 0s; }
#msshe-layout #app-sidebar .layui-nav-item > a, #msshe-layout #app-sidebar .layui-nav-child dd > a { box-sizing: border-box; position: relative; display: flex; align-items: center; min-height: 42px; margin: 3px 8px; overflow: hidden; border-radius: 8px; color: var(--msshe-nav-text) !important; background: transparent !important; font-size: 13px; font-weight: 500; line-height: 42px; transition: color .16s ease, background-color .16s ease, padding .24s cubic-bezier(.2, 0, 0, 1); }
#msshe-layout #app-sidebar .layui-nav-item > a:hover, #msshe-layout #app-sidebar .layui-nav-child dd > a:hover { color: var(--msshe-nav-text-strong) !important; background: var(--msshe-nav-hover) !important; }
#msshe-layout #app-sidebar .layui-nav-tree .layui-this > a, #msshe-layout #app-sidebar .layui-nav-tree .layui-nav-child dd.layui-this > a { color: var(--msshe-nav-accent) !important; background-color: var(--msshe-nav-selected) !important; box-shadow: none; font-weight: 600; }
#msshe-layout #app-sidebar .layui-nav-tree .layui-this > a:before, #msshe-layout #app-sidebar .layui-nav-tree .layui-nav-child dd.layui-this > a:before { position: absolute; top: 8px; bottom: 8px; left: 0; width: 3px; border-radius: 0 3px 3px 0; background: var(--msshe-nav-accent); content: ''; }
#msshe-layout #app-sidebar .layui-nav-child .layui-nav-child { position: relative; }
#msshe-layout #app-sidebar .layui-nav-child .layui-nav-child:before { position: absolute; z-index: 0; top: 5px; bottom: 5px; left: 43px; width: 1px; background: var(--msshe-nav-divider); content: ''; pointer-events: none; }
#msshe-layout #app-sidebar .layui-nav-child .layui-nav-child .layui-nav-child:before { left: 61px; }
#msshe-layout #app-sidebar .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child:before { left: 79px; }
#msshe-layout .msshe-line-icon { display: inline-grid; width: 20px; height: 20px; flex: 0 0 20px; margin-right: 11px; place-items: center; color: inherit; transition: color .16s ease, margin .24s cubic-bezier(.2, 0, 0, 1), transform .2s ease; }
#msshe-layout .msshe-line-icon svg { width: 100%; height: 100%; overflow: visible; }
#msshe-layout #app-sidebar a:hover .msshe-line-icon { transform: translateX(1px); }
#msshe-layout #app-sidebar .layui-nav-item > a > span:not(.msshe-line-icon):not(.layui-badge), #msshe-layout #app-sidebar .layui-nav-child dd > a > span:not(.msshe-line-icon):not(.layui-badge) { min-width: 0; max-width: 180px; overflow: hidden; opacity: 1; text-overflow: ellipsis; transform: translateX(0); visibility: visible; white-space: nowrap; transition: max-width .18s ease .08s, opacity .14s ease .1s, transform .14s ease .1s, visibility 0s linear .1s; }
#msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-tree .layui-nav-child dd > a { height: auto; min-height: 42px; padding-top: 6px; padding-bottom: 6px; line-height: 18px; }
#msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-tree .layui-nav-child dd > a > span:not(.msshe-line-icon):not(.layui-badge) { display: -webkit-box; max-width: none; max-height: 36px; flex: 1 1 auto; overflow: hidden; line-height: 18px; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#msshe-layout .msshe-sidebar-user { position: absolute; z-index: 20; left: 10px; right: 10px; bottom: 10px; height: 66px; isolation: isolate; overflow: visible; border-radius: 14px; border: 1px solid var(--msshe-nav-divider) !important; background: var(--msshe-nav-surface-soft) !important; box-shadow: var(--msshe-nav-user-shadow) !important; transition: left .24s cubic-bezier(.2, 0, 0, 1), right .24s cubic-bezier(.2, 0, 0, 1), background-color .16s ease; }
#msshe-layout #app-sidebar .msshe-sidebar-user .layui-nav-item > a { display: flex; align-items: center; box-sizing: border-box; padding: 0 12px; color: var(--msshe-nav-text) !important; }
#msshe-layout #app-sidebar .msshe-sidebar-user .layui-nav-item > a:hover { color: var(--msshe-nav-text-strong) !important; background: var(--msshe-nav-hover) !important; }
#msshe-layout .msshe-sidebar-user-avatar {background: #fff; width: 40px; height: 40px; flex: 0 0 auto; border: 2px solid var(--msshe-sidebar-avatar-border); border-radius: 12px; object-fit: cover; border-color: var(--msshe-nav-surface); box-shadow: var(--msshe-sidebar-avatar-shadow); transition: width .2s ease, height .2s ease, border-radius .2s ease; }
#msshe-layout .msshe-sidebar-user-meta { display: flex; min-width: 0; margin-left: 10px; flex-direction: column; justify-content: center; line-height: 1.3; max-width: 150px; opacity: 1; transform: translateX(0); visibility: visible; transition: max-width .18s ease .08s, margin .18s ease .08s, opacity .14s ease .1s, transform .14s ease .1s, visibility 0s linear .1s; }
#msshe-layout .msshe-sidebar-user-meta strong { font-size: 13px; font-weight: 650; color: var(--msshe-nav-text-strong); }
#msshe-layout .msshe-sidebar-user-meta small { margin-top: 3px; font-size: 11px; color: var(--msshe-nav-text); }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-side-scroll, .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-tree, .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-logo { width: 58px; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar, .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-side-scroll, .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-tree, .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) .layui-body, .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) .msshe-tabs-wrap { transition-delay: .14s; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-logo { transition-property: width, padding, gap; transition-duration: .24s; transition-timing-function: cubic-bezier(.2, 0, 0, 1); transition-delay: .14s; gap: 0; justify-content: center; padding: 0 10px; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .msshe-logo-mark { width: 36px; height: 36px; flex-basis: 36px; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .msshe-logo-copy, .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-item > a > span:not(.msshe-line-icon):not(.layui-badge), .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-child dd > a > span:not(.msshe-line-icon):not(.layui-badge) { max-width: 0; opacity: 0; transform: translateX(-8px); visibility: hidden; transition: max-width .14s ease, opacity .14s ease, transform .14s ease, visibility 0s linear .14s; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav { padding-right: 7px; padding-left: 7px; transition-delay: .14s; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-item > a, .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-child dd > a { justify-content: center; padding-right: 0 !important; padding-left: 0 !important; transition-delay: 0s, 0s, .14s; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .msshe-line-icon { margin-right: 0; transform: none; transition-delay: 0s, .14s, 0s; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-item > a > .layui-icon:not(.layui-nav-more), .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-child dd > a > .layui-icon:not(.layui-nav-more) { margin-right: 0; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-badge, .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-more, .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-child { display: none !important; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) .msshe-sidebar-user { left: 6px; right: 6px; height: 50px; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) .msshe-sidebar-user .layui-nav, .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) .msshe-sidebar-user .layui-nav-item, .msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) .msshe-sidebar-user .layui-nav-item > a { height: 50px; line-height: 50px; }
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) .msshe-sidebar-user-meta { display: flex; max-width: 0; margin-left: 0; opacity: 0; transform: translateX(-8px); visibility: hidden; transition: max-width .14s ease, margin .14s ease, opacity .14s ease, transform .14s ease, visibility 0s linear .14s; }
/* 左侧导航交互与三线对齐：头部收起按钮、标签页、内容区均使用 4px 内容基线。 */
#msshe-layout.msshe-nav-left .msshe-header-tools { left: var(--msshe-nav-width); }
.msshe-sidebar-shrink #msshe-layout.msshe-nav-left .msshe-header-tools { left: 58px; }
#msshe-layout.msshe-nav-left .msshe-flexible-item { width: calc(32px + var(--msshe-content-edge)); }
#msshe-layout.msshe-nav-left .msshe-flexible-item > a { display: grid; width: 32px; height: 32px; margin: 10px 0 10px var(--msshe-content-edge); padding: 0; place-items: center; border-radius: 7px; line-height: 32px; }
#msshe-layout.msshe-nav-left .msshe-flexible-item > a .layui-icon { margin: 0; font-size: 16px; }
#msshe-layout #app-sidebar .layui-side-scroll .layui-nav-more { top: 50%; right: 12px; width: 12px; height: 12px; margin-top: 0; border: 0; color: currentColor; font-family: layui-icon !important; font-size: 12px; line-height: 12px; text-align: center; transform: translateY(-50%); }
#msshe-layout #app-sidebar .layui-side-scroll .layui-nav-more:before { content: '\e602'; font-size: 12px; line-height: 12px; }
#msshe-layout #app-sidebar .layui-side-scroll .layui-nav-mored, #msshe-layout #app-sidebar .layui-side-scroll .layui-nav-itemed > a > .layui-nav-more { transform: translateY(-50%); }
#msshe-layout #app-sidebar .layui-side-scroll .layui-nav-mored:before, #msshe-layout #app-sidebar .layui-side-scroll .layui-nav-itemed > a > .layui-nav-more:before { content: '\e61a'; }
#msshe-layout #app-sidebar .layui-nav-itemed > a { color: var(--msshe-nav-accent) !important; background: var(--msshe-nav-selected) !important; font-weight: 600; }
#msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-item > a > .layui-icon:not(.layui-nav-more), #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-child dd > a > .layui-icon:not(.layui-nav-more), #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-item > a > .msshe-line-icon, #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-child dd > a > .msshe-line-icon { display: inline-grid; width: 20px; height: 20px; flex: 0 0 20px; margin-right: 11px; place-items: center; color: currentColor !important; font-size: 18px; line-height: 20px; text-align: center; }
#msshe-layout #app-sidebar .msshe-sidebar-user .layui-nav-more { top: 50%; right: 12px; width: 14px; height: 14px; margin: 0; border: 0; color: var(--msshe-nav-text); font-family: layui-icon !important; font-size: 12px; line-height: 14px; text-align: center; transform: translateY(-50%); }
#msshe-layout #app-sidebar .msshe-sidebar-user .layui-nav-more:before { content: '\e61a'; }
#msshe-layout #app-sidebar .msshe-sidebar-user .layui-nav-mored, #msshe-layout #app-sidebar .msshe-sidebar-user .layui-nav-itemed > a > .layui-nav-more { transform: translateY(-50%); }
#msshe-layout #app-sidebar .msshe-sidebar-user .layui-nav-mored:before, #msshe-layout #app-sidebar .msshe-sidebar-user .layui-nav-itemed > a > .layui-nav-more:before { content: '\e619'; }
/* Header and mixed-mode personal menus share one visual system; only their positions differ. */
#msshe-layout :is(#app-header .msshe-header-user, #app-sidebar .msshe-sidebar-user) .layui-nav-child { box-sizing: border-box; padding: 6px; overflow-x: hidden; overflow-y: auto; border: 1px solid var(--msshe-header-border); border-radius: 12px; background: var(--msshe-header-menu-bg) !important; box-shadow: var(--msshe-header-menu-shadow); backdrop-filter: blur(20px); }
#msshe-layout :is(#app-header .msshe-header-user, #app-sidebar .msshe-sidebar-user) .layui-nav-child dd { height: auto; margin: 1px 0; border-radius: 8px; background: transparent !important; }
#msshe-layout :is(#app-header .msshe-header-user, #app-sidebar .msshe-sidebar-user) .layui-nav-child dd > a { display: block; box-sizing: border-box; height: 36px; min-height: 0; margin: 0; padding: 0 20px; border-radius: 8px; color: var(--msshe-header-text) !important; background: transparent !important; font-size: 14px; font-weight: 400; line-height: 36px; }
#msshe-layout :is(#app-header .msshe-header-user, #app-sidebar .msshe-sidebar-user) .layui-nav-child dd > a:hover { color: var(--msshe-header-text-strong) !important; background: var(--msshe-header-hover) !important; }
#msshe-layout :is(#app-header .msshe-header-user, #app-sidebar .msshe-sidebar-user) .layui-nav-child hr { margin: 6px 0; border-bottom-color: var(--msshe-header-border); background: transparent; }
#msshe-layout :is(#app-header .msshe-header-user, #app-sidebar .msshe-sidebar-user) .layui-nav-child dd.layui-this > a,
#msshe-layout :is(#app-header .msshe-header-user, #app-sidebar .msshe-sidebar-user) .layui-nav-child dd > a.layui-this,
#msshe-layout :is(#app-header .msshe-header-user, #app-sidebar .msshe-sidebar-user) .layui-nav-child dd.layui-this > a:hover,
#msshe-layout :is(#app-header .msshe-header-user, #app-sidebar .msshe-sidebar-user) .layui-nav-child dd > a.layui-this:hover { color: var(--msshe-header-active-text) !important; background: var(--msshe-header-active) !important; box-shadow: inset 3px 0 0 var(--msshe-panel-accent); font-weight: 600; }
#msshe-layout .msshe-sidebar-flyout-link[aria-current="page"] { color: var(--msshe-nav-accent); background: var(--msshe-nav-selected); font-weight: 600; }
#msshe-layout.msshe-nav-left #app-header .msshe-header-actions > .msshe-header-user, #msshe-layout.msshe-nav-top #app-header .msshe-header-actions > .msshe-header-user { display: flex; }
#msshe-layout.msshe-nav-left #app-header .msshe-header-user .msshe-user-avatar { margin: 0; }
#msshe-layout.msshe-nav-mixed #app-header .msshe-header-actions > .msshe-header-user { display: none; }
#msshe-layout.msshe-nav-left .msshe-sidebar-user { display: none; }
#msshe-layout.msshe-nav-mixed .msshe-sidebar-user { display: block; }
#msshe-layout.msshe-nav-left #app-sidebar .layui-side-scroll { padding-bottom: 16px; }
/* ===== 折叠态 Flyout 区 ===== */
#msshe-layout .msshe-sidebar-flyout { position: fixed; z-index: 1200; display: none; width: min(280px, calc(100vw - 24px)); max-height: calc(100vh - 24px); padding: 8px; overflow-x: hidden; overflow-y: auto; border: 1px solid var(--msshe-nav-divider); border-radius: 12px; color: var(--msshe-nav-text-strong); background: var(--msshe-nav-surface); box-shadow: var(--msshe-panel-shadow); overscroll-behavior: contain; }
#msshe-layout .msshe-sidebar-flyout-visible { display: block; animation: rise .18s cubic-bezier(.2, 0, 0, 1) both; }
#msshe-layout .msshe-sidebar-flyout-title { padding: 6px 10px 8px; color: var(--msshe-nav-text); font-size: 12px; font-weight: 650; }
#msshe-layout .msshe-sidebar-flyout-group + .msshe-sidebar-flyout-group { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--msshe-nav-divider); }
#msshe-layout .msshe-sidebar-flyout-group-title { padding: 4px 10px 2px; color: var(--msshe-nav-text); font-size: 11px; font-weight: 600; opacity: .76; }
#msshe-layout .msshe-sidebar-flyout-link { display: flex; align-items: center; gap: 9px; min-height: 34px; padding: 7px 10px; border-radius: 7px; color: var(--msshe-nav-text-strong); font-size: 13px; transition: color .13s ease, background-color .13s ease; }
#msshe-layout .msshe-sidebar-flyout-link:hover, #msshe-layout .msshe-sidebar-flyout-link:focus-visible { color: var(--msshe-nav-accent); background: var(--msshe-nav-hover); }
#msshe-layout .msshe-sidebar-flyout-link .layui-icon { width: 16px; height: 16px; flex: 0 0 16px; margin: 0; color: currentColor; }
#msshe-layout > .msshe-sidebar-menu-tip { position: fixed; z-index: 1305; box-sizing: border-box; width: max-content; max-width: min(280px, calc(100vw - 24px)); padding: 8px 11px; border: 1px solid var(--msshe-nav-divider); border-radius: 9px; color: var(--msshe-nav-text-strong); background: var(--msshe-nav-surface-soft); box-shadow: 0 10px 28px rgba(0, 0, 0, .24); font-size: 12px; font-weight: 500; line-height: 18px; letter-spacing: .05px; opacity: 0; transform: translateX(-4px); visibility: hidden; transition: opacity .14s ease, transform .14s ease, visibility 0s linear .14s; pointer-events: none; }
#msshe-layout > .msshe-sidebar-menu-tip:before { position: absolute; top: 50%; left: -5px; width: 8px; height: 8px; border-bottom: 1px solid var(--msshe-nav-divider); border-left: 1px solid var(--msshe-nav-divider); background: var(--msshe-nav-surface-soft); content: ""; transform: translateY(-50%) rotate(45deg); }
#msshe-layout > .msshe-sidebar-menu-tip-visible { opacity: 1; transform: translateX(0); visibility: visible; transition-delay: 0s; }
#msshe-layout .msshe-top-menu > .layui-nav-item { min-width: max-content; max-width: none; flex: 0 0 auto; }
#msshe-layout .msshe-top-menu > .layui-nav-item > a { display: flex; align-items: center; justify-content: center; overflow: hidden; min-width: 54px; max-width: 142px; position: relative; gap: 6px; height: 36px !important; margin: 8px 3px; padding: 0 10px; border: 1px solid transparent; border-radius: var(--msshe-header-pill-radius); color: var(--msshe-header-text) !important; font-size: 13px; font-weight: 550; line-height: 36px !important; transition: color .16s ease, background-color .16s ease, border-color .16s ease; }
#msshe-layout .msshe-top-menu > .layui-nav-item > a:hover, #msshe-layout .msshe-top-menu > .msshe-top-root-hover > a { color: var(--msshe-header-text-strong) !important; border-color: var(--msshe-header-border); background: var(--msshe-header-hover) !important; }
#msshe-layout .msshe-top-menu > .msshe-top-root-active > a, #msshe-layout .msshe-top-menu > .layui-this > a { box-shadow: var(--msshe-top-active-shadow); color: var(--msshe-header-active-text) !important; border-color: color-mix(in srgb, var(--msshe-panel-accent) 10%, transparent); background: var(--msshe-header-active) !important; }
#msshe-layout .msshe-top-menu > .msshe-top-root-active:after, #msshe-layout .msshe-top-menu > .layui-this:after { display: none !important; content: none !important; }
#msshe-layout .msshe-top-menu > .msshe-top-root-active > a:after, #msshe-layout .msshe-top-menu > .layui-this > a:after { position: absolute; bottom: 3px; left: 50%; display: block; width: 75%; height: 2px; border-radius: 999px; background: linear-gradient(90deg, color-mix(in srgb, var(--msshe-nav-accent) 48%, transparent), var(--msshe-nav-accent), color-mix(in srgb, var(--msshe-nav-accent) 48%, transparent)); box-shadow: 0 1px 6px color-mix(in srgb, var(--msshe-nav-accent) 32%, transparent); content: ''; transform: translateX(-50%); }
#msshe-layout .msshe-top-menu .layui-icon { width: 18px; height: 18px; margin-right: 0; color: currentColor; font-size: 16px; line-height: 18px; text-align: center; }
#msshe-layout .msshe-top-menu-host:before, #msshe-layout .msshe-top-menu-host:after { position: absolute; z-index: 3; top: 0; bottom: 0; display: none; width: 24px; content: ''; pointer-events: none; }
#msshe-layout .msshe-top-menu-host:before { left: 28px; background: linear-gradient(90deg, var(--msshe-header-bg), transparent); }
#msshe-layout .msshe-top-menu-host:after { right: 28px; background: linear-gradient(270deg, var(--msshe-header-bg), transparent); }
#msshe-layout .msshe-top-menu-host.msshe-top-overflow-left:before, #msshe-layout .msshe-top-menu-host.msshe-top-overflow-right:after { display: block; }
#msshe-layout .msshe-top-scroll { position: absolute; z-index: 4; top: 50%; display: none; width: 28px; height: 28px; padding: 0; place-items: center; border: 1px solid var(--msshe-header-border); border-radius: 50%; cursor: pointer; color: var(--msshe-header-text-strong); background: var(--msshe-header-bg); box-shadow: var(--msshe-top-scroll-shadow); transform: translateY(-50%); transition: color .16s ease, background-color .16s ease, filter .16s ease, opacity .16s ease; }
#msshe-layout .msshe-top-scroll:not(:disabled):hover { color: var(--msshe-header-active-text); background: color-mix(in srgb, var(--msshe-header-hover) 78%, var(--msshe-header-bg)); filter: brightness(1.12); }
/* ===== 头部区 ===== */
#msshe-layout #app-header { left: 0 !important; height: var(--msshe-header-height); overflow: visible; border: 0 !important; backdrop-filter: blur(14px); box-shadow: var(--msshe-header-shadow); background: var(--msshe-header-bg) !important; }
#msshe-layout #app-header .layui-nav-child { box-shadow: var(--msshe-header-menu-shadow); }
#msshe-layout #app-sidebar .layui-side-scroll { scrollbar-width: none; }
#msshe-layout #app-sidebar .layui-side-scroll::-webkit-scrollbar { width: 0; height: 0; display: none; }
#msshe-layout #app-sidebar .layui-side-scroll::-webkit-scrollbar-track { background: transparent; }
#msshe-layout #app-sidebar .layui-side-scroll::-webkit-scrollbar-thumb { border-radius: 999px; }
#msshe-layout #app-sidebar .layui-side-scroll::-webkit-scrollbar-thumb, #msshe-layout #app-header .msshe-top-panel-grid::-webkit-scrollbar-thumb { background: var(--msshe-scrollbar-thumb); }
#msshe-layout #app-sidebar .layui-side-scroll::-webkit-scrollbar-thumb:hover, #msshe-layout #app-header .msshe-top-panel-grid::-webkit-scrollbar-thumb:hover { background: var(--msshe-scrollbar-thumb-hover); }
#msshe-layout #app-sidebar .layui-nav-item > a .msshe-line-icon, #msshe-layout #app-sidebar .layui-nav-child dd > a .msshe-line-icon { color: currentColor; }
#msshe-layout .msshe-top-panel { position: relative; left: 0; display: none; box-sizing: border-box; width: min(760px, 100%); max-width: calc(100vw - 24px); max-height: min(720px, calc(100vh - 76px)); margin: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--msshe-panel-border); border-radius: 14px; background: var(--msshe-panel-bg); box-shadow: var(--msshe-panel-shadow); opacity: 0; transform: translateY(-4px); transform-origin: top center; transition: opacity .18s ease, transform .18s ease; backdrop-filter: saturate(180%) blur(24px); pointer-events: none; }
#msshe-layout .msshe-top-panel-header { position: sticky; z-index: 5; top: 0; padding: 10px 14px 9px; border-bottom: 1px solid var(--msshe-panel-border); background: var(--msshe-panel-bg); backdrop-filter: saturate(180%) blur(20px); }
#msshe-layout .msshe-top-panel-grid { display: block; max-height: none; padding: 8px 12px 10px; overflow: visible; }
#msshe-layout .msshe-top-panel-group + .msshe-top-panel-group { margin-top: 0; }
#msshe-layout .msshe-top-panel-group-title, #msshe-layout .msshe-top-panel-section-title { margin: 0 0 4px; padding: 4px 2px; border-bottom: 1px dashed var(--msshe-panel-border); color: var(--msshe-panel-sub); font-size: 11px; font-weight: 650; line-height: 18px; }
#msshe-layout .msshe-top-panel-group-grid { display: block; column-count: 2; column-gap: 24px; column-rule: 1px solid var(--msshe-panel-border); }
#msshe-layout .msshe-top-panel-recent { display: flex; align-items: center; gap: 8px; padding: 7px 14px 0; }
#msshe-layout .msshe-top-panel-recent[hidden] { display: none; }
#msshe-layout .msshe-top-panel-recent .msshe-top-panel-section-title { flex: 0 0 auto; margin: 0; padding: 0; border: 0; line-height: 24px; }
#msshe-layout .msshe-top-panel-recent-list { display: flex; min-width: 0; flex-wrap: nowrap; gap: 5px; overflow: hidden; }
#msshe-layout .msshe-top-panel-recent-link { display: inline-flex; align-items: center; box-sizing: border-box; max-width: 180px; height: 24px; padding: 2px 8px; overflow: hidden; border: 1px solid var(--msshe-panel-border); border-radius: 7px; color: var(--msshe-panel-text); font-size: 11px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; transition: color .13s ease, border-color .13s ease, background-color .13s ease; }
#msshe-layout .msshe-top-panel-recent-link:hover, #msshe-layout .msshe-top-panel-recent-link:focus-visible { border-color: var(--msshe-panel-accent); color: var(--msshe-panel-accent); background: var(--msshe-panel-hover); }
#msshe-layout .msshe-top-panel-link > .layui-icon { display: grid; width: 26px; height: 26px; flex: 0 0 26px; margin-right: 7px; place-items: center; border-radius: 7px; color: var(--msshe-panel-accent) !important; background: color-mix(in srgb, var(--msshe-panel-accent) 9%, var(--msshe-panel-bg)); font-size: 14px; line-height: 26px; }
#msshe-layout #app-sidebar a:focus-visible, #msshe-layout .msshe-sidebar-user a:focus-visible { outline: 2px solid var(--msshe-nav-accent); outline-offset: 2px; }
#msshe-layout .msshe-top-root-link:focus-visible, #msshe-layout .msshe-top-panel-link:focus-visible, #msshe-layout .msshe-top-scroll:focus-visible, #msshe-layout #app-header .msshe-header-actions > .layui-nav-item > a:focus-visible { outline: 2px solid var(--msshe-panel-accent); outline-offset: 2px; }
#msshe-layout .msshe-top-panel-link[aria-current="page"] { color: var(--msshe-panel-accent); border-color: color-mix(in srgb, var(--msshe-panel-accent) 24%, transparent); background: color-mix(in srgb, var(--msshe-panel-accent) 7%, var(--msshe-panel-bg)); }
#msshe-layout .msshe-page-progress { position: absolute; z-index: 1200; right: 0; bottom: 0; left: 0; height: 2px; overflow: hidden; pointer-events: none; }
#msshe-layout .msshe-page-progress > span { display: block; width: 0; height: 100%; opacity: 0; background: var(--msshe-nav-accent); }
#msshe-layout .msshe-page-progress-loading > span { width: 82%; opacity: 1; transition: width .45s cubic-bezier(.2, .7, .2, 1), opacity .12s ease; }
#msshe-layout .msshe-page-progress-complete > span { width: 100%; opacity: 0; transition: width .18s ease, opacity .3s ease .08s; }
/* ===== Tabs 区 ===== */
#msshe-layout .msshe-tabs-wrap { top: var(--msshe-header-height); left: 0; box-sizing: border-box; height: var(--msshe-tabs-height); padding-right: 0; padding-left: calc(var(--msshe-nav-width) + var(--msshe-content-edge)); border-bottom: 1px solid var(--msshe-tabs-divider); background: var(--msshe-tabs-bar-bg) !important; box-shadow: none; backdrop-filter: blur(18px); }
#msshe-layout .msshe-view-tabs { height: 100%; margin: 0 36px 0 0; border: 0; }
#msshe-layout .msshe-view-tabs > .msshe-tabs-menu, #msshe-layout .msshe-view-tabs > .layui-tabs-scroll { height: 100%; }
#msshe-layout .msshe-tabs-wrap .layui-tabs-scroll { box-sizing: border-box; padding: 0 32px; }
#msshe-layout .msshe-tabs-wrap .layui-tabs-scroll:after, #msshe-layout .msshe-tabs-wrap .msshe-tabs-menu:after { display: none; content: none; border: 0; }
#msshe-layout .msshe-tabs-wrap .msshe-tabs-menu { left: 0; display: flex; align-items: center; gap: 4px; box-sizing: border-box; height: var(--msshe-tabs-height); padding: 4px 4px 4px 0 !important; white-space: nowrap; }
#msshe-layout .msshe-tabs-wrap .msshe-tabs-menu li { position: relative; display: inline-flex; align-items: center; box-sizing: border-box; height: 30px; flex: 0 0 auto; padding: 0 8px 0 12px; border: 0 !important; border-radius: 9px 9px 0 0; color: var(--msshe-tabs-text) !important; background: transparent !important; font-size: 13px; line-height: 30px; transition: color .16s ease, background-color .16s ease, box-shadow .16s ease; }
#msshe-layout .msshe-tabs-wrap .msshe-tabs-menu li:after { display: none !important; content: none !important; border: 0 !important; }
#msshe-layout .msshe-tabs-wrap .msshe-tabs-menu li:hover { color: var(--msshe-tabs-text-active) !important; background: var(--msshe-tabs-hover-bg) !important; }
#msshe-layout .msshe-tabs-wrap .msshe-tabs-menu li.layui-this { color: var(--msshe-tabs-text-active) !important; background: var(--msshe-tabs-active-bg) !important; box-shadow: var(--msshe-tabs-active-shadow); }
#msshe-layout .msshe-tabs-wrap .msshe-tabs-close { display: inline-grid; width: 20px; height: 20px; margin-left: 6px; place-items: center; border-radius: 6px; color: inherit; line-height: 20px; opacity: 0; visibility: hidden; transition: color .14s ease, background-color .14s ease, opacity .14s ease; }
#msshe-layout .msshe-tabs-wrap .msshe-tabs-menu li:hover > .msshe-tabs-close, #msshe-layout .msshe-tabs-wrap .msshe-tabs-menu li.layui-this > .msshe-tabs-close { color: inherit; opacity: .72; visibility: visible; }
#msshe-layout .msshe-tabs-wrap .msshe-tabs-menu li > .msshe-tabs-close:hover { color: var(--msshe-tabs-text-active); background: var(--msshe-tabs-hover-bg); opacity: 1; }
#msshe-layout .msshe-tabs-wrap .layui-tabs-bar .layui-icon { top: 4px; width: 28px; height: 30px; border: 0; border-radius: 8px; color: var(--msshe-tabs-text) !important; background: var(--msshe-tabs-bar-bg) !important; box-shadow: none; font-size: 14px; line-height: 30px; }
#msshe-layout .msshe-tabs-wrap .layui-tabs-bar .layui-icon:hover { color: var(--msshe-tabs-text-active) !important; background: var(--msshe-tabs-hover-bg) !important; }
#msshe-layout .msshe-tabs-wrap .layui-tabs-bar .layui-disabled { opacity: .35; }
#msshe-layout .msshe-tabs-wrap .msshe-tabs-action { position: absolute; z-index: 4; top: 4px; right: 4px; left: auto; width: 28px; height: 30px; padding: 0; border: 0; border-radius: 8px; cursor: pointer; color: var(--msshe-tabs-text) !important; background: transparent !important; line-height: 30px; }
#msshe-layout .msshe-tabs-wrap .msshe-tabs-action:hover { color: var(--msshe-tabs-text-active) !important; background: var(--msshe-tabs-hover-bg) !important; }
#msshe-layout .msshe-tabs-wrap .msshe-tabs-action:focus-visible { outline: 2px solid var(--msshe-nav-accent); outline-offset: -2px; }

@media (max-width: 991px) {
#msshe-layout.msshe-nav-left #app-header .msshe-header-actions > .msshe-header-user { display: flex !important; }
#msshe-layout .msshe-mixed-module-title { display: none !important; }
#msshe-layout #app-sidebar, #msshe-layout #app-sidebar .layui-side-scroll, #msshe-layout #app-sidebar .layui-nav-tree { width: var(--msshe-nav-width); }
#msshe-layout #app-sidebar .msshe-logo-copy, #msshe-layout #app-sidebar .layui-nav-item > a > span:not(.msshe-line-icon):not(.layui-badge), #msshe-layout #app-sidebar .layui-nav-child dd > a > span:not(.msshe-line-icon):not(.layui-badge), #msshe-layout .msshe-sidebar-user-meta { max-width: 180px; opacity: 1; transform: none; visibility: visible; }

}



/* 活动页声明手机端自动全屏时，按可视宽度隐藏主框架；恢复桌面宽度后样式自动失效。 */
@media screen and (max-width: 768px) {
html:has(body #msshe-body > .msshe-tabs-item.layui-show .msshe-mobile-auto-fullscreen-page),
body:has(#msshe-body > .msshe-tabs-item.layui-show .msshe-mobile-auto-fullscreen-page) {
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
}
body:has(#msshe-body > .msshe-tabs-item.layui-show .msshe-mobile-auto-fullscreen-page) #app-header,
body:has(#msshe-body > .msshe-tabs-item.layui-show .msshe-mobile-auto-fullscreen-page) #app-sidebar,
body:has(#msshe-body > .msshe-tabs-item.layui-show .msshe-mobile-auto-fullscreen-page) .msshe-tabs-wrap {
    display: none !important;
}
body:has(#msshe-body > .msshe-tabs-item.layui-show .msshe-mobile-auto-fullscreen-page) #app,
body:has(#msshe-body > .msshe-tabs-item.layui-show .msshe-mobile-auto-fullscreen-page) #msshe-layout {
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
body:has(#msshe-body > .msshe-tabs-item.layui-show .msshe-mobile-auto-fullscreen-page) #msshe-body {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
body:has(#msshe-body > .msshe-tabs-item.layui-show .msshe-mobile-auto-fullscreen-page) #msshe-body > .msshe-tabs-item.layui-show {
    box-sizing: border-box;
    min-height: 100%;
}
}

/* Local SVG menu icons: Phosphor Duotone primary, IconPark legacy */
#msshe-layout .msshe-menu-icon-image {
    display: inline-block;
    width: 25px;
    height: 22px;
    flex: 0 0 25px;
    margin-right: 14px;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    vertical-align: middle;
    line-height: 22px;
    font-size: 0;
    color: transparent;
    transition: margin .24s cubic-bezier(.2, 0, 0, 1), transform .2s ease;
}
#msshe-layout .msshe-top-root-link > .msshe-menu-icon-image {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
    margin-right: 7px;
    background-size: 18px 18px;
    line-height: 20px;
}
#msshe-layout .msshe-top-panel-link > .msshe-menu-icon-image,
#msshe-layout .msshe-sidebar-flyout-link > .msshe-menu-icon-image {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    margin-right: 7px;
    padding: 3px;
    box-sizing: border-box;
    border-radius: 7px;
    background-size: 18px 18px;
    background-color: color-mix(in srgb, var(--msshe-panel-accent) 7%, var(--msshe-panel-bg));
}
.msshe-sidebar-shrink #msshe-layout:is(.msshe-nav-left, .msshe-nav-mixed) #app-sidebar .layui-nav-item > a > .msshe-menu-icon-image {
    margin-right: 0;
}
#msshe-layout #app-sidebar a:hover .msshe-menu-icon {
    transform: translateX(1px) scale(1.04);
}
#msshe-icon .msshe-icon-library-section,
#msshe-icon .msshe-phosphor-section,
#msshe-icon .msshe-flat-color-section,
#msshe-icon .msshe-iconify-color-section,
#msshe-icon .msshe-lucide-section {
    margin: 0 4px 16px;
    padding: 14px;
    border: 1px solid #e8edf5;
    border-radius: 12px;
    background: #fff;
}
#msshe-icon .msshe-icon-library-header,
#msshe-icon .msshe-phosphor-header,
#msshe-icon .msshe-flat-color-header,
#msshe-icon .msshe-iconify-color-header,
#msshe-icon .msshe-lucide-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
#msshe-icon .msshe-icon-library-header strong,
#msshe-icon .msshe-phosphor-header strong,
#msshe-icon .msshe-flat-color-header strong,
#msshe-icon .msshe-iconify-color-header strong,
#msshe-icon .msshe-lucide-header strong {
    color: #1f2937;
    font-size: 15px;
}
#msshe-icon .msshe-icon-library-header span,
#msshe-icon .msshe-phosphor-header span,
#msshe-icon .msshe-flat-color-header span,
#msshe-icon .msshe-iconify-color-header span,
#msshe-icon .msshe-lucide-header span {
    color: #8a94a6;
    font-size: 12px;
}
#msshe-icon .msshe-icon-library-search,
#msshe-icon .msshe-phosphor-search,
#msshe-icon .msshe-flat-color-search,
#msshe-icon .msshe-iconify-color-search,
#msshe-icon .msshe-lucide-search {
    width: 100%;
    height: 36px;
    margin-bottom: 12px;
    padding: 0 12px;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    box-sizing: border-box;
    color: #344054;
    background: #f8fafc;
    outline: none;
}
#msshe-icon .msshe-icon-library-search:focus,
#msshe-icon .msshe-phosphor-search:focus,
#msshe-icon .msshe-flat-color-search:focus,
#msshe-icon .msshe-iconify-color-search:focus,
#msshe-icon .msshe-lucide-search:focus {
    border-color: #84adff;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .1);
}
#msshe-icon .msshe-icon-library-grid,
#msshe-icon .msshe-phosphor-grid,
#msshe-icon .msshe-iconify-color-grid,
#msshe-icon .msshe-lucide-grid,
#msshe-icon .msshe-flat-color-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 8px;
}
#msshe-icon .msshe-icon-library-empty,
#msshe-icon .msshe-phosphor-empty,
#msshe-icon .msshe-iconify-color-empty,
#msshe-icon .msshe-lucide-empty,
#msshe-icon .msshe-flat-color-empty {
    display: none;
    padding: 22px 0 12px;
    color: #98a2b3;
    text-align: center;
}
#msshe-icon .msshe-icon-library-card,
#msshe-icon .msshe-phosphor-card,
#msshe-icon .msshe-iconify-color-card,
#msshe-icon .msshe-lucide-card,
#msshe-icon .msshe-flat-color-card {
    min-width: 0;
    padding: 10px 6px 8px;
    border: 1px solid transparent;
    border-radius: 9px;
    text-align: center;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}
#msshe-icon .msshe-icon-library-card:hover,
#msshe-icon .msshe-phosphor-card:hover,
#msshe-icon .msshe-iconify-color-card:hover,
#msshe-icon .msshe-lucide-card:hover,
#msshe-icon .msshe-flat-color-card:hover,
#msshe-icon .msshe-icon-library-card.icon-active,
#msshe-icon .msshe-phosphor-card.icon-active,
#msshe-icon .msshe-iconify-color-card.icon-active,
#msshe-icon .msshe-lucide-card.icon-active,
#msshe-icon .msshe-flat-color-card.icon-active {
    border-color: #b9d2ff;
    background: #f2f7ff;
    transform: translateY(-1px);
}
#msshe-icon .msshe-icon-library-card img,
#msshe-icon .msshe-phosphor-card img,
#msshe-icon .msshe-flat-color-card img,
#msshe-icon .msshe-iconify-color-card img,
#msshe-icon .msshe-lucide-card img {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto 7px;
}
#msshe-icon .msshe-icon-library-card .icon-name,
#msshe-icon .msshe-phosphor-card .icon-name,
#msshe-icon .msshe-flat-color-card .icon-name,
#msshe-icon .msshe-iconify-color-card .icon-name,
#msshe-icon .msshe-lucide-card .icon-name {
    overflow: hidden;
    color: #4b5563;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#msshe-icon .msshe-layui-icon-title {
    margin: 4px 8px 10px;
    color: #667085;
    font-size: 13px;
    font-weight: 600;
}
/* Layui 2.13 button compatibility: keep the MSSHE global action palette authoritative. */
.msshe-button-blue-plain.layui-btn.layui-btn-primary {
    color: #409eff !important;
    border-color: #b3d8ff !important;
    background: #ecf5ff !important;
}
.msshe-button-blue-plain.layui-btn.layui-btn-primary:hover,
.msshe-button-blue-plain.layui-btn.layui-btn-primary:focus-visible {
    color: #409eff !important;
    border-color: #79bbff !important;
    background: #ecf5ff !important;
    box-shadow: 0 3px 8px rgba(64, 158, 255, .2) !important;
}
.msshe-button-green-plain.layui-btn.layui-btn-primary {
    color: #67c23a !important;
    border-color: #c2e7b0 !important;
    background: #f0f9eb !important;
}
.msshe-button-green-plain.layui-btn.layui-btn-primary:hover,
.msshe-button-green-plain.layui-btn.layui-btn-primary:focus-visible {
    color: #67c23a !important;
    border-color: #a9d98f !important;
    background: #f0f9eb !important;
    box-shadow: 0 3px 8px rgba(103, 194, 58, .2) !important;
}
.table-action-area .layui-btn.layui-btn-sm {
    box-sizing: border-box;
    height: 25px;
    line-height: 23px;
    border-radius: 3px;
    font-size: 12px;
}
.table-action-area .layui-btn.action-more.layui-btn-primary {
    color: #fff !important;
    border-color: #1890ff !important;
    background: #1890ff !important;
}
.table-action-area .layui-btn.action-more.layui-btn-primary:hover,
.table-action-area .layui-btn.action-more.layui-btn-primary:focus-visible {
    color: #fff !important;
    border-color: #40a9ff !important;
    background: #40a9ff !important;
    box-shadow: 0 3px 8px rgba(24, 144, 255, .22) !important;
}

/* LBS 月度考勤矩阵：排场统计与考勤明细共用。 */
.msshe-ui .lbs-attendance-table-surface .layui-table-view {
    overflow: hidden;
    margin-top: 0;
    border: 1px solid var(--msshe-ui-line);
    border-radius: 0 0 var(--msshe-ui-radius) var(--msshe-ui-radius);
    background: #fff;
    box-shadow: 0 8px 24px rgba(31, 41, 55, .05);
}
.msshe-ui .lbs-attendance-table-surface .layui-table {
    color: var(--msshe-ui-text);
}
.msshe-ui .lbs-attendance-table-surface .layui-table-header,
.msshe-ui .lbs-attendance-table-surface .layui-table-header th {
    background: var(--msshe-ui-surface-soft) !important;
}
.msshe-ui .lbs-attendance-table-surface .layui-table-header th {
    height: 44px;
    border-color: var(--msshe-ui-line);
    vertical-align: middle;
}
.msshe-ui .lbs-attendance-table-surface .layui-table-header .layui-table-cell {
    display: flex;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    color: #475467 !important;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    white-space: nowrap;
}
.msshe-ui .lbs-attendance-table-surface .layui-table-body td,
.msshe-ui .lbs-attendance-table-surface .layui-table-body tr {
    height: 38px;
}
.msshe-ui .lbs-attendance-table-surface .layui-table-body td {
    border-color: var(--msshe-ui-line-soft);
    color: var(--msshe-ui-text);
    background: #fff;
    vertical-align: middle;
}
.msshe-ui .lbs-attendance-table-surface .layui-table-body .layui-table-cell {
    height: 38px;
    padding: 0 6px;
    color: var(--msshe-ui-text);
    font-size: 11px;
    line-height: 38px;
}
.msshe-ui .lbs-attendance-table-surface .layui-table-body tr:hover td {
    background-color: var(--msshe-ui-hover);
}
.msshe-ui .lbs-attendance-table-surface .layui-table-fixed-l {
    box-shadow: 5px 0 12px rgba(31, 41, 55, .06);
}
.msshe-ui .lbs-attendance-table-surface .layui-table-fixed-r {
    box-shadow: -5px 0 12px rgba(31, 41, 55, .07);
}
.msshe-ui .lbs-attendance-table-surface .layui-table-fixed .layui-table-body td,
.msshe-ui .lbs-attendance-table-surface .layui-table-fixed .layui-table-header th {
    background: #fff;
}
.msshe-ui .lbs-attendance-table-surface .layui-table-fixed .layui-table-header th {
    background: var(--msshe-ui-surface-soft) !important;
}
.msshe-ui .lbs-attendance-table-surface .lbs-day-title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 13px;
}
.msshe-ui .lbs-attendance-table-surface .lbs-day-title strong,
.msshe-ui .lbs-attendance-table-surface .lbs-day-title small {
    display: block;
}
.msshe-ui .lbs-attendance-table-surface .lbs-day-title strong {
    color: #344054;
    font-size: 11px;
}
.msshe-ui .lbs-attendance-table-surface .lbs-day-title small {
    color: var(--msshe-ui-faint);
    font-size: 9px;
    font-weight: 600;
}
.msshe-ui .lbs-attendance-table-surface td.lbs-attendance-status .layui-table-cell {
    height: 38px;
    padding: 0;
    line-height: 38px;
    text-align: center;
}
.msshe-ui .lbs-attendance-table-surface .lbs-attendance-chip {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    max-width: none;
    padding: 0 3px;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    font-size: 11px;
    font-weight: 800;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.msshe-ui .lbs-attendance-table-surface td.lbs-attendance-work .lbs-attendance-chip {
    color: #17663f;
    background: #dff5e8;
}
.msshe-ui .lbs-attendance-table-surface td.lbs-attendance-rest .lbs-attendance-chip {
    color: #754100;
    background: #ffdfa0;
}
.msshe-ui .lbs-attendance-table-surface td.lbs-attendance-leave .lbs-attendance-chip {
    color: #982c24;
    background: #ffd4cf;
}
.msshe-ui .lbs-attendance-table-surface td.lbs-attendance-off .lbs-attendance-chip {
    color: #24548f;
    background: #d8e8ff;
}
.msshe-ui .lbs-attendance-table-surface td.lbs-attendance-overtime .lbs-attendance-chip {
    color: #5c3692;
    background: #e7dcff;
}
.msshe-ui .lbs-attendance-table-surface td.lbs-attendance-empty .lbs-attendance-chip {
    color: #c3cad3;
    background: transparent;
    font-size: 10px;
    font-weight: 500;
}
.msshe-ui .lbs-attendance-table-surface td.lbs-attendance-summary .layui-table-cell {
    color: var(--msshe-ui-ink);
    font-weight: 800;
}
.msshe-ui .lbs-attendance-table-surface td[data-field="lbsPosition"] .layui-table-cell,
.msshe-ui .lbs-attendance-table-surface td[data-field="positionName"] .layui-table-cell,
.msshe-ui .lbs-attendance-table-surface td[data-field="names"] .layui-table-cell,
.msshe-ui .lbs-attendance-table-surface td[data-field="userName"] .layui-table-cell {
    display: flex;
    min-width: 0;
    align-items: center;
    line-height: normal;
}
.msshe-ui .lbs-attendance-table-surface td[data-field="lbsPosition"] .layui-table-cell,
.msshe-ui .lbs-attendance-table-surface td[data-field="positionName"] .layui-table-cell {
    justify-content: center;
}
.msshe-ui .lbs-attendance-table-surface .lbs-role-tag {
    display: inline-flex;
    min-width: 42px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #52606d;
    background: #eef1f4;
    font-size: 10px;
    font-weight: 700;
    line-height: 22px;
}
.msshe-ui .lbs-attendance-table-surface .lbs-role-anchor {
    color: #245f9d;
    background: #eaf3fb;
}
.msshe-ui .lbs-attendance-table-surface .lbs-role-assist {
    color: #795618;
    background: #fff3dc;
}
.msshe-ui .lbs-attendance-table-surface .lbs-employee-cell {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    color: var(--msshe-ui-ink);
    font-size: 12px;
    font-weight: 700;
}
.msshe-ui .lbs-attendance-table-surface .lbs-employee-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #65727f;
    box-shadow: 0 0 0 3px rgba(82, 96, 109, .12);
}
.msshe-ui .lbs-attendance-table-surface .lbs-employee-dot-anchor {
    background: #2f80c9;
    box-shadow: 0 0 0 3px rgba(47, 128, 201, .14);
}
.msshe-ui .lbs-attendance-table-surface .lbs-employee-dot-assist {
    background: #d39a32;
    box-shadow: 0 0 0 3px rgba(211, 154, 50, .16);
}
.msshe-ui .lbs-attendance-table-surface .lbs-employee-name {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.msshe-ui .lbs-attendance-table-surface .layui-table-page {
    min-height: 42px;
    padding: 7px 10px;
    border-color: var(--msshe-ui-line);
    background: #fff;
}
.msshe-ui .lbs-attendance-table-toolbar {
    display: flex;
    min-height: 42px;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding: 7px 10px;
    border: 1px solid var(--msshe-ui-line);
    border-bottom: 0;
    border-radius: var(--msshe-ui-radius) var(--msshe-ui-radius) 0 0;
    background: #fff;
}
.msshe-ui .lbs-attendance-table-meta,
.msshe-ui .lbs-attendance-table-legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 13px;
}
.msshe-ui .lbs-attendance-table-meta strong {
    color: var(--msshe-ui-ink);
    font-size: 13px;
}
.msshe-ui .lbs-attendance-table-meta span {
    color: var(--msshe-ui-muted);
    font-size: 11px;
}
.msshe-ui .lbs-attendance-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--msshe-ui-muted);
    font-size: 10px;
    white-space: nowrap;
}
.msshe-ui .lbs-attendance-legend-swatch {
    display: inline-flex;
    width: 17px;
    height: 17px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 800;
}
.msshe-ui .lbs-attendance-legend-work {
    border-color: #b9e5ca;
    color: #17663f;
    background: #dff5e8;
}
.msshe-ui .lbs-attendance-legend-rest {
    border-color: #e9b44e;
    color: #754100;
    background: #ffdfa0;
}
.msshe-ui .lbs-attendance-legend-leave {
    border-color: #e9857c;
    color: #982c24;
    background: #ffd4cf;
}
.msshe-ui .lbs-attendance-legend-off {
    border-color: #86a9d9;
    color: #24548f;
    background: #d8e8ff;
}
.msshe-ui .lbs-attendance-legend-overtime {
    border-color: #a88bd1;
    color: #5c3692;
    background: #e7dcff;
}
@media (min-width: 769px) {
    .msshe-ui .lbs-attendance-table-surface .layui-table-header th,
    .msshe-ui .lbs-attendance-table-surface .layui-table-header .layui-table-cell {
        height: 46px;
    }
    .msshe-ui .lbs-attendance-table-surface .layui-table-header .layui-table-cell {
        font-size: 12px;
    }
    .msshe-ui .lbs-attendance-table-surface .layui-table-body td,
    .msshe-ui .lbs-attendance-table-surface .layui-table-body tr,
    .msshe-ui .lbs-attendance-table-surface .layui-table-body .layui-table-cell,
    .msshe-ui .lbs-attendance-table-surface td.lbs-attendance-status .layui-table-cell {
        height: 42px;
    }
    .msshe-ui .lbs-attendance-table-surface .layui-table-body .layui-table-cell,
    .msshe-ui .lbs-attendance-table-surface td.lbs-attendance-status .layui-table-cell {
        font-size: 12px;
        line-height: 42px;
    }
    .msshe-ui .lbs-attendance-table-surface .lbs-day-title strong {
        font-size: 12px;
    }
    .msshe-ui .lbs-attendance-table-surface .lbs-day-title small {
        font-size: 10px;
    }
    .msshe-ui .lbs-attendance-table-surface .lbs-attendance-chip {
        padding: 0 3px;
        font-size: 12px;
    }
    .msshe-ui .lbs-attendance-table-surface td.lbs-attendance-work .lbs-attendance-chip {
        font-size: 13px;
    }
    .msshe-ui .lbs-attendance-table-surface .lbs-attendance-chip-wide {
        font-size: 10px;
    }
    .msshe-ui .lbs-attendance-table-toolbar {
        min-height: 46px;
    }
    .msshe-ui .lbs-attendance-legend-item {
        font-size: 11px;
    }
    .msshe-ui .lbs-attendance-legend-swatch {
        width: 20px;
        height: 20px;
        font-size: 10px;
    }
}
@media (max-width: 768px) {
    .msshe-ui .lbs-attendance-table-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }
    .msshe-ui .lbs-attendance-table-legend {
        gap: 6px 10px;
    }
}

/* 品牌登录卡片：真实登录页与品牌预览台共用，确保配置预览和最终效果一致。 */
.msshe-brand-login-card {
    --msshe-brand-login-accent: #1677ff;
    position: relative;
    box-sizing: border-box;
    width: 400px;
    overflow: hidden;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 8px;
    color: #273142;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 24px 56px rgba(17, 24, 39, .24), 0 3px 10px rgba(17, 24, 39, .1);
}

.msshe-brand-login-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: var(--msshe-brand-login-accent);
    content: '';
}

.msshe-brand-login-card .msshe-brand-login-card-inner {
    padding: 30px 30px 24px;
}

.msshe-brand-login-card .msshe-brand-login-header {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 15px;
    margin-bottom: 24px;
}

.msshe-brand-login-card .msshe-brand-login-logo-wrap {
    display: flex;
    width: 104px;
    height: 54px;
    flex: 0 0 104px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    padding: 4px 7px;
    border: 1px solid #e6eaf0;
    border-radius: 6px;
    background: #f8fafc;
}

.msshe-brand-login-card .msshe-brand-login-logo {
    display: none;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.msshe-brand-login-card .msshe-brand-login-logo-wrap.has-logo .msshe-brand-login-logo {
    display: block;
}

.msshe-brand-login-card .msshe-brand-login-logo-placeholder {
    color: #354052;
    font-size: 13px;
    font-weight: 800;
    line-height: 20px;
}

.msshe-brand-login-card .msshe-brand-login-logo-wrap.has-logo .msshe-brand-login-logo-placeholder {
    display: none;
}

.msshe-brand-login-card .msshe-brand-login-copy {
    min-width: 0;
}

.msshe-brand-login-card .msshe-brand-login-name {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #182230;
    font-size: 19px;
    font-weight: 700;
    line-height: 25px;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.msshe-brand-login-card .msshe-brand-login-name:empty::after {
    color: #667085;
    content: '企业工作台';
}

.msshe-brand-login-card .msshe-brand-login-caption {
    margin: 4px 0 0;
    color: #8a94a3;
    font-size: 12px;
    line-height: 18px;
}

.msshe-brand-login-card .msshe-brand-login-form .layui-form-item {
    margin-bottom: 14px;
}

.msshe-brand-login-card .msshe-brand-login-form .layui-form-item:last-child {
    margin-bottom: 0;
}

.msshe-brand-login-card .msshe-brand-login-control {
    position: relative;
}

.msshe-brand-login-card .msshe-brand-login-control-icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    width: 44px;
    height: 46px;
    align-items: center;
    justify-content: center;
    color: #98a2b3;
    pointer-events: none;
}

.msshe-brand-login-card .msshe-brand-login-control-icon img {
    display: block;
    width: 18px;
    height: 18px;
    opacity: .62;
}

.msshe-brand-login-card .msshe-brand-login-input {
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    padding: 0 14px 0 44px !important;
    border: 1px solid #cfd7e3 !important;
    border-radius: 6px !important;
    color: #273142;
    background: #fff;
    box-shadow: none !important;
    font-size: 14px;
    line-height: 44px;
    text-indent: 0 !important;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.msshe-brand-login-card .msshe-brand-login-input::placeholder {
    color: #a0a8b5;
}

.msshe-brand-login-card .msshe-brand-login-input:hover {
    border-color: #aeb9c8 !important;
}

.msshe-brand-login-card .msshe-brand-login-input:focus {
    border-color: var(--msshe-brand-login-accent) !important;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(22, 119, 255, .12) !important;
}

.msshe-brand-login-card .msshe-brand-login-options {
    display: flex;
    min-height: 22px;
    align-items: center;
    justify-content: space-between;
    margin: -2px 0 15px;
}

.msshe-brand-login-card .msshe-brand-login-remember {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #667085;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    user-select: none;
}

.msshe-brand-login-card .msshe-brand-login-checkbox {
    display: inline-grid !important;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    appearance: none;
    place-content: center;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #b8c2d0;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
}

.msshe-brand-login-card .msshe-brand-login-checkbox::before {
    width: 8px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    content: '';
    opacity: 0;
    transform: translateY(-1px) rotate(-45deg) scale(.7);
}

.msshe-brand-login-card .msshe-brand-login-checkbox:checked {
    border-color: var(--msshe-brand-login-accent);
    background: var(--msshe-brand-login-accent);
}

.msshe-brand-login-card .msshe-brand-login-checkbox:checked::before {
    opacity: 1;
    transform: translateY(-1px) rotate(-45deg) scale(1);
}

.msshe-brand-login-card .msshe-brand-login-checkbox:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(22, 119, 255, .15);
}

.msshe-brand-login-card .msshe-brand-login-submit {
    display: flex;
    width: 100%;
    height: 46px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 18px;
    border: 1px solid var(--msshe-brand-login-accent);
    border-radius: 6px;
    color: #fff;
    background: var(--msshe-brand-login-accent);
    box-shadow: 0 6px 14px rgba(22, 119, 255, .22);
    font-size: 15px;
    font-weight: 700;
    line-height: 44px;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.msshe-brand-login-card .msshe-brand-login-submit:hover,
.msshe-brand-login-card .msshe-brand-login-submit:focus-visible {
    outline: none;
    border-color: #0958d9;
    color: #fff;
    background: #0958d9;
    box-shadow: 0 8px 18px rgba(9, 88, 217, .24);
}

.msshe-brand-login-card .msshe-brand-login-submit:active {
    transform: translateY(1px);
}

.msshe-brand-login-card .msshe-brand-login-submit .layui-icon-loading {
    margin-right: 7px;
}

.msshe-brand-login-card .msshe-brand-login-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    margin-top: 20px;
    padding-top: 17px;
    border-top: 1px solid #edf0f4;
}

.msshe-brand-login-card .msshe-brand-login-footer a {
    position: relative;
    color: #667085;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer;
    transition: color .16s ease;
}

.msshe-brand-login-card .msshe-brand-login-footer a + a::before {
    position: absolute;
    top: 4px;
    left: -10px;
    width: 1px;
    height: 10px;
    background: #d8dee7;
    content: '';
}

.msshe-brand-login-card .msshe-brand-login-footer a:hover,
.msshe-brand-login-card .msshe-brand-login-footer a:focus-visible {
    outline: none;
    color: var(--msshe-brand-login-accent);
}

/* PC 企业登录卡片：克制的品牌锁定、清晰字段层级和单一主操作。 */
@media (min-width: 701px) {
    .msshe-brand-login-card--enterprise {
        --msshe-brand-login-accent: #155eef;
        width: 420px;
        overflow: hidden;
        border: 1px solid rgba(215, 222, 232, .96);
        border-radius: 8px;
        color: #182230;
        background: rgba(255, 255, 255, .985);
        box-shadow: 0 28px 70px rgba(15, 23, 42, .24), 0 2px 8px rgba(15, 23, 42, .08);
        backdrop-filter: blur(14px);
    }

    .msshe-brand-login-card--enterprise::before {
        display: none;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-card-inner {
        padding: 24px 32px 0;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-header {
        min-height: 48px;
        gap: 13px;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #e9edf2;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-logo-wrap {
        width: 72px;
        height: 44px;
        flex-basis: 72px;
        padding: 5px 8px;
        border-color: #dfe4ea;
        border-radius: 6px;
        background: #fff;
        box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-logo-placeholder {
        color: #344054;
        font-size: 12px;
        font-weight: 700;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-name {
        color: #101828;
        font-size: 17px;
        font-weight: 600;
        line-height: 23px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-name:empty::after {
        color: #344054;
        content: '企业工作台';
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-caption {
        margin-top: 3px;
        color: #7c8798;
        font-size: 12px;
        line-height: 18px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-intro {
        display: flex;
        min-height: 24px;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 18px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-intro h2 {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 8px;
        margin: 0;
        color: #182230;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-intro h2::before {
        width: 3px;
        height: 16px;
        border-radius: 1px;
        background: var(--msshe-brand-login-accent);
        content: '';
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-intro p {
        min-width: 0;
        margin: 0;
        color: #7c8798;
        font-size: 12px;
        line-height: 20px;
        text-align: right;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-form .layui-form-item {
        margin-bottom: 14px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-field-label {
        display: block;
        margin-bottom: 6px;
        color: #344054;
        font-size: 13px;
        font-weight: 600;
        line-height: 18px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-control-icon {
        display: none;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-input {
        height: 44px;
        padding: 0 13px !important;
        border-color: #dfe4ea !important;
        border-radius: 6px !important;
        color: #182230;
        background: #f7f8fa;
        font-size: 14px;
        line-height: 42px;
    }

    .msshe-brand-login-card--enterprise .password-block .msshe-brand-login-input {
        padding-right: 44px !important;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-input::placeholder {
        color: #98a2b3;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-input:hover {
        border-color: #b9c2cf !important;
        background: #fff;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-input:focus {
        border-color: var(--msshe-brand-login-accent) !important;
        background: #fff;
        box-shadow: 0 0 0 3px rgba(21, 94, 239, .12) !important;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 3;
        display: inline-flex;
        width: 42px;
        height: 44px;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: 0;
        color: #7c8798;
        background: transparent;
        cursor: pointer;
        transition: color .16s ease, background-color .16s ease;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle:hover,
    .msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle:focus-visible {
        outline: none;
        color: var(--msshe-brand-login-accent);
        background: rgba(21, 94, 239, .06);
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle:disabled {
        cursor: default;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-options {
        min-height: 20px;
        margin: -1px 0 14px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-remember {
        color: #667085;
        font-size: 13px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-checkbox {
        border-color: #b8c2d0;
        border-radius: 3px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-secondary-action {
        color: #475467;
        font-size: 13px;
        line-height: 20px;
        cursor: pointer;
        transition: color .16s ease;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-secondary-action:hover,
    .msshe-brand-login-card--enterprise .msshe-brand-login-secondary-action:focus-visible {
        outline: none;
        color: var(--msshe-brand-login-accent);
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-submit {
        height: 46px;
        border-color: var(--msshe-brand-login-accent);
        border-radius: 6px;
        background: var(--msshe-brand-login-accent);
        box-shadow: 0 8px 18px rgba(21, 94, 239, .2);
        font-size: 14px;
        font-weight: 600;
        line-height: 44px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-submit:hover,
    .msshe-brand-login-card--enterprise .msshe-brand-login-submit:focus-visible {
        border-color: #0b4fd8;
        background: #0b4fd8;
        box-shadow: 0 10px 22px rgba(11, 79, 216, .24);
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-footer {
        justify-content: flex-start;
        gap: 5px;
        margin: 20px -32px 0;
        padding: 15px 32px 17px;
        border-top-color: #e9edf2;
        color: #7c8798;
        background: #f8fafc;
        font-size: 12px;
        line-height: 20px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-footer a {
        color: #344054;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-footer a + a::before {
        display: none;
    }
}

@media (max-width: 700px) {
    .msshe-brand-login-card--enterprise .msshe-brand-login-intro,
    .msshe-brand-login-card--enterprise .msshe-brand-login-field-label,
    .msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle {
        display: none;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-secondary-action,
    .msshe-brand-login-card--enterprise .msshe-brand-login-footer span {
        color: #667085;
        font-size: 12px;
        line-height: 18px;
    }
}

/* 企业登录卡片最终规范：与 MSSHE 后台的颜色、控件和 8px 间距体系保持一致。 */
.msshe-brand-login-card--enterprise {
    --msshe-brand-login-accent: var(--msshe-ui-accent, #2f8ff0);
    width: 100%;
    max-width: 392px;
    overflow: hidden;
    border: 1px solid var(--msshe-ui-line, #dfe5ec);
    border-radius: 8px;
    color: var(--msshe-ui-text, #344054);
    background: var(--msshe-ui-surface, #fff);
    box-shadow: 0 12px 32px rgba(30, 45, 62, .14), 0 2px 6px rgba(30, 45, 62, .06);
    backdrop-filter: none;
}

.msshe-brand-login-card--enterprise::before {
    display: none;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-card-inner {
    padding: 18px 28px 0;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-header {
    position: relative;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 14px;
    padding: 0 0 12px;
    border: 0;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-header::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #e6ebf2 18%, #dce5ef 50%, #e6ebf2 82%, transparent 100%);
    content: '';
}

.msshe-brand-login-card--enterprise .msshe-brand-login-logo-wrap {
    width: 88px;
    height: 46px;
    flex-basis: 88px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    box-shadow: none;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-logo {
    max-width: 100%;
    max-height: 46px;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-logo-placeholder {
    display: inline-flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid var(--msshe-ui-line, #dfe5ec);
    border-radius: 4px;
    color: var(--msshe-ui-muted, #667085);
    background: var(--msshe-ui-surface-soft, #f8fafc);
    font-size: 11px;
    font-weight: 700;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-logo-wrap.has-logo .msshe-brand-login-logo-placeholder {
    display: none;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-name {
    color: var(--msshe-ui-ink, #1f2933);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-name:empty::after {
    color: var(--msshe-ui-ink, #1f2933);
    content: '企业工作台';
}

.msshe-brand-login-card--enterprise .msshe-brand-login-caption {
    margin-top: 2px;
    color: var(--msshe-ui-faint, #98a2b3);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-intro {
    display: block;
    min-height: 0;
    margin-bottom: 16px;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-intro h2 {
    display: block;
    margin: 0;
    color: var(--msshe-ui-ink, #1f2933);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-intro h2::before {
    display: none;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-intro p {
    margin: 4px 0 0;
    color: var(--msshe-ui-muted, #667085);
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-form .layui-form-item {
    min-height: 68px;
    margin-bottom: 16px;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-form .layui-form-item:last-child {
    min-height: 44px;
    margin-bottom: 0;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-field-label {
    display: block;
    margin-bottom: 4px;
    color: var(--msshe-ui-text, #344054);
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-control-icon {
    display: none;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-input {
    width: 100%;
    height: 44px;
    padding: 0 12px !important;
    border: 1px solid #d6e0ea !important;
    border-radius: var(--msshe-ui-control-radius, 6px) !important;
    color: var(--msshe-ui-ink, #1f2933);
    background: #fff;
    box-shadow: none !important;
    font-size: 14px;
    line-height: 42px;
}

.msshe-brand-login-card--enterprise .password-block .msshe-brand-login-input {
    padding-right: 44px !important;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-input::placeholder {
    color: var(--msshe-ui-faint, #98a2b3);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-input:hover {
    border-color: #aebdcd !important;
    background: #fff;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-input:focus {
    outline: none;
    border-color: var(--msshe-brand-login-accent) !important;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(47, 143, 240, .12) !important;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-input.layui-form-danger,
.msshe-brand-login-card--enterprise .msshe-brand-login-input[aria-invalid="true"],
.msshe-brand-login-card--enterprise .msshe-brand-login-input.is-error {
    border-color: var(--msshe-ui-danger, #c2352a) !important;
    box-shadow: 0 0 0 3px rgba(194, 53, 42, .1) !important;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-input[disabled],
.msshe-brand-login-card--enterprise .msshe-brand-login-input:disabled {
    border-color: var(--msshe-ui-line, #dfe5ec) !important;
    color: var(--msshe-ui-faint, #98a2b3) !important;
    background: #f5f7fa !important;
    box-shadow: none !important;
    cursor: not-allowed;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 3;
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 4px;
    color: var(--msshe-ui-faint, #98a2b3);
    background: transparent;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
    transition: color .16s ease, background-color .16s ease;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle:hover {
    color: var(--msshe-brand-login-accent);
    background: var(--msshe-ui-hover, #f7fbff);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle:focus-visible {
    outline: none;
    color: var(--msshe-brand-login-accent);
    box-shadow: 0 0 0 3px rgba(47, 143, 240, .12);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle:active {
    background: var(--msshe-ui-selected, #eef6ff);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle:disabled {
    opacity: 1;
    color: var(--msshe-ui-faint, #98a2b3);
    background: transparent;
    cursor: default;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-options {
    min-height: 20px;
    margin: -4px 0 16px;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-remember {
    gap: 8px;
    color: var(--msshe-ui-muted, #667085);
    font-size: 13px;
    line-height: 20px;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-checkbox {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
    border-color: #b8c4d1;
    border-radius: 3px;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-checkbox:hover {
    border-color: var(--msshe-brand-login-accent);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-checkbox:focus-visible {
    box-shadow: 0 0 0 3px rgba(47, 143, 240, .12);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-secondary-action,
.msshe-brand-login-card--enterprise .msshe-brand-login-footer button,
.msshe-brand-login-card--enterprise .msshe-brand-login-footer .msshe-brand-website-link {
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--msshe-ui-muted, #667085);
    background: transparent;
    font-family: inherit;
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
    transition: color .16s ease, text-decoration-color .16s ease;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-secondary-action:hover,
.msshe-brand-login-card--enterprise .msshe-brand-login-footer button:hover,
.msshe-brand-login-card--enterprise .msshe-brand-login-footer .msshe-brand-website-link:hover {
    color: var(--msshe-brand-login-accent);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-secondary-action:focus-visible,
.msshe-brand-login-card--enterprise .msshe-brand-login-footer button:focus-visible,
.msshe-brand-login-card--enterprise .msshe-brand-login-footer .msshe-brand-website-link:focus-visible {
    outline: 2px solid rgba(47, 143, 240, .45);
    outline-offset: 3px;
    color: var(--msshe-brand-login-accent);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-secondary-action:disabled,
.msshe-brand-login-card--enterprise .msshe-brand-login-footer button:disabled,
.msshe-brand-login-card--enterprise .msshe-brand-login-footer .msshe-brand-website-link:disabled {
    opacity: 1;
    cursor: default;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-submit {
    position: relative;
    display: flex;
    width: 100%;
    height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 16px;
    border: 1px solid var(--msshe-brand-login-accent);
    border-radius: var(--msshe-ui-control-radius, 6px);
    color: #fff;
    background: var(--msshe-brand-login-accent);
    box-shadow: 0 1px 2px rgba(30, 45, 62, .08);
    font-size: 14px;
    font-weight: 600;
    line-height: 42px;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-submit:hover {
    border-color: #247dcc;
    color: #fff;
    background: #247dcc;
    box-shadow: 0 2px 5px rgba(30, 45, 62, .12);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-submit:focus-visible {
    outline: none;
    border-color: #247dcc;
    color: #fff;
    background: #247dcc;
    box-shadow: 0 0 0 3px rgba(47, 143, 240, .18);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-submit:active {
    border-color: #1f6fb6;
    background: #1f6fb6;
    box-shadow: none;
    transform: none;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-submit[disabled],
.msshe-brand-login-card--enterprise .msshe-brand-login-submit.layui-btn-disabled {
    opacity: 1;
    border-color: #aacdf1;
    color: #fff;
    background: #aacdf1;
    box-shadow: none;
    cursor: not-allowed;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-submit.is-loading {
    cursor: wait;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-submit .layui-icon-loading {
    position: static;
    flex: 0 0 auto;
    margin: 0 7px 0 0;
    font-size: 14px;
    line-height: 1;
    transform: none;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-submit-label {
    display: inline-block;
    min-width: 28px;
    text-align: center;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-footer {
    justify-content: center;
    gap: 4px;
    margin: 16px 0 0;
    padding: 16px 0 20px;
    border-top: 1px solid var(--msshe-ui-line-soft, #edf1f5);
    color: var(--msshe-ui-faint, #98a2b3);
    background: transparent;
    font-size: 12px;
    line-height: 20px;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-footer button,
.msshe-brand-login-card--enterprise .msshe-brand-login-footer .msshe-brand-website-link {
    color: var(--msshe-ui-text, #344054);
    font-size: 12px;
    font-weight: 600;
}

@media (min-width: 701px) {
    .msshe-brand-login-card--enterprise {
        width: 392px;
    }
}

@media (max-width: 700px) {
    .msshe-brand-login-card--enterprise {
        width: 100%;
        max-width: 392px;
        box-shadow: 0 8px 24px rgba(30, 45, 62, .12), 0 1px 4px rgba(30, 45, 62, .05);
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-card-inner {
        padding: 18px 20px 0;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-header {
        margin-bottom: 14px;
        padding-bottom: 12px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-logo-wrap {
        width: 84px;
        height: 44px;
        flex-basis: 84px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-logo {
        max-height: 44px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-name {
        font-size: 17px;
        line-height: 22px;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-intro,
    .msshe-brand-login-card--enterprise .msshe-brand-login-field-label,
    .msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle {
        display: block;
    }

    .msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle {
        display: inline-flex;
    }
}

@media (prefers-reduced-motion: reduce) {
    .msshe-brand-login-card .msshe-brand-login-input,
    .msshe-brand-login-card .msshe-brand-login-password-toggle,
    .msshe-brand-login-card .msshe-brand-login-submit,
    .msshe-brand-login-card .msshe-brand-login-secondary-action,
    .msshe-brand-login-card .msshe-brand-login-footer button,
.msshe-brand-login-card .msshe-brand-login-footer .msshe-brand-website-link {
        transition: none;
    }
}

/* 登录页主题与品牌尺寸配置：真实登录页和预览台共享同一组变量。 */
.msshe-brand-login-card--enterprise {
    --msshe-login-opacity: 1;
    --msshe-login-logo-size: 88px;
    --msshe-login-logo-height: 46px;
    --msshe-login-title-size: 18px;
    --msshe-login-title-line-height: 24px;
    --msshe-login-card-rgb: 255, 255, 255;
    --msshe-login-card-border: var(--msshe-ui-line, #dfe5ec);
    --msshe-login-card-text: var(--msshe-ui-ink, #1f2933);
    --msshe-login-card-muted: var(--msshe-ui-muted, #667085);
    --msshe-login-card-faint: var(--msshe-ui-faint, #98a2b3);
    --msshe-login-field-text: var(--msshe-ui-text, #344054);
    --msshe-login-card-line: var(--msshe-ui-line-soft, #edf1f5);
    --msshe-login-divider: linear-gradient(90deg, transparent 0%, #e6ebf2 18%, #dce5ef 50%, #e6ebf2 82%, transparent 100%);
    --msshe-login-input-rgb: 255, 255, 255;
    --msshe-login-input-opacity: 1;
    --msshe-login-input-border: #d6e0ea;
    --msshe-login-checkbox-background: #fff;
    --msshe-login-checkbox-border: #b8c4d1;
    --msshe-login-control-hover: var(--msshe-ui-hover, #f7fbff);
    --msshe-login-accent: var(--msshe-ui-accent, #2f8ff0);
    --msshe-login-accent-hover: #247dcc;
    --msshe-login-accent-active: #1f6fb6;
    --msshe-login-button-text: #fff;
    --msshe-login-card-shadow: 0 12px 32px rgba(30, 45, 62, .14), 0 2px 6px rgba(30, 45, 62, .06);
    --msshe-login-backdrop: none;
    --msshe-brand-login-accent: var(--msshe-login-accent);
    border-color: var(--msshe-login-card-border);
    color: var(--msshe-login-card-text);
    background-color: rgba(var(--msshe-login-card-rgb), var(--msshe-login-opacity));
    box-shadow: var(--msshe-login-card-shadow);
    -webkit-backdrop-filter: var(--msshe-login-backdrop);
    backdrop-filter: var(--msshe-login-backdrop);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-header {
    min-height: var(--msshe-login-logo-height);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-logo-wrap {
    width: var(--msshe-login-logo-size);
    height: var(--msshe-login-logo-height);
    flex-basis: var(--msshe-login-logo-size);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-logo {
    max-height: var(--msshe-login-logo-height);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-name {
    color: var(--msshe-login-card-text);
    font-size: var(--msshe-login-title-size);
    line-height: var(--msshe-login-title-line-height);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-caption,
.msshe-brand-login-card--enterprise .msshe-brand-login-remember,
.msshe-brand-login-card--enterprise .msshe-brand-login-secondary-action {
    color: var(--msshe-login-card-muted);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-caption:empty {
    display: none;
}

.msshe-brand-login-card--enterprise .msshe-brand-login-field-label {
    color: var(--msshe-login-field-text);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-header::after {
    background: var(--msshe-login-divider);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-footer {
    border-color: var(--msshe-login-card-line);
    color: var(--msshe-login-card-muted);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-input {
    border-color: var(--msshe-login-input-border) !important;
    color: var(--msshe-login-card-text);
    background-color: rgba(var(--msshe-login-input-rgb), var(--msshe-login-input-opacity));
}

.msshe-brand-login-card--enterprise .msshe-brand-login-input::placeholder {
    color: var(--msshe-login-card-faint);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-input:hover,
.msshe-brand-login-card--enterprise .msshe-brand-login-input:focus {
    background-color: rgba(var(--msshe-login-input-rgb), var(--msshe-login-input-opacity));
}

.msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle {
    color: var(--msshe-login-card-faint);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle:hover,
.msshe-brand-login-card--enterprise .msshe-brand-login-password-toggle:active {
    color: var(--msshe-login-accent);
    background: var(--msshe-login-control-hover);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-checkbox {
    border-color: var(--msshe-login-checkbox-border);
    background: var(--msshe-login-checkbox-background);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-submit {
    border-color: var(--msshe-login-accent);
    color: var(--msshe-login-button-text);
    background: var(--msshe-login-accent);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-submit:hover,
.msshe-brand-login-card--enterprise .msshe-brand-login-submit:focus-visible {
    border-color: var(--msshe-login-accent-hover);
    color: var(--msshe-login-button-text);
    background: var(--msshe-login-accent-hover);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-submit:active {
    border-color: var(--msshe-login-accent-active);
    color: var(--msshe-login-button-text);
    background: var(--msshe-login-accent-active);
}

.msshe-brand-login-card--enterprise .msshe-brand-login-footer button,
.msshe-brand-login-card--enterprise .msshe-brand-login-footer .msshe-brand-website-link {
    color: var(--msshe-login-card-text);
}

.msshe-login-theme-frosted .msshe-brand-login-card--enterprise,
.msshe-brand-login-card--enterprise.msshe-login-theme-frosted {
    --msshe-login-card-rgb: 255, 255, 255;
    --msshe-login-card-border: rgba(255, 255, 255, .76);
    --msshe-login-card-text: #17202b;
    --msshe-login-card-muted: rgba(29, 41, 55, .7);
    --msshe-login-card-faint: rgba(29, 41, 55, .5);
    --msshe-login-field-text: rgba(23, 32, 43, .82);
    --msshe-login-card-line: rgba(255, 255, 255, .66);
    --msshe-login-divider: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .35) 8%, rgba(255, 255, 255, .92) 50%, rgba(255, 255, 255, .35) 92%, transparent 100%);
    --msshe-login-input-rgb: 255, 255, 255;
    --msshe-login-input-opacity: .62;
    --msshe-login-input-border: rgba(255, 255, 255, .82);
    --msshe-login-checkbox-background: rgba(255, 255, 255, .58);
    --msshe-login-checkbox-border: rgba(255, 255, 255, .84);
    --msshe-login-control-hover: rgba(255, 255, 255, .48);
    --msshe-login-accent: #1677ff;
    --msshe-login-accent-hover: #0f6fe8;
    --msshe-login-accent-active: #0b61cf;
    --msshe-login-card-shadow: 0 18px 48px rgba(15, 23, 42, .18), inset 0 1px 0 rgba(255, 255, 255, .72);
    --msshe-login-backdrop: blur(24px) saturate(155%);
}

.msshe-login-theme-frosted .msshe-brand-login-card--enterprise .msshe-brand-login-logo-placeholder,
.msshe-brand-login-card--enterprise.msshe-login-theme-frosted .msshe-brand-login-logo-placeholder {
    color: rgba(23, 32, 43, .72);
    border-color: rgba(255, 255, 255, .76);
    background: rgba(255, 255, 255, .42);
}

.msshe-login-theme-tech .msshe-brand-login-card--enterprise,
.msshe-brand-login-card--enterprise.msshe-login-theme-tech {
    --msshe-login-card-rgb: 15, 31, 51;
    --msshe-login-card-border: rgba(145, 185, 224, .34);
    --msshe-login-card-text: #f4f8fd;
    --msshe-login-card-muted: #b7c9dc;
    --msshe-login-card-faint: #8ea7c0;
    --msshe-login-field-text: #d8e5f2;
    --msshe-login-card-line: rgba(160, 193, 222, .2);
    --msshe-login-divider: linear-gradient(90deg, transparent 0%, rgba(134, 180, 224, .12) 8%, rgba(134, 180, 224, .5) 50%, rgba(134, 180, 224, .12) 92%, transparent 100%);
    --msshe-login-input-rgb: 255, 255, 255;
    --msshe-login-input-opacity: .08;
    --msshe-login-input-border: rgba(164, 200, 231, .38);
    --msshe-login-checkbox-background: rgba(255, 255, 255, .08);
    --msshe-login-checkbox-border: rgba(164, 200, 231, .48);
    --msshe-login-control-hover: rgba(255, 255, 255, .08);
    --msshe-login-accent: #4b9cff;
    --msshe-login-accent-hover: #69adff;
    --msshe-login-accent-active: #3d88dc;
    --msshe-login-button-text: #fff;
    --msshe-login-card-shadow: 0 18px 44px rgba(2, 10, 22, .28), inset 0 1px 0 rgba(255, 255, 255, .05);
}

.msshe-login-theme-tech .msshe-brand-login-card--enterprise .msshe-brand-login-logo-placeholder,
.msshe-brand-login-card--enterprise.msshe-login-theme-tech .msshe-brand-login-logo-placeholder {
    color: #d9e8f7;
    border-color: rgba(164, 200, 231, .32);
    background: rgba(255, 255, 255, .06);
}

/* Shared multi-select tag filters used by chooseMatchCard and business list pages. */
.msshe-filter-tag-nav {
    --msshe-filter-tag-ink: var(--p-ink, #18181b);
    --msshe-filter-tag-ink-soft: var(--p-ink-soft, #3f3f46);
    --msshe-filter-tag-muted: var(--p-muted, #71717a);
    --msshe-filter-tag-faint: var(--p-faint, #a1a1aa);
    --msshe-filter-tag-line: var(--p-line, #e4e4e7);
    --msshe-filter-tag-paper: var(--p-paper, #fafaf9);
    --msshe-filter-tag-surface: var(--p-surface, #ffffff);
    --msshe-filter-tag-accent-soft: var(--p-accent-soft, #fef3c7);
    display: block !important;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 8px;
    padding: 4px 0 8px;
}
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav > .msshe-filter-tag-row {
    display: flex;
    min-height: 28px;
    align-items: flex-start;
}
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .product-card-filter-label-cell {
    display: flex;
    flex: 0 0 56px;
    width: 56px !important;
    min-width: 56px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    text-align: right;
}
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav > .msshe-filter-tag-row > .layui-col-md11 {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
}
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .cardFontColor,
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .cardAlignright label {
    color: var(--msshe-filter-tag-muted) !important;
    font-family: "Inter", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 11px !important;
    font-weight: 700;
    letter-spacing: 0;
}
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .layui-nav {
    display: flex;
    min-height: 28px;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    background: transparent !important;
}
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .layui-nav-bar {
    display: none;
}
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .layui-nav .layui-nav-item {
    margin-right: 2px;
    line-height: 28px;
}
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .layui-nav .layui-nav-item a {
    position: relative;
    height: 22px !important;
    padding: 0 9px !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    color: var(--msshe-filter-tag-ink-soft) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    transition: background 220ms ease, color 220ms ease, border-color 220ms ease;
}
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .layui-nav .layui-nav-item a:hover {
    border-color: var(--msshe-filter-tag-line) !important;
    color: var(--msshe-filter-tag-ink) !important;
    background: var(--msshe-filter-tag-paper) !important;
}
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .layui-nav .layui-nav-item a.cardOrange,
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .layui-nav .layui-nav-item a[dataid]:not([dataid=""]) {
    padding: 0 22px 0 9px !important;
    border-color: var(--msshe-filter-tag-ink) !important;
    color: var(--msshe-filter-tag-surface) !important;
    background: var(--msshe-filter-tag-ink) !important;
    font-weight: 500 !important;
}
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .layui-nav .layui-nav-item a.cardOrange::after,
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .layui-nav .layui-nav-item a[dataid]:not([dataid=""])::after {
    position: absolute;
    top: 5px !important;
    right: 7px !important;
    display: block;
    width: 3px !important;
    height: 12px !important;
    padding: 0 !important;
    background: var(--msshe-filter-tag-accent-soft) !important;
    content: "" !important;
}
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .layui-nav .layui-nav-item a.cardOrange2,
body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .layui-nav .layui-nav-item a[dataid=""] {
    border-color: transparent !important;
    color: var(--msshe-filter-tag-faint) !important;
    background: transparent !important;
}
@media (max-width: 768px) {
    body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav > .msshe-filter-tag-row {
        align-items: flex-start;
    }
    body .msshe-filter-tag-nav.msshe-search-nav-standard.product-card-search-nav .product-card-filter-label-cell {
        flex-basis: 52px;
        width: 52px !important;
        min-width: 52px;
    }
}

.msshe-ui .msshe-brand-login-footer--website {
    flex-wrap: wrap;
}

.msshe-ui .msshe-brand-login-footer--website > span:not(.msshe-brand-website-entry),
.msshe-ui .msshe-brand-login-footer--website > button {
    white-space: nowrap;
}

.msshe-ui .msshe-brand-login-footer .msshe-brand-website-entry:not([hidden]) {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
}

.msshe-ui .msshe-brand-login-footer .msshe-brand-website-entry[hidden] {
    display: none;
}

.msshe-ui .msshe-brand-login-footer .msshe-brand-website-link {
    min-width: 0;
    overflow-wrap: anywhere;
}

.msshe-ui .msshe-brand-login-footer .msshe-brand-website-divider {
    flex: 0 0 auto;
    margin-right: 4px;
    color: var(--msshe-login-card-muted, #667085);
    opacity: .6;
}

.msshe-ui .msshe-range {
    --msshe-range-progress: 0%;
    --msshe-range-accent: var(--msshe-ui-accent, #2f8ff0);
    appearance: none;
    -webkit-appearance: none;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.msshe-ui .msshe-range::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(to right, var(--msshe-range-accent) 0%, var(--msshe-range-accent) var(--msshe-range-progress), #e5ebf2 var(--msshe-range-progress), #e5ebf2 100%);
}

.msshe-ui .msshe-range::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin-top: -5px;
    border: 3px solid var(--msshe-range-accent);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(27, 61, 96, .18);
}

.msshe-ui .msshe-range::-moz-range-track {
    height: 6px;
    border-radius: 999px;
    background: #e5ebf2;
}

.msshe-ui .msshe-range::-moz-range-progress {
    height: 6px;
    border-radius: 999px;
    background: var(--msshe-range-accent);
}

.msshe-ui .msshe-range::-moz-range-thumb {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border: 3px solid var(--msshe-range-accent);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(27, 61, 96, .18);
}

.msshe-ui .msshe-range:hover::-webkit-slider-thumb,
.msshe-ui .msshe-range:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 4px rgba(47, 143, 240, .14);
}

.msshe-ui .msshe-range:hover::-moz-range-thumb,
.msshe-ui .msshe-range:active::-moz-range-thumb {
    box-shadow: 0 0 0 4px rgba(47, 143, 240, .14);
}

.msshe-ui .msshe-range:focus-visible {
    border-radius: 5px;
    outline: 2px solid var(--msshe-range-accent);
    outline-offset: 3px;
}