:root {
  --ybx-navy:#0f2948;
  --ybx-sidebar:#0f2948;
  --ybx-primary:#2563eb;
  --ybx-primary-strong:#1d4ed8;
  --ybx-action:#187d75;
  --ybx-canvas:#f4f6f3;
  --ybx-surface:#ffffff;
  --ybx-surface-soft:#eef2ef;
  --ybx-border:#d9e1de;
  --ybx-text:#142b2d;
  --ybx-muted:#5d6f70;
  --ybx-success:#16a34a;
  --ybx-danger:#dc2626;
  --ybx-warning:#d97706;
  --ybx-disabled:#94a3b8;
  --ybx-radius-control:8px;
  --ybx-radius-panel:12px;
  --ybx-shadow-float:0 18px 48px rgba(15,41,72,.14);
  --menuBg:#0f2948;
  --menuColor:#d8e3ec;
  --menuActiveText:#ffffff;
  --menuHover:#173a60;
  --subMenuBg:#0b223d;
  --subMenuHover:#173a60;
  --fixedHeaderBg:#ffffff;
  --tableHeaderBg:#edf1ef;
  --tableHeaderTextColor:#344a4c;
  --brder-color:#d9e1de;
  --tags-view-active-bg:#2563eb;
  --tags-view-active-border-color:#2563eb;
  --color-primary:#2563eb;
  --text-color:#142b2d;
  --el-color-primary:#2563eb!important;
  --el-color-primary-rgb:37,99,235!important;
  --el-button-hover-bg-color:#1d4ed8!important;
  --el-button-hover-border-color:#1d4ed8!important;
  --vxe-ui-font-primary-color:#2563eb;
  --vxe-ui-table-row-hover-background-color:#eff6ff;
  --vxe-ui-table-row-current-background-color:#dbeafe;
  --vxe-ui-table-row-hover-current-background-color:#bfdbfe;
  --vxe-ui-table-row-radio-checked-background-color:#dbeafe;
  --vxe-ui-table-row-hover-radio-checked-background-color:#bfdbfe;
  --vxe-ui-table-row-checkbox-checked-background-color:#dbeafe;
  --vxe-ui-table-row-hover-checkbox-checked-background-color:#bfdbfe;
  --vxe-ui-table-checkbox-range-border-color:#2563eb;
  --vxe-ui-table-checkbox-range-background-color:rgba(37,99,235,.14);
  --vxe-ui-table-cell-active-area-border-color:#2563eb;
  --vxe-ui-table-cell-active-area-background-color:rgba(37,99,235,.07);
}

html,body,#app {
  background:var(--ybx-canvas);
  color:var(--ybx-text);
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

#app .app-wrapper,
#app .app-wrapper .main-container,
#app .app-wrapper .app-main,
#app .app-container,
#app .dashboard-wrapper {
  background:var(--ybx-canvas)!important;
}

/* Navigation */
#app .top-header,
#app .fixed-header,
#app .navbar {
  background:#ffffff!important;
  border-bottom:1px solid var(--ybx-border);
  box-shadow:none!important;
}

#app .top-header .logo-icon {
  background-color:#fff!important;
  background-image:url("./brand-mark.svg")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
#app .top-header .logo-icon svg,
#app .top-header .logo-icon i { display:none!important; }

#app .top-header .el-menu-item,
#app .top-header .el-sub-menu__title {
  min-height:64px;
  color:#415457!important;
}

#app .top-header .el-menu-item:hover,
#app .top-header .el-sub-menu__title:hover { background:#f3f6f4!important; }

#app .top-header .el-menu-item.is-active,
#app .top-header .el-sub-menu.is-active>.el-sub-menu__title {
  background:#e9efff!important;
  color:var(--ybx-primary)!important;
  box-shadow:inset 0 -3px var(--ybx-primary);
}

#app .top-header .el-menu-item.is-active .menu-item-cell,
#app .top-header .el-menu-item.is-active .menu-title,
#app .top-header .el-sub-menu.is-active>.el-sub-menu__title {
  color:var(--ybx-primary)!important;
  border-color:transparent!important;
}

#app .sidebar-container {
  background:var(--ybx-sidebar)!important;
  border-right:1px solid #244463;
  box-shadow:none!important;
}

