:root{
  --ybx-navy:#071a3a;--ybx-sidebar:#0b2c61;--ybx-primary:#2563eb;--ybx-glow:#38bdf8;
  --ybx-canvas:#eef5ff;--ybx-surface:#fff;--ybx-surface-soft:#f8fbff;--ybx-border:#cfe0f7;
  --ybx-text:#0f172a;--ybx-muted:#64748b;--ybx-success:#16a34a;--ybx-danger:#dc2626;
  --ybx-warning:#d97706;--ybx-disabled:#94a3b8;
  --menuBg:#071a3a;--menuColor:#bfdbfe;--menuActiveText:#fff;--menuHover:#123d78;
  --subMenuBg:#081f45;--subMenuHover:#123d78;--fixedHeaderBg:rgba(248,251,255,.92);
  --tableHeaderBg:#eff6ff;--tableHeaderTextColor:#334155;--brder-color:#cfe0f7;
  --tags-view-active-bg:#2563eb;--tags-view-active-border-color:#2563eb;
  --color-primary:#2563eb;--text-color:#0f172a;--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,.18);
  --vxe-ui-table-cell-active-area-border-color:#2563eb;
  --vxe-ui-table-cell-active-area-background-color:rgba(37,99,235,.08);
}
html,body,#app{background:var(--ybx-canvas);color:var(--ybx-text)}
#app .app-wrapper,#app .app-wrapper .main-container,#app .app-wrapper .app-main{background:linear-gradient(145deg,#eef5ff,#f8fbff)}
#app .sidebar-container{background:linear-gradient(180deg,var(--ybx-navy),var(--ybx-sidebar))!important;border-right:1px solid rgba(147,197,253,.18);box-shadow:10px 0 30px rgba(7,26,58,.12)}
#app .sidebar-container .el-menu{background:transparent!important}
#app .sidebar-container .el-menu-item.is-active,#app .sidebar-container .el-sub-menu.is-active>.el-sub-menu__title{background:linear-gradient(90deg,rgba(37,99,235,.34),rgba(56,189,248,.08))!important;color:#fff!important;box-shadow:inset 3px 0 #38bdf8}
#app .sidebar-container .el-menu-item.is-active,#app .sidebar-container .el-menu-item.is-active .menu-item-cell,#app .sidebar-container .el-menu-item.is-active .menu-title,#app .sidebar-container .el-sub-menu.is-active>.el-sub-menu__title{color:#fff!important;border-color:transparent!important}
#app .top-header .el-menu-item.is-active,#app .top-header .el-sub-menu.is-active>.el-sub-menu__title{background:linear-gradient(180deg,rgba(37,99,235,.15),rgba(56,189,248,.04))!important;box-shadow:inset 0 -3px #2563eb}
#app .top-header .el-menu-item.is-active,#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:#2563eb!important;border-color:transparent!important}
#app .top-header,#app .fixed-header,#app .navbar{background:rgba(248,251,255,.92)!important;border-bottom:1px solid var(--ybx-border);backdrop-filter:blur(16px)}
#app .top-header .logo-icon{background:linear-gradient(135deg,#38bdf8,#2563eb)!important}
#app .dashboard-wrapper{background:linear-gradient(145deg,#eef5ff,#f8fbff)!important}
#app .dashboard-wrapper .welcome-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important}
#app .dashboard-wrapper .welcome-desc,#app .dashboard-wrapper .welcome-right svg{color:#2563eb!important}
#app .dashboard-wrapper .welcome-right{background:linear-gradient(135deg,#fff,#dbeafe)!important}
#app .dashboard-wrapper .floating-btn{background:linear-gradient(135deg,#2563eb,#38bdf8)!important;box-shadow:0 8px 20px rgba(37,99,235,.3)!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:#2563eb!important}
#app .dashboard-content-area .stat-card .icon-wrapper.bg-orange{background-color:#60a5fa!important}
#app .dashboard-content-area .stat-card .stat-number{color:#2563eb!important}
#app .dashboard-content-area .action-btn-primary{background:linear-gradient(135deg,#2563eb,#38bdf8)!important;box-shadow:0 4px 12px rgba(37,99,235,.3)!important}
#app .dashboard-content-area .student-table .remaining-hours{color:#2563eb!important}
#app .dashboard-content-area .student-table .el-progress-bar__inner{background-color:#2563eb!important}
#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:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(30,64,175,.07)}
#app .app-wrapper .el-table th.el-table__cell,#app .app-wrapper .vxe-table--header-wrapper{background:#eff6ff!important;color:#334155}
#app .app-wrapper .el-input__wrapper,#app .app-wrapper .el-select__wrapper,#app .app-wrapper .el-textarea__inner{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,.24) inset!important}
#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 a:focus-visible,#app .app-wrapper button:focus-visible,#app .app-wrapper [tabindex]:focus-visible{outline:2px solid #fff;box-shadow:0 0 0 4px #2563eb;outline-offset:1px}
.vxe-table[aria-label="用户选择表格"]:focus-visible{outline:2px solid var(--vxe-ui-font-primary-color)!important;outline-offset:2px}
#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 #fff!important;outline-offset:3px}
.animated-background .letter-stroke{-webkit-text-stroke-color:#38bdf8!important}.animated-background .letter-solid{color:#2563eb!important}.animated-background .dot,.animated-background .decoration-line{background-color:#38bdf8!important}.animated-background .grid-pattern{background-image:radial-gradient(#38bdf8 .5px,transparent .5px)!important}
#loader{border-top-color:#38bdf8!important}#loader:before{border-top-color:#60a5fa!important}#loader:after{border-top-color:#2563eb!important}#loader-wrapper .loader-section{background:linear-gradient(135deg,#071a3a,#0b2c61)!important}
/* Vocabulary assessment */
#app .vocabulary-test-page[data-v-b36f8e0a],#app .vocabulary-test-container[data-v-51b1be30]{background:radial-gradient(circle at 18% 12%,rgba(34,211,238,.2),transparent 28%),radial-gradient(circle at 84% 78%,rgba(37,99,235,.22),transparent 34%),linear-gradient(145deg,#071a3d 0%,#0b2f6b 48%,#123f85 100%)!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:rgba(255,255,255,.96)!important;border:1px solid rgba(96,165,250,.28)!important;box-shadow:0 24px 64px rgba(2,18,52,.28)!important;backdrop-filter:blur(16px)}
#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{background:linear-gradient(125deg,#22d3ee 0%,#2563eb 48%,#1d4ed8 100%)!important;box-shadow:0 12px 28px rgba(37,99,235,.32)!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(147,197,253,.28)!important;border-top-color:#22d3ee!important;box-shadow:0 8px 24px rgba(34,211,238,.2)!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:linear-gradient(145deg,#eff6ff,#f8fbff)!important;border-color:rgba(96,165,250,.25)!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-page[data-v-b36f8e0a] .ability-level{color:#2563eb!important}
#app .vocabulary-test-page[data-v-b36f8e0a] .guide-icon{filter:drop-shadow(0 8px 16px rgba(37,99,235,.2))!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{background:#eff6ff!important;border-color:#60a5fa!important;box-shadow:0 8px 20px rgba(37,99,235,.12)!important}
#app .vocabulary-test-page[data-v-b36f8e0a] .pronounce-btn.american,#app .vocabulary-test-page[data-v-b36f8e0a] .pronounce-btn.british{background:linear-gradient(135deg,#22d3ee,#2563eb)!important;box-shadow:0 8px 18px rgba(37,99,235,.22)}
#app .vocabulary-test-page[data-v-b36f8e0a] .skip-btn{color:#1e40af!important;border-color:#bfdbfe!important;background:#fff!important}#app .vocabulary-test-page[data-v-b36f8e0a] .skip-btn:hover:not(:disabled){color:#1d4ed8!important;border-color:#60a5fa!important;background:#eff6ff!important;box-shadow:0 8px 20px rgba(37,99,235,.12)!important}
#app .vocabulary-test-page[data-v-b36f8e0a] button:focus-visible,#app .vocabulary-test-container[data-v-51b1be30] button:focus-visible{outline:2px solid #eff6ff!important;outline-offset:3px;box-shadow:0 0 0 5px rgba(34,211,238,.55)!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:#1e40af!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{background:#eff6ff!important;color:#1e40af!important}
#app .vocabulary-test-container[data-v-51b1be30] .pronunciation-btn{background:#eff6ff!important;color:#1e40af!important;border:1px solid #bfdbfe!important}#app .vocabulary-test-container[data-v-51b1be30] .option-item:hover:not(.disabled),#app .vocabulary-test-container[data-v-51b1be30] .option-item.selected{background:#eff6ff!important;border-color:#60a5fa!important;box-shadow:0 8px 18px rgba(37,99,235,.1)!important}
#app .vocabulary-test-container[data-v-51b1be30] .next-btn,#app .vocabulary-test-container[data-v-51b1be30] .restart-btn{background:linear-gradient(125deg,#22d3ee,#2563eb 48%,#1d4ed8)!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.26)}#app .vocabulary-test-container[data-v-51b1be30] .back-btn{color:#1e40af!important;border:1px solid #bfdbfe!important}
#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:linear-gradient(145deg,#eff6ff,#dbeafe)!important;border-color:#60a5fa!important;border-image:none!important;box-shadow:0 16px 36px rgba(37,99,235,.16)!important}
@media(max-width:768px){#app .vocabulary-test-page[data-v-b36f8e0a],#app .vocabulary-test-container[data-v-51b1be30]{padding:10px!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;border-radius:18px!important;box-shadow:0 16px 36px rgba(2,18,52,.22)!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:28px 20px!important;box-sizing:border-box}}
/* End vocabulary assessment */
@media(max-width:768px){#app .app-wrapper .main-container{background:var(--ybx-canvas)}#app .sidebar-container{box-shadow:14px 0 38px rgba(3,11,29,.28)}}
@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:#fff!important;color:#000!important;box-shadow:none!important}#app .app-wrapper .app-main *{background-color:#fff!important;color:#000!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:#fff!important}}