
/* 这里可以添加全局样式 */
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  background-color: #f0f2f5;
}
html {
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  margin: 0;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
.el-message {
    min-width: 300px !important;
}
.el-dialog {
    width: 90% !important;
    margin-top: 20vh !important;
}
}

/* 添加过渡效果 */
* {
  transition: background-color 0.3s, color 0.3s;
}

/* 主题色相关 */
.text-primary {
  color: var(--theme-color) !important;
}
.bg-primary {
  background-color: var(--theme-color) !important;
}

/* 暗黑模式适配 */
.dark-theme {
.el-card,
  .el-dialog,
  .el-message-box,
  .el-dropdown-menu {
    background-color: #1f1f1f !important;
    border-color: #363637 !important;
    color: #ffffff !important;
}
}

.business-login-bg[data-v-74e09761]{min-height:100vh;background:linear-gradient(120deg, #e3f0fd 0%, #f5f7fa 100%);display:flex;align-items:center;justify-content:center}.business-login-box[data-v-74e09761]{width:900px;min-height:520px;background:#fff;border-radius:24px;box-shadow:0 8px 32px 0 rgba(25,118,210,.1);display:flex;overflow:hidden}@media(max-width: 900px){.business-login-box[data-v-74e09761]{width:98vw;min-width:0}}@media(max-width: 700px){.business-login-box[data-v-74e09761]{flex-direction:column;width:98vw;min-width:0}}.login-left[data-v-74e09761]{flex:1.2;background:linear-gradient(135deg, rgba(227, 240, 253, 0.92) 0%, rgba(25, 118, 210, 0.18) 100%),url("https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=800&q=80");background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.login-left .login-logo[data-v-74e09761]{width:60px;margin-bottom:32px}.login-left .login-welcome[data-v-74e09761]{background:hsla(0,0%,100%,.82);border-radius:16px;padding:32px 24px 24px 24px;box-shadow:0 4px 24px 0 rgba(25,118,210,.08);display:flex;flex-direction:column;align-items:center;min-width:220px;max-width:320px}.login-left h2[data-v-74e09761]{color:#1976d2;font-size:26px;font-weight:700;margin-bottom:12px;letter-spacing:1px}.login-left .login-divider[data-v-74e09761]{width:40px;height:4px;background:linear-gradient(90deg, #1976d2 0%, #67c1f5 100%);border-radius:2px;margin:0 auto 18px auto}.login-left p[data-v-74e09761]{color:#4a4a4a;font-size:15px;opacity:.85;margin:0}.login-right[data-v-74e09761]{flex:1;padding:48px 40px;display:flex;flex-direction:column;justify-content:center}@media(max-width: 700px){.login-right[data-v-74e09761]{padding:32px 16px}}.login-right .lang-switch[data-v-74e09761]{display:flex;justify-content:flex-end;margin-bottom:16px}.login-right .lang-switch .el-button[data-v-74e09761]{margin-left:8px}.login-right h1[data-v-74e09761]{font-size:28px;color:#1976d2;font-weight:700;margin-bottom:32px;letter-spacing:1px;text-align:left}.login-right .el-form[data-v-74e09761]{width:100%}.login-right .el-form .el-form-item[data-v-74e09761]{margin-bottom:28px}.login-right .el-form .el-input__inner[data-v-74e09761]{height:46px;border-radius:10px;font-size:16px;padding-left:44px}.login-right .login-options[data-v-74e09761]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.login-right .login-options .el-checkbox__label[data-v-74e09761]{color:#1976d2}.login-right .login-options .el-button--text[data-v-74e09761]{color:#1976d2}.login-right .login-options .el-button--text[data-v-74e09761]:hover{color:#125ea7}.login-right .login-btn[data-v-74e09761]{width:100%;height:46px;font-size:18px;border-radius:10px;background:linear-gradient(90deg, #1976d2 0%, #67c1f5 100%);border:none;font-weight:600;letter-spacing:2px;box-shadow:0 4px 16px 0 rgba(25,118,210,.1);transition:box-shadow .2s,transform .2s}.login-right .login-btn[data-v-74e09761]:hover{box-shadow:0 8px 24px 0 rgba(25,118,210,.18);transform:translateY(-2px) scale(1.03)}.icp-footer[data-v-74e09761]{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:10}.icp-footer .icp-content[data-v-74e09761]{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:8px 16px;box-shadow:0 2px 12px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.icp-footer .icp-content[data-v-74e09761]:hover{background:hsla(0,0%,100%,.95);box-shadow:0 4px 20px rgba(0,0,0,.15);transform:translateY(-2px)}.icp-footer .icp-content i[data-v-74e09761]{color:#1976d2;font-size:14px}.icp-footer .icp-content i.el-icon-link[data-v-74e09761]{color:#67c23a}.icp-footer .icp-content i.el-icon-shield[data-v-74e09761]{color:#e6a23c}.icp-footer .icp-content a[data-v-74e09761]{color:#606266;text-decoration:none;font-size:13px;font-weight:500;transition:color .3s ease}.icp-footer .icp-content a[data-v-74e09761]:hover{color:#1976d2}@media(max-width: 768px){.icp-footer[data-v-74e09761]{bottom:15px}.icp-footer .icp-content[data-v-74e09761]{padding:6px 12px;font-size:12px}.icp-footer .icp-content a[data-v-74e09761]{font-size:12px}.icp-footer .icp-content i[data-v-74e09761]{font-size:12px}}

.layout-container[data-v-2e61e409] {
  height: 100vh;
}
.aside-container[data-v-2e61e409] {
  background-color: #304156;
  transition: width 0.3s;
  overflow: hidden;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.logo-container[data-v-2e61e409] {
  height: 60px;
  line-height: 60px;
  background: #2b3649;
  padding: 0 15px;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}
.logo-img[data-v-2e61e409] {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.logo-text[data-v-2e61e409] {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.header-container[data-v-2e61e409] {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
.header-left[data-v-2e61e409] {
  display: flex;
  align-items: center;
}
.toggle-button[data-v-2e61e409] {
  padding: 0 15px;
  cursor: pointer;
  font-size: 20px;
  color: #606266;
}
.header-right[data-v-2e61e409] {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
}
.header-right>.el-dropdown[data-v-2e61e409]:last-child {
  margin-left: 16px;
}
.avatar-container[data-v-2e61e409] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.username[data-v-2e61e409] {
  margin-left: 8px;
  font-size: 14px;
  color: #606266;
}
.main-container[data-v-2e61e409] {
  background-color: #f0f2f5;
  padding: 20px;
  overflow-y: auto;
  height: calc(100vh - 60px);
}
.header-item[data-v-2e61e409] {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #606266;
  height: 100%;
  padding: 0 4px;
}
.header-item i[data-v-2e61e409] {
  font-size: 16px;
  margin-right: 4px;
}
.item-text[data-v-2e61e409] {
  font-size: 14px;
}
.lang-switch[data-v-2e61e409] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.badge-item[data-v-2e61e409] {
  height: 100%;
  display: flex;
  align-items: center;
}
.message-header[data-v-2e61e409] {
  padding: 10px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.message-list[data-v-2e61e409] {
  max-height: 300px;
  overflow-y: auto;
}
.message-item[data-v-2e61e409] {
  padding: 10px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  transition: background-color 0.3s;
}
.message-item[data-v-2e61e409]:hover {
  background-color: #f5f7fa;
}
.message-item.is-read[data-v-2e61e409] {
  opacity: 0.8;
}
.message-icon[data-v-2e61e409] {
  margin-right: 12px;
}
.message-content[data-v-2e61e409] {
  flex: 1;
}
.message-title[data-v-2e61e409] {
  font-size: 14px;
  margin-bottom: 4px;
}
.message-time[data-v-2e61e409] {
  font-size: 12px;
  color: #909399;
}
.theme-panel[data-v-2e61e409] {
  padding: 20px;
}
.theme-item[data-v-2e61e409] {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.icon-button[data-v-2e61e409] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f5f7fa;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.icon-button i[data-v-2e61e409] {
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.el-badge[data-v-2e61e409] .el-badge__content {
  top: 0;
  right: 0;
  transform: translate(40%, -40%);
}
.collapse-btn[data-v-2e61e409] {
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #1f2d3d;
  color: #bfcbd9;
  background-color: #263445;
  transition: all 0.3s;
}
.collapse-btn[data-v-2e61e409]:hover {
  background-color: #1f2d3d;
}
.collapse-btn i[data-v-2e61e409] {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
.aside-container[data-v-2e61e409] {
    position: fixed;
    height: 100vh;
    z-index: 1001;
    transform: translateX(-200px);
    transition: transform 0.3s;
}
.aside-container.collapsed[data-v-2e61e409] {
    transform: translateX(0);
}
.header-container[data-v-2e61e409] {
    padding: 0 10px;
}
.main-container[data-v-2e61e409] {
    padding: 10px;
}
.logo-text[data-v-2e61e409],
  .username[data-v-2e61e409] {
    display: none;
}
.el-breadcrumb[data-v-2e61e409] {
    display: none;
}
.header-right[data-v-2e61e409] {
    gap: 4px;
}
.header-item[data-v-2e61e409] {
    padding: 0 2px;
}
.icon-button[data-v-2e61e409] {
    width: 28px;
    height: 28px;
}
.header-right>.el-dropdown[data-v-2e61e409]:last-child {
    margin-left: 8px;
}
}
.sidebar-menu[data-v-2e61e409] {
  flex: 1;
  border-right: none;
  min-height: 0;
}

:root{--theme-color: #409eff;--theme-color-light: #ecf5ff;--theme-color-dark: #337ecc;--text-color-primary: #303133;--text-color-regular: #606266;--text-color-secondary: #909399;--border-color: #dcdfe6;--border-color-light: #e4e7ed;--bg-color: #ffffff;--bg-color-page: #f0f2f5;--bg-color-overlay: #ffffff;--box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);--box-shadow-light: 0 2px 4px 0 rgba(0, 0, 0, 0.05);--transition-all: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.dark-theme{--theme-color: #409eff;--theme-color-light: rgba(64, 158, 255, 0.2);--theme-color-dark: #337ecc;--text-color-primary: #ffffff;--text-color-regular: #d0d0d0;--text-color-secondary: #909399;--border-color: #363637;--border-color-light: #484848;--bg-color: #141414;--bg-color-page: #0a0a0a;--bg-color-overlay: #1d1d1d;--box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.4);--box-shadow-light: 0 2px 4px 0 rgba(0, 0, 0, 0.3)}.dark-theme .el-container{background-color:var(--bg-color-page)}.dark-theme .el-header{background-color:var(--bg-color);border-color:var(--border-color);color:var(--text-color-primary)}.dark-theme .el-main{background-color:var(--bg-color-page);color:var(--text-color-primary)}.dark-theme .el-card{background-color:var(--bg-color);border-color:var(--border-color);color:var(--text-color-primary)}.dark-theme .el-card .el-card__header{border-color:var(--border-color)}.dark-theme .el-table{background-color:var(--bg-color);color:var(--text-color-primary)}.dark-theme .el-table th,.dark-theme .el-table td{background-color:var(--bg-color);border-color:var(--border-color)}.dark-theme .el-table tr:hover>td{background-color:var(--bg-color-overlay) !important}.dark-theme .el-table .el-table__header th{background-color:var(--bg-color-overlay);color:var(--text-color-regular)}.dark-theme .el-dropdown-menu{background-color:var(--bg-color-overlay);border-color:var(--border-color)}.dark-theme .el-dropdown-menu .el-dropdown-menu__item{color:var(--text-color-regular)}.dark-theme .el-dropdown-menu .el-dropdown-menu__item:hover{background-color:var(--theme-color-light);color:var(--theme-color)}.dark-theme .el-dialog,.dark-theme .el-message-box{background-color:var(--bg-color-overlay);border-color:var(--border-color)}.dark-theme .el-dialog .el-dialog__title,.dark-theme .el-dialog .el-message-box__title,.dark-theme .el-message-box .el-dialog__title,.dark-theme .el-message-box .el-message-box__title{color:var(--text-color-primary)}.dark-theme .el-dialog .el-dialog__body,.dark-theme .el-dialog .el-message-box__content,.dark-theme .el-message-box .el-dialog__body,.dark-theme .el-message-box .el-message-box__content{color:var(--text-color-regular)}.dark-theme .el-input .el-input__inner{background-color:var(--bg-color);border-color:var(--border-color);color:var(--text-color-primary)}.dark-theme .el-input .el-input__inner:hover{border-color:var(--theme-color)}.dark-theme .el-input .el-input__inner:focus{border-color:var(--theme-color)}.dark-theme .el-button.el-button--default{background-color:var(--bg-color);border-color:var(--border-color);color:var(--text-color-regular)}.dark-theme .el-button.el-button--default:hover{border-color:var(--theme-color);color:var(--theme-color)}.dark-theme .message-popover{background-color:var(--bg-color-overlay);border-color:var(--border-color)}.dark-theme .message-popover .message-item{border-bottom:1px solid var(--border-color)}.dark-theme .message-popover .message-item:hover{background-color:var(--bg-color)}.dark-theme .message-popover .message-item .message-title{color:var(--text-color-primary)}.dark-theme .message-popover .message-item .message-time{color:var(--text-color-secondary)}.dark-theme .el-drawer{background-color:var(--bg-color-overlay)}.dark-theme .el-drawer .el-drawer__header{color:var(--text-color-primary);border-bottom:1px solid var(--border-color)}.dark-theme .el-drawer .theme-item{color:var(--text-color-primary)}*{transition:var(--transition-all)}.dark-theme ::-webkit-scrollbar{width:6px;height:6px}.dark-theme ::-webkit-scrollbar-thumb{background-color:#434343;border-radius:3px}.dark-theme ::-webkit-scrollbar-thumb:hover{background-color:#666}.dark-theme ::-webkit-scrollbar-track{background-color:var(--bg-color)}img,.el-image__inner,.el-image__preview img{-webkit-user-select:none !important;-moz-user-select:none !important;user-select:none !important;-webkit-user-drag:none !important}img,.el-image__inner,.el-image__preview img{-webkit-touch-callout:none !important}img,.el-image__inner,.el-image__preview img{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-drag:none !important}