#app .sidebar-container .el-menu { background:transparent!important; }
#app .sidebar-container .el-menu-item:hover,
#app .sidebar-container .el-sub-menu__title:hover { background:#173a60!important; }
#app .sidebar-container .el-menu-item.is-active,
#app .sidebar-container .el-sub-menu.is-active>.el-sub-menu__title {
  background:#1b4772!important;
  color:#ffffff!important;
  box-shadow:inset 3px 0 #8fb5ff;
}

/* Dashboard */
#app .dashboard-wrapper { padding:24px clamp(16px,3vw,40px)!important; }
#app .dashboard-wrapper .dashboard-container { max-width:1440px; }
#app .dashboard-wrapper .welcome-banner {
  background:var(--ybx-navy)!important;
  border:1px solid #244463!important;
  border-radius:var(--ybx-radius-panel)!important;
  box-shadow:none!important;
  padding:28px 32px!important;
}
#app .dashboard-wrapper .welcome-title { color:#ffffff!important; letter-spacing:-.02em; }
#app .dashboard-wrapper .welcome-desc { color:#c8d7e3!important; max-width:72ch; }
#app .dashboard-wrapper .welcome-right {
  background:#173a60!important;
  border:1px solid #315376;
  border-radius:10px!important;
}
#app .dashboard-wrapper .welcome-right svg { color:#9dbbff!important; }
#app .dashboard-wrapper .floating-btn,
#app .dashboard-wrapper .book-btn {
  background:var(--ybx-primary)!important;
  box-shadow:none!important;
}
#app .dashboard-wrapper .custom-date-cell { background-color:transparent!important; }
#app .dashboard-wrapper .course-tags .tag.orange {
  background:rgba(37,99,235,.12)!important;
  color:var(--ybx-primary)!important;
}

#app .quick-entry .quick-entry-grid {
  gap:0!important;
  overflow:hidden;
  background:#ffffff;
  border:1px solid var(--ybx-border);
  border-radius:var(--ybx-radius-panel);
}
#app .quick-entry .quick-card,
#app .quick-entry .quick-card-all {
  min-height:116px!important;
  background:#ffffff!important;
  border:0!important;
  border-right:1px solid var(--ybx-border)!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}
#app .quick-entry .quick-card:last-child { border-right:0!important; }
#app .quick-entry .quick-card:hover,
#app .quick-entry .quick-card-all:hover {
  background:#f3f6f4!important;
  box-shadow:none!important;
  transform:none!important;
}
#app .quick-entry .quick-card-icon { border-radius:10px!important; }
#app .quick-entry .quick-card-name { color:var(--ybx-text)!important; }
#app .quick-entry .quick-card-desc { color:var(--ybx-muted)!important; }

#app .dashboard-wrapper .schedule-section,
#app .dashboard-wrapper .course-section,
#app .dashboard-wrapper .calendar-section,
#app .dashboard-wrapper .records-section {
  background:#ffffff!important;
  border:1px solid var(--ybx-border)!important;
  border-radius:var(--ybx-radius-panel)!important;
  box-shadow:none!important;
}

/* Management pages */
#app .dashboard-content-area { max-width:1440px; }
#app .dashboard-content-area .page-header { margin-bottom:24px; }
#app .dashboard-content-area .page-title { color:var(--ybx-text)!important; letter-spacing:-.02em; }
#app .dashboard-content-area .page-desc { color:var(--ybx-muted)!important; }
#app .dashboard-content-area .action-btn-primary {
  min-height:44px;
  background:var(--ybx-primary)!important;
  border-radius:var(--ybx-radius-control)!important;
  box-shadow:none!important;
  transform:none!important;
}
#app .dashboard-content-area .action-btn-primary:hover {
  background:var(--ybx-primary-strong)!important;
  box-shadow:none!important;
  transform:none!important;
}

#app .dashboard-content-area .stats-grid {
  gap:0!important;
  overflow:hidden;
  background:#ffffff;
  border:1px solid var(--ybx-border);
  border-radius:var(--ybx-radius-panel);
}
#app .dashboard-content-area .stat-card {
  margin:0!important;
  padding:22px!important;
  border:0!important;
  border-right:1px solid var(--ybx-border)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#app .dashboard-content-area .stat-card:last-child { border-right:0!important; }
