/* ===== QD Glass UI v3 (conservative, CJK-safe) ===== */
:root {
  --g-bg: rgba(255, 255, 255, 0.62);
  --g-brd: rgba(255, 255, 255, 0.66);
  --g-brd-soft: rgba(255, 255, 255, 0.38);
  --g-txt: #0f172a;
  --g-txt-dim: #55617a;
  --g-accent: #2f7cf6;
  --g-accent-2: #7a5cff;
  --g-shadow: 0 10px 28px rgba(24, 39, 75, 0.14);
  --g-shadow-sm: 0 4px 14px rgba(24, 39, 75, 0.10);
  --g-radius: 18px;
  --g-pill: 999px;
}

html, body { min-height: 100%; }

/* CJK-first stack: never let a Latin-only font win for Chinese glyphs */
body, button, input, select, textarea, .btn, .form-control, table, .dropdown-menu {
  font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Noto Sans SC",
               "Source Han Sans SC", "WenQuanYi Micro Hei", "Helvetica Neue", Arial, sans-serif !important;
}

body {
  color: var(--g-txt);
  background:
    radial-gradient(1100px 760px at 10% -12%, #d6e6ff 0%, transparent 62%),
    radial-gradient(900px 700px at 102% -4%, #ffe0ef 0%, transparent 58%),
    radial-gradient(900px 900px at 50% 118%, #dcfff4 0%, transparent 60%),
    linear-gradient(165deg, #eef3ff 0%, #f8faff 48%, #f1f6ff 100%);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
}

body::before, body::after {
  content: ""; position: fixed; z-index: 0; border-radius: 50%;
  filter: blur(70px); opacity: .5; pointer-events: none;
}
body::before { width: 44vmax; height: 44vmax; left: -12vmax; top: -10vmax;
  background: linear-gradient(135deg, #7ab8ff, #b18cff 55%, #ffb3d9);
  animation: g-float1 26s ease-in-out infinite alternate; }
body::after { width: 38vmax; height: 38vmax; right: -10vmax; bottom: -12vmax;
  background: linear-gradient(135deg, #86f7d5, #7fd4ff 60%, #c3b6ff);
  animation: g-float2 32s ease-in-out infinite alternate; }
@keyframes g-float1 { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(6vmax,4vmax,0) scale(1.12); } }
@keyframes g-float2 { from { transform: translate3d(0,0,0) scale(1.08); } to { transform: translate3d(-5vmax,-4vmax,0) scale(1); } }

/* keep content above the blobs */
.container, .container-fluid, .navbar, .panel, .well, table, .table-responsive,
.modal-content, .dropdown-menu, .alert, .form-control, .btn { position: relative; z-index: 1; }

/* ---------- containers as glass cards ---------- */
.container {
  background: var(--g-bg) !important;
  -webkit-backdrop-filter: blur(20px) saturate(170%);
  backdrop-filter: blur(20px) saturate(170%);
  border: 1px solid var(--g-brd) !important;
  border-radius: var(--g-radius) !important;
  box-shadow: var(--g-shadow) !important;
  margin-bottom: 16px;
}

/* ---------- headings as pills (text untouched) ---------- */
.container > h2 {
  display: block;
  width: fit-content;
  margin: 4px auto 12px;
  clear: both;
  padding: 5px 16px;
  border-radius: var(--g-pill);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: var(--g-shadow-sm);
  font-size: 19px;
  line-height: 1.5;
  color: var(--g-txt);
}

/* ---------- buttons as capsules ---------- */
.btn {
  border-radius: var(--g-pill) !important;
  border: 1px solid var(--g-brd-soft) !important;
  background: rgba(255, 255, 255, 0.72);
  color: var(--g-txt);
  font-weight: 600;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.btn:hover, .btn:focus { transform: translateY(-1px); box-shadow: var(--g-shadow-sm); color: var(--g-txt); background: rgba(255,255,255,.9); }
.btn-primary, .btn-info { background: linear-gradient(135deg, var(--g-accent), var(--g-accent-2)) !important; border: 0 !important; color: #fff !important; }
.btn-success { background: linear-gradient(135deg,#22c58b,#12a97a) !important; border: 0 !important; color: #fff !important; }
.btn-danger  { background: linear-gradient(135deg,#ff6a6a,#e63e5c) !important; border: 0 !important; color: #fff !important; }
.btn-warning { background: linear-gradient(135deg,#ffc45e,#ff9f43) !important; border: 0 !important; color: #4a2f00 !important; }
.btn-xs, .btn-group-xs > .btn { padding: 3px 11px; font-size: 12px; border-radius: var(--g-pill) !important; }

/* ---------- inputs ---------- */
.form-control, select.form-control, textarea.form-control,
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="time"] {
  background: rgba(255,255,255,.72) !important;
  border: 1px solid var(--g-brd-soft) !important;
  border-radius: 12px !important;
  color: var(--g-txt);
  box-shadow: none !important;
}
.form-control:focus { background:#fff !important; border-color: rgba(47,124,246,.55) !important; box-shadow: 0 0 0 4px rgba(47,124,246,.14) !important; }

/* ---------- tables (keep default border model so column widths stay intact) ---------- */
table.table { background: rgba(255,255,255,.34) !important; border-radius: 12px; }
.table > thead > tr > th { background: rgba(255,255,255,.55) !important; border-bottom: 1px solid var(--g-brd-soft) !important; color: var(--g-txt-dim); font-weight: 600; }
.table > tbody > tr > td { border-top: 1px solid rgba(255,255,255,.5) !important; }
.table-hover > tbody > tr:hover > td { background: rgba(255,255,255,.55) !important; }

/* ---------- alerts / tabs / dropdown / modal ---------- */
.alert { border: 1px solid var(--g-brd) !important; border-radius: 14px !important; background: var(--g-bg) !important; color: var(--g-txt); }
.alert-success { background: rgba(226,255,243,.82) !important; }
.alert-danger  { background: rgba(255,235,238,.85) !important; }
.alert-info    { background: rgba(233,242,255,.85) !important; }
.dropdown-menu { background: rgba(255,255,255,.94) !important; border: 1px solid var(--g-brd) !important; border-radius: 14px !important; box-shadow: var(--g-shadow) !important; }
.modal-content { background: rgba(255,255,255,.9) !important; border-radius: var(--g-radius) !important; }
.table-responsive, .well, .panel { background: var(--g-bg); border-radius: var(--g-radius); }

/* ---------- small screens ---------- */
@media (max-width: 820px) {
  body { background-attachment: scroll; }
  body::before, body::after { opacity: .35; }
  .container { border-radius: 14px !important; padding: 12px !important; }
  .container > h2 { font-size: 17px; padding: 4px 12px; }
  .btn { padding: 6px 13px; }
  table.table { display: block; overflow-x: auto; white-space: nowrap; }
}

/* ---------- dark mode ---------- */
@media (prefers-color-scheme: dark) {
  :root {
    --g-bg: rgba(26, 30, 46, 0.66); --g-brd: rgba(255,255,255,.16); --g-brd-soft: rgba(255,255,255,.12);
    --g-txt: #eaeefb; --g-txt-dim: #a9b4cd; --g-shadow: 0 12px 30px rgba(0,0,0,.45); --g-shadow-sm: 0 6px 16px rgba(0,0,0,.35);
  }
  body { background: linear-gradient(165deg, #0e1322 0%, #121a2c 50%, #0c1220 100%); }
  .container > h2 { background: rgba(255,255,255,.12); }
  .btn { background: rgba(255,255,255,.10); color: var(--g-txt); }
  .btn:hover { background: rgba(255,255,255,.18); color: var(--g-txt); }
  table.table { background: rgba(255,255,255,.05) !important; }
  .table > thead > tr > th { background: rgba(255,255,255,.08) !important; }
  .table-hover > tbody > tr:hover > td { background: rgba(255,255,255,.10) !important; }
  .dropdown-menu, .modal-content { background: rgba(24,28,44,.96) !important; }
  .alert-success { background: rgba(20,60,50,.6) !important; }
  .alert-danger  { background: rgba(70,25,35,.62) !important; }
  .alert-info    { background: rgba(25,45,80,.62) !important; }
  .form-control, select.form-control, textarea.form-control { background: rgba(255,255,255,.08) !important; color: var(--g-txt); }
}

/* ===== v6: login page (branded) ===== */
body:has(#email) .container {
  max-width: 520px;
  margin: 9vh auto 0;
  padding: 30px 32px 26px !important;
}
body:has(#email) .container > h2 { font-size: 24px; }
body:has(#email) #email, body:has(#email) #password { height: 46px; font-size: 15px; }
body:has(#email) .form-group { margin-bottom: 18px; }
body:has(#email) button[onclick*="/register"] { display: none !important; }

/* ===== v7: login page beautified ===== */
/* 隐藏版本号(时间) / 字段怪异图标 / QD 页脚 */
#qd_header_sup { display: none !important; }
body:has(#email) .form-control-feedback { display: none !important; }
body:has(#email) footer { display: none !important; }

/* 页面背景光斑 */
body:has(#email)::before {
  content: "";
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(640px 420px at 12% 18%, rgba(124,92,255,.16), transparent 62%),
    radial-gradient(560px 400px at 88% 78%, rgba(34,211,238,.18), transparent 62%),
    radial-gradient(420px 300px at 78% 8%, rgba(255,180,120,.10), transparent 60%);
}

/* 卡片 */
body:has(#email) .container {
  max-width: 460px;
  margin: 10vh auto 40px;
  padding: 40px 40px 32px !important;
  background: linear-gradient(168deg, rgba(255,255,255,.94), rgba(246,249,255,.88)) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
  border-radius: 28px !important;
  box-shadow:
    0 30px 70px -32px rgba(70,84,160,.5),
    0 1px 0 rgba(255,255,255,.95) inset !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  position: relative;
  overflow: hidden;
}
body:has(#email) .container::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 5px;
  background: linear-gradient(90deg, #7c5cff, #22d3ee, #7c5cff);
  background-size: 200% 100%;
  animation: lvlLoginSheen 7s linear infinite;
}
@keyframes lvlLoginSheen { from { background-position: 0 0; } to { background-position: 200% 0; } }

/* 标题 */
body:has(#email) .container h2 {
  font-size: 28px !important;
  font-weight: 800;
  letter-spacing: 2px;
  margin-bottom: 2px;
  background: linear-gradient(92deg, #4f46e5, #0891b2);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}
body:has(#email) .container h2::after {
  content: "每日自动签到 · 安全登录";
  display: block;
  margin-top: 10px;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 1px;
  -webkit-text-fill-color: #8b93b0;
}
body:has(#email) hr {
  border-top: 1px solid rgba(120,130,170,.16);
  margin: 16px 0 22px;
}

/* 字段 */
body:has(#email) label {
  font-size: 13.5px;
  font-weight: 600;
  color: #4a5170 !important;
  margin-bottom: 7px;
}
body:has(#email) #email, body:has(#email) #password {
  height: 50px !important;
  font-size: 15px !important;
  padding: 0 16px !important;
  border: 1.5px solid #e3e7f4 !important;
  border-radius: 14px !important;
  background: #f7f8fd !important;
  color: #22283d !important;
  box-shadow: none;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
body:has(#email) #email:focus, body:has(#email) #password:focus {
  border-color: #6366f1 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(99,102,241,.14) !important;
  outline: none;
}
body:has(#email) .form-group { margin-bottom: 20px; }

/* 按钮行: 登录主按钮 + 忘记密码 */
body:has(#email) .text-right { display: flex; align-items: center; gap: 12px; }
body:has(#email) button[onclick*="/login"] {
  flex: 1;
  background: linear-gradient(135deg, #6366f1, #22b8e6) !important;
  border: 0 !important;
  color: #fff !important;
  padding: 12px 0 !important;
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: 4px;
  text-indent: 4px;
  border-radius: 999px !important;
  box-shadow: 0 14px 30px -12px rgba(79,90,229,.7);
  transition: transform .15s, box-shadow .2s, filter .2s;
}
body:has(#email) button[onclick*="/login"]:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow: 0 18px 36px -12px rgba(79,90,229,.8);
}
body:has(#email) button[onclick*="/password_reset"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #6366f1 !important;
  font-size: 13.5px;
  padding: 10px 6px !important;
  white-space: nowrap;
}
body:has(#email) button[onclick*="/password_reset"]:hover { text-decoration: underline; }

/* ===== v10: 运行看板 + 性能收敛 ===== */
/* A. 性能: 关掉最吃 GPU 的三件事(固定背景 / 大面积光斑动画 / 多层毛玻璃) */
body { background-attachment: scroll !important; }
body::before, body::after { animation: none !important; opacity: .34; }
.container { -webkit-backdrop-filter: blur(10px) saturate(150%) !important; backdrop-filter: blur(10px) saturate(150%) !important; }
table.table, .table-responsive, .table > tbody > tr, .dropdown-menu, .modal-content, .alert, .btn, .form-control {
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
.btn { transition: box-shadow .15s ease, background .15s ease !important; }
.btn:hover, .btn:focus { transform: none !important; }

/* B. 顶栏与导航胶囊 */
.navbar, .navbar-default, .navbar-fixed-top {
  background: rgba(255,255,255,.80) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  box-shadow: 0 10px 26px -20px rgba(30,45,90,.55) !important;
}
.navbar .nav > li > a { border-radius: 999px !important; font-weight: 600; }
.navbar .nav > li > a:hover, .navbar .nav > li.active > a { background: rgba(47,124,246,.10) !important; }

/* C. 首页运行看板 */
#lvlDash { max-width: 1180px; margin: 16px auto 4px; padding: 0 5px; }
#lvlDash .lvl-head { display: flex; align-items: center; gap: 10px; margin: 0 8px 10px; }
#lvlDash .lvl-head h3 { margin: 0; font-size: 17.5px; font-weight: 800; color: #16203a; letter-spacing: .4px; }
#lvlDash .lvl-live { margin-left: auto; font-size: 12px; color: #5b6784; display: inline-flex; align-items: center; gap: 6px; }
#lvlDash .lvl-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c58b; box-shadow: 0 0 0 4px rgba(34,197,139,.18); }
#lvlDash .lvl-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
#lvlDash .lvl-card {
  position: relative; padding: 14px 16px 15px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(160deg, rgba(255,255,255,.96), rgba(242,247,255,.84));
  border: 1px solid rgba(255,255,255,.92);
  box-shadow: 0 16px 34px -26px rgba(46,64,120,.62);
}
#lvlDash .lvl-card::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: linear-gradient(90deg, #6366f1, #22b8e6, #34d399);
}
#lvlDash .lvl-wide { grid-column: span 4; }
#lvlDash .lvl-k { font-size: 12.5px; color: #6b7699; font-weight: 700; letter-spacing: .3px; }
#lvlDash .lvl-v { margin-top: 7px; font-size: 20px; font-weight: 800; color: #16203a; line-height: 1.35; word-break: break-word; }
#lvlDash .lvl-v.lvl-ok { color: #0f9d75; }
#lvlDash .lvl-v.lvl-warn { color: #c07f00; }
#lvlDash .lvl-v.lvl-bad { color: #d9354f; }
#lvlDash .lvl-s { margin-top: 6px; font-size: 12.5px; color: #5d6785; }
#lvlDash .lvl-rows { margin-top: 10px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 7px 20px; }
#lvlDash .lvl-row { display: flex; align-items: baseline; gap: 8px; font-size: 13.5px; }
#lvlDash .lvl-rk { color: #6b7699; min-width: 112px; }
#lvlDash .lvl-rv { color: #16203a; font-weight: 600; word-break: break-word; }
#lvlDash .lvl-rv.lvl-ok { color: #0f9d75; }
#lvlDash .lvl-rv.lvl-bad { color: #d9354f; }
#lvlDash .lvl-out {
  margin-top: 12px; padding: 10px 12px; border-radius: 12px; font-size: 12.5px; color: #4c577a;
  background: rgba(99,102,241,.06); border: 1px dashed rgba(99,102,241,.22);
  white-space: pre-wrap; word-break: break-word; line-height: 1.6;
}
#lvlDash .lvl-out:empty { display: none; }

@media (max-width: 1080px) {
  #lvlDash .lvl-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  #lvlDash .lvl-wide { grid-column: span 2; }
  #lvlDash .lvl-rows { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  #lvlDash .lvl-grid { grid-template-columns: 1fr; }
  #lvlDash .lvl-wide { grid-column: span 1; }
  #lvlDash .lvl-head h3 { font-size: 15.5px; }
}

@media (prefers-color-scheme: dark) {
  #lvlDash .lvl-head h3 { color: #eef2ff; }
  #lvlDash .lvl-card {
    background: linear-gradient(160deg, rgba(32,38,58,.94), rgba(24,29,45,.86));
    border-color: rgba(255,255,255,.10);
  }
  #lvlDash .lvl-k, #lvlDash .lvl-rk { color: #9fabca; }
  #lvlDash .lvl-v, #lvlDash .lvl-rv { color: #eef2ff; }
  #lvlDash .lvl-s { color: #a9b4cf; }
  #lvlDash .lvl-out { color: #c3cce4; background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.14); }
  #lvlDash .lvl-live { color: #a9b4cf; }
}

/* ===== v11: 任务编辑页「人话化」 ===== */
/* 隐藏字段右侧的怪异小图标 + 取 cookie 插件链接 */
.form-control-feedback { display: none !important; }
a[href*="get-cookies"] { display: none !important; }

/* 字段说明文字 */
.lvl-hint {
  margin-top: 6px; font-size: 12.5px; line-height: 1.6; color: #6b7699;
  padding-left: 2px;
}

/* 顶部一句话状态条 */
.lvl-banner {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  margin: 6px 0 16px; padding: 11px 16px; border-radius: 999px;
  background: linear-gradient(135deg, rgba(34,197,139,.12), rgba(47,124,246,.10));
  border: 1px solid rgba(47,124,246,.18);
  font-size: 13px; color: #24304d;
}
.lvl-banner.lvl-warn {
  background: linear-gradient(135deg, rgba(255,196,94,.20), rgba(255,143,64,.12));
  border-color: rgba(255,159,67,.35);
}
.lvl-banner b { font-weight: 800; letter-spacing: .3px; }
.lvl-bdot {
  width: 9px; height: 9px; border-radius: 50%; background: #22c58b;
  box-shadow: 0 0 0 4px rgba(34,197,139,.18); flex: none;
}
.lvl-banner.lvl-warn .lvl-bdot { background: #ff9f43; box-shadow: 0 0 0 4px rgba(255,159,67,.20); }
.lvl-btxt { color: #3d4a6b; }
.lvl-bbtn {
  margin-left: auto; padding: 7px 14px; border-radius: 999px;
  background: linear-gradient(135deg, #6366f1, #22b8e6); color: #fff !important;
  font-weight: 700; font-size: 12.5px; text-decoration: none !important;
  box-shadow: 0 10px 22px -12px rgba(79,90,229,.8); flex: none;
}
.lvl-bbtn:hover { filter: brightness(1.06); }

/* 模板说明 -> 人话版 */
.lvl-explain { font-size: 13.5px; line-height: 1.7; }
.lvl-explain b { display: block; margin-bottom: 6px; font-size: 14px; color: #1d2740; }
.lvl-do { margin: 0 0 8px; padding-left: 20px; }
.lvl-do li { margin: 2px 0; }
.lvl-need {
  margin-top: 6px; padding: 9px 12px; border-radius: 12px;
  background: rgba(99,102,241,.07); border: 1px dashed rgba(99,102,241,.24);
  font-size: 12.5px; color: #4c577a;
}

/* 高级设置折叠块 */
.lvl-adv {
  margin: 14px 0 18px; padding: 10px 16px 4px; border-radius: 16px;
  background: rgba(99,102,241,.045);
  border: 1px dashed rgba(99,102,241,.26);
}
.lvl-adv > summary {
  cursor: pointer; list-style: none; margin: -2px -6px 8px; padding: 6px;
  font-size: 13px; font-weight: 700; color: #3f4b70;
}
.lvl-adv > summary::-webkit-details-marker { display: none; }
.lvl-adv > summary::before { content: "▸ "; color: #6366f1; }
.lvl-adv[open] > summary::before { content: "▾ "; }
.lvl-adv .form-group:last-child { margin-bottom: 10px; }

/* 「前值 / 复制」块弱化 */
.showbut { font-size: 12.5px; color: #7c86a6; background: rgba(255,255,255,.5); }

@media (prefers-color-scheme: dark) {
  .lvl-hint { color: #9fabca; }
  .lvl-banner { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); color: #e6ebf8; }
  .lvl-btxt { color: #cfd7ea; }
  .lvl-explain b { color: #eef2ff; }
  .lvl-need { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.16); color: #c3cce4; }
  .lvl-adv { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.16); }
  .lvl-adv > summary { color: #d5ddf1; }
  .showbut { color: #9fabca; background: rgba(255,255,255,.05); }
}

/* ===== v12: 执行前校验弹窗 / 执行中提示 / 结果判读 ===== */
.lvl-mask {
  position: fixed; inset: 0; z-index: 2147483002;
  background: rgba(9, 13, 28, .55); backdrop-filter: blur(3px);
}
.lvl-dialog {
  position: fixed; z-index: 2147483003; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: min(520px, 92vw); padding: 22px 24px 18px;
  border-radius: 20px; background: #fff;
  box-shadow: 0 30px 80px -30px rgba(12, 20, 50, .65);
  border: 1px solid rgba(255, 255, 255, .9);
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}
.lvl-dt { font-size: 17px; font-weight: 800; color: #16203a; }
.lvl-db { margin-top: 10px; font-size: 13.5px; line-height: 1.75; color: #4c577a; }
.lvl-db b { color: #d9354f; }
.lvl-da { display: flex; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
.lvl-btn {
  border: 0; border-radius: 999px; padding: 10px 18px; cursor: pointer;
  font-size: 13.5px; font-weight: 700; font-family: inherit;
}
.lvl-btn.lvl-p { background: linear-gradient(135deg, #6366f1, #22b8e6); color: #fff; }
.lvl-btn.lvl-s { background: rgba(99, 102, 241, .10); color: #3f4b70; }
.lvl-btn.lvl-g { background: rgba(20, 30, 60, .06); color: #5b6784; }
.lvl-btn:hover { filter: brightness(1.05); }

.lvl-running {
  margin-top: 12px; padding: 9px 12px; border-radius: 12px;
  background: rgba(99, 102, 241, .07); border: 1px dashed rgba(99, 102, 241, .25);
  font-size: 12.5px; color: #4c577a;
}
.lvl-verdict {
  margin: 12px 0 4px; padding: 12px 14px; border-radius: 14px;
  font-size: 13.5px; line-height: 1.7;
}
.lvl-verdict b { font-size: 14.5px; }
.lvl-verdict a { font-weight: 700; }
.lvl-warnbox { background: rgba(255, 196, 94, .18); border: 1px solid rgba(255, 159, 67, .45); color: #7a4a00; }
.lvl-warnbox b { color: #a45a00; }
.lvl-okbox { background: rgba(34, 197, 139, .14); border: 1px solid rgba(34, 197, 139, .4); color: #0b6b4f; }
.lvl-badbox { background: rgba(255, 106, 106, .14); border: 1px solid rgba(217, 53, 79, .4); color: #8c1730; }

/* 首页运行概况里的「空跑」红字提示 */
#lvlDash .lvl-more {
  float: right; font-size: 12.5px; font-weight: 700; color: #4b4fd6 !important;
  text-decoration: none !important;
}
#lvlDash .lvl-more:hover { text-decoration: underline !important; }

#lvlDash .lvl-warn-line {
  margin-top: 8px; padding: 8px 12px; border-radius: 12px;
  background: rgba(255, 196, 94, .18); border: 1px solid rgba(255, 159, 67, .4);
  font-size: 12.5px; color: #7a4a00;
}

@media (prefers-color-scheme: dark) {
  .lvl-dialog { background: #1b2033; border-color: rgba(255, 255, 255, .12); }
  .lvl-dt { color: #eef2ff; }
  .lvl-db { color: #c3cce4; }
  .lvl-btn.lvl-s { background: rgba(255, 255, 255, .10); color: #dbe3f6; }
  .lvl-btn.lvl-g { background: rgba(255, 255, 255, .06); color: #a9b4cf; }
  .lvl-running { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .16); color: #c3cce4; }
  #lvlDash .lvl-warn-line { background: rgba(255, 196, 94, .14); color: #f0c674; }
}