/* Keep the text clear of Element UI prefix and suffix controls. */
#mw-notebook .cp-stage .el-input.el-input--prefix .el-input__inner,
.nb-dialog .el-input.el-input--prefix .el-input__inner { padding-left: 34px; }
#mw-notebook .cp-stage .el-input.el-input--suffix .el-input__inner,
.nb-dialog .el-input.el-input--suffix .el-input__inner { padding-right: 34px; }
#mw-notebook .cp-stage .el-input__prefix,
#mw-notebook .cp-stage .el-input__suffix { display: inline-flex; align-items: center; }
#mw-notebook .cp-stage .el-input__icon { line-height: 38px; }
#mw-notebook .cp-stage .cp-form .el-input__count { position: static; }
#mw-notebook .cp-stage .cp-form .el-input:has(.el-input__count) .el-input__inner { padding-right: 62px; }
.nb-dialog .mw-source-help { margin: 7px 0 0; color: #687b9e; font-size: 12px; line-height: 1.7; }
.nb-attachment-dialog { max-width: calc(100vw - 32px); }
.nb-attachment-preview { min-height: 120px; }
.nb-attachment-preview img { display: block; max-width: 100%; max-height: 65vh; margin: 0 auto; object-fit: contain; }
.nb-attachment-preview iframe { display: block; width: 100%; height: 65vh; border: 1px solid #d5dfef; background: white; }
.nb-attachment-preview .mw-error { margin-bottom: 12px; }
.nb-attachment-dialog .el-dialog__footer .el-button + .el-button { margin-left: 8px; }
.mw-material-file { flex-wrap: wrap; }

/* Mark Wise · reference notebook finish. Visual rules only; layout and behavior stay in the original bundles. */
html { color-scheme: light; }
body { background: #eff3ff; }
html, body { background-color: #eff3ff !important; }
#mw-notebook .cp-stage {
  --cp-blue: #3455e5;
  --cp-ink: #2b4275;
  --cp-muted: #7186b0;
  --cp-paper: #fffef7;
  --cp-yellow: #ffed96;
  --cp-wash: #edf2ff;
  --cp-line: #dde5f4;
  --cp-radius: 5px;
  --sp-yellow: #fff0a0;
  --sp-blue: #eaf1ff;
  --sp-white: #fffef8;
  color: var(--cp-ink);
  background: #eff3ff;
  font-family: "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 14px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#mw-notebook .cp-stage[data-role=student] {
  --sp-yellow: #fff0a0;
  --sp-blue: #eaf1ff;
  --sp-white: #fffef8;
}
#mw-notebook .cp-frame {
  background: var(--cp-paper);
  border-color: #c3d0ef;
  box-shadow: 3px 4px 0 #e0e8f9, 4px 5px 0 #c5d1ec, 7px 9px 0 #fafbff;
}
#mw-notebook .cp-main {
  background: radial-gradient(ellipse at 100% 0, #f5f7ff65, transparent 42%), var(--cp-paper);
}
#mw-notebook .cp-side,
#mw-notebook .cp-side-inner {
  background: linear-gradient(180deg, #edf2ff, #eaf0ff 75%, #f0f4ff);
  border-color: #cdd9f4;
}
#mw-notebook .cp-side:hover .cp-side-inner,
#mw-notebook .cp-side:focus-within .cp-side-inner {
  box-shadow: 10px 0 28px #2b46751c;
}
#mw-notebook .cp-side-brand { color: var(--cp-blue); letter-spacing: -.8px; }
#mw-notebook .cp-monogram {
  background: linear-gradient(145deg, #6880f2, #3455e5 70%);
  box-shadow: 0 3px 0 #2642b91a, inset 0 1px 0 #ffffff55;
  border-radius: 9px;
}
#mw-notebook .cp-nav-item {
  color: #6c83b6;
  border-radius: 7px;
  transition: width .2s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease;
}
#mw-notebook .cp-nav-item:hover { color: #3455e5; background-color: #e0e9ff; }
#mw-notebook .cp-nav-item[aria-current=page] {
  color: #24448e;
  background: #ffed96;
  box-shadow: 1px 3px 0 #d8c66b;
  font-weight: 650;
}
#mw-notebook .cp-avatar {
  color: var(--cp-blue);
  background: #e7efff;
  border-color: #bacdf3;
  box-shadow: inset 0 0 0 3px #ffffff4d;
}
#mw-notebook .cp-topbar {
  background: linear-gradient(180deg, #ffffffc9, #fffef875);
  border-color: #dbe4f6;
}
#mw-notebook .cp-breadcrumb,
#mw-notebook .cp-top-user { font-size: 13px; color: #6d83b3; }
#mw-notebook .cp-breadcrumb { align-items: center; }
#mw-notebook .cp-breadcrumb strong { color: #3657c7; }
#mw-notebook .cp-heading { margin-bottom: 30px; }
#mw-notebook .cp-eyebrow {
  color: #718ac0;
  font-size: 11px;
  letter-spacing: 2.6px;
  line-height: 1.7;
  margin-bottom: 12px;
}
#mw-notebook .cp-stage h1 {
  color: #3455e5;
  font-size: clamp(30px, 2.65vw, 40px);
  line-height: 1.35;
  font-weight: 750;
  letter-spacing: -.7px;
}
#mw-notebook .cp-marked:before {
  height: 11px;
  bottom: 3px;
  background: #ffe984;
  border-radius: 1px;
  pointer-events: none;
}
#mw-notebook .cp-stage .cp-subtitle {
  color: #7187b2;
  font-size: 14px;
  line-height: 1.85;
  margin-top: 12px !important;
}
#mw-notebook .cp-stage h2 { color: #2b4275; font-size: 18px; font-weight: 650; line-height: 1.6; }
#mw-notebook .cp-stage h3 { color: #2b4275; font-size: 15px; font-weight: 650; line-height: 1.65; }
#mw-notebook .cp-stage .cp-muted,
#mw-notebook .cp-stage .mw-page .mw-muted { color: #7186ad; font-size: 13px; }
#mw-notebook .cp-small { color: #7488af; font-size: 12px; }
#mw-notebook .cp-hand,
#mw-notebook .sp-hand-label {
  font-family: "KaiTi", "STKaiti", "Segoe Print", cursive;
  font-size: 21px;
  color: #3455d4;
  letter-spacing: 1px;
}
#mw-notebook .cp-sheet,
#mw-notebook .cp-stage .mw-page .mw-card,
#mw-notebook .cp-stage .mw-material-item {
  color: #2b4275;
  background: #fffef9;
  border-color: #d4dded;
  border-radius: 5px;
  box-shadow: 3px 4px 0 #c8d3e41a, 0 5px 15px #2a406504;
}
#mw-notebook .cp-sheet { padding: 24px; }
#mw-notebook .cp-note,
#mw-notebook .cp-stage .mw-wrong-question {
  background: #ffed96;
  border-color: #e6d27f;
  border-radius: 2px;
  box-shadow: 4px 5px 0 #baac5420, inset 0 1px 0 #ffffff70;
}
#mw-notebook .cp-note-blue {
  background: #edf3ff;
  border-color: #c9d8f5;
  box-shadow: 4px 5px 0 #b0c1de20;
}
#mw-notebook .cp-note.cp-tape:before,
#mw-notebook .cp-stage .cp-class-card:before,
#mw-notebook .sp-assignment:before,
#mw-notebook .cp-stage .mw-material-item:first-child:before {
  background-color: #cbdcf2bd;
  border-left: 1px dashed #b2c7e875;
  border-right: 1px dashed #b2c7e875;
  box-shadow: 0 1px 0 #ffffff5c inset;
  pointer-events: none;
}
#mw-notebook .cp-note-blue.cp-tape:before,
#mw-notebook .sp-assignment.sp-blue:before,
#mw-notebook .cp-stage .cp-class-card:nth-child(even):before {
  background-color: #ffeb99c9;
  border-color: #dfca8299;
}
#mw-notebook .sp-assignment:after { pointer-events: none; }
#mw-notebook .cp-stage .cp-toolbar,
#mw-notebook .cp-stage .mw-material-filter,
#mw-notebook .cp-stage .nb-wrong-filter {
  background: #edf3ff;
  border-color: #cbdaf6;
  border-radius: 3px;
  box-shadow: 3px 4px 0 #bfcdeb20;
}
#mw-notebook .cp-stage .cp-toolbar:before { pointer-events: none; }
#mw-notebook .cp-stage .cp-field { font-size: 13px; color: #617aaa; }
#mw-notebook .cp-metric {
  background: linear-gradient(90deg, #c9d8fc 3px, transparent 3px), #edf3ff;
  border-color: #d0dcf4;
  border-radius: 4px;
  box-shadow: 3px 4px 0 #c8d3e41c;
}
#mw-notebook .cp-metric:last-child {
  background: linear-gradient(90deg, #e7ce69 3px, transparent 3px), #fff3ba;
  border-color: #e9d893;
}
#mw-notebook .cp-metric span { color: #7485a6; font-size: 12px; }
#mw-notebook .cp-metric strong { font-size: 32px; font-weight: 650; color: #3455df; }
#mw-notebook .cp-metric small { font-size: 11px; color: #7d8daf; }
#mw-notebook .cp-stage .cp-class-card { border-radius: 3px; box-shadow: 4px 5px 0 #b9bdc220; }
#mw-notebook .cp-stage .cp-class-card h2 { font-size: 23px; color: #2d4b92; }
#mw-notebook .sp-paper-form {
  background: #eaf1ff !important;
  border-color: #c5d5f3 !important;
  box-shadow: 4px 6px 0 #b9cae72e;
  border-radius: 3px;
}
#mw-notebook .sp-account {
  background: #fff0a2 !important;
  border-color: #e0cc82 !important;
  box-shadow: 4px 6px 0 #bca34425;
  border-radius: 3px;
}
#mw-notebook .sp-paper-form:before,
#mw-notebook .sp-account:before { pointer-events: none; }
#mw-notebook .sp-account-details { font-size: 14px; }
#mw-notebook .sp-account-details dt { color: #8b814d; }
#mw-notebook .sp-account-details dd { color: #3f5684; }
#mw-notebook .sp-paper-form h2 { font-size: 26px; color: #3455ce; }
#mw-notebook .sp-assignment {
  --sp-sheet: #ffed96;
  --sp-fold: #e6cf77;
  border-color: #e0ce7d;
  box-shadow: 4px 6px 0 #b4a2531e;
}
#mw-notebook .sp-assignment.sp-blue {
  --sp-sheet: #eaf1ff;
  --sp-fold: #c9d9f7;
  border-color: #c7d6f3;
}
#mw-notebook .sp-assignment.sp-white {
  --sp-sheet: #fffef9;
  --sp-fold: #e6e2cf;
  border-color: #dedbc9;
}
#mw-notebook .sp-assignment h2 { color: #2b4275; font-size: 23px; font-weight: 700; line-height: 1.55; }
#mw-notebook .sp-assignment-class,
#mw-notebook .sp-subject,
#mw-notebook .sp-assignment-meta { font-size: 13px; }
#mw-notebook .cp-stage .cp-button,
#mw-notebook .cp-stage .el-button,
.el-dialog .el-button,
.el-message-box .el-button {
  font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
  font-size: 13px;
  border-radius: 7px;
  border-color: #c5d3ed;
  color: #365aa8;
  background-color: #fffef9;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease;
}
#mw-notebook .cp-stage .cp-button:hover,
#mw-notebook .cp-stage .el-button:not(.is-disabled):hover,
.el-dialog .el-button:not(.is-disabled):hover {
  background-color: #edf3ff;
  border-color: #a9bde8;
  color: #3455e5;
  box-shadow: 0 3px 8px #3152ad0d;
}
#mw-notebook .cp-stage .cp-button.cp-primary,
#mw-notebook .cp-stage .el-button--primary,
.el-dialog .el-button--primary,
.el-message-box .el-button--primary {
  color: #fff;
  background: #3455e5;
  border-color: #3455e5;
  box-shadow: 1px 3px 0 #263f9b;
  font-weight: 600;
}
#mw-notebook .cp-stage .cp-button.cp-primary:hover,
#mw-notebook .cp-stage .el-button--primary:not(.is-disabled):hover,
.el-dialog .el-button--primary:not(.is-disabled):hover,
.el-message-box .el-button--primary:not(.is-disabled):hover { background: #2948cd; border-color: #2948cd; color: #fff; }
#mw-notebook .cp-stage .el-button--text,
.el-dialog .el-button--text { background: transparent; border-color: transparent; color: #3455df; box-shadow: none; }
#mw-notebook .cp-stage .el-button--text:not(.is-disabled):hover,
.el-dialog .el-button--text:not(.is-disabled):hover { background: #eaf0ff; border-color: transparent; box-shadow: none; }
#mw-notebook .cp-stage .cp-link { color: #3455df; font-size: 13px; text-underline-offset: 4px; }
#mw-notebook .cp-stage .cp-link:hover { text-decoration: underline; }
#mw-notebook .cp-stage .cp-danger,
#mw-notebook .cp-stage .el-button--danger.is-plain { color: #b65e59; background-color: #fff3ed; border-color: #ebc7bd; }
#mw-notebook .cp-stage .el-button--danger:not(.is-plain) { color: #fff; background: #bd675e; border-color: #bd675e; box-shadow: 1px 2px 0 #985348; }
#mw-notebook .cp-stage .el-button--success { color: #fff; background-color: #6b8b70; border-color: #6b8b70; }
#mw-notebook .cp-stage .el-button--warning { color: #7c682e; background-color: #fff0ad; border-color: #dfcc80; }
.el-dialog .el-button.is-disabled,
.el-message-box .el-button.is-disabled { opacity: .5; box-shadow: none; }
#mw-notebook .cp-stage .cp-input,
#mw-notebook .cp-stage .cp-select,
#mw-notebook .cp-stage .cp-textarea,
#mw-notebook .cp-stage .el-input__inner,
#mw-notebook .cp-stage .el-textarea__inner,
.el-dialog .el-input__inner,
.el-dialog .el-textarea__inner,
.el-message-box .el-input__inner {
  color: #2e4b81;
  background-color: #ffffffa6;
  border-color: #bfceed;
  border-radius: 4px;
  caret-color: #3455e5;
  font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
  font-size: 13px;
  box-shadow: inset 0 1px 2px #35528d03;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
#mw-notebook .cp-stage .el-input__inner:hover,
#mw-notebook .cp-stage .el-textarea__inner:hover,
.el-dialog .el-input__inner:hover,
.el-dialog .el-textarea__inner:hover { border-color: #a7bce7; }
#mw-notebook .cp-stage .cp-input:focus,
#mw-notebook .cp-stage .cp-select:focus,
#mw-notebook .cp-stage .cp-textarea:focus,
#mw-notebook .cp-stage .el-input__inner:focus,
#mw-notebook .cp-stage .el-textarea__inner:focus,
.el-dialog .el-input__inner:focus,
.el-dialog .el-textarea__inner:focus { background-color: #fffefa; border-color: #6682e9; box-shadow: 0 0 0 3px #3455e510; outline: none; }
#mw-notebook .cp-stage input::placeholder,
#mw-notebook .cp-stage textarea::placeholder,
.el-dialog input::placeholder,
.el-dialog textarea::placeholder { color: #8b9dbd; }
#mw-notebook .cp-stage .el-form-item__label,
.el-dialog .el-form-item__label { font-size: 13px; color: #627ba7; }
#mw-notebook .cp-stage .el-input.is-disabled .el-input__inner,
.el-dialog .el-input.is-disabled .el-input__inner { color: #8c9ab4; background-color: #edf0f6; border-color: #d8dfeb; }
#mw-notebook .cp-stage .el-form-item.is-error .el-input__inner,
.el-dialog .el-form-item.is-error .el-input__inner { border-color: #c8756b; }
#mw-notebook .cp-stage .el-form-item__error,
.el-dialog .el-form-item__error { color: #b75f58; }
#mw-notebook .cp-stage .cp-tag,
#mw-notebook .cp-stage .el-tag { border-radius: 4px; background: #e9f0ff; color: #5575b1; border-color: #ceddf6; font-size: 12px; }
#mw-notebook .cp-stage .cp-tag.cp-warm,
#mw-notebook .cp-stage .el-tag--warning { background: #fff4be; color: #8b7430; border-color: #e6d594; }
#mw-notebook .cp-stage .cp-tag.cp-green,
#mw-notebook .cp-stage .el-tag--success { background: #edf5eb; color: #5b8060; border-color: #ccdfc8; }
#mw-notebook .cp-stage .cp-tag.cp-gray,
#mw-notebook .cp-stage .el-tag--info { background: #f0f2f7; color: #7b8ba8; border-color: #dce2ec; }
#mw-notebook .cp-stage .el-tag--danger { background: #fff0e7; color: #ad655a; border-color: #e8cabd; }
#mw-notebook .cp-table { color: #324d80; font-size: 13px; }
#mw-notebook .cp-table th { background: #edf3ff; color: #7387ad; font-size: 12px; border-color: #d7e1f4; }
#mw-notebook .cp-table td { padding-top: 19px; padding-bottom: 19px; border-color: #e0e6f0; }
#mw-notebook .cp-table td small { color: #7a8bac; font-size: 12px; }
#mw-notebook .cp-table tbody tr { transition: background-color .15s ease; }
#mw-notebook .cp-table tbody tr:hover { background-color: #f4f7ff; }
#mw-notebook .cp-stage .el-table { color: #324d80; background: #fffef9; font-size: 13px; }
#mw-notebook .cp-stage .el-table th { color: #7487ae; background: #edf3ff; border-color: #dae3f3; }
#mw-notebook .cp-stage .el-table td { background: #fffef9; border-color: #e0e6f0; }
#mw-notebook .cp-stage .el-table--enable-row-hover .el-table__body tr:hover>td { background: #f2f6ff; }
#mw-notebook .cp-tab { font-size: 13px; color: #7385aa; border-radius: 5px; }
#mw-notebook .cp-tab[aria-pressed=true] { background: #e6eeff; color: #3455e5; box-shadow: inset 0 -2px 0 #c4d4fb; }
#mw-notebook .cp-pagination,
#mw-notebook .cp-stage .el-pagination { color: #7386ad; font-size: 12px; }
#mw-notebook .cp-stage .el-pagination .el-pager li.active { color: #3153d7; background: #ffed96; border-radius: 5px; box-shadow: 0 2px 0 #d9c877; }
#mw-notebook .cp-stage .el-pagination button,
#mw-notebook .cp-stage .el-pagination .el-pager li { border-radius: 5px; }
#mw-notebook .cp-stage .el-checkbox__input.is-checked .el-checkbox__inner,
#mw-notebook .cp-stage .el-radio__input.is-checked .el-radio__inner,
.el-dialog .el-checkbox__input.is-checked .el-checkbox__inner,
.el-dialog .el-radio__input.is-checked .el-radio__inner { background: #3455e5; border-color: #3455e5; }
#mw-notebook .cp-stage .el-checkbox__input.is-checked+.el-checkbox__label,
#mw-notebook .cp-stage .el-radio__input.is-checked+.el-radio__label,
.el-dialog .el-checkbox__input.is-checked+.el-checkbox__label { color: #3455d7; }
#mw-notebook .cp-stage .cp-upload,
#mw-notebook .cp-stage .el-upload-dragger,
.el-dialog .el-upload-dragger { background: #f1f5ff; border-color: #aec2ec; border-radius: 5px; color: #6e86b0; }
#mw-notebook .cp-stage .cp-upload:hover,
#mw-notebook .cp-stage .el-upload-dragger:hover,
.el-dialog .el-upload-dragger:hover { background-color: #eaf1ff; border-color: #6e8be1; }
#mw-notebook .cp-stage .cp-tip { color: #8b783c; background: #fff4c4; border-color: #dfc878; border-radius: 0 4px 4px 0; }
#mw-notebook .cp-stage .cp-attachment { background: #f2f6ff; border-color: #cddbf3; border-radius: 4px; font-size: 13px; }
#mw-notebook .cp-stage .cp-work-paper { border-color: #cbd8ed; box-shadow: 4px 5px 0 #c2d0e333, 0 8px 20px #2c47700a; }
#mw-notebook .cp-stage .cp-work-paper h3 { color: #3455c7; border-color: #d8e2f4; }
#mw-notebook .cp-stage .cp-notice { border-color: #dce5f5; }
#mw-notebook .cp-stage .cp-notice-dot { background: #4b68e8; box-shadow: 0 0 0 4px #edf2ff; }
#mw-notebook .cp-stage .cp-notice[data-read=true] .cp-notice-dot { background: #c4cede; box-shadow: 0 0 0 4px #f2f4f8; }
#mw-notebook .cp-stage .mw-chat-list,
#mw-notebook .cp-stage .mw-ai-sidebar { background: #eff4ff; border-color: #d4dff3; }
#mw-notebook .cp-stage[data-role=student] .mw-chat-list,
#mw-notebook .cp-stage[data-role=student] .mw-ai-sidebar { background: #fff6ca; }
#mw-notebook .cp-stage .mw-chat-messages,
#mw-notebook .cp-stage .mw-ai-message-panel { background: #fffef8; }
#mw-notebook .cp-stage .mw-chat-session,
#mw-notebook .cp-stage .mw-ai-session { color: #6780aa; border-radius: 6px; }
#mw-notebook .cp-stage .mw-chat-session.active,
#mw-notebook .cp-stage .mw-ai-session.is-active { background: #e2ebff; color: #3455df; box-shadow: inset 3px 0 0 #7e97eb; }
#mw-notebook .cp-stage[data-role=student] .mw-chat-session.active,
#mw-notebook .cp-stage[data-role=student] .mw-ai-session.is-active { background: #ffed9e; color: #3455cf; box-shadow: inset 3px 0 0 #d9bf5f; }
#mw-notebook .cp-stage .mw-chat-bubble,
#mw-notebook .cp-stage .mw-ai-bubble { color: #324d80; background: #edf3ff; border: 1px solid #d7e3fa; border-radius: 3px 10px 10px 10px; box-shadow: 2px 3px 0 #b9c9e41c; font-size: 14px; }
#mw-notebook .cp-stage .mw-chat-message.mine .mw-chat-bubble,
#mw-notebook .cp-stage .mw-ai-message.is-user .mw-ai-bubble { background: #fff0a6; color: #3e5181; border-color: #e7d58d; border-radius: 10px 3px 10px 10px; }
#mw-notebook .cp-stage .mw-chat-compose,
#mw-notebook .cp-stage .mw-ai-composer { background: #f0f5ff; border-color: #d6e1f3; }
#mw-notebook .cp-stage[data-role=student] .mw-chat-compose,
#mw-notebook .cp-stage[data-role=student] .mw-ai-composer { background: #eaf1ff; }
#mw-notebook .cp-stage .mw-chat-compose .el-textarea__inner,
#mw-notebook .cp-stage .mw-ai-composer .el-textarea__inner { background-color: #ffffffb5; border: 1px solid #ccd9f0; border-radius: 4px; }
#mw-notebook .cp-stage .mw-ai-spark { background: #ffed96; color: #3455df; box-shadow: 3px 4px 0 #daca8d44; border-radius: 10px; }
#mw-notebook .cp-stage .mw-ai-welcome h2,
#mw-notebook .cp-stage .mw-ai-no-session h2 { color: #3455cf; font-size: 24px; }
#mw-notebook .cp-stage .mw-ai-suggestions button { color: #5e77a6; background: #fff6cf; border-color: #e8d89c; border-radius: 5px; box-shadow: 2px 3px 0 #d8c78b1c; }
#mw-notebook .cp-stage .mw-material-item:first-child { background: #ffed96; border-color: #e2ce7f; }
#mw-notebook .cp-stage .mw-material-title-link { color: #2b4985; font-size: 17px; font-weight: 650; }
#mw-notebook .cp-stage .mw-material-description,
#mw-notebook .cp-stage .mw-wrong-note { font-size: 13px; color: #7184a7; }
#mw-notebook .cp-stage .mw-wrong-question:nth-child(2n) { background: #edf3ff; border-color: #cbdaf3; box-shadow: 4px 5px 0 #b0c1de20; }
#mw-notebook .cp-stage .mw-wrong-question-title { color: #2b4985; font-size: 16px; font-weight: 650; }
#mw-notebook .cp-stage .cp-empty,
#mw-notebook .cp-stage .mw-wrong-empty,
#mw-notebook .cp-stage .el-empty {
  color: #8293b5;
  background: radial-gradient(ellipse at 50% 45%, #eaf0ff6b, transparent 65%);
  border-radius: 5px;
}
#mw-notebook .cp-stage .nb-empty-icon,
#mw-notebook .cp-stage .el-empty__image { color: #9fb3de; }
#mw-notebook .cp-stage .mw-error { background: #fff2e8; border-color: #eccfc0; color: #ad6558; border-radius: 5px; }
#mw-notebook .cp-footer { color: #7f92ba; letter-spacing: 1.5px; }
#mw-notebook .cp-footer em { font-family: "Segoe Print", "KaiTi", cursive; font-size: 16px; color: #3455e5; }
#mw-notebook .cp-auth { border-color: #becff0; background: #fffef9; box-shadow: 5px 6px 0 #d6e0f544; }
#mw-notebook .cp-auth-cover {
  background: radial-gradient(ellipse at 0 0, #fff6c2, transparent 60%), #ffed96;
  border-right: 1px solid #e9d995;
}
#mw-notebook .cp-auth-brand { font-weight: 750; color: #3455e5; }
#mw-notebook .cp-auth-cover h2 { color: #3455e5; font-size: 46px; line-height: 1.4; }
#mw-notebook .cp-auth-note { color: #6f692e; background: #fff9dc; border-color: #e5d28c; box-shadow: 4px 6px 0 #b59b3d29; }
#mw-notebook .cp-auth-form h1 { font-size: 32px; }
#mw-notebook .cp-auth-form .cp-auth-mode .cp-tab { font-size: 14px; }
.el-dialog,
.el-dialog.nb-dialog,
.el-message-box {
  color: #304b80;
  background: #fffef8;
  border: 1px solid #c3d2f0;
  border-radius: 6px;
  box-shadow: 5px 6px 0 #bbcae54d, 0 22px 70px #29446d26;
  font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
}
.el-dialog.nb-dialog { background: #edf3ff; }
.el-dialog.nb-dialog:before {
  background: #ffeb99c9;
  border-left: 1px dashed #ddcb8e;
  border-right: 1px dashed #ddcb8e;
  pointer-events: none;
}
.el-dialog .el-dialog__header { background: #ffffff30; border-bottom: 1px solid #d9e2f3; border-radius: 6px 6px 0 0; }
.el-dialog .el-dialog__title,
.el-dialog.nb-dialog .el-dialog__title { font-family: "KaiTi", "STKaiti", "Microsoft YaHei", sans-serif; font-size: 26px; line-height: 1.5; color: #3455d7; }
.el-dialog .el-dialog__body,
.el-dialog.nb-dialog .el-dialog__body { color: #5e77a1; font-family: "Segoe UI", "Microsoft YaHei", sans-serif; font-size: 14px; line-height: 1.85; }
.el-dialog .el-dialog__footer { border-top: 1px solid #d9e2f380; }
.el-dialog .el-dialog__headerbtn .el-dialog__close { color: #7e91b5; }
.el-message-box__title { color: #3455d7; font-weight: 650; }
.el-message-box__content { color: #6980a7; line-height: 1.85; }
.v-modal { background: #253d6c; }
.el-select-dropdown,
.el-dropdown-menu,
.el-picker-panel,
.el-popper { color: #3f5b8a; background: #fffef9; border-color: #cedbf2; border-radius: 6px; box-shadow: 0 10px 30px #314d7c1a, 2px 3px 0 #c8d4e820; }
.el-select-dropdown__item { color: #657da7; }
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover,
.el-dropdown-menu__item:hover { color: #3455df; background-color: #edf3ff; }
.el-select-dropdown__item.selected { color: #3455df; background-color: #fff4bb; }
.el-select-dropdown__item.is-disabled,
.el-select-dropdown__item.is-disabled:hover { color: #a4afc5; background-color: transparent; }
.el-date-table td.current:not(.disabled) span { color: #fff; background: #3455e5; }
.el-date-table td.today span { color: #3455e5; font-weight: 700; }
.el-date-table td.available:hover { color: #3455e5; }
.el-picker-panel__icon-btn,
.el-date-picker__header-label { color: #6f86b0; }
.el-picker-panel__footer { background: #f4f7ff; border-color: #dce5f4; }
.el-message { border-radius: 7px; box-shadow: 2px 3px 0 #c0cfdf22, 0 8px 28px #2a427218; font-family: "Segoe UI", "Microsoft YaHei", sans-serif; }
.el-message--success { color: #617e5d; background: #f0f6e9; border-color: #d4e1c5; }
.el-message--warning { background: #fff6cf; border-color: #e8d99f; }
.el-message--error { background: #fff1e9; border-color: #ecd0c4; }
.el-loading-mask { background-color: #fffef8dd; }
.el-loading-spinner .path { stroke: #3455e5; }
.el-loading-spinner .el-loading-text { color: #5572bd; }
#mw-notebook :is(button, a):focus-visible,
.el-dialog button:focus-visible { outline: 2px solid #718eec; outline-offset: 3px; }
@media (max-width: 700px) {
  #mw-notebook .cp-stage h1 { font-size: 30px; }
  #mw-notebook .cp-auth-cover h2 { font-size: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  #mw-notebook .cp-button,
  #mw-notebook .cp-nav-item,
  #mw-notebook .el-button,
  .el-dialog .el-button { transition-duration: .01ms; }
}