#app .dashboard-content-area .stat-card .icon-wrapper { width:48px!important; height:48px!important; border-radius:10px!important; }
#app .dashboard-content-area .stat-card .icon-wrapper.bg-blue { background:#2563eb!important; }
#app .dashboard-content-area .stat-card .icon-wrapper.bg-pink { background:#b46824!important; }
#app .dashboard-content-area .stat-card .icon-wrapper.bg-purple { background:#6750a4!important; }
#app .dashboard-content-area .stat-card .icon-wrapper.bg-orange { background:#187d75!important; }
#app .dashboard-content-area .stat-card .stat-number { color:var(--ybx-text)!important; font-variant-numeric:tabular-nums; }
#app .dashboard-content-area .student-table .remaining-hours { color:var(--ybx-primary)!important; }
#app .dashboard-content-area .student-table .el-progress-bar__inner { background-color:var(--ybx-primary)!important; }
#app .dashboard-content-area .filter-btn {
  min-height:44px;
  background:var(--ybx-primary)!important;
  border-radius:var(--ybx-radius-control)!important;
  box-shadow:none!important;
  transform:none!important;
}
#app .dashboard-content-area .filter-btn:hover { background:var(--ybx-primary-strong)!important; transform:none!important; }

#app .dashboard-content-area .table-card,
#app .dashboard-content-area .chart-card,
#app .dashboard-content-area .list-section,
#app .app-wrapper .el-card,
#app .app-wrapper .el-dialog,
#app .app-wrapper .el-drawer,
#app .app-wrapper .el-table,
#app .app-wrapper .vxe-table {
  border-color:var(--ybx-border)!important;
  background:#ffffff!important;
  border-radius:var(--ybx-radius-panel)!important;
  box-shadow:none!important;
}
#app .dashboard-content-area .table-card { overflow-x:auto; }
#app .dashboard-content-area .list-section { border:1px solid var(--ybx-border)!important; box-shadow:none!important; }
#app .app-wrapper .el-table th.el-table__cell,
#app .app-wrapper .vxe-table--header-wrapper {
  background:var(--tableHeaderBg)!important;
  color:var(--tableHeaderTextColor)!important;
}
#app .app-wrapper .el-table tr:hover>td.el-table__cell { background:#f2f5f3!important; }

/* Forms and controls */
#app .app-wrapper .el-input__wrapper,
#app .app-wrapper .el-select__wrapper,
#app .app-wrapper .el-textarea__inner {
  min-height:44px;
  border-radius:var(--ybx-radius-control)!important;
  border-color:var(--ybx-border);
  box-shadow:0 0 0 1px var(--ybx-border) inset;
}
#app .app-wrapper .el-input__wrapper.is-focus,
#app .app-wrapper .el-select__wrapper.is-focused,
#app .app-wrapper .el-textarea__inner:focus {
  box-shadow:0 0 0 2px rgba(37,99,235,.28) inset!important;
}
#app .app-wrapper .el-button:not(.el-button--small) { min-height:44px; border-radius:var(--ybx-radius-control); }
#app .app-wrapper .el-button--primary {
  --el-button-bg-color:#2563eb;
  --el-button-border-color:#2563eb;
  --el-button-hover-bg-color:#1d4ed8;
  --el-button-hover-border-color:#1d4ed8;
}
#app .app-wrapper .el-pagination .is-active,
#app .app-wrapper .el-tabs__active-bar { background:#2563eb!important; }
#app .app-wrapper .el-dialog { box-shadow:var(--ybx-shadow-float)!important; }

#app .app-wrapper a:focus-visible,
#app .app-wrapper button:focus-visible,
#app .app-wrapper [tabindex]:focus-visible {
  outline:2px solid var(--ybx-primary);
  outline-offset:3px;
  box-shadow:0 0 0 2px #ffffff;
}
.vxe-table[aria-label="用户选择表格"]:focus-visible {
  outline:2px solid var(--vxe-ui-font-primary-color)!important;
  outline-offset:3px;
}

