/* ============================================================================
   商业化皮肤 · 管理端若依风格 + 学生端商务布局 + 科技登录底图
   ============================================================================ */
:root{
  --ry-primary:#1E88E5;
  --ry-primary-d:#1565C0;
  --ry-side:#0F2A44;
  --ry-side-dark:#0A1F33;
  --ry-side-text:#c5d8ea;
  --ry-bg:#f0f2f5;
  --ry-card:#fff;
  --ry-border:#e4e7ed;
  --ry-text:#303133;
  --ry-text2:#606266;
  --ry-text3:#909399;
  --ry-danger:#F56C6C;
  --ry-success:#67C23A;
  --ry-warning:#E6A23C;
}

/* ---------- Element UI 弹窗 / 消息 ---------- */
.el-dialog__wrapper.mask{
  background:rgba(0,0,0,.5)!important;
  display:flex!important;align-items:center;justify-content:center;
  z-index:4000!important;padding:20px;overflow:auto;
}
.el-dialog.modal{
  margin:0 auto!important;border-radius:4px!important;
  width:min(560px,100%)!important;max-width:560px;
  box-shadow:0 1px 3px rgba(0,0,0,.3)!important;
  max-height:88vh;overflow:auto;
}
.el-dialog.modal.wide,.el-dialog--wide{max-width:820px!important;width:min(820px,100%)!important}
.el-dialog__header.modal-h{
  padding:16px 20px 12px!important;border-bottom:1px solid #ebeef5;
  position:sticky;top:0;background:#fff;z-index:2;border-radius:4px 4px 0 0;
}
.el-dialog__title{font-size:18px;line-height:24px;color:#303133;font-weight:500}
.el-dialog__headerbtn{top:16px;right:16px}
.el-dialog__body.modal-b{padding:20px!important;color:#606266}
.el-dialog__footer.modal-f{
  padding:12px 20px 16px!important;border-top:1px solid #ebeef5;
  position:sticky;bottom:0;background:#fff;border-radius:0 0 4px 4px;
  display:flex;justify-content:flex-end;gap:10px;
}
.el-dialog__footer .el-button,.el-dialog__footer .btn{min-width:80px}
.el-message.toast{
  position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:5000;
  min-width:280px;box-sizing:border-box;border-radius:4px;border:1px solid #ebeef5;
  background:#fff;padding:12px 16px;display:flex;align-items:center;gap:8px;
  box-shadow:0 2px 12px 0 rgba(0,0,0,.1);
}
.el-message.toast.ok,.el-message--success{background:#f0f9eb;border-color:#e1f3d8}
.el-message.toast.err,.el-message--error{background:#fef0f0;border-color:#fde2e2}

/* ---------- 登录：MP4 科技背景 + 居中卡片 ---------- */
.login-wrap.login-pro{
  display:flex;align-items:center;justify-content:center;
  min-height:100vh;padding:24px;
  background:#0a1628;position:relative;overflow:hidden;
}
.login-bg{position:absolute;inset:0;z-index:0}
.login-bg-video{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(1.05) contrast(1.05);
}
.login-bg-mask{
  position:absolute;inset:0;
  background:
    linear-gradient(120deg,rgba(6,18,40,.72) 0%,rgba(8,28,56,.45) 45%,rgba(4,16,36,.7) 100%),
    radial-gradient(ellipse at 30% 20%,rgba(64,158,255,.18),transparent 55%);
  pointer-events:none;
}
.login-wrap.login-pro::before{display:none}
.login-wrap.login-pro .login-hero{display:none!important}
.login-wrap.login-pro .login-panel{
  flex:none;background:transparent;padding:0;position:relative;z-index:2;
  width:100%;max-width:420px;
}
.login-wrap.login-pro .login-card{
  background:rgba(255,255,255,.96);border-radius:8px;
  box-shadow:0 12px 40px rgba(0,0,0,.35);padding:36px 40px 28px;
  backdrop-filter:blur(8px);
}
.login-wrap.login-pro .login-logo{justify-content:center;margin-bottom:4px}
.login-wrap.login-pro .login-logo .mark{
  width:48px;height:48px;border-radius:8px;font-size:20px;font-weight:700;
  background:var(--ry-primary);box-shadow:0 6px 16px rgba(64,158,255,.4);
}
.login-wrap.login-pro .login-logo h1{font-size:22px;color:var(--ry-text);font-weight:600}
.login-wrap.login-pro .login-sub{text-align:center;color:var(--ry-text3);margin:6px 0 24px;font-size:13px}
.login-wrap.login-pro .field label{color:var(--ry-text2);font-weight:500}
.login-wrap.login-pro .input{
  height:40px;border-radius:4px;border:1px solid var(--ry-border);
  padding:0 12px;font-size:14px;
}
.login-wrap.login-pro .input:focus{border-color:var(--ry-primary);box-shadow:0 0 0 2px rgba(64,158,255,.15)}
.login-wrap.login-pro .btn{
  height:40px;border-radius:4px;font-size:14px;font-weight:500;letter-spacing:.5px;
  background:var(--ry-primary)!important;box-shadow:none!important;
}
.login-wrap.login-pro .btn:hover{background:var(--ry-primary-d)!important}
.login-wrap.login-pro .hint{text-align:center;color:var(--ry-text3);font-size:12px;margin-top:16px}
.login-wrap.login-pro .hint a{color:var(--ry-primary)}
.login-wrap.login-admin .login-logo .mark{background:#304156}

/* ---------- 管理端 · 若依 ---------- */
.zx-logo{display:flex;align-items:center;gap:10px;min-width:0}
.zx-logo .zx-mark{
  width:40px;height:40px;border-radius:10px;flex-shrink:0;
  object-fit:contain;background:#fff;box-sizing:border-box;padding:2px;
  box-shadow:0 4px 10px rgba(21,101,192,.35);
}
.zx-logo .zx-txt{line-height:1.2;min-width:0}
.zx-logo .zx-txt b{display:block;color:#fff;font-size:16px;font-weight:700;letter-spacing:.3px}
.zx-logo .zx-txt em{display:block;font-style:normal;font-size:11px;color:rgba(255,255,255,.55);margin-top:2px}
.login-wrap.login-pro .login-logo{display:flex;justify-content:center;margin-bottom:8px}
.login-wrap.login-pro .login-logo .zx-logo{justify-content:center}
.login-wrap.login-pro .login-logo .zx-mark{width:52px;height:52px;border-radius:14px}
.login-wrap.login-pro .login-logo .zx-txt b{color:#1a365d;font-size:22px}
.login-wrap.login-pro .login-logo .zx-txt em{color:#64748b;font-size:13px;text-align:center}

.admin-app{background:var(--ry-bg)!important}
.admin-app .side{
  width:232px!important;background:var(--ry-side)!important;
  border-right:none!important;color:var(--ry-side-text)!important;
}
.admin-app .main{margin-left:232px!important;background:var(--ry-bg)!important;min-height:100vh;min-width:0;overflow:hidden}
.admin-app .brand{
  height:60px;padding:0 16px!important;display:flex;align-items:center;gap:10px;
  background:var(--ry-side-dark)!important;margin:0!important;
}
.admin-app .brand .zx-mark{width:38px;height:38px;border-radius:10px}
.admin-app .brand .zx-txt b{font-size:16px}
.admin-app .brand .mark{
  width:36px;height:36px;border-radius:8px;font-size:15px;font-weight:700;
  background:var(--ry-primary)!important;box-shadow:none!important;color:#fff;
  display:grid;place-items:center;flex-shrink:0;
}
.admin-app .brand b{color:#fff!important;font-size:16px!important;font-weight:700;line-height:1.2}
.admin-app .nav{padding:10px 0!important;flex:1;overflow-y:auto}
.admin-app .nav a{
  display:flex;align-items:center;gap:12px;
  height:50px;margin:0!important;padding:0 18px!important;
  border-radius:0!important;color:var(--ry-side-text)!important;
  font-size:15px;font-weight:500!important;border-left:3px solid transparent;
}
.admin-app .nav a .ico{font-size:20px;width:24px;display:grid;place-items:center;opacity:.95}
.admin-app .nav a .ico .ai{width:20px;height:20px}
.admin-app .nav a:hover{background:rgba(0,0,0,.12)!important;color:#fff!important}
.admin-app .nav a.on{
  background:var(--ry-primary)!important;color:#fff!important;
  box-shadow:none!important;border-left-color:transparent;
}
.admin-app .side-foot{
  border-top:1px solid rgba(255,255,255,.06)!important;
  color:#73879c!important;font-size:12px;padding:12px 16px!important;
}
.admin-app .side-dot{display:none}
.admin-app .topbar{
  height:50px!important;min-height:50px!important;padding:0 20px!important;
  background:#fff!important;border-bottom:1px solid var(--ry-border)!important;
  display:flex;align-items:center;justify-content:space-between;
  backdrop-filter:none!important;
}
.admin-app .tb-title{display:flex;align-items:center;gap:8px}
.admin-app .tb-title h2{font-size:15px!important;font-weight:500;color:var(--ry-text);margin:0}
.admin-app .tb-title p{display:none!important}
.admin-app .tb-crumb{display:flex;align-items:center;gap:6px;color:var(--ry-text3);font-size:13px}
.admin-app .tb-crumb b{color:var(--ry-text);font-weight:500}
.admin-app .who{display:flex;align-items:center;gap:8px!important}
.admin-app .who #btnPwd,
.admin-app .who #btnStu{
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  width:108px;height:32px;padding:0!important;box-sizing:border-box;
  line-height:1;text-decoration:none;vertical-align:middle;
}
.admin-app .who #btnPwd .ai,
.admin-app .who #btnStu .ai{width:14px;height:14px;flex:none}
.admin-app .link-btn{
  height:28px;padding:0 10px;border-radius:3px;font-size:12px;
  border:1px solid var(--ry-border);background:#fff;color:var(--ry-text2);
}
.admin-app .link-btn:hover{color:var(--ry-primary);border-color:#c6e2ff;background:#ecf5ff}
.admin-app .link-btn.danger{color:var(--ry-danger);border-color:#fbc4c4}
.admin-app .link-btn.danger:hover{background:#fef0f0}
.admin-app .who-user{display:flex;align-items:center;gap:8px;margin-left:8px;padding-left:12px;border-left:1px solid var(--ry-border)}
.admin-app .who-user .avatar{
  width:28px;height:28px;border-radius:50%;font-size:12px;
  background:var(--ry-primary);color:#fff;display:grid;place-items:center;
}
.admin-app .who-user span{font-size:13px;color:var(--ry-text2)}
.admin-app .content{padding:16px 16px 24px!important}

/* 卡片 / 表格 / 按钮 · Element 感 */
.admin-app .card{
  background:#fff;border:1px solid var(--ry-border);border-radius:4px;
  box-shadow:0 1px 3px rgba(0,0,0,.04);padding:16px 18px;margin-bottom:12px;
}
.admin-app .card-h{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #ebeef5;
}
.admin-app .card-h h3{font-size:15px;font-weight:500;color:var(--ry-text);display:flex;align-items:center;gap:8px}
.admin-app .card-h h3 .ai{color:var(--ry-primary)}
.admin-app .toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;align-items:center}
.admin-app .toolbar .input,.admin-app .toolbar select{
  height:32px;border-radius:4px;border:1px solid var(--ry-border);font-size:13px;padding:0 10px;
}
.admin-app table{width:100%;border-collapse:collapse;font-size:13px}
.admin-app table th{
  background:#f5f7fa;color:var(--ry-text2);font-weight:500;padding:10px 12px;
  border-bottom:1px solid var(--ry-border);text-align:left;white-space:nowrap;
}
.admin-app table td{padding:10px 12px;border-bottom:1px solid #ebeef5;color:var(--ry-text)}
.admin-app table tr:hover td{background:#f5f7fa}
.admin-app .btn,.admin-app .btn.primary-sm{
  height:32px;padding:0 14px;border-radius:4px;font-size:13px;font-weight:500;
  background:var(--ry-primary);color:#fff;border:1px solid var(--ry-primary);
  box-shadow:none;display:inline-flex;align-items:center;gap:4px;
}
.admin-app .btn:hover,.admin-app .btn.primary-sm:hover{background:var(--ry-primary-d);border-color:var(--ry-primary-d)}
.admin-app .btn.ghost{
  background:#fff;color:var(--ry-text2);border:1px solid var(--ry-border);
}
.admin-app .btn.ghost:hover{color:var(--ry-primary);border-color:#c6e2ff;background:#ecf5ff}
.admin-app .tag{border-radius:2px;font-size:12px;padding:0 6px;height:22px;line-height:22px;display:inline-block}
.admin-app .tag.ok{background:#f0f9eb;color:var(--ry-success);border:1px solid #e1f3d8}
.admin-app .tag.gray{background:#f4f4f5;color:var(--ry-text3);border:1px solid #e9e9eb}
.admin-app .stat{
  background:#fff;border:1px solid var(--ry-border);border-radius:4px;
  padding:18px 16px;display:flex;align-items:center;gap:14px;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.admin-app .stat .ic{
  width:48px;height:48px;border-radius:4px;background:#ecf5ff;color:var(--ry-primary);
  display:grid;place-items:center;font-size:22px;
}
.admin-app .stat .v{font-size:24px;font-weight:600;color:var(--ry-text);line-height:1.2}
.admin-app .stat .l{font-size:13px;color:var(--ry-text3);margin-top:2px}
.admin-app .dash-hero{display:none!important}
.admin-app .dash-stats{margin-bottom:12px}
.admin-app .empty{color:var(--ry-text3);padding:40px 0}
.admin-app .empty .e-ic{display:none}
.admin-app .w-tip,.admin-app .page-tip{display:none!important}
.admin-app .modal{border-radius:4px}
.admin-app .modal-h{border-bottom:1px solid #ebeef5}
.admin-app .modal-h h3{font-size:16px;font-weight:500}
.admin-app .acts .link-btn{border:none;background:transparent;color:var(--ry-primary);padding:0 6px;height:auto}
.admin-app .acts .link-btn.danger{color:var(--ry-danger)}

.ry-fold{
  width:36px;height:36px;margin-right:8px;border:none;background:transparent;cursor:pointer;
  display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px;
}
.ry-fold i{display:block;height:2px;background:#303133;border-radius:1px}
.admin-app .nav-leaf,.admin-app .nav-group .ng-sub a{
  display:flex;align-items:center;gap:12px;
  height:50px;margin:0 8px!important;padding:0 14px!important;
  border-radius:8px!important;color:var(--ry-side-text)!important;
  font-size:15px;font-weight:500!important;border-left:none;
}
.admin-app .nav-leaf .ico .ai,.admin-app .nav-group .ng-sub a .ico .ai,
.admin-app .nav-group .ng-t .ico .ai{width:20px;height:20px}
.admin-app .nav-group .ng-t{
  width:calc(100% - 16px);margin:0 8px;display:flex;align-items:center;gap:12px;
  height:50px;padding:0 14px;border:none;background:transparent;cursor:pointer;
  color:#9eb6cc;font-size:15px;font-weight:600;text-align:left;border-radius:8px;
}
.admin-app .nav-group .ng-t:hover,.admin-app .nav-leaf:hover,.admin-app .nav-group .ng-sub a:hover{
  background:rgba(0,0,0,.12)!important;color:#fff!important;
}
.admin-app .nav-group .ng-arrow{margin-left:auto;font-size:10px;opacity:.6;transition:transform .2s}
.admin-app .nav-group.open .ng-arrow{transform:rotate(180deg)}
.admin-app .nav-group .ng-sub{display:none;background:rgba(0,0,0,.15)}
.admin-app .nav-group.open .ng-sub{display:block}
.admin-app .nav-group .ng-sub a{padding-left:46px!important;height:46px;font-size:14px}
.admin-app .nav-leaf.on,.admin-app .nav-group .ng-sub a.on{
  background:var(--ry-primary)!important;color:#fff!important;
}
.admin-app.side-fold .side{width:64px!important}
.admin-app.side-fold .main{margin-left:64px!important}
.admin-app.side-fold .brand{padding:0!important;justify-content:center}
.admin-app.side-fold .brand b,.admin-app.side-fold .side-foot,
.admin-app.side-fold .txt,.admin-app.side-fold .zx-txt,.admin-app.side-fold .ng-arrow{display:none!important}
.admin-app.side-fold .nav-group .ng-t{display:none}
.admin-app.side-fold .nav-group .ng-sub{display:block!important;background:transparent}
.admin-app.side-fold .nav-leaf,.admin-app.side-fold .nav-group .ng-sub a{
  padding:0!important;justify-content:center;border-left:none;
}

@media (max-width:820px){
  .admin-app .side,.admin-app.side-fold .side{width:64px!important}
  .admin-app .main,.admin-app.side-fold .main{margin-left:64px!important}
  .admin-app .nav a .txt,.admin-app .brand b,.admin-app .side-foot,
  .admin-app .txt,.admin-app .zx-txt,.admin-app .ng-arrow{display:none}
  .admin-app .nav-group .ng-t{display:none}
  .admin-app .nav-group .ng-sub{display:block!important}
  .admin-app .nav a,.admin-app .nav-leaf,.admin-app .nav-group .ng-sub a{justify-content:center;padding:0!important}
}

/* ---------- 管理端分页 ---------- */
.ry-pager{
  display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;
  padding:14px 4px 4px;font-size:13px;color:var(--ry-text2,#606266);
}
.ry-pager-total{margin-right:4px;color:var(--ry-text3,#909399)}
.ry-pager-size{
  height:28px;border:1px solid #dcdfe6;border-radius:4px;padding:0 8px;
  background:#fff;color:#606266;outline:none;cursor:pointer;
}
.ry-pager-btn{
  min-width:28px;height:28px;padding:0 8px;border:1px solid #dcdfe6;border-radius:4px;
  background:#fff;color:#606266;cursor:pointer;line-height:26px;
}
.ry-pager-btn:hover:not(:disabled){color:var(--ry-primary);border-color:var(--ry-primary)}
.ry-pager-btn.on{background:var(--ry-primary);border-color:var(--ry-primary);color:#fff}
.ry-pager-btn:disabled{opacity:.45;cursor:not-allowed}
.ry-pager-gap{padding:0 2px;color:#c0c4cc}

/* ---------- 学生端 · 商务布局（全主题） ---------- */
.st-layout.st-biz{
  --st-side-w:220px;
  --st-accent:#1d4ed8;
  background:#f0f2f5!important;
}
.st-layout.st-biz .st-main{
  margin-left:var(--st-side-w)!important;
  background:#f0f2f5!important;
  background-image:none!important;min-height:100vh;
}
.st-layout.st-biz .st-side{
  width:var(--st-side-w)!important;
  align-items:stretch!important;
  padding:0!important;
  background:#001529!important;
  border-right:none!important;
  box-shadow:2px 0 8px rgba(0,21,41,.12);
}
.st-layout.st-biz .st-side .sbrand{
  display:flex;align-items:center;gap:10px;
  height:56px;padding:0 16px;margin:0!important;
  background:#002140;border-bottom:1px solid rgba(255,255,255,.06);
}
.st-layout.st-biz .st-side .sbrand .sb-mark{
  width:32px;height:32px;border-radius:6px!important;margin:0!important;
  background:var(--ry-primary)!important;box-shadow:none!important;
  color:#fff!important;font-size:15px!important;font-weight:700;
  display:grid;place-items:center;flex-shrink:0;
}
.st-layout.st-biz .st-side .sbrand .sb-txt{line-height:1.2;min-width:0}
.st-layout.st-biz .st-side .sbrand b{
  display:block;color:#fff!important;font-size:15px!important;font-weight:600;letter-spacing:0!important;
}
.st-layout.st-biz .st-side .sbrand em{
  display:block;font-style:normal;font-size:11px;color:rgba(255,255,255,.45);margin-top:1px;
}
.st-layout.st-biz .st-nav-group{padding:12px 12px 4px}
.st-layout.st-biz .st-nav-label{
  font-size:11px;color:rgba(255,255,255,.35);padding:0 8px 6px;
  letter-spacing:.5px;text-transform:uppercase;
}
.st-layout.st-biz .st-nav-subj{flex:1;min-height:0;overflow:auto;padding-top:4px}
.st-layout.st-biz .st-subj,
.st-layout.st-biz .wt-side{
  width:100%!important;align-items:stretch!important;gap:2px!important;padding:0!important;
}
.st-layout.st-biz .st-subj a,
.st-layout.st-biz .wt-side>a[data-wordhome]{
  width:100%!important;max-width:none!important;
  display:flex!important;flex-direction:row!important;align-items:center;gap:10px;
  height:42px;padding:0 12px!important;margin:0!important;
  border-radius:6px!important;color:rgba(255,255,255,.65)!important;
  font-size:14px!important;font-weight:400!important;text-align:left!important;
  line-height:1!important;
}
.st-layout.st-biz .st-subj a .nt,
.st-layout.st-biz .wt-side>a[data-wordhome] .nt{flex:1}
.st-layout.st-biz .st-subj a .ic,
.st-layout.st-biz .wt-side>a[data-wordhome] .ic{
  width:28px!important;height:28px!important;margin:0!important;
  border-radius:6px!important;font-size:15px!important;
  background:rgba(255,255,255,.06)!important;border:none!important;
  box-shadow:none!important;color:rgba(255,255,255,.75)!important;
}
.st-layout.st-biz .st-subj a .ic .ai,
.st-layout.st-biz .wt-side>a[data-wordhome] .ic .ai{width:1em;height:1em}
.st-layout.st-biz .st-subj a:hover,
.st-layout.st-biz .wt-side>a[data-wordhome]:hover{
  background:rgba(255,255,255,.06)!important;color:#fff!important;
}
.st-layout.st-biz .st-subj a.on,
.st-layout.st-biz .wt-side>a[data-wordhome].on{
  background:var(--ry-primary)!important;color:#fff!important;font-weight:500!important;
}
.st-layout.st-biz .st-subj a.on .ic,
.st-layout.st-biz .wt-side>a[data-wordhome].on .ic{
  background:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:none!important;
}
.st-layout.st-biz .st-me{
  flex-direction:row!important;align-items:center!important;gap:10px!important;
  padding:12px 14px!important;margin-top:auto;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:#000c17;
}
.st-layout.st-biz .st-me .avatar{
  width:36px!important;height:36px!important;border-radius:50%!important;
  font-size:14px!important;font-weight:600;box-shadow:none!important;flex-shrink:0;
}
.st-layout.st-biz .st-me-info{flex:1;min-width:0}
.st-layout.st-biz .st-me b{
  display:block;color:#fff!important;font-size:13px!important;font-weight:500;
  max-width:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.st-layout.st-biz .st-me-grade{
  color:rgba(255,255,255,.45)!important;font-size:11px!important;max-width:none!important;
}
.st-layout.st-biz .st-me-act{margin:0!important}
.st-layout.st-biz .st-out{
  width:32px;height:32px;padding:0!important;margin:0!important;max-width:none!important;
  border-radius:6px!important;border:1px solid rgba(255,255,255,.12)!important;
  background:transparent!important;color:rgba(255,255,255,.55)!important;
  display:grid!important;place-items:center;font-size:14px;
}
.st-layout.st-biz .st-out:hover{
  color:#f89898!important;border-color:rgba(245,108,108,.5)!important;background:rgba(245,108,108,.12)!important;
}

.st-layout.st-biz .st-top{
  height:auto!important;min-height:56px;padding:0 24px!important;
  background:#fff!important;border-bottom:1px solid #e8e8e8!important;
  backdrop-filter:none!important;align-items:stretch!important;gap:16px!important;
}
.st-layout.st-biz .st-top-l{
  flex:1;min-width:0;display:flex;align-items:center;gap:20px;overflow:hidden;
}
.st-layout.st-biz .st-page-title{
  flex-shrink:0;font-size:16px;font-weight:600;color:#262626;
  padding-right:16px;border-right:1px solid #f0f0f0;
}
.st-layout.st-biz .st-tabs{
  height:56px;gap:0!important;align-items:stretch;
}
.st-layout.st-biz .st-tabs a{
  height:56px!important;padding:0 14px!important;margin:0;
  border:none!important;border-bottom:2px solid transparent!important;
  border-radius:0!important;background:transparent!important;
  color:#595959!important;font-size:14px!important;font-weight:400!important;
  display:inline-flex;align-items:center;gap:6px;
}
.st-layout.st-biz .st-tabs a:hover{color:#262626!important}
.st-layout.st-biz .st-tabs a.on{
  color:var(--ry-primary)!important;font-weight:500!important;
  border-bottom-color:var(--ry-primary)!important;background:transparent!important;
  box-shadow:none!important;
}
.st-layout.st-biz .st-tabs a .n{
  min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:#f0f0f0!important;color:#8c8c8c!important;font-size:11px;line-height:18px;
  font-style:normal;margin:0!important;
}
.st-layout.st-biz .st-tabs a.on .n{
  background:#e6f4ff!important;color:var(--ry-primary)!important;
}
.st-layout.st-biz .st-top-r{gap:10px!important}
.st-layout.st-biz .st-top-r .st-report{
  height:36px;padding:0 14px!important;border-radius:12px!important;font-weight:600!important;
}
.st-layout.st-biz .st-top-r .ai-help{color:#ff5a5f!important}
.st-layout.st-biz .st-top-r .ai-chart{color:#3d8bfd!important}
.st-layout.st-biz .st-theme-btn .ai-sun{color:#f5b400!important}
.st-layout.st-biz .st-theme-btn .ai-moon{color:#f6c445!important}
.st-layout.st-biz .st-theme-btn .ai-eye{color:#b7761a!important}
.st-layout.st-biz .st-theme-btn .ai-leaf{color:#2e7d4f!important}
.st-layout.st-biz .st-report{
  height:32px;padding:0 12px!important;gap:6px;
  background:#fff!important;border:1px solid #d9d9d9!important;
  color:#595959!important;border-radius:6px!important;box-shadow:none!important;
  font-size:13px!important;font-weight:400!important;
}
.st-layout.st-biz .st-report:hover{
  color:var(--ry-primary)!important;border-color:var(--ry-primary)!important;
}
.st-layout.st-biz .st-report.on{
  color:var(--ry-primary)!important;border-color:#91caff!important;background:#e6f4ff!important;
}
.st-layout.st-biz .st-themes{display:flex;align-items:center;gap:6px;margin-left:2px}
.st-layout.st-biz .st-themes button{
  display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;
  border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#595959;
  font-size:13px;cursor:pointer;font-family:inherit;
}
.st-layout.st-biz .st-themes button.on{
  border-color:var(--ry-primary);background:#e6f4ff;color:var(--ry-primary);font-weight:600;
}
.st-layout.st-biz .st-themes .tm-sw{width:16px;height:16px;border-radius:4px}
.st-layout.st-biz .st-report .ai{margin:0}
.st-layout.st-biz .st-content{padding:20px 24px 48px!important;max-width:1280px}

.st-layout.st-biz .st-hello{
  background:transparent!important;border:none!important;box-shadow:none!important;
  border-radius:0!important;padding:0 0 16px!important;margin-bottom:4px!important;
}
.st-layout.st-biz .st-hello .hh{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
}
.st-layout.st-biz .st-hello .hh-path{
  display:flex;align-items:center;gap:6px;font-size:15px;color:#8c8c8c;margin-bottom:6px;
}
.st-layout.st-biz .st-hello .hh-path .ai{width:12px;height:12px}
.st-layout.st-biz .st-hello .hh b{
  display:block;font-size:24px!important;font-weight:600!important;color:#262626!important;letter-spacing:0;
}
.st-layout.st-biz .hh-count{
  font-size:13px;color:#8c8c8c;background:#fff;border:1px solid #f0f0f0;
  border-radius:16px;padding:4px 12px;white-space:nowrap;
}
.st-layout.st-biz .st-hello p,.st-layout.st-biz .st-hello .hh-tip,
.st-layout.st-biz .st-hello .hh-cat,.st-layout.st-biz .st-hello .hh-kicker{display:none!important}

.st-layout.st-biz .st-cards{
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:18px!important;
}
.st-layout.st-biz .st-card{
  position:relative;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;
  background:#fff!important;border:none!important;
  border-radius:18px!important;box-shadow:0 10px 28px rgba(40,70,110,.08)!important;
  color:#1f1f1f!important;transition:box-shadow .2s,transform .2s;
}
.st-layout.st-biz .st-card:hover{
  box-shadow:0 16px 36px rgba(40,70,110,.14)!important;
  transform:translateY(-3px);
}
.st-layout.st-biz .st-card .sc-face{
  position:relative;min-height:152px;padding:18px 16px 52px;overflow:hidden;
  background:
    radial-gradient(120px 90px at 100% 0%, rgba(59,130,246,.28), transparent 68%),
    radial-gradient(90px 90px at 78% 110%, rgba(59,130,246,.16), transparent 70%),
    linear-gradient(165deg,#d4e6ff 0%,#eef5ff 58%,#f8fbff 100%);
}
.st-layout.st-biz .st-card.st-英语 .sc-face{
  background:
    radial-gradient(120px 90px at 100% 0%, rgba(34,197,94,.28), transparent 68%),
    radial-gradient(90px 90px at 78% 110%, rgba(34,197,94,.16), transparent 70%),
    linear-gradient(165deg,#d4f5e4 0%,#eefbf4 58%,#f7fdf9 100%);
}
.st-layout.st-biz .st-card.st-物理 .sc-face{
  background:
    radial-gradient(120px 90px at 100% 0%, rgba(124,58,237,.26), transparent 68%),
    radial-gradient(90px 90px at 78% 110%, rgba(124,58,237,.14), transparent 70%),
    linear-gradient(165deg,#e6dcff 0%,#f6f2ff 58%,#fbf9ff 100%);
}
.st-layout.st-biz .st-card.st-化学 .sc-face{
  background:
    radial-gradient(120px 90px at 100% 0%, rgba(249,115,22,.28), transparent 68%),
    radial-gradient(90px 90px at 78% 110%, rgba(249,115,22,.14), transparent 70%),
    linear-gradient(165deg,#ffe4cc 0%,#fff4ea 58%,#fffaf5 100%);
}
.st-layout.st-biz .st-card .sc-face::after{
  content:'';position:absolute;right:-28px;top:-36px;width:120px;height:120px;border-radius:50%;
  border:14px solid rgba(255,255,255,.45);pointer-events:none;
}
.st-layout.st-biz .st-card .sc-title{
  display:block;position:relative;z-index:1;max-width:72%;
  font-size:22px;font-weight:700;color:#1a1a1a;line-height:1.35;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.st-layout.st-biz .st-card .sc-meta{
  position:relative;z-index:1;max-width:68%;
  font-size:16px;color:#8b95a7;margin-top:8px;line-height:1.4;
}
.st-layout.st-biz .st-card .cat-pill{
  position:absolute!important;top:14px;right:14px;z-index:2;
  font-size:12px;font-weight:600;padding:4px 10px;line-height:1.2;
  border-radius:14px;background:#3b82f6!important;color:#fff!important;
  border:none!important;box-shadow:none!important;
}
.st-layout.st-biz .st-card.cat-专项提升 .cat-pill{background:#22c55e!important}
.st-layout.st-biz .st-card.cat-同步培优 .cat-pill{background:#f59e0b!important}
.st-layout.st-biz .st-card.cat-中考冲刺 .cat-pill{background:#f97316!important}
.st-layout.st-biz .st-card .sc-enter{
  position:absolute;right:16px;bottom:14px;z-index:2;
  background:#fff;color:#3b82f6;border-radius:16px;
  padding:5px 14px;font-size:13px;font-weight:600;
  box-shadow:0 6px 16px rgba(40,70,110,.12);
}
.st-layout.st-biz .st-card.st-英语 .sc-enter{color:#16a34a}
.st-layout.st-biz .st-card.st-物理 .sc-enter{color:#7c3aed}
.st-layout.st-biz .st-card.st-化学 .sc-enter{color:#ea580c}
.st-layout.st-biz .st-card .sc-deco{
  position:absolute;right:18px;bottom:16px;width:86px;height:72px;border-radius:18px;
  background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,255,255,.45));
  box-shadow:0 10px 20px rgba(40,70,110,.08);
  pointer-events:none;transform:rotate(-8deg);
}
.st-layout.st-biz .st-card .sc-deco::before{
  content:'';position:absolute;left:14px;top:16px;width:34px;height:22px;border-radius:7px;
  background:rgba(59,130,246,.28);
  box-shadow:22px 22px 0 -4px rgba(59,130,246,.18), 0 28px 0 -6px rgba(59,130,246,.12);
}
.st-layout.st-biz .st-card.st-英语 .sc-deco::before{background:rgba(34,197,94,.32);box-shadow:22px 22px 0 -4px rgba(34,197,94,.2), 0 28px 0 -6px rgba(34,197,94,.12)}
.st-layout.st-biz .st-card.st-物理 .sc-deco::before{background:rgba(124,58,237,.3);box-shadow:22px 22px 0 -4px rgba(124,58,237,.18), 0 28px 0 -6px rgba(124,58,237,.12)}
.st-layout.st-biz .st-card.st-化学 .sc-deco::before{background:rgba(249,115,22,.32);box-shadow:22px 22px 0 -4px rgba(249,115,22,.2), 0 28px 0 -6px rgba(249,115,22,.12)}
.st-layout.st-biz .st-card .sc-prog{padding:12px 16px 14px;background:#fff}
.st-layout.st-biz .st-card .fb-top{
  display:flex;justify-content:space-between;align-items:center;
  font-size:13px;color:#8b95a7;margin-bottom:8px;
}
.st-layout.st-biz .st-card .fb-top b{color:#1f1f1f;font-weight:700}
.st-layout.st-biz .st-card .fb-top b.full{color:#16a34a}
.st-layout.st-biz .st-card .pbar{
  height:6px;border-radius:3px;background:#eef2f6!important;overflow:hidden;
}
.st-layout.st-biz .st-card .pbar i{
  display:block;height:100%;border-radius:3px;background:#3b82f6!important;
}
.st-layout.st-biz .st-card.st-英语 .pbar i{background:#22c55e!important}
.st-layout.st-biz .st-card.st-物理 .pbar i{background:#7c3aed!important}
.st-layout.st-biz .st-card.st-化学 .pbar i{background:#f97316!important}
.st-layout.st-biz .st-card .head,.st-layout.st-biz .st-card .foot,
.st-layout.st-biz .st-card .wm{display:none!important}

.st-layout.st-biz .st-backbar,.st-layout.st-biz .st-sec{
  background:#fff!important;border:1px solid #f0f0f0!important;
  border-radius:8px!important;box-shadow:0 1px 2px rgba(0,0,0,.03)!important;
  color:#262626!important;
}
.st-layout.st-biz .bb-tt b,.st-layout.st-biz .sec-h b{color:#262626!important;font-weight:600}
.st-layout.st-biz .bb-tt span,.st-layout.st-biz .sec-tip,.st-layout.st-biz .ch-empty{color:#8c8c8c!important}
.st-layout.st-biz .sec-tip{display:none!important}
.st-layout.st-biz .st-back{
  background:#fff!important;border:1px solid #d9d9d9!important;
  color:#595959!important;border-radius:6px!important;
}
.st-layout.st-biz .st-back:hover{color:var(--ry-primary)!important;border-color:var(--ry-primary)!important;background:#e6f4ff!important}
.st-layout.st-biz .kp-group{background:#fafafa!important;border-color:#f0f0f0!important;border-radius:6px}
.st-layout.st-biz .kp-group-h{background:#fafafa!important}
.st-layout.st-biz .g-name{color:#262626!important}
.st-layout.st-biz .g-meta{background:#fff!important;border-color:#f0f0f0!important;color:#8c8c8c!important}
.st-layout.st-biz .g-arrow{background:#fff!important;color:var(--ry-primary)!important;border:1px solid #d9d9d9}
.st-layout.st-biz .kp-box,.st-layout.st-biz .ex-row{
  background:#fff!important;border:1px solid #f0f0f0!important;color:#262626!important;border-radius:6px;
}
.st-layout.st-biz .kp-box:hover,.st-layout.st-biz .ex-row:hover{
  border-color:#91caff!important;background:#f0f7ff!important;
}
.st-layout.st-biz .kp-tt b,.st-layout.st-biz .ex-info b{color:#262626!important}
.st-layout.st-biz .kp-doc,.st-layout.st-biz .kp-doc .dn,.st-layout.st-biz .ex-info span{color:#8c8c8c!important}
.st-layout.st-biz .kp-idx{background:#e6f4ff!important;color:var(--ry-primary)!important;border-radius:4px}
.st-layout.st-biz .kp-box.done{background:#f6ffed!important;border-color:#b7eb8f!important}
.st-layout.st-biz .kb-print,.st-layout.st-biz .kb-dl{
  background:#fff!important;color:#595959!important;border:1px solid #d9d9d9!important;border-radius:6px!important;
}
.st-layout.st-biz .kb-play{
  background:var(--ry-primary)!important;box-shadow:none!important;border-radius:6px!important;
}
.st-layout.st-biz .wt-wrap{
  background:#fff!important;border:1px solid #f0f0f0!important;
  border-radius:8px!important;box-shadow:0 1px 2px rgba(0,0,0,.03)!important;
}
.st-layout.st-biz .empty{color:#8c8c8c!important;padding:48px 0}
.st-layout.st-biz .empty .e-ic:not(:has(.ai)){display:none}

/* 选择主题：挂到 body 上，避免被顶栏裁切 */
.theme-menu{
  width:292px;padding:12px 12px 10px;border-radius:16px;
}
.theme-menu .theme-menu-h{padding:2px 6px 10px}
.theme-menu .theme-menu-h b{font-size:14px;font-weight:600;color:var(--text,#262626)}
.theme-menu .tm-close{font-size:18px;line-height:1}
.theme-menu .tm-item{border-radius:12px;padding:8px 10px;gap:12px}
.theme-menu .tm-tt b{
  display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:var(--text,#1f2430);
}
.theme-menu .tm-tt em{display:block!important;margin-top:2px;font-size:12px;color:var(--text3,#8a97ad)}
.theme-menu .ai-sun{color:#f5b400}
.theme-menu .ai-moon{color:#f6c445}
.theme-menu .ai-eye{color:#8aa0b8}
.theme-menu .ai-leaf{color:#3cb371}
.theme-menu .tm-ck{font-size:16px}

@media (max-width:980px){
  .st-layout.st-biz{--st-side-w:72px}
  .st-layout.st-biz .st-side .sbrand .sb-txt,
  .st-layout.st-biz .st-nav-label,
  .st-layout.st-biz .st-subj a .nt,
  .st-layout.st-biz .wt-side>a[data-wordhome] .nt,
  .st-layout.st-biz .st-me-info{display:none!important}
  .st-layout.st-biz .st-side .sbrand{justify-content:center;padding:0}
  .st-layout.st-biz .st-subj a,
  .st-layout.st-biz .wt-side>a[data-wordhome]{justify-content:center;padding:0!important}
  .st-layout.st-biz .st-me{justify-content:center;padding:12px 8px!important}
  .st-layout.st-biz .st-page-title{display:none}
}
@media (max-width:640px){
  .st-layout.st-biz .st-main{margin-left:0!important}
  .st-layout.st-biz .st-side{
    width:100%!important;background:#001529!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 -2px 12px rgba(0,0,0,.18)!important;
  }
  .st-layout.st-biz .st-side .sbrand,
  .st-layout.st-biz .st-nav-label{display:none!important}
  .st-layout.st-biz .st-nav-group{padding:0;flex:1}
  .st-layout.st-biz .st-subj,
  .st-layout.st-biz .wt-side{flex-direction:row!important}
  .st-layout.st-biz .st-subj a,
  .st-layout.st-biz .wt-side>a[data-wordhome]{
    flex-direction:column!important;height:auto!important;padding:4px 2px!important;
    font-size:10px!important;gap:2px!important;border-radius:8px!important;
  }
  .st-layout.st-biz .st-subj a .nt,
  .st-layout.st-biz .wt-side>a[data-wordhome] .nt{display:block!important;font-size:10px}
  .st-layout.st-biz .st-me{padding:4px!important;background:transparent;border:none!important}
  .st-layout.st-biz .st-me-info{display:none!important}
  .st-layout.st-biz .st-me-act{
    display:none!important;position:fixed;right:10px;bottom:calc(70px + env(safe-area-inset-bottom,0px));
    min-width:120px;padding:8px;background:#fff;border:1px solid #f0f0f0;border-radius:8px;
    box-shadow:0 6px 16px rgba(0,0,0,.12);z-index:60;
  }
  .st-layout.st-biz .st-me.open .st-me-act{display:block!important}
  .st-layout.st-biz .st-me.open .st-out{
    width:100%;height:36px;border-color:#ffccc7!important;color:#ff4d4f!important;background:#fff2f0!important;
  }
  .st-layout.st-biz .st-report span{display:none}
  .st-layout.st-biz .st-themes .st-th-name{display:none}
  .st-layout.st-biz .st-themes button{padding:0 6px}
  .st-layout.st-biz .st-top{padding:0 12px!important}
  .st-layout.st-biz .st-content{padding:14px 14px 84px!important}
}

/* ---------- 四主题色：商务布局下的内容区 ---------- */
body[data-theme="night"] .st-layout.st-biz{
  background:#0e1520!important;
  --st-accent:#6f97ff;
}
body[data-theme="night"] .st-layout.st-biz .st-main{background:#0e1520!important}
body[data-theme="night"] .st-layout.st-biz .st-top{
  background:#18222f!important;border-bottom-color:#2b3748!important;
}
body[data-theme="night"] .st-layout.st-biz .st-page-title{color:#e7edf6!important;border-right-color:#2b3748}
body[data-theme="night"] .st-layout.st-biz .st-tabs a{color:#a5b4ca!important}
body[data-theme="night"] .st-layout.st-biz .st-tabs a:hover{color:#e7edf6!important}
body[data-theme="night"] .st-layout.st-biz .st-tabs a.on{color:#6f97ff!important;border-bottom-color:#6f97ff!important}
body[data-theme="night"] .st-layout.st-biz .st-tabs a .n{background:#212d3d!important;color:#a5b4ca!important}
body[data-theme="night"] .st-layout.st-biz .st-tabs a.on .n{background:#1d2b43!important;color:#6f97ff!important}
body[data-theme="night"] .st-layout.st-biz .st-report{
  background:#1b2634!important;border-color:#2b3748!important;color:#a5b4ca!important;
}
body[data-theme="night"] .st-layout.st-biz .st-report:hover,
body[data-theme="night"] .st-layout.st-biz .st-report.on{
  color:#6f97ff!important;border-color:#6f97ff!important;background:#1d2b43!important;
}
body[data-theme="night"] .st-layout.st-biz .st-themes button{
  background:#1b2634!important;border-color:#2b3748!important;color:#a5b4ca!important;
}
body[data-theme="night"] .st-layout.st-biz .st-themes button.on{
  color:#6f97ff!important;border-color:#6f97ff!important;background:#1d2b43!important;
}
body[data-theme="night"] .st-layout.st-biz .st-hello .hh b{color:#e7edf6!important}
body[data-theme="night"] .st-layout.st-biz .hh-count{background:#18222f;border-color:#2b3748;color:#a5b4ca}
body[data-theme="night"] .st-layout.st-biz .st-card,
body[data-theme="night"] .st-layout.st-biz .st-backbar,
body[data-theme="night"] .st-layout.st-biz .st-sec,
body[data-theme="night"] .st-layout.st-biz .wt-wrap,
body[data-theme="night"] .st-layout.st-biz .kp-box,
body[data-theme="night"] .st-layout.st-biz .ex-row{
  background:#18222f!important;border-color:#2b3748!important;color:#e7edf6!important;
}
body[data-theme="night"] .st-layout.st-biz .st-card:hover,
body[data-theme="night"] .st-layout.st-biz .kp-box:hover,
body[data-theme="night"] .st-layout.st-biz .ex-row:hover{
  border-color:#6f97ff!important;background:#1d2836!important;
}
body[data-theme="night"] .st-layout.st-biz .st-card .sc-face{
  background:radial-gradient(120px 90px at 100% 0%, rgba(111,151,255,.35), transparent 68%), linear-gradient(180deg,#1a3358,#24344c)!important;
}
body[data-theme="night"] .st-layout.st-biz .st-card.st-英语 .sc-face{
  background:radial-gradient(120px 90px at 100% 0%, rgba(52,199,123,.28), transparent 68%), linear-gradient(180deg,#143528,#1b3330)!important;
}
body[data-theme="night"] .st-layout.st-biz .st-card.st-物理 .sc-face{
  background:radial-gradient(120px 90px at 100% 0%, rgba(154,131,255,.32), transparent 68%), linear-gradient(180deg,#2a2044,#2c2840)!important;
}
body[data-theme="night"] .st-layout.st-biz .st-card.st-化学 .sc-face{
  background:radial-gradient(120px 90px at 100% 0%, rgba(249,146,70,.3), transparent 68%), linear-gradient(180deg,#3a2818,#33281f)!important;
}
body[data-theme="night"] .st-layout.st-biz .st-card .sc-prog{background:#18222f}
body[data-theme="night"] .st-layout.st-biz .st-card .fb-top b{color:#e7edf6}
body[data-theme="night"] .st-layout.st-biz .st-card .sc-enter{background:#24344a}
body[data-theme="night"] .st-layout.st-biz .st-card .sc-title,
body[data-theme="night"] .st-layout.st-biz .bb-tt b,
body[data-theme="night"] .st-layout.st-biz .sec-h b,
body[data-theme="night"] .st-layout.st-biz .kp-tt b,
body[data-theme="night"] .st-layout.st-biz .g-name{color:#e7edf6!important}
body[data-theme="night"] .st-layout.st-biz .st-card .sc-meta,
body[data-theme="night"] .st-layout.st-biz .st-card .fb-top,
body[data-theme="night"] .st-layout.st-biz .bb-tt span,
body[data-theme="night"] .st-layout.st-biz .kp-doc{color:#7c8da6!important}
body[data-theme="night"] .st-layout.st-biz .st-card .pbar{background:#2b3748!important}
body[data-theme="night"] .st-layout.st-biz .st-card .sc-foot{border-top-color:#2b3748}
body[data-theme="night"] .st-layout.st-biz .st-back{
  background:#1b2634!important;border-color:#2b3748!important;color:#a5b4ca!important;
}
body[data-theme="night"] .st-layout.st-biz .kp-group,
body[data-theme="night"] .st-layout.st-biz .kp-group-h{background:#131c28!important;border-color:#2b3748!important}
body[data-theme="night"] .st-layout.st-biz .theme-menu{background:#18222f;border-color:#2b3748}
body[data-theme="night"] .st-layout.st-biz .tm-item.on{background:#1d2b43!important;border-color:#6f97ff!important}

body[data-theme="eye"] .st-layout.st-biz{
  background:#f5efe2!important;--st-accent:#b7761a;
}
body[data-theme="eye"] .st-layout.st-biz .st-main{background:#f5efe2!important}
body[data-theme="eye"] .st-layout.st-biz .st-top{
  background:#fdf9f1!important;border-bottom-color:#e6d8bf!important;
}
body[data-theme="eye"] .st-layout.st-biz .st-page-title{color:#2f281d!important;border-right-color:#ece0cb}
body[data-theme="eye"] .st-layout.st-biz .st-tabs a{color:#6f6047!important}
body[data-theme="eye"] .st-layout.st-biz .st-tabs a:hover{color:#2f281d!important}
body[data-theme="eye"] .st-layout.st-biz .st-tabs a.on{color:#b7761a!important;border-bottom-color:#b7761a!important}
body[data-theme="eye"] .st-layout.st-biz .st-tabs a .n{background:#f1e7d3!important;color:#6f6047!important}
body[data-theme="eye"] .st-layout.st-biz .st-tabs a.on .n{background:#f7ecd6!important;color:#b7761a!important}
body[data-theme="eye"] .st-layout.st-biz .st-report{
  background:#fdf9f1!important;border-color:#e6d8bf!important;color:#6f6047!important;
}
body[data-theme="eye"] .st-layout.st-biz .st-report:hover,
body[data-theme="eye"] .st-layout.st-biz .st-report.on{
  color:#b7761a!important;border-color:#b7761a!important;background:#f7ecd6!important;
}
body[data-theme="eye"] .st-layout.st-biz .st-themes button{
  background:#fdf9f1!important;border-color:#e6d8bf!important;color:#6f6047!important;
}
body[data-theme="eye"] .st-layout.st-biz .st-themes button.on{
  color:#b7761a!important;border-color:#b7761a!important;background:#f7ecd6!important;
}
body[data-theme="eye"] .st-layout.st-biz .st-card,
body[data-theme="eye"] .st-layout.st-biz .st-backbar,
body[data-theme="eye"] .st-layout.st-biz .st-sec,
body[data-theme="eye"] .st-layout.st-biz .wt-wrap{
  background:#fdf9f1!important;border-color:#e6d8bf!important;
}
body[data-theme="eye"] .st-layout.st-biz .st-card:hover{border-color:#b7761a!important}
body[data-theme="eye"] .st-layout.st-biz .st-card .go,
body[data-theme="eye"] .st-layout.st-biz .kb-play{color:#b7761a!important}
body[data-theme="eye"] .st-layout.st-biz .kb-play{background:#b7761a!important;color:#fff!important}
body[data-theme="eye"] .st-layout.st-biz .st-tabs a.on,
body[data-theme="eye"] .st-layout.st-biz .st-card .pbar i{border-bottom-color:#b7761a}
body[data-theme="eye"] .st-layout.st-biz .st-card .pbar i{background:#b7761a!important}
body[data-theme="eye"] .st-layout.st-biz .tm-item.on{background:#f7ecd6!important;border-color:#b7761a!important}

body[data-theme="green"] .st-layout.st-biz{
  background:#dcebda!important;--st-accent:#2e7d4f;
}
body[data-theme="green"] .st-layout.st-biz .st-main{background:#dcebda!important}
body[data-theme="green"] .st-layout.st-biz .st-top{
  background:#f4faf2!important;border-bottom-color:#c8dcc5!important;
}
body[data-theme="green"] .st-layout.st-biz .st-page-title{color:#1e2f22!important;border-right-color:#cfe1cc}
body[data-theme="green"] .st-layout.st-biz .st-tabs a{color:#4f6553!important}
body[data-theme="green"] .st-layout.st-biz .st-tabs a:hover{color:#1e2f22!important}
body[data-theme="green"] .st-layout.st-biz .st-tabs a.on{color:#2e7d4f!important;border-bottom-color:#2e7d4f!important}
body[data-theme="green"] .st-layout.st-biz .st-tabs a .n{background:#dcebd9!important;color:#4f6553!important}
body[data-theme="green"] .st-layout.st-biz .st-tabs a.on .n{background:#e0f0e3!important;color:#2e7d4f!important}
body[data-theme="green"] .st-layout.st-biz .st-report{
  background:#f4faf2!important;border-color:#c8dcc5!important;color:#4f6553!important;
}
body[data-theme="green"] .st-layout.st-biz .st-report:hover,
body[data-theme="green"] .st-layout.st-biz .st-report.on{
  color:#2e7d4f!important;border-color:#2e7d4f!important;background:#e0f0e3!important;
}
body[data-theme="green"] .st-layout.st-biz .st-themes button{
  background:#f4faf2!important;border-color:#c8dcc5!important;color:#4f6553!important;
}
body[data-theme="green"] .st-layout.st-biz .st-themes button.on{
  color:#2e7d4f!important;border-color:#2e7d4f!important;background:#e0f0e3!important;
}
body[data-theme="green"] .st-layout.st-biz .st-card,
body[data-theme="green"] .st-layout.st-biz .st-backbar,
body[data-theme="green"] .st-layout.st-biz .st-sec,
body[data-theme="green"] .st-layout.st-biz .wt-wrap{
  background:#f4faf2!important;border-color:#c8dcc5!important;
}
body[data-theme="green"] .st-layout.st-biz .st-card:hover{border-color:#2e7d4f!important}
body[data-theme="green"] .st-layout.st-biz .st-card .go{color:#2e7d4f!important}
body[data-theme="green"] .st-layout.st-biz .kb-play{background:#2e7d4f!important}
body[data-theme="green"] .st-layout.st-biz .st-card .pbar i{background:#2e7d4f!important}
body[data-theme="green"] .st-layout.st-biz .tm-item.on{background:#e0f0e3!important;border-color:#2e7d4f!important}

/* ---------- 速记模块 · 商业化布局 ---------- */
.wt-layer{
  background:#f0f2f5!important;
}
.wt-layer .wt-layer-bar{
  height:64px!important;padding:0 18px!important;gap:12px!important;
  background:linear-gradient(90deg,#0B3A62 0%,#0E4A7A 55%,#1565C0 140%)!important;border:none!important;
  box-shadow:0 2px 10px rgba(11,58,98,.28)!important;
  border-radius:0!important;
}
.wt-layer .wt-layer-bar>b{
  display:flex;align-items:center;gap:8px;
  color:#fff!important;font-size:16px!important;font-weight:700!important;
  letter-spacing:0!important;
}
.wt-layer .wt-layer-bar .zx-mark{width:36px;height:36px;border-radius:10px}
.wt-layer .wt-layer-bar>b .ic{
  width:32px;height:32px;border-radius:8px;background:var(--ry-primary);
  display:grid;place-items:center;color:#fff;font-size:16px;
}
.wt-layer-tabs{gap:6px!important;flex:1;overflow:auto}
.wt-layer-tabs a{
  height:38px!important;padding:0 14px!important;margin:0!important;
  border-radius:10px!important;border:none!important;
  background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.86)!important;
  font-size:14px!important;font-weight:500!important;
  display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap;
}
.wt-layer-tabs a .ai{width:16px;height:16px}
.wt-layer-tabs a:hover{background:rgba(255,255,255,.16)!important;color:#fff!important}
.wt-layer-tabs a.on{
  background:#fff!important;color:#0B3A62!important;font-weight:700!important;
  box-shadow:0 4px 12px rgba(0,0,0,.12)!important;
}
.wt-layer-close{
  height:36px!important;padding:0 16px!important;border-radius:8px!important;
  background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;
  color:#fff!important;font-size:14px!important;
}
.wt-layer-close:hover{background:#fff!important;border-color:#fff!important;color:#cf1322!important}
.wt-layer-body{padding:20px 24px 40px!important;max-width:1180px;width:100%;margin:0 auto;box-sizing:border-box}

.st-layout.st-biz .wt-wrap{
  gap:12px!important;background:transparent!important;border:none!important;box-shadow:none!important;
}
.st-layout.st-biz .wt-head,
.wt-layer .wt-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  background:#fff!important;border:1px solid #f0f0f0!important;border-radius:8px!important;
  padding:14px 16px!important;box-shadow:0 1px 2px rgba(0,0,0,.03)!important;
}
.st-layout.st-biz .wt-head-sel{display:flex;gap:10px;flex-wrap:wrap;flex:1}
.st-layout.st-biz .wt-sel,
.wt-layer .wt-sel{
  height:46px!important;min-width:220px;border:1.5px solid #d5deea!important;border-radius:12px!important;
  background:#fff!important;padding:0 16px!important;font-size:16px!important;font-weight:700!important;color:#1f2430!important;
}
.st-layout.st-biz .wt-wrong-btn,
.wt-layer .wt-wrong-btn{
  height:36px!important;border-radius:6px!important;border:1px solid #ffccc7!important;
  color:#cf1322!important;background:#fff2f0!important;font-size:13px!important;
}
.st-layout.st-biz .wt-stats,
.wt-layer .wt-stats{
  background:#fff!important;border:1px solid #f0f0f0!important;border-radius:8px!important;
  padding:10px 16px!important;font-size:13px!important;color:#8c8c8c!important;
  box-shadow:none!important;
}
.st-layout.st-biz .wt-stats b,
.wt-layer .wt-stats b{color:#262626;font-weight:600}
.st-layout.st-biz .wt-wrap>.card:not(.wt-head),
.wt-layer .wt-wrap>.card:not(.wt-head){
  background:#fff!important;border:1px solid #f0f0f0!important;border-radius:8px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.03)!important;padding:18px 20px!important;
}
.wq-grp-tip{display:none!important}
.st-layout.st-biz .wt-groups,
.wt-layer .wt-groups{gap:10px!important;margin-bottom:8px}
.st-layout.st-biz .wt-grp,
.wt-layer .wt-grp{
  height:auto!important;min-height:48px;padding:12px 22px!important;gap:10px!important;
  border-radius:14px!important;border:2px solid #d5deea!important;background:#f5f7fa!important;
  color:#3a4a63!important;font-size:16px!important;font-weight:700!important;
  box-shadow:0 1px 3px rgba(15,35,95,.06)!important;
}
.st-layout.st-biz .wt-grp em,
.wt-layer .wt-grp em{font-size:15px!important;font-weight:700!important}
.st-layout.st-biz .wt-grp.on,
.wt-layer .wt-grp.on{
  border-color:#2f6bff!important;color:#2f6bff!important;
  background:#eaf1ff!important;font-weight:700!important;
}
.st-layout.st-biz .wt-grp.done,
.wt-layer .wt-grp.done{
  border-color:#34c77b!important;background:#e9f8f0!important;color:#17945a!important;font-weight:700!important;
}
.st-layout.st-biz .wt-grp .cb,
.wt-layer .wt-grp .cb{
  width:22px!important;height:22px!important;border-radius:6px!important;
  border:2px solid #b9c4d6!important;background:#fff!important;color:#fff!important;font-size:14px!important;
}
.st-layout.st-biz .wt-grp.on .cb,
.wt-layer .wt-grp.on .cb{
  background:var(--ry-primary)!important;border-color:var(--ry-primary)!important;color:#fff!important;
}
.st-layout.st-biz .wt-grp.done .cb,
.wt-layer .wt-grp.done .cb{
  background:#52c41a!important;border-color:#52c41a!important;color:#fff!important;
}
.st-layout.st-biz .wt-steps,
.wt-layer .wt-steps{
  display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px!important;
  margin:12px 0 16px!important;padding:0!important;background:transparent!important;
  border:none!important;
}
.st-layout.st-biz .wt-steps.syl-steps,
.wt-layer .wt-steps.syl-steps{grid-template-columns:repeat(3,1fr)!important}
.st-layout.st-biz .wt-step,
.wt-layer .wt-step{
  height:auto!important;min-height:64px;padding:12px 10px!important;margin:0!important;
  border-radius:8px!important;border:1px solid #f0f0f0!important;
  background:#fafafa!important;color:#8c8c8c!important;
  display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:6px!important;
  font-size:13px!important;box-shadow:none!important;
}
.st-layout.st-biz .wt-step i,
.wt-layer .wt-step i{
  width:28px!important;height:28px!important;border-radius:50%!important;
  background:#f0f0f0!important;color:#8c8c8c!important;font-style:normal;
  display:grid!important;place-items:center;font-size:12px!important;font-weight:600;
}
.st-layout.st-biz .wt-step span,
.wt-layer .wt-step span{
  display:flex;align-items:center;gap:4px;font-size:13px!important;
}
.st-layout.st-biz .wt-step .ai,
.wt-layer .wt-step .ai{width:14px;height:14px}
.st-layout.st-biz .wt-step.on,
.wt-layer .wt-step.on{
  border-color:var(--ry-primary)!important;background:#e6f4ff!important;color:var(--ry-primary)!important;
}
.st-layout.st-biz .wt-step.on i,
.wt-layer .wt-step.on i{background:var(--ry-primary)!important;color:#fff!important}
.st-layout.st-biz .wt-step.past,
.wt-layer .wt-step.past{
  border-color:#b7eb8f!important;background:#f6ffed!important;color:#389e0d!important;
}
.st-layout.st-biz .wt-step.past i,
.wt-layer .wt-step.past i{background:#52c41a!important;color:#fff!important}
.st-layout.st-biz .wt-step.lock,
.wt-layer .wt-step.lock{opacity:.55}
.st-layout.st-biz .wt-pick-hold .wq-read-tip,
.wt-layer .wt-pick-hold .wq-read-tip{display:none!important}
.st-layout.st-biz .empty .e-ic:empty,.wt-layer .empty .e-ic:empty{display:none}

/* 学习舞台：只藏站点顶栏。步骤横排、浅绿底、右上角胶囊条都用初版 */
body.wt-stage .st-header,
body.wt-stage .st-subbar,
body.wt-stage .st-side,
body.wt-stage .st-top{display:none!important}
body.wt-stage .wt-root .wt-wrap{
  max-width:980px!important;margin:0 auto!important;
  background:transparent!important;border:none!important;box-shadow:none!important;
  border-radius:0!important;padding:0!important;
}
body.wt-stage .st-layout.st-biz .wt-steps,
body.wt-stage .wt-root .wt-steps{
  display:flex!important;flex-wrap:wrap;grid-template-columns:none!important;
  gap:10px!important;margin:14px 0 18px!important;justify-content:flex-start;
}
body.wt-stage .st-layout.st-biz .wt-step,
body.wt-stage .wt-root .wt-step{
  flex-direction:row!important;align-items:center;justify-content:flex-start;
  min-height:0!important;height:auto!important;width:auto!important;
  padding:10px 22px 10px 10px!important;border-radius:14px!important;
  font-size:18px!important;gap:8px!important;
}
body.wt-stage:not([data-theme]) .st-layout.st-biz .wt-step,
body.wt-stage:not([data-theme]) .wt-root .wt-step{
  border:2px solid #e6ebf2!important;background:#fff!important;color:#5a6a85!important;
  box-shadow:0 1px 3px rgba(15,35,95,.06)!important;
}
body.wt-stage .wt-root .wt-step span{font-size:18px!important}
body.wt-stage .st-layout.st-biz .wt-step i,
body.wt-stage .wt-root .wt-step i{
  width:26px!important;height:26px!important;border-radius:50%!important;font-size:13px!important;
}
body.wt-stage:not([data-theme]) .st-layout.st-biz .wt-step i,
body.wt-stage:not([data-theme]) .wt-root .wt-step i{
  background:#eef2f8!important;color:#5a6b85!important;
}
body.wt-stage:not([data-theme]) .st-layout.st-biz .wt-step.on,
body.wt-stage:not([data-theme]) .wt-root .wt-step.on{
  border-color:#2f6bff!important;background:#eaf1ff!important;color:#2f6bff!important;
}
body.wt-stage:not([data-theme]) .st-layout.st-biz .wt-step.on i,
body.wt-stage:not([data-theme]) .wt-root .wt-step.on i{background:#2f6bff!important;color:#fff!important}
body.wt-stage:not([data-theme]) .st-layout.st-biz .wt-step.past,
body.wt-stage:not([data-theme]) .wt-root .wt-step.past{
  border-color:#34c77b!important;background:#e9f8f0!important;color:#17945a!important;
}
body.wt-stage:not([data-theme]) .st-layout.st-biz .wt-step.past i,
body.wt-stage:not([data-theme]) .wt-root .wt-step.past i{background:#34c77b!important;color:#fff!important}
body.wt-stage:not([data-theme]) .wt-root .wt-card{
  background:#fff!important;border:none!important;border-radius:28px!important;
  box-shadow:0 18px 48px rgba(40,80,50,.10)!important;padding:46px 40px 36px!important;
  max-width:860px;margin:8px auto 0!important;
}
body.wt-stage:not([data-theme]) .wt-root .wq-word.big{color:#16301c!important;font-weight:800!important}
body.wt-stage:not([data-theme]) .wt-root .wq-mean{color:#16301c!important}
body.wt-stage:not([data-theme]) .wt-root .wq-phon{color:#5d7a64!important}
body.wt-stage:not([data-theme]) .wt-root .wt-tag{
  display:inline-flex!important;align-items:center;gap:4px;width:fit-content;margin:0 auto 16px!important;
  background:#e7f6ea!important;color:#2e7d4f!important;
  border-radius:999px!important;padding:5px 14px!important;font-size:14px!important;font-weight:700!important;
}
body.wt-stage .wt-root .wq-read-tip{
  color:#43604a!important;font-size:16px!important;max-width:none;margin:18px auto 0;
  line-height:1.6;white-space:nowrap;
}
body.wt-stage .wt-root .wt-acts .btn{
  background:#2f6bff!important;color:#fff!important;border:none!important;border-radius:12px!important;
  box-shadow:0 8px 18px rgba(47,107,255,.22)!important;min-width:220px;height:48px!important;font-weight:700!important;
}
body.wt-stage .wt-root .wt-acts .btn.danger{
  background:#fff!important;color:#e0343f!important;border:1.5px solid #ffb9b4!important;
}
.wt-stage-cap{font-size:16px!important}
.wt-stage-grp{font-size:16px!important}
.wt-stage-fs button{font-size:16px!important}
.wt-stage-exit{font-size:16px!important}

.st-tabs a .ic{display:inline-flex;margin-right:4px;opacity:.75}
.st-tabs a.on .ic{opacity:1}
.st-tabs a .ic .ai{width:14px;height:14px}

/* 主题下速记层 / 舞台 */
body[data-theme="night"] .wt-layer{background:#0e1520!important}
body[data-theme="night"] .wt-layer .wt-head,
body[data-theme="night"] .wt-layer .wt-stats,
body[data-theme="night"] .wt-layer .wt-wrap>.card:not(.wt-head),
body[data-theme="night"].wt-stage .wt-root .wt-card{
  background:#18222f!important;border-color:#2b3748!important;color:#e7edf6!important;
}
body[data-theme="night"].wt-stage,
body[data-theme="night"].wt-stage .wt-root{background:#0e1520!important}
body[data-theme="night"].wt-stage .wt-root .wt-card{background:#18222f!important;border-color:#2b3748!important}
body[data-theme="night"].wt-stage .wt-root .wq-word.big,
body[data-theme="night"].wt-stage .wt-root .wq-mean{color:#e7edf6!important}
body[data-theme="night"].wt-stage .wt-root .wq-phon,
body[data-theme="night"].wt-stage .wt-root .wq-read-tip{color:#7c8da6!important}
body[data-theme="night"].wt-stage .wt-root .wt-tag{background:#1d2b43!important;color:#6f97ff!important}
body[data-theme="night"] .wt-stage-bar{background:#18222f!important;border-color:#2b3748!important}
body[data-theme="night"] .wt-stage-cap{background:#1d2b43!important;color:#6f97ff!important}
body[data-theme="night"] .wt-layer .wt-sel{background:#1b2634!important;border-color:#2b3748!important;color:#e7edf6!important}
body[data-theme="night"] .wt-layer .wt-grp{background:#1b2634!important;border-color:#2b3748!important;color:#a5b4ca!important}
body[data-theme="night"] .wt-layer .wt-grp.on{background:#1d2b43!important;border-color:#6f97ff!important;color:#6f97ff!important}
body[data-theme="night"] .wt-layer .wt-step{background:#131c28!important;border-color:#2b3748!important;color:#7c8da6!important}
body[data-theme="night"] .wt-layer .wt-step.on{background:#1d2b43!important;border-color:#6f97ff!important;color:#6f97ff!important}
body[data-theme="night"] .st-layout.st-biz .wt-head,
body[data-theme="night"] .st-layout.st-biz .wt-stats,
body[data-theme="night"] .st-layout.st-biz .wt-wrap>.card,
body[data-theme="night"].wt-stage .wt-root .wt-wrap{
  background:#18222f!important;border-color:#2b3748!important;color:#e7edf6!important;
  box-shadow:none!important;
}
body[data-theme="night"].wt-stage .wt-root .wt-card{background:#101820!important}
body[data-theme="night"] .st-layout.st-biz .wt-stats,
body[data-theme="night"] .wt-layer .wt-stats{color:#a5b4ca!important}
body[data-theme="night"] .st-layout.st-biz .wt-stats b,
body[data-theme="night"] .wt-layer .wt-stats b{color:#e7edf6!important}
body[data-theme="night"] .st-layout.st-biz .wt-sel,
body[data-theme="night"] .wt-layer .wt-sel,
body[data-theme="night"] .rd-rate{
  background:#1b2634!important;border-color:#2b3748!important;color:#e7edf6!important;
}
body[data-theme="night"] .st-layout.st-biz .wt-grp,
body[data-theme="night"].wt-stage .wt-root .wt-grp{
  background:#1b2634!important;border-color:#2b3748!important;color:#a5b4ca!important;
}
body[data-theme="night"] .st-layout.st-biz .wt-grp.on,
body[data-theme="night"].wt-stage .wt-root .wt-grp.on{
  background:#1d2b43!important;border-color:#6f97ff!important;color:#8eb6ff!important;
}
body[data-theme="night"] .st-layout.st-biz .wt-step,
body[data-theme="night"].wt-stage .wt-root .wt-step{
  background:#131c28!important;border-color:#2b3748!important;color:#8ea0b8!important;
}
body[data-theme="night"] .st-layout.st-biz .wt-step i,
body[data-theme="night"].wt-stage .wt-root .wt-step i{
  background:#243044!important;color:#8ea0b8!important;
}
body[data-theme="night"] .st-layout.st-biz .wt-step.on,
body[data-theme="night"].wt-stage .wt-root .wt-step.on{
  background:#1d2b43!important;border-color:#6f97ff!important;color:#8eb6ff!important;
}
body[data-theme="night"] .st-layout.st-biz .wt-step.on i,
body[data-theme="night"].wt-stage .wt-root .wt-step.on i{
  background:#2f6bff!important;color:#fff!important;
}
body[data-theme="night"] .wt-stage-cap{background:transparent!important;color:#e7edf6!important}
body[data-theme="night"] .wt-stage-grp{background:#1d2b43!important;color:#8eb6ff!important}
body[data-theme="night"] .wt-stage-fs{background:#131c28!important}
body[data-theme="night"] .wt-stage-fs button{color:#a5b4ca!important}
body[data-theme="night"].wt-fs-big .wt-stage-fs button[data-fs="big"],
body[data-theme="night"].wt-fs-mid .wt-stage-fs button[data-fs="mid"],
body[data-theme="night"].wt-fs-small .wt-stage-fs button[data-fs="small"]{
  background:#243656!important;color:#e7edf6!important;
}
body[data-theme="night"] .wt-stage-exit{
  background:#1b2634!important;border-color:#2b3748!important;color:#e7edf6!important;
}
body[data-theme="night"] .rd-card{
  background:#131c28!important;border-color:#2b3748!important;box-shadow:none!important;
}
body[data-theme="night"] .rd-card.playing{background:#1d2b43!important;border-color:#6f97ff!important}
body[data-theme="night"] .rd-en{color:#e7edf6!important}
body[data-theme="night"] .rd-cn,.rd-grps-t{color:#8ea0b8!important}
body[data-theme="night"] .rd-title{color:#e7edf6!important}
body[data-theme="night"] .rd-chip{
  background:#1b2634!important;border-color:#2b3748!important;color:#a5b4ca!important;box-shadow:none!important;
}
body[data-theme="night"] .rd-chip.on{background:#2f6bff!important;border-color:#2f6bff!important;color:#fff!important}
body[data-theme="night"] .rd-sizes{background:#1b2634!important}
body[data-theme="night"] .rd-sizes button{color:#a5b4ca!important}
body[data-theme="night"] .rd-sizes button.on{background:#243656!important;color:#8eb6ff!important;box-shadow:none!important}
body[data-theme="night"] .wt-prog{background:#131c28!important}
body[data-theme="night"] .wt-frame{background:#0e1520!important;box-shadow:none!important}
body[data-theme="night"] tbody tr:hover{background:transparent}
body[data-theme="night"] .syl-table tbody tr:hover td{background:rgba(111,151,255,.16)!important}
body[data-theme="night"] .syl-table tr.in td{background:rgba(82,196,26,.16)!important}
body[data-theme="night"] .syl-table tr.in:hover td{background:rgba(82,196,26,.24)!important}

body[data-theme="eye"] .wt-layer{background:#f5efe2!important}
body[data-theme="eye"].wt-stage,
body[data-theme="eye"].wt-stage .wt-root{background:#f5efe2!important}
body[data-theme="eye"].wt-stage .wt-root .wt-card{background:#fdf9f1!important;border-color:#e6d8bf!important}
body[data-theme="eye"].wt-stage .wt-root .wt-tag{background:#f7ecd6!important;color:#b7761a!important}
body[data-theme="eye"].wt-stage .wt-root .wt-acts .btn{background:#b7761a!important}
body[data-theme="eye"] .wt-stage-cap{background:#f7ecd6!important;color:#b7761a!important}
body[data-theme="eye"] .wt-layer .wt-grp.on,
body[data-theme="eye"] .wt-layer .wt-step.on{border-color:#b7761a!important;color:#b7761a!important;background:#f7ecd6!important}
body[data-theme="eye"] .wt-layer .wt-step.on i{background:#b7761a!important}

body[data-theme="green"] .wt-layer{background:#dcebda!important}
body[data-theme="green"].wt-stage,
body[data-theme="green"].wt-stage .wt-root{background:#dcebda!important}
body[data-theme="green"].wt-stage .wt-root .wt-card{background:#f4faf2!important;border-color:#c8dcc5!important}
body[data-theme="green"].wt-stage .wt-root .wt-tag{background:#e0f0e3!important;color:#2e7d4f!important}
body[data-theme="green"].wt-stage .wt-root .wt-acts .btn{background:#2e7d4f!important}
body[data-theme="green"] .wt-stage-cap{background:#e0f0e3!important;color:#2e7d4f!important}
body[data-theme="green"] .wt-layer .wt-grp.on,
body[data-theme="green"] .wt-layer .wt-step.on{border-color:#2e7d4f!important;color:#2e7d4f!important;background:#e0f0e3!important}
body[data-theme="green"] .wt-layer .wt-step.on i{background:#2e7d4f!important}

@media (max-width:720px){
  body.wt-stage .wt-root .wt-steps{grid-template-columns:1fr 1fr!important}
  .st-layout.st-biz .wt-steps,
  .wt-layer .wt-steps{grid-template-columns:repeat(2,1fr)!important}
  .wt-layer-body{padding:14px!important}
}

/* ---------- 确认弹窗 ---------- */
.el-dialog.el-msgbox{max-width:420px!important;width:min(420px,92vw)!important;border-radius:8px!important}
.el-msg-text{font-size:14px;line-height:1.7;color:#606266;white-space:pre-wrap;word-break:break-word}
.el-dialog.el-msgbox .el-dialog__footer{
  justify-content:flex-end;gap:12px;
}
.el-dialog.el-msgbox .el-dialog__footer .btn,
.el-dialog.el-msgbox .el-dialog__footer .el-button{
  width:auto!important;flex:none;min-width:96px;height:36px;padding:0 20px;
  border-radius:6px;font-size:14px;font-weight:500;box-shadow:none;
}
.el-dialog.el-msgbox .el-dialog__footer .btn.ghost{
  background:#fff;color:#606266;border:1px solid #dcdfe6;
}
.el-dialog.el-msgbox .el-dialog__footer .btn.ghost:hover{
  color:var(--ry-primary);border-color:#b3d8ff;background:#ecf5ff;
}
.el-dialog.el-msgbox .el-dialog__footer .el-button--primary{
  background:var(--ry-primary)!important;border:1px solid var(--ry-primary)!important;color:#fff!important;
}
.el-dialog.el-msgbox .el-dialog__footer .el-button--primary:hover{
  background:var(--ry-primary-d)!important;border-color:var(--ry-primary-d)!important;
}
.el-dialog__footer .btn.danger,.el-button--primary.danger{
  background:#F56C6C!important;border-color:#F56C6C!important;color:#fff!important
}
.el-dialog__footer .btn.danger:hover{background:#f78989!important;border-color:#f78989!important}

/* ---------- 学生端顶部导航 ---------- */
.st-layout.st-biz.st-topnav{
  display:flex!important;flex-direction:column!important;min-height:100vh;
  background:#f0f2f5!important;
}
.st-layout.st-biz.st-topnav .st-header{
  height:64px;display:flex;align-items:center;gap:12px;padding:0 18px 0 18px;
  background:linear-gradient(90deg,#0B3A62 0%,#0E4A7A 55%,#1565C0 140%);
  color:#fff;position:sticky;top:0;z-index:50;flex-shrink:0;
  box-shadow:0 2px 10px rgba(11,58,98,.28);
}
.st-layout.st-biz.st-topnav .sbrand{
  display:flex;align-items:center;gap:10px;margin-right:8px;flex-shrink:0;
  height:64px;background:transparent!important;border:none!important;padding:0!important;
}
.st-layout.st-biz.st-topnav .sbrand .zx-mark{width:40px;height:40px;border-radius:11px}
.st-layout.st-biz.st-topnav .sbrand .zx-txt b{font-size:16px}
.st-layout.st-biz.st-topnav .sbrand .sb-mark{
  width:40px;height:40px;border-radius:10px!important;background:var(--ry-primary)!important;
  color:#fff!important;font-size:16px!important;font-weight:700;display:grid;place-items:center;
}
.st-layout.st-biz.st-topnav .sbrand b{display:block;color:#fff!important;font-size:16px!important;font-weight:700}
.st-layout.st-biz.st-topnav .sbrand em{display:block;font-style:normal;font-size:11px;color:rgba(255,255,255,.55)}
.st-layout.st-biz.st-topnav .st-nav{
  display:flex;align-items:center;flex:1;min-width:0;height:64px;gap:6px;overflow:auto;
}
.st-layout.st-biz.st-topnav .st-nav a,
.st-layout.st-biz.st-topnav .st-drop-btn{
  display:flex!important;flex-direction:row!important;align-items:center;gap:8px;
  height:40px;padding:0 16px!important;color:rgba(255,255,255,.82)!important;
  font-size:15px!important;font-weight:500!important;border:none!important;
  border-radius:10px!important;white-space:nowrap;background:rgba(255,255,255,.06)!important;
  cursor:pointer;
}
.st-layout.st-biz.st-topnav .st-drop-btn .ic{color:#F5C451!important;width:22px;height:22px;display:grid;place-items:center}
.st-layout.st-biz.st-topnav .st-drop-btn .ic .ai{width:18px;height:18px}
.st-layout.st-biz.st-topnav .st-drop-btn:hover{color:#fff!important;background:rgba(255,255,255,.14)!important}
.st-layout.st-biz.st-topnav .st-drop.on .st-drop-btn{color:#0B3A62!important;background:#fff!important;font-weight:700!important;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.st-layout.st-biz.st-topnav .st-drop.on .st-drop-btn .ic{color:#1E88E5!important}
.st-drop{position:relative}
.st-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.7}
.st-drop-menu{
  display:none;position:absolute;top:48px;left:0;min-width:168px;padding:6px;
  background:#fff;border-radius:12px;box-shadow:0 12px 32px rgba(11,58,98,.18);z-index:80;
}
.st-drop.open .st-drop-menu{display:flex;flex-direction:column;gap:2px}
.st-drop-menu a{
  height:38px!important;color:#1f3b57!important;background:transparent!important;
  border-radius:8px!important;font-size:14px!important;justify-content:flex-start;
}
.st-drop-menu a .ic{color:#1E88E5!important}
.st-drop-menu a:hover,.st-drop-menu a.on{background:#e8f3fc!important;color:#0B3A62!important}
.st-layout.st-biz.st-topnav .st-nav a .ic{
  width:22px!important;height:22px!important;border-radius:6px!important;
  background:transparent!important;color:#F5C451!important;display:grid;place-items:center;
}
.st-layout.st-biz.st-topnav .st-nav a .ic .ai{width:18px;height:18px}
.st-layout.st-biz.st-topnav .st-nav a:hover{color:#fff!important;background:rgba(255,255,255,.14)!important}
.st-layout.st-biz.st-topnav .st-nav a.on{
  color:#0B3A62!important;background:#fff!important;font-weight:700!important;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
}
.st-layout.st-biz.st-topnav .st-nav a.on .ic{color:#1E88E5!important}
.st-layout.st-biz.st-topnav .st-header-r{
  display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;
}
.st-layout.st-biz.st-topnav .st-header-r .st-report{
  height:36px;padding:0 12px!important;background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;
  border-radius:8px!important;font-size:13px!important;
}
.st-layout.st-biz.st-topnav .st-header-r .st-report .ai{width:16px;height:16px}
.st-layout.st-biz.st-topnav .st-header-r .st-report:hover,
.st-layout.st-biz.st-topnav .st-header-r .st-report.on{
  color:#0B3A62!important;border-color:#fff!important;background:#fff!important;
}
.st-layout.st-biz.st-topnav .st-me{
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;
  padding:0 0 0 12px!important;margin:0!important;background:transparent!important;
  border:none!important;border-left:1px solid rgba(255,255,255,.12)!important;
  position:relative;
}
.st-layout.st-biz.st-topnav .st-me .avatar{width:32px!important;height:32px!important;border-radius:50%!important}
.st-layout.st-biz.st-topnav .st-me b{color:#fff!important;font-size:13px!important}
.st-layout.st-biz.st-topnav .st-me-grade{color:rgba(255,255,255,.45)!important;font-size:11px!important}
.st-layout.st-biz.st-topnav .st-out{
  width:32px;height:32px;border-radius:6px!important;border:1px solid rgba(255,255,255,.16)!important;
  background:transparent!important;color:rgba(255,255,255,.7)!important;display:grid!important;place-items:center;
}
.st-layout.st-biz.st-topnav .st-out:hover{color:#f89898!important;border-color:#f56c6c!important;background:rgba(245,108,108,.15)!important}
.st-layout.st-biz.st-topnav .st-subbar{
  height:52px;display:flex;align-items:center;gap:14px;padding:0 20px;
  background:#fff;border-bottom:1px solid #e8eef5;flex-shrink:0;
}
.st-layout.st-biz.st-topnav .st-page-title{
  flex-shrink:0;font-size:15px;font-weight:700;color:#0B3A62;
  padding-right:14px;border-right:1px solid #e8eef5;
}
.st-layout.st-biz.st-topnav .st-tabs{height:52px;gap:8px!important;align-items:center;flex:1;overflow:auto}
.st-layout.st-biz.st-topnav .st-tabs a{
  height:34px!important;padding:0 14px!important;border:1px solid transparent!important;
  border-radius:17px!important;background:#f4f7fb!important;color:#4b5d73!important;
  font-size:13px!important;display:inline-flex;align-items:center;gap:6px;font-weight:500!important;
}
.st-layout.st-biz.st-topnav .st-tabs a .ic .ai{width:14px;height:14px}
.st-layout.st-biz.st-topnav .st-tabs a:hover{color:#0B3A62!important;background:#e8f2fc!important}
.st-layout.st-biz.st-topnav .st-tabs a.on{
  color:#fff!important;background:var(--ry-primary)!important;border-color:var(--ry-primary)!important;font-weight:600!important;
}
.st-layout.st-biz.st-topnav .st-tabs a.on .n{background:#fff!important;color:var(--ry-primary)!important}
.st-layout.st-biz.st-topnav .st-content{
  flex:1;padding:20px 24px 48px!important;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box;
}

body[data-theme="night"] .st-layout.st-biz.st-topnav{background:#0e1520!important}
body[data-theme="night"] .st-layout.st-biz.st-topnav .st-header{background:linear-gradient(90deg,#0b1220,#15233a)}
body[data-theme="night"] .st-layout.st-biz.st-topnav .st-subbar{background:#18222f;border-bottom-color:#2b3748}
body[data-theme="night"] .st-layout.st-biz.st-topnav .st-page-title{color:#e7edf6;border-right-color:#2b3748}
body[data-theme="night"] .st-layout.st-biz.st-topnav .st-tabs a{color:#a5b4ca!important}
body[data-theme="night"] .st-layout.st-biz.st-topnav .st-tabs a.on{color:#6f97ff!important;border-bottom-color:#6f97ff!important}

body[data-theme="eye"] .st-layout.st-biz.st-topnav{background:#f5efe2!important}
body[data-theme="eye"] .st-layout.st-biz.st-topnav .st-header{background:linear-gradient(90deg,#3d2e1a,#5a4220)}
body[data-theme="eye"] .st-layout.st-biz.st-topnav .st-subbar{background:#fdf9f1;border-bottom-color:#e6d8bf}
body[data-theme="eye"] .st-layout.st-biz.st-topnav .st-page-title{color:#2f281d;border-right-color:#ece0cb}
body[data-theme="eye"] .st-layout.st-biz.st-topnav .st-tabs a{color:#6f6047!important}
body[data-theme="eye"] .st-layout.st-biz.st-topnav .st-tabs a.on{color:#b7761a!important;border-bottom-color:#b7761a!important}

body[data-theme="green"] .st-layout.st-biz.st-topnav{background:#dcebda!important}
body[data-theme="green"] .st-layout.st-biz.st-topnav .st-header{background:linear-gradient(90deg,#1a3a28,#245c3c)}
body[data-theme="green"] .st-layout.st-biz.st-topnav .st-subbar{background:#f4faf2;border-bottom-color:#c8dcc5}
body[data-theme="green"] .st-layout.st-biz.st-topnav .st-page-title{color:#1e2f22;border-right-color:#cfe1cc}
body[data-theme="green"] .st-layout.st-biz.st-topnav .st-tabs a{color:#4f6553!important}
body[data-theme="green"] .st-layout.st-biz.st-topnav .st-tabs a.on{color:#2e7d4f!important;border-bottom-color:#2e7d4f!important}

@media (max-width:980px){
  .st-layout.st-biz.st-topnav .sbrand .sb-txt,.st-layout.st-biz.st-topnav .st-me-info,
  .st-layout.st-biz.st-topnav .st-report span,.st-layout.st-biz.st-topnav .st-page-title{display:none}
}
@media (max-width:640px){
  .st-layout.st-biz.st-topnav .st-header{padding:0 8px}
  .st-layout.st-biz.st-topnav .st-nav a{padding:0 8px!important}
  .st-layout.st-biz.st-topnav .st-nav a .nt{font-size:12px}
  .st-layout.st-biz.st-topnav .st-me .st-out{display:none!important}
  .st-layout.st-biz.st-topnav .st-me.open .st-out{
    display:grid!important;position:absolute;right:8px;top:56px;width:auto;padding:0 12px;height:36px;
    background:#fff!important;color:#cf1322!important;border:1px solid #ffccc7!important;z-index:60;
  }
  .st-layout.st-biz.st-topnav .st-subbar{padding:0 12px}
  .st-layout.st-biz.st-topnav .st-content{padding:14px 14px 40px!important}
}

/* 左侧学科栏：窄蓝条，图标在上、文字在下，当前项白底 */
@media (min-width:641px){
  .st-layout.st-biz.st-rail{--st-side-w:78px;background:#eef3fb!important}
  .st-layout.st-biz.st-rail .st-side{
    top:0!important;bottom:0!important;height:auto!important;
    width:96px!important;align-items:center!important;padding:16px 8px 12px!important;
    background:linear-gradient(180deg,#6aa7f8 0%,#3d86ef 100%)!important;
    border-right:none!important;border-radius:0 22px 22px 0!important;
    box-shadow:none!important;z-index:30;overflow:visible!important;
  }
  .st-layout.st-biz.st-rail .st-side .sbrand{
    height:auto!important;padding:0!important;margin:0 0 14px!important;
    background:transparent!important;border:none!important;justify-content:center;
  }
  .st-layout.st-biz.st-rail .st-side .sbrand img{
    width:42px;height:42px;border-radius:12px;background:#fff;padding:3px;
    object-fit:contain;box-sizing:border-box;
    box-shadow:0 6px 14px rgba(20,60,140,.18);
  }
  .st-layout.st-biz.st-rail .st-subj{
    width:100%!important;align-items:center!important;gap:8px!important;padding:0!important;
    overflow:visible!important;
  }
  .st-layout.st-biz.st-rail .st-subj a{
    position:relative;
    flex-direction:column!important;justify-content:center;
    width:74px!important;height:auto!important;min-height:64px;
    padding:8px 4px 7px!important;gap:4px!important;margin:0!important;
    border-radius:16px!important;background:transparent!important;
    color:rgba(255,255,255,.92)!important;font-size:14px!important;font-weight:500!important;
    text-align:center!important;
  }
  .st-layout.st-biz.st-rail .st-subj a .nt{display:block!important;flex:none;line-height:1.2}
  .st-layout.st-biz.st-rail .st-subj a .ic{
    width:26px!important;height:26px!important;margin:0!important;
    background:transparent!important;border:none!important;box-shadow:none!important;
    color:#fff!important;border-radius:0!important;
  }
  .st-layout.st-biz.st-rail .st-subj a .ic .ai{width:22px;height:22px}
  .st-layout.st-biz.st-rail .st-subj a:hover{background:rgba(255,255,255,.16)!important;color:#fff!important}
  .st-layout.st-biz.st-rail .st-subj a.on{
    width:74px!important;margin:0!important;align-self:center;
    padding:8px 4px 7px!important;
    border-radius:10px 16px 16px 10px!important;
    background:#fff!important;color:#1e88e5!important;font-weight:700!important;
    box-shadow:none!important;
  }
  .st-layout.st-biz.st-rail .st-subj a.on::before,
  .st-layout.st-biz.st-rail .st-subj a.on::after{content:none}
  .st-layout.st-biz.st-rail .st-subj a.on .ic{background:transparent!important;color:#1e88e5!important}
  .st-layout.st-biz.st-rail .st-me{
    flex-direction:column!important;align-items:center!important;justify-content:center;gap:8px!important;
    width:100%;padding:8px 0 16px!important;margin-top:auto;
    background:transparent!important;border-top:none!important;
  }
  .st-layout.st-biz.st-rail .st-me .avatar{
    width:44px!important;height:44px!important;border-radius:50%!important;
    background:#fff!important;color:#1e88e5!important;
    font-size:16px!important;font-weight:700;
    box-shadow:0 6px 14px rgba(20,60,140,.16)!important;
    object-fit:cover;
  }
  .st-layout.st-biz.st-rail .st-me-name{
    display:block!important;max-width:72px;text-align:center;
    color:#fff!important;font-size:14px!important;font-weight:600!important;line-height:1.2;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .st-layout.st-biz.st-rail .st-out{
    display:inline-flex!important;align-items:center;justify-content:center;gap:3px;
    width:auto!important;height:28px!important;padding:0 10px!important;margin:0!important;
    border-radius:14px!important;border:none!important;
    background:#fff!important;color:#1e88e5!important;
    font-size:14px!important;font-weight:700!important;
    box-shadow:0 4px 10px rgba(20,60,140,.16)!important;
  }
  .st-layout.st-biz.st-rail .st-out .ai{width:14px;height:14px}
  .st-layout.st-biz.st-rail .st-out:hover{background:#e8f3ff!important;color:#1565c0!important}
  .st-layout.st-biz.st-rail{background:#e7eef8!important}
  .st-layout.st-biz.st-rail .st-main{
    margin:12px 16px 12px 116px!important;
    background:#f7f9fc!important;
    border-radius:20px;position:relative;z-index:2;
    box-shadow:0 8px 28px rgba(40,70,120,.06);
    min-height:calc(100vh - 24px);
    overflow:hidden;
  }
  .st-layout.st-biz.st-rail .st-top{
    background:#fff!important;border-bottom:1px solid #e8eef5!important;
    padding:0 28px!important;min-height:64px;
  }
  .st-layout.st-biz.st-rail .st-tabs{height:64px}
  .st-layout.st-biz.st-rail .st-tabs a{
    height:64px!important;padding:0 18px!important;
    font-size:18px!important;font-weight:500!important;gap:8px;
  }
  .st-layout.st-biz.st-rail .st-tabs a.on{font-weight:700!important}
  .st-layout.st-biz.st-rail .st-tabs a .n{
    min-width:22px;height:22px;padding:0 6px;border-radius:11px;
    font-size:13px;line-height:22px;
  }
  .st-layout.st-biz.st-rail .st-content{
    max-width:none!important;
    padding:22px 28px 48px!important;
  }
  .st-layout.st-biz.st-rail .st-themes{display:flex;align-items:center;gap:6px;margin-left:4px}
  .st-layout.st-biz.st-rail .st-themes button{
    display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;
    border:1px solid #e6ebf2;border-radius:8px;background:#fff;color:#595959;
    font-size:13px;cursor:pointer;font-family:inherit;
  }
  .st-layout.st-biz.st-rail .st-themes button.on{
    border-color:var(--ry-primary);background:#e8f3ff;color:var(--ry-primary);font-weight:600;
  }
  .st-layout.st-biz.st-rail .st-themes .tm-sw{width:18px;height:18px;border-radius:5px}
  .st-layout.st-biz.st-rail .st-hello .hh{
    justify-content:flex-start;align-items:center;gap:14px;
  }
  .st-layout.st-biz.st-rail .hh-count{margin-left:auto}
}
body[data-theme="night"] .st-layout.st-biz.st-rail{background:#0a1018!important}
body[data-theme="night"] .st-layout.st-biz.st-rail .st-side{background:linear-gradient(180deg,#243656,#172033)!important}
body[data-theme="night"] .st-layout.st-biz.st-rail .st-main{background:#0e1520!important}
body[data-theme="night"] .st-layout.st-biz.st-rail .st-subj a.on{color:#8eb6ff!important}
body[data-theme="night"] .st-layout.st-biz.st-rail .st-subj a.on .ic{color:#8eb6ff!important}
body[data-theme="eye"] .st-layout.st-biz.st-rail{background:#efe6d6!important}
body[data-theme="eye"] .st-layout.st-biz.st-rail .st-side{background:linear-gradient(180deg,#c4924a,#a8742c)!important}
body[data-theme="eye"] .st-layout.st-biz.st-rail .st-main{background:#f6f0e4!important}
body[data-theme="eye"] .st-layout.st-biz.st-rail .st-subj a.on{color:#a8742c!important}
body[data-theme="eye"] .st-layout.st-biz.st-rail .st-subj a.on .ic{color:#a8742c!important}
body[data-theme="green"] .st-layout.st-biz.st-rail{background:#d7ead4!important}
body[data-theme="green"] .st-layout.st-biz.st-rail .st-side{background:linear-gradient(180deg,#4caf78,#2e7d4f)!important}
body[data-theme="green"] .st-layout.st-biz.st-rail .st-main{background:#eef6ee!important}
body[data-theme="green"] .st-layout.st-biz.st-rail .st-subj a.on{color:#2e7d4f!important}
body[data-theme="green"] .st-layout.st-biz.st-rail .st-subj a.on .ic{color:#2e7d4f!important}

.admin-app table tr.on td{background:#ecf5ff}
.admin-app table tr.on{cursor:pointer}
.v-echo video,.v-echo iframe,.v-echo img{width:100%;height:240px;border:0;background:#000;display:block;object-fit:contain}
.v-echo-empty{color:#98a2b3;font-size:13px;padding:24px}
.admin-app .zx-file .el-upload-list{margin-top:8px}
.admin-app .zx-file .el-upload-list__item{margin-top:6px}
.admin-app .zx-file .el-upload-list__item-status-label{display:none}
.admin-app .zx-file .el-upload-list__item .el-icon-close{
  display:inline-block;opacity:1;color:#f56c6c;cursor:pointer;
}
.admin-app .zx-file .el-upload-list__item .el-icon-close-tip{display:none!important}
.zx-upload,.zx-upload .el-upload,.zx-upload .el-upload-dragger{width:100%}
.zx-upload .el-upload-dragger{height:132px;border-radius:8px}
.el-picker-panel{z-index:4100!important}
.wd-drawer.el-drawer{background:#fff}
.wd-drawer .el-drawer__header{margin-bottom:0;padding:16px 20px 14px;border-bottom:1px solid #ebeef5;background:#fff}
.wd-drawer .el-drawer__header span{font-size:16px;font-weight:500;color:#303133}
.wd-drawer .el-drawer__body{padding:0;overflow:auto}
.wd-drawer .wd-drawer-in.admin-app{background:#fff!important;padding:16px 20px 28px;min-height:100%;box-sizing:border-box}
.el-dialog__wrapper.mask{align-items:flex-start;padding-top:6vh}
.st-layout.st-biz .wt-wrap,.st-layout.st-biz .wt-head,.st-layout.st-biz .wt-stats,.st-layout.st-biz .wt-wrap>.card{width:100%;box-sizing:border-box}