/* 共享深色/浅色主题：只改背景、边框和文字，不改变业务布局。 */
body.theme-light{
  --bg:#f4f6fb;--bg2:#ffffff;--card:#ffffff;--line:#e2e7f0;--line2:#cbd5e1;
  --txt:#172033;--muted:#647086;--dim:#98a2b3;--brand:#526df4;--blue:#526df4;
  --green:#0f9f70;--amber:#d58200;--red:#dc3f5f;--cyan:#0891b2;
  --grad-soft:linear-gradient(135deg,rgba(82,109,244,.08),rgba(15,159,112,.08));
  --shadow:0 10px 28px rgba(30,45,80,.08);--shadow-lg:0 20px 50px rgba(30,45,80,.12);
  background:var(--bg)!important;color:var(--txt)!important;color-scheme:light;
}
body.theme-light .nav,body.theme-light .top,body.theme-light .site-foot,body.theme-light .foot,
body.theme-light .side,body.theme-light .lside,body.theme-light .auth-card,body.theme-light .card,
body.theme-light .panel,body.theme-light .modal,body.theme-light .step,body.theme-light .stat,
body.theme-light .pkg .item,body.theme-light .feat,body.theme-light .legal{background:var(--card)!important;border-color:var(--line)!important;box-shadow:none}
body.theme-light .auth-tabs,body.theme-light .auth-mode,body.theme-light .lside,
body.theme-light .card-h,body.theme-light .table th,body.theme-light .stat{background:#f7f9fd!important}
body.theme-light .btn.ghost,body.theme-light .theme-toggle,body.theme-light .inp,
body.theme-light input,body.theme-light textarea,body.theme-light select{background:#fff!important;color:var(--txt)!important;border-color:var(--line2)!important}
body.theme-light .btn.primary{background:var(--grad);color:#fff!important}
body.theme-light .hero h1,body.theme-light .ldoc h1,body.theme-light .hero h2{color:var(--txt)!important}
body.theme-light .hero p,body.theme-light p,body.theme-light li,body.theme-light .sub,
body.theme-light .nm,body.theme-light .tm,body.theme-light .upd,body.theme-light .hint{color:var(--muted)!important}
body.theme-light .auth-tab.on,body.theme-light .tab.on,body.theme-light .lside button.on{color:#fff!important}
body.theme-light .panel h3,body.theme-light .card-h,body.theme-light th,body.theme-light td{border-color:var(--line)!important}
body.theme-light .btn:hover,body.theme-light .tab:hover,body.theme-light a:hover{color:var(--brand)!important}
body.theme-light .paymodal,body.theme-light .paymodal .sub{color:var(--txt)!important}
body.theme-light .paymodal{background:#fff!important;border-color:var(--line)!important}
body.theme-light .paychannels button{background:#f7f9fd!important;color:var(--muted)!important}
body.theme-light .paychannels button.on{background:#eef2ff!important;color:#263a99!important;border-color:var(--brand)!important}
body.theme-light .site-foot,body.theme-light .foot{border-color:var(--line)!important}
body.theme-light .footbar{background:#fff!important;color:var(--dim)!important;border-color:var(--line)!important}
body.theme-light .footbar a{color:var(--dim)!important}
body.theme-light .glow{opacity:.16}
body.theme-light .nav .tab:hover{background:#eef2ff!important;color:var(--brand)!important}
body.theme-light .footer{color:var(--dim)!important}
.theme-toggle{border:1px solid var(--line2);background:#1a1e2c;color:var(--muted);border-radius:9px;padding:7px 11px;font-size:11px;cursor:pointer;white-space:nowrap}
.theme-toggle:hover{color:var(--txt);border-color:var(--brand)}

/* 兼容修复：深色输入框、浅色导航和悬停文字 */
body:not(.theme-light) .redeemrow input,
body:not(.theme-light) #redeemCode,
body:not(.theme-light) input.input,
body:not(.theme-light) input[type="text"],
body:not(.theme-light) input[type="password"],
body:not(.theme-light) textarea,
body:not(.theme-light) select {
  background:#151824!important;color:var(--txt)!important;caret-color:var(--txt)!important;
}
body.theme-light .nav a:hover,
body.theme-light .nav a.on,
body.theme-light .ntabs a:hover {
  color:#263a99!important;background:#eef2ff!important;border-color:#cdd7ff!important;
}
body.theme-light .btn:not(.primary):hover,
body.theme-light .tab:not(.on):hover,
body.theme-light .mini:hover,
body.theme-light .home:hover {
  color:var(--txt)!important;
}
body.theme-light .btn.primary:hover{color:#fff!important}
body.theme-light .side button:hover,
body.theme-light .back:hover {
  color:var(--txt)!important;
}
body.theme-light .side button.on { color:#fff!important; }
body.theme-light .nav a.on,
body.theme-light .nav a:hover {
  color:#263a99!important;
  background:#eef2ff!important;
}

/* 2026-11-07: 深浅主题下的可读性守卫 */
body:not(.theme-light) input:not([type="checkbox"]):not([type="radio"]),
body:not(.theme-light) textarea,
body:not(.theme-light) select {
  background:#151824!important;
  color:var(--txt)!important;
  caret-color:var(--txt)!important;
}
body.theme-light .top .nav a,
body.theme-light .nav a,
body.theme-light .nav button,
body.theme-light .ntabs a {
  color:#334155!important;
}
body.theme-light .top .nav a:hover,
body.theme-light .top .nav a.on,
body.theme-light .nav a:hover,
body.theme-light .nav a.on,
body.theme-light .ntabs a:hover {
  color:#263a99!important;
  background:#eef2ff!important;
  border-color:#cdd7ff!important;
}
body.theme-light .nav .btn,
body.theme-light .nav .loginbtn,
body.theme-light .userarea .btn,
body.theme-light .userarea .upoints,
body.theme-light .userarea .uname {
  color:var(--txt)!important;
}
body.theme-light .nav .btn.primary,
body.theme-light .nav .loginbtn,
body.theme-light .btn.save,
body.theme-light .btn.preview,
body.theme-light .btn.export,
body.theme-light .btn.start {
  color:#fff!important;
}
body.theme-light .userarea .btn:not(.primary):hover,
body.theme-light .userarea .upoints:hover {
  color:var(--brand)!important;
  background:#eef2ff!important;
  border-color:#cdd7ff!important;
}
body.theme-light .side button,
body.theme-light .lside button,
body.theme-light .btn:not(.primary):not(.save):not(.preview):not(.export):not(.start) {
  color:var(--txt)!important;
}
body.theme-light .side button.on,
body.theme-light .lside button.on,
body.theme-light .btn.primary,
body.theme-light .btn.save,
body.theme-light .btn.preview,
body.theme-light .btn.export,
body.theme-light .btn.start {
  color:#fff!important;
}
body.theme-light .btn:not(.primary):not(.save):not(.preview):not(.export):not(.start):hover,
body.theme-light .tab:not(.on):hover,
body.theme-light .mini:hover,
body.theme-light .home:hover {
  color:var(--brand)!important;
}
body.theme-light .tab.on,
body.theme-light .auth-tab.on,
body.theme-light .nav .tab.on {
  background:var(--grad)!important;
  border-color:transparent!important;
  color:#fff!important;
}
/* 浅色登录/注册页：切换按钮与输入区对比度 */
body.theme-light .auth-mode button {
  background:#f7f9fd!important;
  color:var(--muted)!important;
  border-color:var(--line2)!important;
}
body.theme-light .auth-mode button.on {
  background:var(--grad)!important;
  color:#fff!important;
  border-color:transparent!important;
}
body.theme-light .auth-tab {
  background:#f7f9fd!important;
  color:var(--muted)!important;
  border-color:var(--line2)!important;
}
body.theme-light .auth-tab.on {
  background:var(--grad)!important;
  color:#fff!important;
  border-color:transparent!important;
}
/* 2026-11-07: 首页浅色主题对比度 */
body.theme-light .hero h1 {
  background:none!important;
  color:var(--txt)!important;
  -webkit-text-fill-color:var(--txt)!important;
  text-shadow:none!important;
}
body.theme-light .hero .tag {
  color:#4056c8!important;
  background:#eef2ff!important;
  border-color:#cdd7ff!important;
}
body.theme-light .stat b {
  background:none!important;
  color:var(--txt)!important;
  -webkit-text-fill-color:var(--txt)!important;
}
body.theme-light .feat p,body.theme-light .stats span,body.theme-light .flow p,
body.theme-light .mock .panel,body.theme-light .mock .pill,body.theme-light .track {
  color:var(--muted)!important;
}
body.theme-light .mock,body.theme-light .panel,body.theme-light .feat,body.theme-light .step {
  background:#fff!important;
  border-color:var(--line)!important;
}
body.theme-light .pill.on {background:#eef2ff!important;color:#4056c8!important;border-color:#cdd7ff!important}
body.theme-light .btn.ghost {background:#f7f9fd!important;color:var(--txt)!important;border-color:var(--line2)!important}

/* 2026-11-08: 登录注册页与操作指南浅色模式可读性 */
body.theme-light .auth-brand{
  background:linear-gradient(145deg,#f8faff 0%,#eef2ff 52%,#eefbf7 100%)!important;
  color:var(--txt)!important;border-color:#dbe4f4!important;box-shadow:0 22px 60px rgba(30,45,80,.1)!important;
}
body.theme-light .auth-brand h2,
body.theme-light .auth-brand h2 b,
body.theme-light .auth-card-head h2{color:var(--txt)!important;-webkit-text-fill-color:var(--txt)!important;background:none!important}
body.theme-light .auth-brand .lead,
body.theme-light .auth-proof,
body.theme-light .auth-proof span{color:#5f6d82!important}
body.theme-light .auth-proof strong{color:#334155!important}
body.theme-light .auth-kicker{color:#4056c8!important;background:#eef2ff!important;border-color:#cdd7ff!important}
body.theme-light .auth-preview{background:rgba(255,255,255,.72)!important;border-color:#dbe4f4!important;box-shadow:none!important}
body.theme-light .auth-preview-bar{color:#647086!important}
body.theme-light .auth-preview-card{background:#fff!important;border-color:#e2e7f0!important}
body.theme-light .auth-preview-card small{color:#647086!important}
body.theme-light .auth-preview-card b{color:#172033!important}
body.theme-light .auth-preview-card em{color:#4056c8!important}
body.theme-light .auth-preview-track{background:#e2e7f0!important}
body.theme-light .auth-card{background:#fff!important;border-color:#e2e7f0!important;box-shadow:0 22px 60px rgba(30,45,80,.12)!important}
body.theme-light .auth-card-head p,
body.theme-light .auth-card-foot,
body.theme-light .auth-card-foot a,
body.theme-light .auth-security{color:#647086!important}
body.theme-light .auth-service-note{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important}
body.theme-light .auth-service-note b{color:#b45309!important}
body.theme-light .auth-mode,
body.theme-light .auth-tabs{background:#f7f9fd!important;border-color:#dbe4f4!important}
body.theme-light .auth-mode button,
body.theme-light .auth-tab{background:#fff!important;color:#475569!important;border-color:#dbe4f4!important}
body.theme-light .auth-mode button.on,
body.theme-light .auth-tab.on{background:var(--grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important}
body.theme-light .auth-card .field label{color:#475569!important}
body.theme-light .auth-card .field input{background:#fff!important;color:#172033!important;border-color:#cbd5e1!important}
body.theme-light .auth-card .field input::placeholder{color:#94a3b8!important}
body.theme-light .auth-security{border-color:#e2e7f0!important}

body.theme-light .tip{background:#ecfeff!important;border-color:#a5f3fc!important;color:#155e75!important}
body.theme-light .warn{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important}
body.theme-light .badge{background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important}
body.theme-light .shell,
body.theme-light .doc,
body.theme-light .step{background:#fff!important;border-color:#e2e7f0!important}
body.theme-light .side button{color:#475569!important}
body.theme-light .side button:hover{background:#eef2ff!important;color:#263a99!important}
body.theme-light .side button.on{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important}
body.theme-light .upd,
body.theme-light .step span,
body.theme-light .footer{color:#647086!important}
body.theme-light .ldoc h1,
body.theme-light .doc h1,
body.theme-light .step b,
body.theme-light .tip b,
body.theme-light .warn b{color:#172033!important}