/* Login */
#app .login-wrapper { background:var(--ybx-canvas)!important; }
#app .login-wrapper .main-container {
  background:var(--ybx-navy)!important;
  border:0;
  box-shadow:none!important;
}
#app .login-wrapper .left-section { background:var(--ybx-navy)!important; }
#app .login-wrapper .right-section { background:#ffffff!important; }
#app .login-wrapper .main-title,
#app .login-wrapper .subtitle,
#app .login-wrapper .logo-text { color:#ffffff!important; }
#app .login-wrapper .form-title { color:var(--ybx-text)!important; }
#app .login-wrapper .form-wrapper {
  background:#ffffff!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
#app .login-wrapper .login-form .form-label { color:var(--ybx-text)!important; }
#app .login-wrapper .custom-input .el-input__inner {
  color:var(--ybx-text)!important;
  -webkit-text-fill-color:var(--ybx-text)!important;
  caret-color:var(--ybx-primary)!important;
}
#app .login-wrapper .custom-input .el-input__inner::placeholder {
  color:#7b898a!important;
  -webkit-text-fill-color:#7b898a!important;
}
#app .login-wrapper .custom-input .el-input__prefix,
#app .login-wrapper .custom-input .el-input__suffix { color:var(--ybx-muted)!important; }
#app .login-wrapper .form-desc,
#app .login-wrapper .terms .terms-text { color:var(--ybx-muted)!important; }
#app .login-wrapper .terms .terms-text a { color:var(--ybx-primary)!important; }
#app .login-wrapper .terms .terms-text a:hover { color:var(--ybx-primary-strong)!important; }
#app .login-wrapper .login-button {
  min-height:52px;
  background:var(--ybx-primary)!important;
  background-image:none!important;
  border-radius:var(--ybx-radius-control)!important;
  box-shadow:none!important;
  transform:none!important;
}
#app .login-wrapper .login-button:hover {
  background:var(--ybx-primary-strong)!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
}
#app .login-wrapper .login-form .el-input:focus-within .el-input__wrapper,
#app .login-wrapper .terms .el-checkbox:focus-within .el-checkbox__inner,
#app .login-wrapper .login-form .login-button:focus-visible {
  outline:2px solid var(--ybx-primary)!important;
  outline-offset:3px;
}

/* The brand and the form share one centered login canvas. */
#app .login-wrapper .logo .logo-icon[data-v-826325a4] {
  width:48px;
  height:48px;
  flex:none;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
}
#app .login-wrapper .logo .brand-mark {
  display:block;
  width:48px;
  height:48px;
  object-fit:contain;
}
#app .login-wrapper .logo .logo-text[data-v-826325a4] {
  font-size:22px!important;
  font-weight:700;
  color:#f5c96b!important;
  letter-spacing:.02em;
}
#app .login-wrapper .main-title[data-v-826325a4],
#app .login-wrapper .subtitle[data-v-826325a4] { max-width:27vw; }
#app .login-wrapper .image-card .floating-badge[data-v-826325a4] { display:none!important; }
#app .login-wrapper .main-container[data-v-826325a4] {
  align-items:center;
  justify-content:center;
  padding:24px;
}
#app .login-wrapper .right-section[data-v-826325a4] {
  width:min(100%,440px)!important;
  min-height:0;
  margin:auto!important;
  padding:0!important;
  background:#fff!important;
  border-radius:20px;
  box-shadow:0 24px 72px rgba(5,19,38,.28);
}
#app .login-wrapper .form-wrapper[data-v-826325a4] {
  width:100%;
  max-width:none;
  margin:auto;
  padding:40px 36px;
  border:0!important;
  border-radius:20px;
  box-shadow:none!important;
}
@media (max-width:1240px) {
  #app .login-wrapper .main-title[data-v-826325a4],
  #app .login-wrapper .subtitle[data-v-826325a4] { display:none; }
}
@media (max-width:968px) {
  #app .login-wrapper .main-container[data-v-826325a4] { padding:20px; }
  #app .login-wrapper .form-wrapper[data-v-826325a4] { padding:32px 24px; }
}
@media (max-width:968px) and (max-height:640px) {
  #app .login-wrapper .main-container[data-v-826325a4] {
    height:auto;
    min-height:100svh;
    align-items:flex-end;
    padding:86px 20px 0;
    overflow:auto;
  }
}

.animated-background { display:none!important; }
.animated-background .letter-stroke { -webkit-text-stroke-color:#8fb5ff!important; }
.animated-background .letter-solid { color:#2563eb!important; }
.animated-background .dot,
.animated-background .decoration-line { background-color:#8fb5ff!important; }
.animated-background .grid-pattern { background-image:none!important; }
#loader { border-top-color:#8fb5ff!important; }
#loader:before { border-top-color:#5f8ff5!important; }
#loader:after { border-top-color:#2563eb!important; }
#loader-wrapper .loader-section { background:#0f2948!important; }

/* Vocabulary assessment */
#app .vocabulary-test-page[data-v-b36f8e0a],
#app .vocabulary-test-container[data-v-51b1be30] { background:#0f2948!important; }
#app .vocabulary-test-page[data-v-b36f8e0a] .test-container,
#app .vocabulary-test-page[data-v-b36f8e0a] .guide-card,
#app .vocabulary-test-container[data-v-51b1be30] .test-content,
#app .vocabulary-test-container[data-v-51b1be30] .vocabulary-text-start-dv .item-cell,
#app .vocabulary-test-container[data-v-51b1be30] .feature-card {
  background:#ffffff!important;
  border:1px solid #d9e1de!important;
  border-radius:var(--ybx-radius-panel)!important;
  box-shadow:none!important;
}
#app .vocabulary-test-page[data-v-b36f8e0a] .test-header,
#app .vocabulary-test-page[data-v-b36f8e0a] .start-btn,
#app .vocabulary-test-page[data-v-b36f8e0a] .next-btn,
#app .vocabulary-test-container[data-v-51b1be30] .next-btn,
#app .vocabulary-test-container[data-v-51b1be30] .restart-btn {
  background:#2563eb!important;
  color:#ffffff!important;
  box-shadow:none!important;
}
#app .vocabulary-test-page[data-v-b36f8e0a] .loading-container { color:#eff6ff!important; }
#app .vocabulary-test-page[data-v-b36f8e0a] .loading-spinner { border-color:rgba(239,246,255,.28)!important; border-top-color:#8fb5ff!important; box-shadow:none!important; }
#app .vocabulary-test-page[data-v-b36f8e0a] .ability-display,
#app .vocabulary-test-page[data-v-b36f8e0a] .word-display-section,
#app .vocabulary-test-page[data-v-b36f8e0a] .guide-rules .rule-item { background:#eff6ff!important; border-color:#c9d8f5!important; }
#app .vocabulary-test-page[data-v-b36f8e0a] .guide-title,
#app .vocabulary-test-page[data-v-b36f8e0a] .ability-value { color:#1e40af!important; }
#app .vocabulary-test-container[data-v-51b1be30] .test-header .header-title,
#app .vocabulary-test-container[data-v-51b1be30] .english-word,
#app .vocabulary-test-container[data-v-51b1be30] .loading-text { color:#0f2948!important; }
#app .vocabulary-test-page[data-v-b36f8e0a] .ability-level { color:#2563eb!important; }
#app .vocabulary-test-page[data-v-b36f8e0a] .guide-icon { filter:none!important; }
#app .vocabulary-test-page[data-v-b36f8e0a] .options-title { border-left-color:#2563eb!important; }
#app .vocabulary-test-page[data-v-b36f8e0a] .option-card:hover:not(.is-disabled),
#app .vocabulary-test-page[data-v-b36f8e0a] .option-card.is-selected,
#app .vocabulary-test-container[data-v-51b1be30] .option-item:hover:not(.disabled),
#app .vocabulary-test-container[data-v-51b1be30] .option-item.selected,
#app .vocabulary-test-container[data-v-51b1be30] .vocabulary-text-start-dv .item-cell:hover,
#app .vocabulary-test-container[data-v-51b1be30] .feature-card:hover { background:#eff6ff!important; border-color:#8fb5ff!important; box-shadow:none!important; }
#app .vocabulary-test-page[data-v-b36f8e0a] .pronounce-btn.american,
#app .vocabulary-test-page[data-v-b36f8e0a] .pronounce-btn.british { background:#187d75!important; box-shadow:none!important; }
#app .vocabulary-test-page[data-v-b36f8e0a] .skip-btn,
#app .vocabulary-test-container[data-v-51b1be30] .back-btn { color:#1d4ed8!important; border-color:#b8caf0!important; background:#ffffff!important; }
#app .vocabulary-test-container[data-v-51b1be30] .loading-spinner { border-color:#dbeafe!important; border-top-color:#2563eb!important; }
#app .vocabulary-test-container[data-v-51b1be30] .timer,
#app .vocabulary-test-container[data-v-51b1be30] .pronunciation-btn { background:#eff6ff!important; color:#0f2948!important; border:1px solid #c9d8f5!important; }
#app .vocabulary-test-page[data-v-b36f8e0a] button:focus-visible,
#app .vocabulary-test-container[data-v-51b1be30] button:focus-visible { outline:2px solid #ffffff!important; outline-offset:3px; box-shadow:0 0 0 5px rgba(37,99,235,.6)!important; }
/* End vocabulary assessment */

@media (max-width:1024px) {
  #app .quick-entry .quick-entry-grid,
  #app .dashboard-content-area .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  #app .quick-entry .quick-card:nth-child(2n),
  #app .dashboard-content-area .stat-card:nth-child(2n) { border-right:0!important; }
  #app .quick-entry .quick-card:nth-child(-n+2),
  #app .dashboard-content-area .stat-card:nth-child(-n+2) { border-bottom:1px solid var(--ybx-border)!important; }
}

@media (max-width:768px) {
  #app .dashboard-wrapper,
  #app .app-container { padding:16px!important; }
  #app .dashboard-wrapper .welcome-banner { padding:24px 20px!important; }
  #app .dashboard-content-area .page-header { align-items:flex-start!important; gap:16px; }
  #app .app-wrapper .main-container { background:var(--ybx-canvas)!important; }
  #app .sidebar-container { box-shadow:var(--ybx-shadow-float)!important; }
  #app .vocabulary-test-page[data-v-b36f8e0a],
  #app .vocabulary-test-container[data-v-51b1be30] { padding:12px!important; }
  #app .vocabulary-test-page[data-v-b36f8e0a] .test-container,
  #app .vocabulary-test-page[data-v-b36f8e0a] .guide-card,
  #app .vocabulary-test-container[data-v-51b1be30] .test-content { padding:20px!important; }
  #app .vocabulary-test-container[data-v-51b1be30] .vocabulary-text-start-dv { flex-direction:column; gap:14px; }
  #app .vocabulary-test-container[data-v-51b1be30] .vocabulary-text-start-dv .item-cell { width:100%; margin:0!important; padding:24px 18px!important; box-sizing:border-box; }
}

@media (max-width:520px) {
  #app .quick-entry .quick-entry-grid,
  #app .dashboard-content-area .stats-grid { grid-template-columns:1fr!important; }
  #app .quick-entry .quick-card,
  #app .dashboard-content-area .stat-card { border-right:0!important; border-bottom:1px solid var(--ybx-border)!important; }
  #app .quick-entry .quick-card:last-child,
  #app .dashboard-content-area .stat-card:last-child { border-bottom:0!important; }
  #app .dashboard-content-area .page-header { flex-direction:column!important; }
  #app .dashboard-content-area .action-btn-primary { width:100%; justify-content:center; }
  #app .login-wrapper .main-container { border:0; box-shadow:none!important; }
}

@media (prefers-reduced-motion:reduce) {
  #app *,#app *:before,#app *:after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
}

@media print {
  html,body,#app,
  #app .app-wrapper,
  #app .app-wrapper .main-container,
  #app .app-wrapper .app-main,
  #app .dashboard-wrapper,
  #app .dashboard-wrapper .welcome-banner,
  #app .dashboard-wrapper .quick-card,
  #app .app-wrapper .el-card,
  #app .app-wrapper .el-table,
  #app .app-wrapper .vxe-table { background:#ffffff!important; color:#000000!important; box-shadow:none!important; }
  #app .app-wrapper .app-main * { background-color:#ffffff!important; color:#000000!important; box-shadow:none!important; text-shadow:none!important; }
  #app .app-wrapper .main-container { margin-left:0!important; }
  .animated-background,#loader-wrapper,#app .sidebar-container,#app .top-header,#app .fixed-header { display:none!important; }
  #app .app-main:has(iframe.preview-frame) .mb-\[10px\],
  #app .app-main:has(iframe.preview-frame) .el-form,
  #app .app-main:has(iframe.preview-frame) button { display:none!important; }
  #app iframe.preview-frame { background:#ffffff!important; }
}