/* VADO 品牌覆盖层 — 仅样式与登录页结构，不触碰 core 逻辑 */
:root{
  --sidebar-w: 236px;
  --header-h: 58px;
  --radius: 9px;
  --bg-deep:#050a14; --bg-primary:#080f1c; --bg-secondary:#0d1729;
  --bg-card:rgba(18,30,52,.72); --bg-card-hover:#16233c; --bg-card-solid:#0f1a2c;
  --bg-input:#0b1424; --bg-elevated:#101b2e;
  --border:#1b2a44; --border-light:#2a3f62;
  --text-primary:#eef4ff; --text-secondary:#b9c8de; --text-muted:#7e90ad;
  --accent:#5b8cff; --accent-glow:rgba(91,140,255,.28); --accent-dim:rgba(91,140,255,.12);
  --blue:#22d3ee; --blue-glow:rgba(34,211,238,.25);
  --hairline:rgba(255,255,255,.05); --hairline-strong:rgba(255,255,255,.12);
}
body{ background:var(--bg-deep); }

/* ── 侧栏：统一行高/字宽/间距 ── */
.sidebar{ width:var(--sidebar-w); background:linear-gradient(180deg,#0a1220 0%,#070d18 100%); }
.sidebar-brand{ height:66px; padding:0 18px; display:flex; align-items:center; }
.sidebar-nav{ padding:8px 10px 16px; }
.nav-section{ margin-bottom:14px; }
.nav-section-title{ padding:10px 12px 6px; margin:0; font-size:.66rem; letter-spacing:.16em; color:#66799a; }
.nav-item{
  position:relative; display:flex; align-items:center;
  height:42px; padding:0 12px; margin:2px 0; gap:10px;
  border-radius:9px; font-size:.875rem; font-weight:500;
}
.nav-item .nav-icon{ width:18px; height:18px; opacity:.92; flex-shrink:0; }
.nav-item .nav-label{
  min-width:0 !important; flex:1 1 auto;
  text-align:left !important; text-align-last:auto !important;
  letter-spacing:.01em !important;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.nav-item.nav-parent{ width:100%; height:42px; text-align:left; }
.nav-item .nav-caret{ margin-left:auto; }
.nav-item.sub{ margin-left:0; padding-left:24px; height:38px; border-left:none; border-radius:9px; font-size:.82rem; }
.nav-sub{ margin:0; gap:2px; }
.nav-item:hover{ background:rgba(255,255,255,.045); }
.nav-item.active{
  background:linear-gradient(90deg,rgba(91,140,255,.20),rgba(91,140,255,.03));
  color:#dfe8ff; font-weight:600;
}
.nav-item.active::before{ left:0; top:9px; transform:none; height:24px; width:3px; border-radius:0 3px 3px 0; background:var(--accent); }

/* ── 顶栏 ── */
.topbar{ height:var(--header-h); background:rgba(8,15,28,.82); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.06); padding:0 24px; }

/* ── 登录页：左右分栏（与 LumeX 居中卡片完全不同） ── */
html.vado-login body{ background:#050a14; }
html.vado-login .lp-stage{
  display:grid; grid-template-columns:minmax(0,1fr) 470px;
  align-items:center; max-width:1200px; margin:0 auto;
  min-height:100vh; padding:40px; gap:0;
}
html.vado-login .vado-hero{
  position:relative; overflow:hidden; min-height:620px;
  display:flex; flex-direction:column; justify-content:space-between;
  padding:56px 54px; border-radius:26px 0 0 26px;
  background:
    radial-gradient(680px 420px at 8% 0%, rgba(91,140,255,.20), transparent 62%),
    radial-gradient(520px 420px at 100% 100%, rgba(34,211,238,.12), transparent 60%),
    linear-gradient(155deg,#0b1730 0%,#070e1c 60%,#060b16 100%);
  border:1px solid rgba(91,140,255,.20); border-right:none;
}
html.vado-login .vado-hero::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(91,140,255,.075) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(91,140,255,.075) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(120% 90% at 20% 10%,#000 20%,transparent 78%);
  mask-image:radial-gradient(120% 90% at 20% 10%,#000 20%,transparent 78%);
}
html.vado-login .vado-hero-inner{ position:relative; z-index:1; }
html.vado-login .vado-hero-logo{ width:300px; max-width:86%; height:auto; display:block; filter:drop-shadow(0 10px 34px rgba(91,140,255,.28)); }
html.vado-login .vado-hero-tag{ margin-top:52px; font-size:2.05rem; line-height:1.28; font-weight:750; letter-spacing:.01em; color:#f2f6ff; }
html.vado-login .vado-hero-sub{ margin:14px 0 0; color:#93a7c6; font-size:.92rem; letter-spacing:.02em; }
html.vado-login .vado-hero-list{
  list-style:none; margin:44px 0 0; padding:0;
  display:grid; grid-template-columns:1fr 1fr; gap:14px 18px;
}
html.vado-login .vado-hero-list li{
  display:flex; align-items:center; gap:9px; font-size:.85rem; color:#a9bcd8;
  padding:11px 14px; border-radius:10px;
  background:rgba(255,255,255,.028); border:1px solid rgba(255,255,255,.06);
}
html.vado-login .vado-hero-list b{ color:#dce7ff; font-weight:650; }
html.vado-login .vado-hero-foot{ position:relative; z-index:1; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:#7f93b5; font-size:.78rem; }
html.vado-login .lp-card{
  max-width:none; width:100%; min-height:620px; margin:0;
  display:flex; flex-direction:column; justify-content:center;
  padding:52px 46px; border-radius:0 26px 26px 0;
  background:rgba(9,16,29,.94);
  border:1px solid rgba(91,140,255,.20); border-left:1px solid rgba(255,255,255,.06);
  box-shadow:none; backdrop-filter:blur(18px);
}
html.vado-login .lp-card .lp-logo{ display:none; }
html.vado-login .lp-eyebrow{ text-align:left; color:#7fa2ff; letter-spacing:.28em; margin-bottom:12px; }
html.vado-login .lp-title{ text-align:left; font-size:1.62rem; letter-spacing:.01em; }
html.vado-login .lp-subtitle{ text-align:left; margin:8px 0 30px; color:#8698b5; }
@media (max-width: 980px){
  html.vado-login .lp-stage{ grid-template-columns:1fr; padding:20px; }
  html.vado-login .vado-hero{ display:none; }
  html.vado-login .lp-card{ border-radius:20px; min-height:auto; padding:40px 28px; border-left:1px solid rgba(91,140,255,.20); }
}

/* ── 收尾：图标基线/登录页细节 ── */
.nav-item > svg, .nav-item > .nav-icon{
  width:18px !important; height:18px !important; flex:0 0 18px !important;
  display:block; margin:0;
}
.nav-item{ column-gap:11px; }
.sidebar-footer{ padding:14px 14px; }
html.vado-login #lpCanvas{ opacity:.32; }
html.vado-login .vado-hero-list li{ color:#c2d2e9; font-weight:500; background:rgba(255,255,255,.04); }
html.vado-login .vado-hero-list b{ color:#ffffff; }
html.vado-login .vado-hero-foot{ color:#8ea6c9; }
html.vado-login .vado-hero-tag{ text-wrap:balance; }

/* ── 登录页配色收口：去掉旧的青绿，统一为 VADO 蓝 ── */
html.vado-login{
  --lp-accent:#5b8cff; --lp-border:rgba(91,140,255,.22);
  --lp-orbit:rgba(12,21,38,.92); --lp-text:#e8f0ff; --lp-muted:#8598b6;
  --lp-card:rgba(9,16,29,.94);
}
html.vado-login .vado-hero-logo{ width:240px; }
html.vado-login .lp-field{ margin-bottom:18px; }
html.vado-login .lp-field input{ padding-top:15px; padding-bottom:15px; }
html.vado-login .lp-field input::placeholder{ color:#6b7c96; }
html.vado-login .lp-btn{
  margin-top:12px; color:#06101f;
  background:linear-gradient(135deg,#4f7cff 0%,#6b9cff 55%,#22d3ee 100%);
  box-shadow:0 10px 30px rgba(79,124,255,.28);
}
html.vado-login .lp-btn:hover{ box-shadow:0 14px 40px rgba(79,124,255,.40); }
html.vado-login .lp-field input:focus{ border-color:rgba(91,140,255,.65); box-shadow:0 0 0 4px rgba(91,140,255,.14); }
html.vado-login .lp-field:focus-within > svg{ stroke:#5b8cff; }
html.vado-login .lp-btn{ margin-top:20px; }
html.vado-login input[type=checkbox]{ accent-color:#5b8cff; }

html.vado-login .vado-hero-list li{ justify-content:space-between; }
html.vado-login .vado-hero-list span{ color:#8397b5; font-size:.78rem; }
.nav-item.nav-solace .nav-label{ letter-spacing:.105em !important; }

/* 5 个信号源：维度・X 独占一行 */
html.vado-login .vado-hero-list li.vx{ grid-column:1/-1; }

/* 手机端登录页 */
@media (max-width: 980px){
  html.vado-login .lp-stage{ grid-template-columns:1fr; padding:16px; min-height:100dvh; }
  html.vado-login .lp-card{ min-height:auto; width:100%; border-radius:20px; padding:30px 22px 26px; }
  html.vado-login .lp-title{ font-size:1.36rem; }
  html.vado-login .lp-subtitle{ font-size:.82rem; margin:6px 0 22px; }
  html.vado-login .lp-field{ margin-bottom:14px; }
  html.vado-login .lp-field input{ padding:13px 14px 13px 42px; font-size:.9rem; }
  html.vado-login .lp-btn{ padding:13px; margin-top:14px; }
  html.vado-login .lp-eye{ right:2px; }
}
@media (max-width: 380px){
  html.vado-login .lp-card{ padding:26px 16px 22px; }
}

/* 侧栏 logo 放大到可读尺寸 */
.sidebar-brand .bl-emblem{ width:104px !important; height:40px !important; overflow:visible; }
.sidebar-brand .bl-emblem-img{ width:104px !important; height:40px !important; max-width:none !important; object-fit:contain; }
.sidebar-brand .bl-wordimg, .sidebar-brand img.bl-wordimg{ display:none !important; }

/* ============ VADO 设计 V2 — 芭乐配色 / 去星空 / 新登录页 ============ */
:root{
  --bg-deep:#0A1310; --bg-primary:#0E1A14; --bg-secondary:#13221A;
  --bg-card:rgba(22,36,28,.78); --bg-card-hover:#1A2C22; --bg-card-solid:#14231B;
  --bg-input:#101C16; --bg-elevated:#182A20;
  --border:#24382C; --border-light:#324A3B;
  --text-primary:#F1F7F2; --text-secondary:#C3D3C7; --text-muted:#8CA093;
  --accent:#FF7A97; --accent-glow:rgba(255,122,151,.26); --accent-dim:rgba(255,122,151,.12);
  --blue:#8BD46A; --blue-glow:rgba(139,212,106,.22);
}
body{ background:var(--bg-deep); }
.sidebar{ background:linear-gradient(180deg,#101E17 0%,#0A130F 100%); }
.topbar{ background:rgba(10,19,16,.86); }
.nav-item.active{ background:linear-gradient(90deg,rgba(255,122,151,.18),rgba(255,122,151,.02)); color:#FFE4EA; }
.nav-item.active::before{ background:var(--accent); }
.sidebar-brand .bl-emblem{ width:128px !important; height:40px !important; }
.sidebar-brand .bl-emblem-img{ width:128px !important; height:40px !important; object-fit:contain; }

/* 登录页：暖奶油 + 深绿双栏，去掉星空/光斑 */
html.vado-login body{ background:#FFF6F0; }
html.vado-login #lpCanvas,
html.vado-login .lp-orb-1, html.vado-login .lp-orb-2, html.vado-login .lp-orb-3{ display:none !important; }
html.vado-login .lp-stage{
  display:grid; grid-template-columns:minmax(0,1.15fr) 440px;
  max-width:1240px; margin:0 auto; padding:26px; gap:0;
  min-height:100dvh; align-items:stretch;
}
html.vado-login .vado-hero{
  position:relative; overflow:hidden; min-height:620px; padding:52px 52px 34px;
  border-radius:28px 0 0 28px; border:1px solid #F1E3D8; border-right:none;
  background:
    radial-gradient(520px 420px at 8% 4%, #FFE4EC 0%, rgba(255,228,236,0) 62%),
    radial-gradient(620px 520px at 96% 96%, #E9F6DA 0%, rgba(233,246,218,0) 64%),
    linear-gradient(160deg,#FFF9F4 0%,#FFEFE7 100%);
  display:flex; flex-direction:column; justify-content:space-between; color:#17392A;
}
html.vado-login .vado-hero::before{
  content:''; position:absolute; right:-150px; bottom:-170px; width:520px; height:520px;
  border-radius:50%; border:1px solid rgba(23,57,42,.07);
  box-shadow:0 0 0 46px rgba(255,255,255,.38), 0 0 0 92px rgba(255,255,255,.20);
  background:none; -webkit-mask-image:none; mask-image:none;
}
html.vado-login .vado-hero-inner{ position:relative; z-index:2; }
html.vado-login .vado-hero-logo{ width:196px; max-width:70%; filter:none; }
html.vado-login .vado-hero-tag{
  margin-top:46px; font-size:3.05rem; line-height:1.1; font-weight:800;
  letter-spacing:-.02em; color:#17392A;
}
html.vado-login .vado-hero-tag em{ font-style:normal; color:#E9637F; }
html.vado-login .vado-hero-sub{ margin-top:16px; color:#5E7A68; font-size:1rem; letter-spacing:.01em; }
html.vado-login .vado-hero-list{
  margin:34px 0 0; padding:0; max-width:64%;
  display:flex; flex-wrap:wrap; gap:9px;
}
html.vado-login .vado-hero-list li{
  grid-column:auto; display:inline-flex; align-items:center; gap:7px;
  padding:8px 13px; border-radius:999px; font-size:.79rem; color:#2F5040;
  background:rgba(255,255,255,.72); border:1px solid rgba(23,57,42,.10);
}
html.vado-login .vado-hero-list b{ color:#17392A; font-weight:700; }
html.vado-login .vado-hero-list li.vx{ background:#17392A; border-color:#17392A; color:#FFE9D9; }
html.vado-login .vado-hero-list li.vx b{ color:#FFF6EF; }
html.vado-login .vado-hero-mascot{
  position:absolute; right:-16px; bottom:-8px; width:330px; max-width:none;
  filter:drop-shadow(0 16px 28px rgba(23,57,42,.14)); z-index:1;
}
html.vado-login .vado-hero-foot{ position:relative; z-index:2; color:#8FA79A; font-size:.68rem; letter-spacing:.18em; }
html.vado-login .lp-card{
  max-width:none; width:100%; min-height:620px; margin:0; padding:54px 44px;
  border-radius:0 28px 28px 0; border:1px solid #13271E;
  background:#13271E; box-shadow:none; color:#F4F8F2;
  display:flex; flex-direction:column; justify-content:center;
}
html.vado-login .lp-eyebrow{ color:#FFA3B8; letter-spacing:.26em; }
html.vado-login .lp-title{ color:#F8FBF6; }
html.vado-login .lp-subtitle{ color:#9EB4A7; }
html.vado-login .lp-field input{
  background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.13); color:#F4F8F2;
}
html.vado-login .lp-field input::placeholder{ color:#7E9488; }
html.vado-login .lp-field > svg{ stroke:#8AA294; }
html.vado-login .lp-field input:focus{ border-color:rgba(255,143,168,.7); box-shadow:0 0 0 4px rgba(255,143,168,.14); }
html.vado-login .lp-field:focus-within > svg{ stroke:#FFA3B8; }
html.vado-login .lp-btn{
  margin-top:20px; color:#3B1220; font-weight:700;
  background:linear-gradient(135deg,#FF9AAF 0%,#F9708F 100%);
  box-shadow:0 12px 30px rgba(249,112,143,.28);
}
html.vado-login .lp-btn:hover{ box-shadow:0 16px 40px rgba(249,112,143,.38); }
html.vado-login .lp-card a{ color:#FFB3C4; }
html.vado-login .lp-card input[type=checkbox]{ accent-color:#FF8FA8; }
html.vado-login .lp-footer, html.vado-login .lp-copy{ color:#7E9488 !important; }

@media (max-width: 1080px){
  html.vado-login .vado-hero-tag{ font-size:2.4rem; }
  html.vado-login .vado-hero-list{ max-width:100%; }
  html.vado-login .vado-hero-mascot{ width:260px; opacity:.95; }
}
@media (max-width: 980px){
  html.vado-login .lp-stage{ grid-template-columns:1fr; padding:16px; }
  html.vado-login .vado-hero{ display:none; }
  html.vado-login .lp-card{ border-radius:24px; min-height:auto; padding:34px 22px 28px; }
}

/* V3 微调：留白/对比/移动端整屏 */
:root{ --accent-glow:rgba(255,122,151,.18); --bg-card:rgba(26,42,33,.85); --border:#2A4033; }
.panel, .stat-card, .settings-card, .card{ box-shadow: inset 0 0 0 1px rgba(255,255,255,.035); }
html.vado-login .vado-hero-tag{ font-size:2.72rem; margin-top:42px; }
html.vado-login .vado-hero-list{ max-width:57%; gap:10px; margin-top:30px; }
html.vado-login .vado-hero-mascot{ width:292px; right:-24px; bottom:-14px; }
html.vado-login .vado-hero-foot{ color:#6E8A78; font-size:.7rem; }
@media (max-width:1280px){
  html.vado-login .vado-hero-tag{ font-size:2.35rem; }
  html.vado-login .vado-hero-list{ max-width:100%; }
  html.vado-login .vado-hero-mascot{ width:250px; opacity:.96; }
}
@media (max-width:980px){
  html.vado-login body{ background:#13271E; }
  html.vado-login .lp-stage{ padding:0; grid-template-columns:1fr; }
  html.vado-login .lp-card{
    border-radius:0; min-height:100dvh; padding:max(28px, env(safe-area-inset-top)) 22px 24px;
    justify-content:center; border:none;
  }
  html.vado-login .lp-title{ font-size:1.3rem; }
  html.vado-login .lp-subtitle{ margin:6px 0 20px; }
  html.vado-login .lp-field input{ padding:12px 14px 12px 42px; font-size:.9rem; }
  html.vado-login .lp-btn{ padding:12px; margin-top:16px; }
  html.vado-login .lp-card .lp-footer, html.vado-login .lp-card .lp-copy{ color:#89A093 !important; text-align:center; }
}
html.vado-login .lp-field input{
  background:rgba(255,255,255,.085); border-color:rgba(255,255,255,.22);
}
html.vado-login .lp-field input:hover{ border-color:rgba(255,255,255,.32); }
.sidebar{ background:linear-gradient(180deg,#12211A 0%,#0C1611 100%); }

/* ===== V5 中性高级灰 + 克制玫瑰色（国际范，去绿底/去荧光） ===== */
:root{
  --bg-deep:#0B0C0E; --bg-primary:#101114; --bg-secondary:#15171A;
  --bg-card:rgba(24,26,30,.72); --bg-card-hover:#1C1F23; --bg-card-solid:#17191D;
  --bg-input:#141619; --bg-elevated:#1A1D21;
  --border:#26292E; --border-light:#34383F;
  --text-primary:#F3F4F6; --text-secondary:#B7BCC4; --text-muted:#7C828B;
  --accent:#E0627F; --accent-glow:rgba(224,98,127,.14); --accent-dim:rgba(224,98,127,.10);
  --blue:#6BC59A; --blue-glow:rgba(107,197,154,.18);
}
body{ background:var(--bg-deep); }
.sidebar{ background:linear-gradient(180deg,#121316 0%,#0C0D0F 100%); border-right:1px solid #202328; }
.topbar{ background:rgba(11,12,14,.88); border-bottom:1px solid #202328; }
.nav-item.active{ background:rgba(255,255,255,.06); color:#fff; box-shadow:none; }
.nav-item.active::before{ background:var(--accent); }
.nav-item:hover{ background:rgba(255,255,255,.04); }
.panel, .stat-card, .settings-card, .card{ box-shadow: inset 0 0 0 1px rgba(255,255,255,.045); }
.sidebar-brand .bl-emblem{ width:104px !important; height:40px !important; }
.sidebar-brand .bl-emblem-img{ width:104px !important; height:40px !important; }

/* 登录页：中性象牙 + 近黑，去掉奶油粉绿渐变 */
html.vado-login body{ background:#F5F3F0; }
html.vado-login .lp-stage{ grid-template-columns:minmax(0,1.12fr) 440px; max-width:1200px; padding:28px; }
html.vado-login .vado-hero{
  border:1px solid #E4E0DA; border-right:none; border-radius:24px 0 0 24px;
  background:#F7F5F2; color:#17191C;
}
html.vado-login .vado-hero::before{
  right:-170px; bottom:-190px; width:540px; height:540px;
  border:1px solid rgba(23,25,28,.06);
  box-shadow:0 0 0 46px rgba(255,255,255,.55), 0 0 0 92px rgba(255,255,255,.30);
}
html.vado-login .vado-hero-logo{ width:210px; }
html.vado-login .vado-hero-tag{ color:#17191C; font-size:2.9rem; letter-spacing:-.03em; }
html.vado-login .vado-hero-tag em{ color:#C8546E; }
html.vado-login .vado-hero-sub{ color:#6B7076; }
html.vado-login .vado-hero-list li{
  background:#FFFFFF; border:1px solid #E4E0DA; color:#3A3F45; border-radius:10px;
}
html.vado-login .vado-hero-list b{ color:#17191C; }
html.vado-login .vado-hero-list li.vx{ background:#17191C; border-color:#17191C; color:#F5F3F0; }
html.vado-login .vado-hero-foot{ color:#9A9E9B; }
html.vado-login .lp-card{
  background:#0F1013; border:1px solid #0F1013; border-radius:0 24px 24px 0;
}
html.vado-login .lp-eyebrow{ color:#E39AAC; letter-spacing:.24em; }
html.vado-login .lp-btn{ background:#E0627F; color:#fff; box-shadow:none; }
html.vado-login .lp-btn:hover{ background:#D25572; box-shadow:0 8px 24px rgba(224,98,127,.22); }
html.vado-login .lp-field input{ background:#17191D; border-color:#2C3036; }
html.vado-login .lp-field input:focus{ border-color:#E0627F; box-shadow:0 0 0 3px rgba(224,98,127,.14); }
html.vado-login .lp-field > svg{ stroke:#8A9099; }
html.vado-login .lp-field:focus-within > svg{ stroke:#E39AAC; }
html.vado-login .lp-subtitle{ color:#9AA0A8; }
html.vado-login .lp-card a{ color:#E39AAC; }
@media (max-width:980px){
  html.vado-login body{ background:#0F1013; }
  html.vado-login .lp-card{ border-radius:0; }
}

/* V6 提亮背景/降低纯白对比/收敛粉色 */
:root{
  --bg-deep:#0F1114; --bg-primary:#14161A; --bg-secondary:#191C21;
  --bg-card:#1B1E23; --bg-card-hover:#21252B; --bg-card-solid:#1B1E23;
  --bg-input:#181B20; --bg-elevated:#20242A;
  --border:#2A2E34; --border-light:#3A3F47;
  --text-primary:#E9EBEE; --text-secondary:#AEB4BC; --text-muted:#858B94;
  --accent:#DC6B84; --accent-glow:rgba(220,107,132,.12); --accent-dim:rgba(220,107,132,.10);
}
body{ background:var(--bg-deep); }
.topbar{ background:rgba(15,17,20,.9); }
.sidebar{ background:linear-gradient(180deg,#15171B 0%,#0F1114 100%); }
html.vado-login .lp-field input:focus{ border-color:#8A9099; box-shadow:0 0 0 3px rgba(255,255,255,.05); }
html.vado-login .lp-card{ background:#121417; border-left:1px solid #26292E; }
html.vado-login .lp-btn{ background:#DC6B84; }
html.vado-login .lp-btn:hover{ background:#CE5C76; }
html.vado-login .lp-eyebrow{ letter-spacing:.18em; color:#C9A0AA; }
html.vado-login .lp-title{ font-size:1.5rem; letter-spacing:-.01em; }
html.vado-login .lp-subtitle{ line-height:1.6; }
.page-title, h1{ letter-spacing:-.01em; }
html.vado-login .vado-hero-foot{ color:#7A7F78; }

/* ============================================================
   V7 (2026-11-03) 设计重整 — 中性底色 / 克制品牌色 / 纸张级质感
   目标: 去土气、去重光晕、去彩色噪点, 建立统一的 8pt 节奏与细描边层级
   仅样式覆盖, 不动任何 core 结构与逻辑
   ============================================================ */
:root{
  --sidebar-w:248px; --header-h:60px;
  --radius-sm:8px; --radius:10px; --radius-lg:14px;
  --bg-deep:#0B0C0E; --bg-primary:#0F1012; --bg-secondary:#141518;
  --bg-card:#151619; --bg-card-hover:#1B1D21; --bg-card-solid:#16181B;
  --bg-input:#121316; --bg-elevated:#1B1D21;
  --border:#232529; --border-light:#33363B;
  --text-primary:#ECEDEF; --text-secondary:#A9AEB6; --text-muted:#71767E;
  --accent:#D96B84; --accent-glow:rgba(217,107,132,.14); --accent-dim:rgba(217,107,132,.10);
  --green:#5FB98C; --green-dim:rgba(95,185,140,.12);
  --red:#D2636E; --red-dim:rgba(210,99,110,.12);
  --blue:#7C9CC4; --purple:#9A8FB8; --amber:#C9A227;
  --c-up:#5FB98C; --c-down:#D2636E; --c-warn:#C9A227;
  --hairline:rgba(255,255,255,.06); --hairline-strong:rgba(255,255,255,.12);
  --shadow-card:none; --shadow-lg:0 18px 48px rgba(0,0,0,.42);
  --transition:.16s cubic-bezier(.4,0,.2,1);
}

/* 底色: 去掉金/绿/蓝三色光晕与网格, 只留一层极淡的顶部反射 */
html:not(.theme-light) body{
  background-color:var(--bg-deep) !important;
  background-image:
    radial-gradient(1100px 420px at 50% -18%, rgba(255,255,255,.045), transparent 62%) !important;
  background-attachment:scroll !important;
}
body{
  font-family:"Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-feature-settings:"kern" 1,"liga" 1,"cv11" 1;
  letter-spacing:.005em;
}
::-webkit-scrollbar{ width:8px; height:8px; }
::-webkit-scrollbar-thumb{ background:#2C2F34; border:2px solid transparent; background-clip:padding-box; border-radius:99px; }
::-webkit-scrollbar-thumb:hover{ background:#3A3E44; background-clip:padding-box; }

/* ── 布局节奏 ── */
.page-content{
  padding:30px 34px 64px;
  width:100%;
}
.page-content > .narrow, .page-content > .wrap{ max-width:1180px; margin-left:auto; margin-right:auto; }
.topbar{ background:rgba(11,12,14,.86) !important; border-bottom:1px solid var(--border) !important;
  backdrop-filter:blur(18px) saturate(140%); -webkit-backdrop-filter:blur(18px) saturate(140%); }
.topbar-inner{ max-width:1180px; }
.page-title{ font-size:.98rem; font-weight:650; letter-spacing:-.01em; }
.page-subtitle{ font-size:.605rem; letter-spacing:.22em; color:var(--text-muted); font-weight:600; opacity:.85; }
.topbar-brand{ background:none !important; -webkit-text-fill-color:var(--text-muted) !important; color:var(--text-muted) !important;
  filter:none !important; animation:none !important; font-weight:600; font-size:.68rem; letter-spacing:.16em; }

/* ── 侧栏 ── */
.sidebar{
  background:#0D0E10 !important;
  border-right:1px solid var(--border) !important;
}
.sidebar-brand{
  height:78px; padding:14px 18px 10px;
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px;
  border-bottom:1px solid var(--border);
}
.sidebar-brand .brand-live{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.vado-brand-cn{ font-size:.615rem; letter-spacing:.34em; color:#8A8F97; font-weight:600; padding-left:2px; }
.sidebar-brand .bl-emblem{ width:96px !important; height:34px !important; }
.sidebar-brand .bl-emblem-img{ width:96px !important; height:34px !important; object-fit:contain; }
.sidebar-nav{ padding:14px 12px 18px; }
.nav-section{ margin-bottom:22px; }
.nav-section-title{
  font-size:.585rem; letter-spacing:.2em; color:#666B73; font-weight:700;
  padding:0 12px 8px; text-transform:uppercase;
}
.nav-item{
  height:40px; padding:0 12px; margin:1px 0; gap:11px;
  border-radius:8px; font-size:.845rem; font-weight:500; color:#A2A7AF;
  letter-spacing:.005em;
}
.nav-item .nav-icon{ width:17px !important; height:17px !important; opacity:.78; stroke-width:1.7; }
.nav-item:hover{ background:rgba(255,255,255,.045); color:#E4E6E9; }
.nav-item:hover .nav-icon{ opacity:1; }
.nav-item.active{
  background:rgba(255,255,255,.06) !important; color:#fff !important;
  font-weight:600; box-shadow:inset 0 0 0 1px rgba(255,255,255,.045);
}
.nav-item.active::before{
  left:-12px; top:11px; height:18px; width:2px; border-radius:0 2px 2px 0;
  background:var(--accent) !important; transform:none;
}
.nav-item.sub{ height:36px; padding-left:22px; font-size:.8rem; border-left:none; border-radius:8px; }
.nav-item.sub.active{ background:rgba(255,255,255,.045) !important; }
.nav-item.sub.active::before{ display:none; }
.nav-item .nav-label{ min-width:0 !important; text-align:left !important; text-align-last:auto !important; letter-spacing:.01em !important; }
.nav-caret{ font-size:.56rem; opacity:.45; }
.sidebar-footer{ padding:12px; border-top:1px solid var(--border); }
.user-card{
  width:100%; display:flex; align-items:center; gap:10px; padding:9px 10px;
  background:transparent; border:1px solid transparent; border-radius:10px; transition:var(--transition);
}
.user-card:hover{ background:rgba(255,255,255,.04); border-color:var(--border); }
.user-avatar{
  width:34px; height:34px; border-radius:50%; flex:0 0 34px;
  background-size:cover; background-position:center;
  box-shadow:0 0 0 1px rgba(255,255,255,.10), 0 0 0 4px rgba(255,255,255,.025);
}
.user-name{ font-size:.82rem; font-weight:600; color:#E6E8EB; }
.user-role{ font-size:.68rem; color:var(--text-muted); margin-top:1px; }
.user-caret{ color:var(--text-muted); font-size:.6rem; }

/* ── 卡片 / 面板: 去掉彩色光斑与悬浮位移 ── */
.panel, .card, .stat-card, .settings-card, .stat-box, .table-container, .at-stat-card, .ov-stage{
  background:var(--bg-card) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
.stat-card{ padding:20px 22px; overflow:hidden; }
.stat-card::after{ display:none !important; }
.stat-card::before, .stat-box::before{ display:none !important; }
.stat-card:hover, .stat-box:hover, .at-stat-card:hover{ transform:none !important; border-color:var(--border-light) !important; box-shadow:none !important; }
.stat-label{ font-size:.605rem; letter-spacing:.16em; color:#737880; font-weight:700; text-transform:uppercase; margin-bottom:10px; }
.stat-value{ font-size:1.6rem; font-weight:650; letter-spacing:-.02em; font-family:var(--font-mono); font-variant-numeric:tabular-nums; }
.stat-sub{ font-size:.73rem; color:var(--text-muted); margin-top:6px; }
.panel{ padding:22px 24px; }
.panel-t, .pp-title{ font-size:.9rem; font-weight:650; letter-spacing:-.005em; color:#E9EBEE; }
.panel-t svg, .pp-title svg{ width:16px; height:16px; stroke:var(--text-secondary) !important; }
.pp-title-ic{
  width:26px; height:26px; border-radius:8px; background:rgba(255,255,255,.045);
  display:inline-flex; align-items:center; justify-content:center; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.pp-title-ic svg{ width:14px; height:14px; }

/* ── 按钮 ── */
.btn{
  height:36px; padding:0 15px; border-radius:9px;
  font-size:.82rem; font-weight:600; letter-spacing:.005em;
  background:rgba(255,255,255,.035); border:1px solid var(--border);
  color:#D9DCE0; box-shadow:none; transition:var(--transition);
}
.btn:hover{ background:rgba(255,255,255,.065); border-color:var(--border-light); transform:none !important; }
.btn-primary{
  background:var(--accent) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 1px 0 rgba(255,255,255,.14) inset, 0 6px 18px rgba(217,107,132,.18) !important;
}
.btn-primary:hover{ background:#E07A91 !important; filter:none !important; }
.btn-secondary{ background:rgba(255,255,255,.03); border-color:var(--border); color:#D9DCE0; }
.btn-danger{ background:rgba(210,99,110,.10); border:1px solid rgba(210,99,110,.28); color:#E08C95; }
.btn-sm{ height:30px; padding:0 11px; font-size:.75rem; border-radius:8px; }
.btn-icon-sm{ width:14px; height:14px; }

/* ── 表单 ── */
input, select, textarea{
  height:38px; padding:0 12px; border-radius:9px;
  background:var(--bg-input); border:1px solid var(--border);
  font-size:.86rem; color:var(--text-primary);
}
input:focus, select:focus, textarea:focus{
  border-color:rgba(217,107,132,.55) !important;
  box-shadow:0 0 0 3px rgba(217,107,132,.10) !important;
}
label, .form-label{ font-size:.74rem; color:var(--text-secondary); font-weight:600; letter-spacing:.01em; }
.form-hint{ font-size:.74rem; color:var(--text-muted); line-height:1.65; }
.form-row{ margin-bottom:16px; }
.sw input:checked + .sw-slider{ background:var(--accent) !important; border-color:transparent !important; box-shadow:none !important; }
.sw-slider{ background:#2A2D32; }

/* ── 分段切换 ── */
.mode-switch{ background:rgba(255,255,255,.035) !important; border:1px solid var(--border) !important; border-radius:9px; padding:2px; }
.ms-btn{ height:28px; border-radius:7px !important; font-size:.72rem; font-weight:600; color:var(--text-muted); }
.ms-btn.active{ background:rgba(255,255,255,.09) !important; color:#fff !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06) !important; }

/* ── 表格 ── */
table{ font-size:.82rem; }
thead th, table th{
  font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; color:#6F747C;
  font-weight:700; padding:12px 14px; border-bottom:1px solid var(--border) !important;
  background:transparent !important;
}
tbody td, table td{ padding:13px 14px; border-bottom:1px solid rgba(255,255,255,.045) !important; }
tbody tr:hover{ background:rgba(255,255,255,.025) !important; }
td, .stat-value, .num{ font-variant-numeric:tabular-nums; }

/* ── 徽章 ── */
.badge, .sb-tag, .at-badge, .tag{
  height:21px; padding:0 8px; border-radius:6px;
  font-size:.655rem; font-weight:650; letter-spacing:.02em;
  background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.06); color:#B9BEC6;
}

/* ── 空状态: 吉祥物插画 ── */
.empty-state{ padding:54px 24px !important; }
.empty-state .empty-icon{ opacity:.35; margin-bottom:14px; }
.empty-state .empty-title{ font-size:.9rem; font-weight:600; color:#A9AEB6; }
.empty-state .empty-desc{ font-size:.76rem; color:#6F747C; margin-top:7px; line-height:1.6; }
.vado-empty-mascot{
  display:block; width:104px; height:104px; margin:0 auto 16px; object-fit:contain;
  filter:saturate(.92) drop-shadow(0 12px 22px rgba(0,0,0,.35));
  opacity:.96;
}

/* ── 登录页 V7: 象牙纸面 + 近黑面板, 极简排版 ── */
html.vado-login body{ background:#EFEDE9 !important; background-image:none !important; }
html.vado-login .lp-stage{
  grid-template-columns:minmax(0,1.18fr) 452px; max-width:1220px; padding:30px; gap:0;
}
html.vado-login .vado-hero{
  background:#F6F4F1 !important; border:1px solid #E2DED8 !important; border-right:none !important;
  border-radius:22px 0 0 22px !important; padding:46px 50px 34px !important;
}
html.vado-login .vado-hero::before{
  right:-160px; bottom:-190px; width:520px; height:520px;
  border:1px solid rgba(23,25,28,.055) !important;
  box-shadow:0 0 0 42px rgba(255,255,255,.42), 0 0 0 84px rgba(255,255,255,.22) !important;
  background:none !important;
}
html.vado-login .vado-hero-logo{ width:186px !important; filter:none !important; }
html.vado-login .vado-hero-brandcn{
  margin-top:12px; display:flex; align-items:baseline; gap:8px;
  font-size:.68rem; letter-spacing:.42em; color:#8A857C; font-weight:600;
}
html.vado-login .vado-hero-brandcn span{ font-size:.56rem; letter-spacing:.28em; color:#B0ABA2; }
html.vado-login .vado-hero-tag{
  margin-top:40px !important; font-size:2.62rem !important; font-weight:700 !important;
  letter-spacing:-.035em !important; line-height:1.14 !important; color:#17191C !important;
}
html.vado-login .vado-hero-tag em{ color:#C25A72 !important; font-style:normal; }
html.vado-login .vado-hero-sub{ margin-top:14px !important; color:#6E7278 !important; font-size:.88rem !important; letter-spacing:.01em; }
html.vado-login .vado-hero-list{
  margin:30px 0 0 !important; max-width:100% !important; display:grid !important;
  grid-template-columns:1fr 1fr; gap:0 !important; border-top:1px solid #E2DED8;
}
html.vado-login .vado-hero-list li{
  display:flex !important; justify-content:space-between !important; align-items:center;
  padding:11px 2px !important; border:0 !important; border-bottom:1px solid #E2DED8 !important;
  border-radius:0 !important; background:none !important; font-size:.78rem !important; color:#555A60 !important;
}
html.vado-login .vado-hero-list li:nth-child(odd){ padding-right:22px !important; }
html.vado-login .vado-hero-list li:nth-child(even){ padding-left:22px !important; }
html.vado-login .vado-hero-list b{ color:#17191C !important; font-weight:600 !important; }
html.vado-login .vado-hero-list li.vx{ background:none !important; color:#555A60 !important; border-bottom:none !important; grid-column:1/-1; }
html.vado-login .vado-hero-list li.vx b{ color:#C25A72 !important; }
html.vado-login .vado-hero-mascot{
  width:284px !important; right:-6px !important; bottom:-8px !important;
  filter:drop-shadow(0 18px 30px rgba(23,25,28,.10)) saturate(.95) !important;
  opacity:.98 !important;
}
html.vado-login .vado-hero-foot{ color:#A6A198 !important; font-size:.6rem !important; letter-spacing:.22em !important; }
html.vado-login .lp-card{
  background:#0E0F11 !important; border:1px solid #0E0F11 !important; border-radius:0 22px 22px 0 !important;
  padding:52px 44px !important; box-shadow:0 30px 70px rgba(0,0,0,.18) !important;
}
html.vado-login .lp-eyebrow{ color:#B98A96 !important; letter-spacing:.2em !important; font-size:.6rem !important; font-weight:600; }
html.vado-login .lp-title{ color:#F4F5F6 !important; font-size:1.42rem !important; font-weight:650 !important; letter-spacing:-.015em !important; }
html.vado-login .lp-subtitle{ color:#8A8F97 !important; font-size:.8rem !important; margin:8px 0 30px !important; }
html.vado-login .lp-field{ margin-bottom:16px !important; }
html.vado-login .lp-field input{
  height:46px; border-radius:10px !important;
  background:#151619 !important; border:1px solid #2A2D32 !important; color:#F2F3F5 !important;
  font-size:.86rem !important; padding:0 14px 0 42px !important;
}
html.vado-login .lp-field input::placeholder{ color:#646870 !important; }
html.vado-login .lp-field input:focus{ border-color:#50545A !important; box-shadow:0 0 0 3px rgba(255,255,255,.045) !important; }
html.vado-login .lp-field > svg{ stroke:#6E747C !important; }
html.vado-login .lp-btn{
  height:46px; border-radius:10px !important; margin-top:10px !important;
  background:#D96B84 !important; color:#fff !important; font-weight:650 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.16) inset !important; font-size:.87rem !important;
}
html.vado-login .lp-btn:hover{ background:#E27B92 !important; box-shadow:0 1px 0 rgba(255,255,255,.16) inset !important; }
html.vado-login .lp-remember{ color:#8A8F97 !important; font-size:.74rem !important; }
html.vado-login .lp-card a{ color:#C9909C !important; }
html.vado-login .lp-footer, html.vado-login .lp-copy{ color:#5E6268 !important; }
@media (max-width:980px){
  html.vado-login body{ background:#0E0F11 !important; }
  html.vado-login .lp-card{ border-radius:0 !important; padding:34px 22px 26px !important; }
  .page-content{ padding:20px 16px 84px; }
  .sidebar-brand{ height:66px; padding:10px 16px; }
}

/* ===== V7.1 收口: 去残留渐变/彩色图标, 统一语义色 ===== */
.eq-hero{ background:#151619 !important; border:1px solid var(--border) !important; }
.eq-hero::before{ background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent) !important; height:1px; }
.ai-band{ background:#131417 !important; border:1px solid var(--border) !important; }
.ai-band::before{ background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent) !important; }
.ai-band-mark{ background:rgba(255,255,255,.07) !important; color:#DDE0E4 !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); }
.sb-ic{ background:rgba(255,255,255,.05) !important; }
.sb-ic svg, .sb-ic.gold svg, .sb-ic.blue svg, .sb-ic.red svg{ stroke:#9AA0A8 !important; }
.stat-card .sb-ic{ width:26px; height:26px; border-radius:8px; }
.sb-tag{ font-size:.6rem; font-weight:650; letter-spacing:.04em; border-radius:5px; }
.sb-tag.paper{ background:rgba(95,185,140,.10) !important; color:#7FC0A0 !important; }
.sb-tag.live{ background:rgba(201,162,39,.10) !important; color:#C2A04A !important; }
.sb-r .v.stat-up{ color:#6FC09A !important; }
.sb-r .v.stat-down{ color:#D47882 !important; }
.eq-hero-ic{ background:rgba(255,255,255,.05) !important; }
.eq-hero-ic svg{ stroke:#A9AEB6 !important; }
.panel-t{ color:#DFE2E6; }
.panel-t svg, .th-icon{ stroke:#8C929A !important; }
.feed-icon.buy{ background:rgba(95,185,140,.10); color:#7FC0A0; }
.feed-icon.sell{ background:rgba(210,99,110,.10); color:#D47882; }
img.vado-mo-avatar{ width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
#avatarCircle{ width:96px !important; height:96px !important; background-size:cover !important; border-radius:50%; }
/* 登录页第 5 个信号行左对齐, 避免描述被推到最右 */
html.vado-login .vado-hero-list li.vx{ justify-content:flex-start !important; gap:9px !important; }
html.vado-login .vado-hero-list li.vx span{ color:#8A857C !important; }
/* 顶栏状态徽标降噪 */
.sys-badge{ box-shadow:none !important; }

/* ===== V7.2 策略页去彩色底纹 / 状态条降噪 ===== */
.at-eng-bar{ background:rgba(255,255,255,.025) !important; border:1px solid var(--border) !important; border-radius:10px !important; }
.eng-dot{ box-shadow:none !important; animation:none !important; }
.eng-dot.on{ background:#5FB98C !important; }
.eng-dot.stale{ background:#C9A227 !important; }
.eng-dot.off{ background:#D2636E !important; }
.at-stat-card::before, .at-stat-card::after{ display:none !important; }
.at-stat-card:hover{ transform:none !important; border-color:var(--border) !important; }
.at-stat-ic{ background:rgba(255,255,255,.05) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05) !important; }
.at-stat-ic svg, .at-stat-ic.gold svg, .at-stat-ic.blue svg, .at-stat-ic.red svg{ stroke:#8C929A !important; }
/* 手机登录页品牌名 (桌面隐藏) */
.vado-mobile-brand{ display:none; }
@media (max-width:980px){
  .vado-mobile-brand{ display:flex; align-items:baseline; gap:7px; justify-content:center;
    margin-bottom:22px; font-size:.68rem; letter-spacing:.4em; color:#8A8F97; font-weight:600; }
  .vado-mobile-brand span{ font-size:.55rem; letter-spacing:.22em; color:#5F646B; }
}

/* ===== V7.3 顶栏状态徽标降噪 (去旋转/去光晕, 保留语义色) ===== */
.sys-badge{ background:rgba(255,255,255,.03) !important; border:1px solid var(--border) !important;
  box-shadow:none !important; transform:none !important; border-radius:10px !important; padding:5px 12px 5px 10px !important; }
.sys-badge:hover{ transform:none !important; border-color:var(--border-light) !important; }
.sys-orbit{ animation:none !important; width:15px !important; height:15px !important; border-width:1px !important; }
.sys-sat{ box-shadow:none !important; width:4px !important; height:4px !important; }
.sys-orbit::after{ box-shadow:none !important; animation:none !important; }
.sys-label{ font-size:.7rem !important; font-weight:600 !important; letter-spacing:.02em !important; text-shadow:none !important; }
.sys-sub{ font-size:.58rem !important; opacity:.55 !important; }
.sys-badge.stale{ border-color:var(--border) !important; }
.sys-badge.stale .sys-label{ color:#C2A04A !important; }
.sys-badge.off .sys-label{ color:#C97B84 !important; }
.sys-badge.on .sys-label{ color:#7FC0A0 !important; }

/* ===== V7.4 品牌色收敛: 玫瑰降饱和, 更接近印刷色而非荧光粉 ===== */
:root{ --accent:#C9617A; --accent-glow:rgba(201,97,122,.14); --accent-dim:rgba(201,97,122,.10); }
.btn-primary{ background:#C9617A !important; }
.btn-primary:hover{ background:#D46F87 !important; }
html.vado-login .lp-btn{ background:#C9617A !important; }
html.vado-login .lp-btn:hover{ background:#D46F87 !important; }
html.vado-login .vado-hero-tag em{ color:#B4536A !important; }
html.vado-login .vado-hero-list li.vx b{ color:#B4536A !important; }

/* ===== V7.5 品牌名可读性微调 ===== */
.sidebar-brand .vado-brand-cn{ font-size:.68rem !important; letter-spacing:.3em !important; color:#9AA0A8 !important; }
html.vado-login .vado-hero-brandcn{ font-size:.72rem !important; letter-spacing:.36em !important; }

/* ===== V7.6 清掉页面内联样式里的金→青绿顶线 (土气主要来源之一) ===== */
.set-card::before, .pp-panel::before, .settings-card::before{ display:none !important; }
.set-card, .pp-panel{ background:var(--bg-card) !important; box-shadow:none !important; }
.pp-title-ic, .sc-head-ic{ background:rgba(255,255,255,.045) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05) !important; }
.pp-title-ic svg, .sc-head-ic svg{ stroke:#9AA0A8 !important; }

/* ===== V7.7 页面级金→绿渐变统一为中性图标底 ===== */
.at-section-icon, .ex-sec-icon, .api-guide-banner-ic, .mg-step .n, .at-sa-logo,
.pp-title-ic, .sc-head-ic, .eq-hero-ic{
  background:rgba(255,255,255,.055) !important; color:#C6CAD1 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06) !important;
}
.at-section-icon svg, .ex-sec-icon svg, .api-guide-banner-ic svg, .at-sa-logo svg,
.pp-title-ic svg, .sc-head-ic svg, .eq-hero-ic svg{ stroke:#C6CAD1 !important; }
.at-sa-card{ background:var(--bg-card) !important; border:1px solid var(--border) !important; box-shadow:none !important; }
.at-sa-card::before{ background:rgba(255,255,255,.12) !important; }
.at-sa-head{ background:transparent !important; }
.at-sa-name .tag{ color:#A9AEB6 !important; border-color:rgba(255,255,255,.14) !important; }
.ov-stage{ background:var(--bg-card) !important; }
.ov-stage-title{ background:none !important; -webkit-text-fill-color:#E9EBEE !important; color:#E9EBEE !important; }
.api-guide-banner{ background:rgba(255,255,255,.025) !important; border:1px solid var(--border) !important; }
.solace-ff-btn .dot{ background:#8C929A !important; box-shadow:none !important; }

/* ===== V7.8 手机端节奏与留白 ===== */
@media (max-width:820px){
  .eq-hero{ min-height:0 !important; }
  .vado-empty-mascot{ width:88px; height:88px; margin-bottom:14px; }
  .page-content{ padding:18px 14px 86px !important; }
  .vado-brand-cn{ display:none; }
  .sidebar-brand{ height:64px !important; padding:10px 16px !important; }
}

/* ===== V7.9 手机控制台 /m 品牌与空状态 ===== */
.vado-m-brand{
  display:inline-block; margin-left:8px; padding-left:8px;
  border-left:1px solid rgba(255,255,255,.16);
  color:#8C929A; font-size:10px; font-weight:600; letter-spacing:.14em;
}
.vado-empty-mascot-sm{ width:72px !important; height:72px !important; margin:2px auto 12px !important; display:block; }
.mp-empty{ padding-top:18px !important; }

/* ===== V8 压平强调色：去渐变/去光晕，按钮与状态徽标更克制 ===== */
.btn-primary, .btn.primary, button.primary{
  background:#B9556E !important; background-image:none !important;
  border:1px solid rgba(255,255,255,.06) !important; box-shadow:none !important;
  color:#FFF !important; font-weight:600 !important;
}
.btn-primary:hover, .btn.primary:hover, button.primary:hover{ background:#C4607A !important; }
.btn-primary:active, .btn.primary:active{ background:#A94B62 !important; }
.sys-badge{
  background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important; backdrop-filter:none !important;
}
.sys-badge.off{ background:rgba(200,90,90,.06) !important; border-color:rgba(200,90,90,.30) !important; color:#D08C8C !important; }
.sys-badge.ok{ background:rgba(110,175,145,.06) !important; border-color:rgba(110,175,145,.28) !important; color:#93C4AC !important; }
.sys-badge .dot, .sys-badge i{ box-shadow:none !important; }
.badge, .tag, .chip{ box-shadow:none !important; }

/* ===== V9 (2026-11-03) 主题双向 + 提亮 + 对齐修正 ===== */
:root{
  --bg-deep:#0E1014; --bg-primary:#121418; --bg-secondary:#171A20;
  --bg-card:#171A1F; --bg-card-hover:#1C2027; --bg-card-solid:#171A1F;
  --bg-input:#12151A; --bg-elevated:#1C2027;
  --border:#262A31; --border-light:#343941;
  --text-primary:#F2F3F5; --text-secondary:#B4B9C2; --text-muted:#7C828C;
  --accent:#FF7A93; --accent-2:#E85C7D; --accent-glow:rgba(255,122,147,.16); --accent-dim:rgba(255,122,147,.10);
  --leaf:#A6E36B; --leaf-dim:rgba(166,227,107,.12);
  --green:#3FD08A; --green-dim:rgba(63,208,138,.12);
  --red:#FF6B6B; --red-dim:rgba(255,107,107,.12);
  --amber:#F2C14E; --blue:#7FA8E8; --purple:#B09BE0;
  --hairline:rgba(255,255,255,.07); --hairline-strong:rgba(255,255,255,.13);
  --shadow-card:0 1px 2px rgba(0,0,0,.18); --shadow-lg:0 22px 60px rgba(0,0,0,.48);
}
/* 深色底: 极淡双色环境光, 有呼吸感但不发土 */
html:not(.theme-light) body{
  background-color:#0E1014 !important;
  background-image:
    radial-gradient(880px 520px at 8% -12%, rgba(255,122,147,.10), transparent 62%),
    radial-gradient(760px 480px at 96% -6%, rgba(166,227,107,.055), transparent 64%) !important;
}
/* 布局: 内容左对齐(不再居中留大缝), 统一 1280 上限 */
.page-content{ padding:28px 32px 64px !important; box-sizing:border-box; }
.page-content > .narrow, .page-content > .wrap{ max-width:1280px !important; margin-left:0 !important; margin-right:auto !important; }
/* 侧栏 */
.sidebar{ background:linear-gradient(180deg,#12151A 0%,#0B0D11 100%) !important; border-right:1px solid var(--border) !important; }
.sidebar-brand{ height:84px !important; padding:15px 18px 11px !important; border-bottom:1px solid rgba(255,255,255,.05) !important; }
.sidebar-brand .bl-emblem{ width:104px !important; height:38px !important; }
.sidebar-brand .bl-emblem-img{ width:104px !important; height:38px !important; object-fit:contain; background:transparent !important; }
.bl-emblem, .bl-emblem-img, .brand-live, .brand-logo{ background:transparent !important; box-shadow:none !important; border:0 !important; filter:none !important; }
.vado-brand-cn{ font-size:.66rem !important; letter-spacing:.22em !important; color:#9CA2AC !important; font-weight:600 !important; padding-left:1px; }
.nav-item{ height:42px !important; border-radius:9px !important; color:#AEB3BC !important; }
.nav-item.active{
  background:linear-gradient(90deg, rgba(255,122,147,.16), rgba(255,122,147,.035)) !important;
  color:#FFE2E8 !important; box-shadow:inset 0 0 0 1px rgba(255,122,147,.16) !important;
}
.nav-item.active::before{ background:var(--accent) !important; left:-12px !important; top:12px !important; height:18px !important; width:2px !important; }
.nav-item:hover{ background:rgba(255,255,255,.055) !important; color:#F1F2F4 !important; }
.nav-section-title{ color:#6E747E !important; }
/* 顶栏 */
.topbar{ background:rgba(14,16,20,.82) !important; border-bottom:1px solid var(--border) !important; }
/* 卡片: 极轻纵向渐变 + 顶部 1px 高光, 有材质不死板 */
.panel, .card, .table-container, .stat-box, .set-card, .pp-panel{
  background:linear-gradient(180deg,#1A1E24 0%,#16191E 100%) !important;
  border:1px solid var(--border) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
/* 主按钮: 亮玫瑰渐变 + 柔和投影 */
.btn-primary, .btn.primary, button.primary{
  background:linear-gradient(135deg,#FF8AA0 0%,#EA5F80 100%) !important;
  border:0 !important; color:#fff !important;
  box-shadow:0 6px 18px rgba(234,95,128,.24), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.btn-primary:hover, .btn.primary:hover{ filter:brightness(1.06) saturate(1.04); }
/* 状态点/徽标 */
.sys-badge.ok{ color:#7FE0B4 !important; border-color:rgba(63,208,138,.30) !important; background:rgba(63,208,138,.07) !important; }
.sys-badge.off{ color:#FF9A9A !important; border-color:rgba(255,107,107,.30) !important; background:rgba(255,107,107,.07) !important; }
/* 滚动条 */
html:not(.theme-light) ::-webkit-scrollbar-thumb{ background:#2E333B; }
html:not(.theme-light) ::-webkit-scrollbar-thumb:hover{ background:#3C424C; }

/* ── 浅色主题: 暖象牙白 + 白卡 + 深字, 侧栏/顶栏/表格全部跟随 ── */
html.theme-light{
  --bg-deep:#F6F5F2; --bg-primary:#FBFBF9; --bg-secondary:#F0EFEA;
  --bg-card:#FFFFFF; --bg-card-hover:#FAF9F6; --bg-card-solid:#FFFFFF;
  --bg-input:#FFFFFF; --bg-elevated:#FFFFFF;
  --border:#E6E4DE; --border-light:#D6D3CB;
  --text-primary:#1B1D22; --text-secondary:#444A54; --text-muted:#7B8088;
  --accent:#E05A7D; --accent-2:#C94467; --accent-glow:rgba(224,90,125,.14); --accent-dim:rgba(224,90,125,.08);
  --leaf:#5FA83F; --leaf-dim:rgba(95,168,63,.10);
  --green:#149E63; --green-dim:rgba(20,158,99,.10);
  --red:#D64545; --red-dim:rgba(214,69,69,.10);
  --hairline:rgba(27,29,34,.07); --hairline-strong:rgba(27,29,34,.14);
  --shadow-card:0 1px 2px rgba(28,32,40,.05); --shadow-lg:0 18px 50px rgba(28,32,40,.12);
}
html.theme-light body{
  background-color:#F6F5F2 !important;
  background-image:
    radial-gradient(900px 520px at 6% -14%, rgba(224,90,125,.10), transparent 62%),
    radial-gradient(760px 460px at 98% -8%, rgba(140,190,110,.10), transparent 64%) !important;
  color:var(--text-primary) !important;
}
html.theme-light .sidebar{ background:linear-gradient(180deg,#FCFBF8 0%,#F5F3EE 100%) !important; border-right:1px solid var(--border) !important; }
html.theme-light .topbar{ background:rgba(250,249,245,.86) !important; border-bottom:1px solid var(--border) !important; }
html.theme-light .sidebar-brand{ border-bottom-color:var(--border) !important; }
html.theme-light .vado-brand-cn{ color:#8C8678 !important; }
html.theme-light .nav-item{ color:#565C66 !important; }
html.theme-light .nav-item:hover{ background:rgba(27,29,34,.045) !important; color:#1B1D22 !important; }
html.theme-light .nav-item.active{
  background:linear-gradient(90deg, rgba(224,90,125,.13), rgba(224,90,125,.03)) !important;
  color:#B23A5C !important; box-shadow:inset 0 0 0 1px rgba(224,90,125,.16) !important;
}
html.theme-light .nav-item.active::before{ background:var(--accent) !important; }
html.theme-light .nav-section-title{ color:#9A9488 !important; }
html.theme-light .panel, html.theme-light .card, html.theme-light .table-container,
html.theme-light .stat-box, html.theme-light .set-card, html.theme-light .pp-panel{
  background:#FFFFFF !important; border:1px solid var(--border) !important;
  box-shadow:0 1px 2px rgba(28,32,40,.05) !important;
}
html.theme-light .page-title{ color:#1B1D22 !important; }
html.theme-light .page-subtitle{ color:#8C9099 !important; }
html.theme-light .topbar-brand, html.theme-light .topbar .brand-name{ color:#6E737C !important; -webkit-text-fill-color:#6E737C !important; }
html.theme-light .table th, html.theme-light table th{ background:#FAF9F6 !important; color:#6E737C !important; border-bottom:1px solid var(--border) !important; }
html.theme-light .table td, html.theme-light table td{ border-bottom:1px solid rgba(27,29,34,.06) !important; }
html.theme-light tr:hover td{ background:rgba(27,29,34,.025) !important; }
html.theme-light input, html.theme-light select, html.theme-light textarea{ background:#fff !important; color:#1B1D22 !important; border-color:var(--border) !important; }
html.theme-light .sys-badge.ok{ color:#127A52 !important; border-color:rgba(20,158,99,.28) !important; background:rgba(20,158,99,.06) !important; }
html.theme-light .sys-badge.off{ color:#B23A3A !important; border-color:rgba(214,69,69,.26) !important; background:rgba(214,69,69,.06) !important; }
html.theme-light .btn-primary, html.theme-light .btn.primary, html.theme-light button.primary{
  background:linear-gradient(135deg,#EC6E8D 0%,#D14C6E 100%) !important; color:#fff !important;
  box-shadow:0 6px 18px rgba(209,76,110,.22), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
html.theme-light ::-webkit-scrollbar-thumb{ background:#D5D2C9; }
html.theme-light ::-webkit-scrollbar-thumb:hover{ background:#C4C0B5; }
/* 标签/次级按钮在浅色下也不发灰 */
html.theme-light .btn:not(.btn-primary), html.theme-light button:not(.btn-primary){
  border-color:var(--border) !important; color:#444A54 !important;
}

/* ===== V9.1 对齐与呼吸感修正 ===== */
.stat-row{ align-items:stretch !important; }
.stat-row > .stat-box{ height:100% !important; }
.eq-hero, .ai-band{ min-height:0 !important; }
/* 深色卡片略提对比, 不再糊成一片 */
html:not(.theme-light) .panel,
html:not(.theme-light) .card,
html:not(.theme-light) .table-container,
html:not(.theme-light) .stat-box,
html:not(.theme-light) .set-card,
html:not(.theme-light) .pp-panel{
  border-color:#2B3038 !important;
  background:linear-gradient(180deg,#1B1F26 0%,#161A20 100%) !important;
}
html:not(.theme-light) .ai-band{
  background:linear-gradient(120deg, rgba(255,122,147,.10), rgba(166,227,107,.05) 55%, rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,122,147,.16) !important;
}
/* 浅色环境光减弱, 去掉顶部米色横带 */
html.theme-light body{
  background-image:
    radial-gradient(920px 520px at 4% -16%, rgba(224,90,125,.065), transparent 62%),
    radial-gradient(760px 460px at 99% -10%, rgba(140,190,110,.06), transparent 64%) !important;
}
html.theme-light .topbar{ background:rgba(251,250,247,.92) !important; }
html.theme-light .nav-item .nav-icon{ opacity:.62; }
/* 侧栏底部用户卡在浅色下不要发黑 */
html.theme-light .sidebar-footer{ background:transparent !important; border-top:1px solid var(--border) !important; }
html.theme-light .user-avatar{ box-shadow:0 0 0 1px rgba(27,29,34,.08) !important; }

/* ===== V9.2 浅色主题补齐: 页面级深色块 / 用户卡 / 吉祥物 ===== */
html.theme-light .eq-hero{
  background:#FFFFFF !important; border:1px solid var(--border) !important;
  box-shadow:0 1px 2px rgba(28,32,40,.05) !important;
}
html.theme-light .ai-band{
  background:linear-gradient(110deg,#FFF7F9 0%,#F7FAF1 100%) !important;
  border:1px solid #EFE6E4 !important;
  box-shadow:0 1px 2px rgba(28,32,40,.04) !important;
}
html.theme-light .ai-band .ai-band-title, html.theme-light .ai-band .ai-band-sub{ color:#1B1D22 !important; }
html.theme-light .sidebar-footer .user-name{ color:#1B1D22 !important; }
html.theme-light .sidebar-footer .user-role{ color:#7B8088 !important; }
html.theme-light .sidebar-footer .user-caret{ color:#9A9488 !important; }
html.theme-light .topbar-brand{ color:#8A8F98 !important; -webkit-text-fill-color:#8A8F98 !important; }
/* 浅底上芭乐插画会“融进背景”: 给一层奶油粉底, 保住轮廓 */
html.theme-light .vado-empty-mascot{
  width:112px !important; height:112px !important; padding:9px !important;
  background:radial-gradient(circle at 50% 42%,#FFF7F3 0%,#FCE7ED 100%) !important;
  border-radius:50% !important; box-shadow:0 8px 22px rgba(224,90,125,.10) !important;
  box-sizing:border-box;
}
html.theme-light .vado-empty-mascot-sm{ width:80px !important; height:80px !important; padding:7px !important; }

/* ===== V9.3 稳定版: 双卡等高 + 浅色插画底 + 中屏收窄 ===== */
.two-col{ align-items:stretch !important; }
.eq-hero{ min-height:0 !important; }
html.theme-light .vado-empty-mascot{
  background:#FFFFFF !important;
  border:1px solid #F1E5E1 !important;
  box-shadow:0 10px 26px rgba(224,90,125,.10) !important;
  padding:8px !important;
}
html.theme-light .vado-empty-mascot-sm{ padding:6px !important; }
@media (max-width:1280px){
  :root{ --sidebar-w:216px; }
  .page-content{ padding:24px 24px 56px !important; }
  .sidebar-brand{ height:78px !important; padding:12px 16px 9px !important; }
  .sidebar-brand .bl-emblem, .sidebar-brand .bl-emblem-img{ width:94px !important; height:34px !important; }
  .nav-item{ height:40px !important; font-size:.82rem !important; }
  .nav-item .nav-icon{ width:16px !important; height:16px !important; }
}
html{ overflow-x:hidden; }
body{ overflow-x:clip; }

/* ===== V9.4 收尾: 深色提亮半档 + 顶部双色发丝线(品牌记忆点) ===== */
html:not(.theme-light) body{ background-color:#101318 !important; }
html:not(.theme-light) .panel,
html:not(.theme-light) .card,
html:not(.theme-light) .table-container,
html:not(.theme-light) .stat-box,
html:not(.theme-light) .set-card,
html:not(.theme-light) .pp-panel{
  background:linear-gradient(180deg,#1D222A 0%,#181C23 100%) !important;
  border-color:#2D333C !important;
}
.topbar{ position:relative; }
.topbar::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; pointer-events:none;
  background:linear-gradient(90deg, rgba(255,122,147,0) 0%, rgba(255,122,147,.55) 26%, rgba(166,227,107,.45) 62%, rgba(166,227,107,0) 100%);
  opacity:.55;
}
html.theme-light .topbar::after{
  background:linear-gradient(90deg, rgba(224,90,125,0) 0%, rgba(224,90,125,.45) 26%, rgba(95,168,63,.35) 62%, rgba(95,168,63,0) 100%);
  opacity:.5;
}

/* ===== V9.5 浅色可读性: 标题/图标/徽标 ===== */
html.theme-light .pp-title,
html.theme-light .pp-title-text,
html.theme-light .card-title,
html.theme-light .set-title,
html.theme-light .sec-title,
html.theme-light .section-title,
html.theme-light .panel-title,
html.theme-light .blk-title,
html.theme-light .set-card h3,
html.theme-light .pp-panel h3{
  color:#1B1D22 !important;
}
html.theme-light .pp-title-ic{ color:#6E737C !important; }
html.theme-light .pp-title-ic svg,
html.theme-light .pp-title-ic svg *{ stroke:#6E737C !important; }
html.theme-light .badge{
  color:#4A505A !important; background:rgba(27,29,34,.05) !important; border-color:rgba(27,29,34,.10) !important;
}
html.theme-light .badge-accent{ color:#B23A5C !important; background:rgba(224,90,125,.09) !important; border-color:rgba(224,90,125,.18) !important; }
html.theme-light .badge-success{ color:#127A52 !important; background:rgba(20,158,99,.09) !important; border-color:rgba(20,158,99,.18) !important; }
html.theme-light .badge-warn, html.theme-light .badge-warning{ color:#8A5A00 !important; background:rgba(190,130,20,.10) !important; border-color:rgba(190,130,20,.20) !important; }
html.theme-light .badge-danger{ color:#A83232 !important; background:rgba(214,69,69,.09) !important; border-color:rgba(214,69,69,.18) !important; }
/* 吉祥物浅色下补一圈极淡描边, 奶油色身体不再融底 */
html.theme-light .vado-empty-mascot{ filter:drop-shadow(0 0 1px rgba(70,55,50,.28)) !important; }

/* ===== V9.6 栅格稳健性: 中窄屏不挤压/不溢出 ===== */
.two-col{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) !important;
  gap:18px !important;
}
.two-col > *, .stat-row > *, .kpi-row > *, .grid-2 > *, .grid-3 > *{ min-width:0 !important; }
.stat-row{ grid-template-columns:repeat(auto-fit,minmax(172px,1fr)) !important; }
@media (max-width:1080px){
  .two-col{ grid-template-columns:minmax(0,1fr) !important; }
}
.page-content, .page-content > .narrow, .page-content > .wrap{ overflow-x:clip; }

/* ===== V9.7 品牌区与顶栏同高 + 横向 lockup ===== */
@media (min-width:769px){
  :root{ --topbar-h:64px; }
  .topbar{ height:64px !important; min-height:64px !important; }
  .sidebar-brand{
    height:64px !important; min-height:64px !important;
    box-sizing:border-box !important;
    padding:0 14px !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    border-bottom:1px solid rgba(255,255,255,.055) !important;
  }
  .sidebar-brand .brand-live{
    display:flex !important; flex-direction:row !important; align-items:center !important;
    justify-content:center !important; gap:0 !important; width:100%;
  }
  .sidebar-brand .bl-emblem,
  .sidebar-brand .bl-emblem-img{ width:84px !important; height:30px !important; }
  .sidebar-brand .vado-brand-cn{
    font-size:11px !important; letter-spacing:.18em !important; line-height:1 !important;
    padding:0 0 0 10px !important; margin-left:10px !important;
    border-left:1px solid rgba(255,255,255,.14) !important;
    color:#A9AEB6 !important; font-weight:600 !important; white-space:nowrap !important;
    transform:translateY(-.5px);
  }
  html.theme-light .sidebar-brand .vado-brand-cn{
    border-left-color:rgba(27,29,34,.16) !important; color:#6E6858 !important;
  }
}

/* V9.7b lockup 再放大一档, 提升存在感 (仍保持 64px 同高) */
@media (min-width:769px){
  .sidebar-brand .bl-emblem, .sidebar-brand .bl-emblem-img{ width:92px !important; height:33px !important; }
  .sidebar-brand .vado-brand-cn{ font-size:11.5px !important; letter-spacing:.16em !important; }
}

/* ===== V9.8 统一左右基准线: 顶栏与页面内容同起点/同终点 ===== */
@media (min-width:769px){
  .topbar{ padding:0 32px !important; }
  .topbar-inner{ max-width:none !important; width:100% !important; }
  .page-content{ padding-left:32px !important; padding-right:32px !important; }
  /* 各页容器宽度统一: narrow 1128 / sg-page 1080 / 其它自定义 max-width 全部拉齐 */
  .page-content > div{
    max-width:none !important;
    width:100% !important;
    margin-left:0 !important; margin-right:0 !important;
  }
  .page-content > .narrow,
  .page-content > .sg-page,
  .page-content > .eq-page,
  .page-content > .settings-page,
  .page-content > .page-inner{ max-width:none !important; width:100% !important; }
}

/* ===== V9.9 统一页面内层容器宽度 (去掉 1080 孤岛) ===== */
@media (min-width:769px){
  .page-content .narrow,
  .page-content .sg-page,
  .page-content .sg-wrap,
  .page-content .at-section-card,
  .page-content .at-cfg-card,
  .page-content #spSec1,
  .page-content #spSec3{
    max-width:none !important;
    width:100% !important;
    margin-left:0 !important;
  }
}

/* ===== V10 回归 LUMEX 版心: 240 侧栏 / 28 边距 / 1080 内容列 (左对齐) ===== */
:root{ --sidebar-w:240px !important; --topbar-h:64px !important; }
@media (min-width:769px){
  .sidebar{ width:240px !important; }
  .main{ margin-left:240px !important; }
  .topbar{ padding:0 28px !important; height:64px !important; min-height:64px !important; }
  .topbar-inner{ max-width:1080px !important; width:100% !important; margin:0 !important; }
  .page-content{ padding:24px 28px 48px !important; }
  .page-content > div{ width:auto !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; }
  .page-content > .narrow,
  .page-content .narrow,
  .page-content .sg-page,
  .page-content .sg-wrap,
  .page-content .at-section-card,
  .page-content .at-cfg-card,
  .page-content #spSec1,
  .page-content #spSec3{
    max-width:1080px !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* ============ V11 灵动科技层 (2026-11-03) ============ */
:root{ --vd-rose:#FF7A93; --vd-rose2:#E85C7D; --vd-leaf:#A6E36B; }

/* 背景：极慢极光，几乎察觉不到在动 */
.main-content{
  background-image:
    radial-gradient(1100px 620px at 88% -12%, rgba(255,122,147,.055), transparent 62%),
    radial-gradient(900px 520px at 6% 108%, rgba(63,208,138,.045), transparent 60%);
  background-repeat:no-repeat;
  background-attachment:fixed;
}
html:not(.theme-light) .main-content{ animation: vdAurora 46s ease-in-out infinite alternate; }
@keyframes vdAurora{ from{ background-position: 0 0, 0 0; } to{ background-position: 46px 34px, -38px -22px; } }

/* 卡片：顶部一层极淡的光，靠反光和投影立起来 */
.stat-box,.stat-card,.at-stat-card,.settings-card,.panel{
  background-image: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 58%);
}
html.theme-light .stat-box,html.theme-light .stat-card,html.theme-light .at-stat-card,
html.theme-light .settings-card,html.theme-light .panel{
  background-image: linear-gradient(180deg, #FFFFFF, #FFFFFF);
}

/* 悬停：轻微上浮 + 玫瑰色描边，不要弹跳 */
@media (hover:hover) and (pointer:fine){
  .stat-box,.stat-card,.at-stat-card{
    transition: transform .26s cubic-bezier(.2,.7,.3,1), border-color .26s, box-shadow .26s;
  }
  .stat-box:hover,.stat-card:hover,.at-stat-card:hover{
    transform: translateY(-2px) !important;
    border-color: rgba(255,122,147,.30) !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.36), 0 0 0 1px rgba(255,122,147,.10) !important;
  }
  html.theme-light .stat-box:hover,html.theme-light .stat-card:hover,html.theme-light .at-stat-card:hover{
    box-shadow: 0 14px 30px rgba(60,40,45,.10), 0 0 0 1px rgba(232,92,125,.14) !important;
  }
}

/* 指标卡顶部一根渐变发丝光 */
.stat-box::before{
  display:block !important; height:1px !important;
  background: linear-gradient(90deg, rgba(255,122,147,0), rgba(255,122,147,.60) 16%, rgba(166,227,107,.38) 74%, rgba(166,227,107,0)) !important;
  opacity:.55; transition: opacity .26s;
}
.stat-box:hover::before{ opacity:1; }

/* 总权益数字：金属渐变字 */
.eq-hero-num{
  background: linear-gradient(180deg,#FFFFFF 6%,#DCE0E6 62%,#B6BCC6 100%);
  -webkit-background-clip:text; background-clip:text;
  color:transparent !important;
}
html.theme-light .eq-hero-num{
  background: linear-gradient(180deg,#15171C 4%,#2C313A 66%,#474D58 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent !important;
}

/* AI 中枢：玻璃 + 双向渐变，像一块活的屏 */
.ai-band-hero{
  background:
    linear-gradient(120deg, rgba(255,122,147,.10), rgba(255,255,255,.02) 44%, rgba(63,208,138,.07) 100%),
    rgba(17,20,25,.74) !important;
  border-color: rgba(255,255,255,.09) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 44px rgba(0,0,0,.30) !important;
}
html.theme-light .ai-band-hero{
  background: linear-gradient(120deg, rgba(255,122,147,.10), #FFFFFF 46%, rgba(63,208,138,.07)) !important;
  border-color: rgba(20,20,20,.06) !important;
  box-shadow: 0 10px 28px rgba(40,30,35,.07), inset 0 1px 0 #FFF !important;
}
.ai-band-status .pdot{ animation: vdPulse 2.4s ease-out infinite; }
@keyframes vdPulse{ 0%{ box-shadow:0 0 0 0 rgba(63,208,138,.45);} 70%{ box-shadow:0 0 0 7px rgba(63,208,138,0);} 100%{ box-shadow:0 0 0 0 rgba(63,208,138,0);} }

/* 侧栏：当前项一条玫瑰光带，悬停轻推 */
.nav-item{ transition: transform .2s ease, background .2s ease, color .2s ease; }
.nav-item.active{
  background: linear-gradient(90deg, rgba(255,122,147,.16), rgba(255,122,147,.02)) !important;
  box-shadow: inset 2px 0 0 var(--vd-rose);
}
.nav-item:hover{ transform: translateX(2px); }

/* 主按钮：渐变 + 抬起，只给真正的主动作 */
.btn-primary{
  background: linear-gradient(180deg,#FF8AA0,#E85C7D) !important;
  box-shadow: 0 6px 18px rgba(232,92,125,.26), inset 0 1px 0 rgba(255,255,255,.28) !important;
  transition: transform .18s, box-shadow .18s, filter .18s;
}
.btn-primary:hover{ transform: translateY(-1px); filter: brightness(1.06); box-shadow: 0 10px 24px rgba(232,92,125,.34), inset 0 1px 0 rgba(255,255,255,.32) !important; }

/* 页标题稍大一档，收紧字距 */
.page-title{ font-size:1.16rem !important; letter-spacing:-.015em; }

@media (prefers-reduced-motion: reduce){
  html:not(.theme-light) .main-content{ animation:none; }
  .ai-band-status .pdot{ animation:none; }
  .stat-box:hover,.stat-card:hover,.at-stat-card:hover{ transform:none !important; }
}

/* ============ V11.2 英雄区/细节强化 ============ */
.eq-hero{
  background:
    radial-gradient(520px 300px at 88% 118%, rgba(255,122,147,.18), transparent 62%),
    radial-gradient(430px 260px at 98% -12%, rgba(95,227,192,.11), transparent 60%),
    linear-gradient(165deg,#1A1E25 0%,#14181E 58%,#101318 100%) !important;
  border:1px solid rgba(255,255,255,.075) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 20px 52px rgba(0,0,0,.30) !important;
}
.eq-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit;
  background-image: radial-gradient(rgba(255,255,255,.11) 1px, transparent 1px);
  background-size:14px 14px; opacity:.5;
  -webkit-mask-image: linear-gradient(132deg, rgba(0,0,0,.75), transparent 46%);
  mask-image: linear-gradient(132deg, rgba(0,0,0,.75), transparent 46%);
}
html.theme-light .eq-hero{
  background:
    radial-gradient(520px 300px at 90% 118%, rgba(232,92,125,.12), transparent 64%),
    radial-gradient(430px 260px at 100% -12%, rgba(16,170,142,.09), transparent 60%),
    linear-gradient(165deg,#FFFFFF,#FBF8F3) !important;
  box-shadow: 0 16px 40px rgba(70,50,55,.08), inset 0 1px 0 #FFF !important;
}
html.theme-light .eq-hero::after{ background-image: radial-gradient(rgba(30,30,30,.10) 1px, transparent 1px); opacity:.35; }

.eq-hero-num{ font-size:2.05rem !important; letter-spacing:-.035em; }

/* 指标卡图标：渐变芯片 */
.stat-box .sb-ic{
  background: linear-gradient(145deg, rgba(255,122,147,.20), rgba(255,122,147,.04)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.07);
}
.stat-box .sb-ic.gold{ background: linear-gradient(145deg, rgba(240,185,11,.22), rgba(240,185,11,.04)) !important; }
.stat-box .sb-ic.blue{ background: linear-gradient(145deg, rgba(95,160,255,.22), rgba(95,160,255,.04)) !important; }
.stat-box .sb-ic.green{ background: linear-gradient(145deg, rgba(63,208,138,.22), rgba(63,208,138,.04)) !important; }
html.theme-light .stat-box .sb-ic{ box-shadow: inset 0 0 0 1px rgba(0,0,0,.04); }

/* 小节 kicker：玫瑰→薄荷 渐变字 */
.sec-kicker{
  background: linear-gradient(90deg,#FF8AA0,#5FE3C0);
  -webkit-background-clip:text; background-clip:text; color:transparent !important;
}
html.theme-light .sec-kicker{
  background: linear-gradient(90deg,#C43E63,#0E8F7A);
  -webkit-background-clip:text; background-clip:text; color:transparent !important;
}
.sec-line{ background: linear-gradient(90deg, rgba(255,122,147,.28), rgba(255,255,255,.08) 40%, transparent) !important; }
html.theme-light .sec-line{ background: linear-gradient(90deg, rgba(196,62,99,.30), rgba(0,0,0,.08) 42%, transparent) !important; }

/* AI 徽标：双色渐变 + 微光 */
.ai-band-mark{
  background: linear-gradient(140deg,#FF7A93,#5FE3C0) !important;
  color:#0B0E12 !important;
  box-shadow: 0 0 18px rgba(255,122,147,.30), inset 0 1px 0 rgba(255,255,255,.45);
}

/* ============ V11.3 色彩逻辑与纹理 ============ */
/* 指标卡：每张按语义色给一根发丝光 + 角落一抹极淡同色光 */
.stat-row .stat-box:nth-child(1){ --k:#F0B90B; }
.stat-row .stat-box:nth-child(2){ --k:#3FD08A; }
.stat-row .stat-box:nth-child(3){ --k:#5FE3C0; }
.stat-row .stat-box:nth-child(4){ --k:#FF7A93; }
.stat-row .stat-box:nth-child(5){ --k:#5FA0FF; }
.stat-row .stat-box:nth-child(6){ --k:#A6E36B; }
.stat-row .stat-box::before{
  background: linear-gradient(90deg, transparent, var(--k,rgba(255,122,147,.6)) 26%, color-mix(in srgb, var(--k,#FF7A93) 45%, transparent) 70%, transparent) !important;
  opacity:.5;
}
.stat-row .stat-box::after{
  content:""; position:absolute; right:-46px; bottom:-64px; width:150px; height:150px; border-radius:50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--k,#FF7A93) 16%, transparent), transparent 68%);
  opacity:.55; pointer-events:none;
}
html.theme-light .stat-row .stat-box::after{ opacity:.35; }

/* 主区背景：细网格，只当纹理，不抢内容 */
html:not(.theme-light) .main-content{
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    radial-gradient(1100px 620px at 88% -12%, rgba(255,122,147,.055), transparent 62%),
    radial-gradient(900px 520px at 6% 108%, rgba(63,208,138,.045), transparent 60%);
  background-size: 26px 26px, 26px 26px, auto, auto;
  background-repeat: repeat, repeat, no-repeat, no-repeat;
}

/* 权益卡水印字，纯装饰 */
.eq-hero .eq-hero-watermark{
  position:absolute; right:16px; bottom:6px; font-family:var(--mono,ui-monospace,monospace);
  font-size:58px; letter-spacing:.08em; font-weight:700; color:rgba(255,255,255,.035);
  pointer-events:none; user-select:none;
}
html.theme-light .eq-hero .eq-hero-watermark{ display:none; }

/* ============ V11.4 权益卡结构：双列数字 + 底部今日 ============ */
.eq-hero{ justify-content:flex-start !important; }
.eq-hero-body{ display:grid; grid-template-columns:1fr 1fr; gap:16px 18px; margin-top:16px; }
.eq-hero-body .eq-hero-row{
  display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;
  gap:7px; padding:0 !important; border:0 !important;
}
.eq-hero-body .eq-hero-row:nth-child(3){
  grid-column:1 / -1; flex-direction:row; align-items:baseline; justify-content:space-between;
  border-top:1px solid rgba(255,255,255,.075) !important; padding-top:12px !important; margin-top:2px;
}
html.theme-light .eq-hero-body .eq-hero-row:nth-child(3){ border-top-color:rgba(0,0,0,.07) !important; }
.eq-hero-num{ font-size:1.95rem !important; line-height:1.1; }
.eq-hero-today{ font-size:.7rem; letter-spacing:.02em; }
@media (max-width:520px){
  .eq-hero-body{ grid-template-columns:1fr; gap:12px; }
  .eq-hero-body .eq-hero-row:nth-child(3){ grid-column:auto; }
}

/* ===== V12 (2026-11-03) 品牌文字微动效 + 深色主按钮降饱和 ===== */
@keyframes vdTextShine{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } }
@keyframes vdLogoBreathe{
  0%,100%{ filter:drop-shadow(0 0 2px rgba(255,122,147,.14)); }
  50%{ filter:drop-shadow(0 0 7px rgba(255,122,147,.32)) drop-shadow(0 0 15px rgba(166,227,107,.12)); }
}

/* 顶栏品牌名: 极慢的玫瑰→嫩绿扫光 (只对字, 不照亮背景) */
.topbar-brand{
  background-image:linear-gradient(100deg,#B7BCC5 0%,#B7BCC5 34%,#F2A6B8 47%,#C6E79E 56%,#B7BCC5 68%,#B7BCC5 100%) !important;
  background-size:260% 100% !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
  animation:vdTextShine 12s ease-in-out infinite !important;
  filter:none !important;
}
html.theme-light .topbar-brand{
  background-image:linear-gradient(100deg,#767B84 0%,#767B84 34%,#C94F72 47%,#4E8A2C 56%,#767B84 68%,#767B84 100%) !important;
}

/* 侧栏「维度芭乐」: 同一套扫光, 更慢一档 */
.vado-brand-cn{
  background-image:linear-gradient(100deg,#9AA0A8 0%,#9AA0A8 36%,#EEA3B6 48%,#A6E36B 60%,#9AA0A8 74%,#9AA0A8 100%) !important;
  background-size:300% 100% !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
  animation:vdTextShine 15s ease-in-out infinite !important;
}
html.theme-light .vado-brand-cn{
  background-image:linear-gradient(100deg,#8C8678 0%,#8C8678 36%,#C4517A 48%,#5E9A32 60%,#8C8678 74%,#8C8678 100%) !important;
}

/* 侧栏 LOGO: 极轻的呼吸光 (深色模式) */
.sidebar-brand .logo-for-dark{ animation:vdLogoBreathe 6.5s ease-in-out infinite; }

/* 深色主按钮: 从荧光粉改成低饱和干玫瑰, 去掉粉雾光 */
html:not(.theme-light) .btn-primary,
html:not(.theme-light) .btn.primary,
html:not(.theme-light) button.primary{
  background:linear-gradient(180deg,#B05C73 0%,#8E4457 100%) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.10) inset, 0 3px 10px rgba(0,0,0,.30) !important;
}
html:not(.theme-light) .btn-primary:hover,
html:not(.theme-light) .btn.primary:hover,
html:not(.theme-light) button.primary:hover{
  filter:brightness(1.07) saturate(.95) !important;
  transform:none !important;
  box-shadow:0 4px 14px rgba(0,0,0,.36), 0 1px 0 rgba(255,255,255,.10) inset !important;
}
html:not(.theme-light) .btn-primary:active,
html:not(.theme-light) .btn.primary:active,
html:not(.theme-light) button.primary:active{ background:linear-gradient(180deg,#9C4E64 0%,#7C3B4C 100%) !important; }

@media (prefers-reduced-motion: reduce){
  .topbar-brand,.vado-brand-cn,.sidebar-brand .logo-for-dark{ animation:none !important; }
}

/* 手册截图: 图框随图高 (避免栅格拉伸留下大片空白) */
.manual-shot-with-notes{ align-items:start !important; }
.manual-shot-frame img{ display:block; }

/* 手册截图: 交给图片自然比例 (原模板强制 3:2 / 1:1 会上下留底或裁掉内容) */
.manual-shot-with-notes .shot-fit img{
  aspect-ratio:auto !important; object-fit:fill !important; height:auto !important; max-height:none !important;
}

/* ==== hide-mode-columns: 白标隐藏「模式」(纸面/实盘) ==== */
/* 交易记录: 「模式/市场」列里只保留市场徽章 (模式徽章是单元格内第一个 div) */
table.trades-table tbody td:nth-child(2) > div:first-child { display: none !important; }
/* 运行日志: 连列一起隐藏 (第 5 列 = 模式) */
table.log-table thead th:nth-child(5),
table.log-table tbody td:nth-child(5) { display: none !important; }
/* 移动端日志卡片 (若有) */
.mo-log-mode, .lg-mode { display: none !important; }

/* 移动端「纸面/实盘」切换条隐藏 (白标) */
#mpModeSeg, #mpModeSub { display: none !important; }

/* ===== 仪表盘单一口径 (2026-11-03): 权益卡单口径版式 =====
   总权益数字独占整行, 「区间涨跌 / 今日盈亏」并排两列 (宽屏), 窄屏回落单列。
   这样既不并排显示实盘/纸面, 也不会在卡片里留下大片空白。 */
body.dash-mode-live .eq-hero-body, body.dash-mode-paper .eq-hero-body{
  display:grid !important; grid-template-columns:1fr 1fr; gap:14px 18px;
  margin-top:auto !important; padding-top:12px;
}
body.dash-mode-live .eq-hero-body .eq-hero-row, body.dash-mode-paper .eq-hero-body .eq-hero-row{
  flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important;
  gap:6px; padding:0 !important; border-top:0 !important; width:100%;
}
body.dash-mode-live .eq-hero-body .eq-hero-row.dm-live,
body.dash-mode-live .eq-hero-body .eq-hero-row.dm-paper,
body.dash-mode-paper .eq-hero-body .eq-hero-row.dm-live,
body.dash-mode-paper .eq-hero-body .eq-hero-row.dm-paper{ grid-column:1 / -1; }
/* 覆盖 V11.4 旧的「第3行整行」规则 (否则区间/今日 会竖排到一行) */
body.dash-mode-live .eq-hero-body .eq-hero-row:nth-child(3),
body.dash-mode-paper .eq-hero-body .eq-hero-row:nth-child(3){ grid-column:auto !important; }
@media (max-width: 520px){
  body.dash-mode-live .eq-hero-body, body.dash-mode-paper .eq-hero-body{ grid-template-columns:1fr; }
}

/* ===== V14 (2026-11-04) 手机端登录页品牌版式 + /m 顶栏精修 ===== */

/* ── 手机登录页: 与 PC 同源 (LOGO 品牌头 + 同款卡片), 立式居中, 底部不留死白 ── */
html.vado-login .vado-mobile-brand{ display:none; }

@media (max-width: 980px){
  html.vado-login .lp-stage{
    display:flex !important; flex-direction:column !important;
    grid-template-columns:1fr !important; align-items:center !important;
    justify-content:center; justify-content:safe center;
    max-width:none !important; min-height:100dvh;
    padding:26px 18px 24px !important;
  }
  html.vado-login .vado-hero{ display:none !important; }

  /* 品牌头 (卡片外 masthead): 真 LOGO + 中英双行, 与卡片同宽同左边线 */
  html.vado-login .vado-mobile-brand{
    display:flex; align-items:center; justify-content:flex-start;
    gap:12px; letter-spacing:normal;
    width:100% !important; max-width:none !important;
    margin:0 0 13px !important; padding:0 4px;
  }
  /* 不能用 display:block (会压过登录页自带的 img.logo-for-light{display:none}, 出现双 LOGO) */
  html.vado-login .vado-mobile-brand .vmb-logo{ height:23px; width:auto; }
  html.vado-login .vado-mobile-brand .vmb-logo.logo-for-light{ display:none; }
  html.theme-light.vado-login .vado-mobile-brand .vmb-logo.logo-for-dark{ display:none; }
  html.theme-light.vado-login .vado-mobile-brand .vmb-logo.logo-for-light{ display:block; }
  html.vado-login .vado-mobile-brand .vmb-tag{
    display:block; font-size:12px; line-height:1.15; font-weight:700;
    letter-spacing:.1em; color:#A6ACB4;
    border-left:1px solid rgba(255,255,255,.12); padding-left:12px;
  }
  html.vado-login .vado-mobile-brand .vmb-tag span{
    display:block; margin-top:5px; font-size:8.5px; font-weight:600;
    letter-spacing:.18em; color:#5E636B;
  }
  html.theme-light.vado-login .vado-mobile-brand .vmb-tag{
    color:#4B5057; border-left-color:rgba(16,24,40,.13);
  }
  html.theme-light.vado-login .vado-mobile-brand .vmb-tag span{ color:#8B9099; }

  html.vado-login .lp-card{
    width:100% !important; max-width:none !important; min-height:auto !important;
    border-radius:20px !important; padding:26px 20px 20px !important;
  }
  html.vado-login .lp-eyebrow{ margin-bottom:9px; font-size:.58rem; letter-spacing:.26em; }
  html.vado-login .lp-title{ font-size:1.3rem; line-height:1.22; }
  html.vado-login .lp-subtitle{ font-size:.78rem; margin:6px 0 19px; }
  html.vado-login .lp-field{ margin-bottom:12px; }
  html.vado-login .lp-field input{ font-size:.92rem; }
  html.vado-login .lp-divider{ margin:18px 0 11px; font-size:.55rem; letter-spacing:.24em; }
  html.vado-login .lp-features{ gap:8px; }
  html.vado-login .lp-feat{ padding:9px 4px; font-size:.66rem; border-radius:12px; }
  html.vado-login .lp-footer{ margin-top:15px; font-size:.6rem; line-height:1.75; text-align:center; }
  html.vado-login .lp-foundation{ font-size:.6rem; letter-spacing:.16em; margin-bottom:3px; }
}
/* 平板宽度 (600~980) 不要把卡片拉成整屏: 收到 460 与品牌头同宽 */
@media (min-width: 600px) and (max-width: 980px){
  html.vado-login .lp-card,
  html.vado-login .vado-mobile-brand,
  html.vado-login .lp-footer{ max-width:460px !important; margin-left:auto !important; margin-right:auto !important; }
}
@media (max-width: 420px){
  html.vado-login .lp-stage{ padding:20px 14px 18px !important; }
  html.vado-login .vado-mobile-brand{ margin-bottom:13px !important; }
  html.vado-login .vado-mobile-brand .vmb-logo{ height:23px; }
  html.vado-login .lp-card{ padding:24px 17px 18px !important; }
}

/* ── /m 顶栏品牌锁排: [LOGO] 标题 / 维度芭乐 · 副标题 ── */
body.mp .mp-top{ gap:12px; }
body.mp .mp-top-brand{ gap:9px; align-items:center; }
body.mp .mp-top-logo{ height:18px; margin-top:-2px; }
body.mp .mp-top-title{
  font-size:15px; font-weight:700; line-height:1.12; letter-spacing:.012em;
}
body.mp .mp-top-sub{
  display:flex; align-items:center; margin-top:4px;
  font-size:10px; line-height:1.2; letter-spacing:.06em;
  color:rgba(255,255,255,.40); font-weight:600;
}
html.theme-light body.mp .mp-top-sub{ color:rgba(16,24,40,.46); }
body.mp .mp-top-sub .vado-m-brand{
  margin:0 !important; padding:0 !important; border:0 !important;
  font-size:10.5px; line-height:1.25; letter-spacing:.06em; font-weight:700;
  color:rgba(255,255,255,.68);
}
html.theme-light body.mp .mp-top-sub .vado-m-brand{ color:rgba(16,24,40,.60); }
/* 品牌名与副标题之间用 1px 细线 (比「·」更像结构分隔, 不会读成多余的标点) */
body.mp .mp-top-sub .vado-m-brand.has-next::after{
  content:""; display:inline-block; width:1px; height:9px;
  margin:0 8px; vertical-align:middle;
  background:rgba(255,255,255,.20);
}
html.theme-light body.mp .mp-top-sub .vado-m-brand.has-next::after{ background:rgba(16,24,40,.20); }

/* ===== V15 (2026-11-04) 登录页真正的浅色模式 + 登录页主题开关 ===== */
/* 之前浅色主题下页面底色变白了, 但登录卡片/输入框/按钮字色仍是深色模式的硬编码值
   (lp-card #0E0F11 / input #151619 / btn 文字深灰) ⇒ 用户观感 = 「没有区分深浅色」。 */

html.theme-light.vado-login body{
  background:#F6F5F2 !important;
  background-image:
    radial-gradient(900px 520px at 4% -16%, rgba(201,97,122,.07), transparent 62%),
    radial-gradient(720px 480px at 100% 104%, rgba(126,168,116,.07), transparent 60%) !important;
}
html.theme-light.vado-login .lp-card{
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(27,29,34,.10) !important;
  box-shadow:0 18px 44px rgba(27,29,34,.09) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
html.theme-light.vado-login .lp-eyebrow{ color:#A85B6D !important; }
html.theme-light.vado-login .lp-title{ color:#1B1D22 !important; }
html.theme-light.vado-login .lp-subtitle{ color:#6E737C !important; }
html.theme-light.vado-login .lp-field input{
  background:#FFFFFF !important; border:1px solid rgba(27,29,34,.14) !important;
  color:#1B1D22 !important;
}
html.theme-light.vado-login .lp-field input::placeholder{ color:#9A9FA8 !important; }
html.theme-light.vado-login .lp-field > svg{ stroke:#828892 !important; }
html.theme-light.vado-login .lp-field input:focus{
  border-color:rgba(201,97,122,.55) !important; box-shadow:0 0 0 3px rgba(201,97,122,.10) !important;
}
html.theme-light.vado-login .lp-btn{
  background:#C9617A !important; color:#FFFFFF !important;
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset, 0 8px 20px rgba(201,97,122,.18) !important;
}
html.theme-light.vado-login .lp-btn:hover{ background:#D46F87 !important; }
html.theme-light.vado-login .lp-remember{ color:#6E737C !important; }
html.theme-light.vado-login .lp-card a{ color:#A6536A !important; }
html.theme-light.vado-login .lp-divider{ color:#A2A7AF !important; }
html.theme-light.vado-login .lp-divider::before,
html.theme-light.vado-login .lp-divider::after{ background:rgba(27,29,34,.10) !important; }
html.theme-light.vado-login .lp-feat{
  background:#FFFFFF !important; border:1px solid rgba(27,29,34,.09) !important;
  color:#4A5058 !important; box-shadow:0 1px 2px rgba(27,29,34,.04) !important;
}
html.theme-light.vado-login .lp-feat svg{ stroke:#C9617A !important; }
html.theme-light.vado-login .lp-footer,
html.theme-light.vado-login .lp-copy{ color:#8A8F97 !important; }
html.theme-light.vado-login .lp-foundation{ color:#2E7D62 !important; }
html.theme-light.vado-login .lp-error{
  background:rgba(214,69,69,.07) !important; border-color:rgba(214,69,69,.22) !important;
  color:#B23A3A !important;
}
html.theme-light.vado-login input[type=checkbox]{ accent-color:#C9617A !important; }
html.theme-light.vado-login #lpCanvas{ opacity:.16 !important; }
html.theme-light.vado-login .lp-grid{ opacity:.5 !important; }

/* 登录页主题开关 (登录后主题在用户菜单里, 登录页原本没有任何入口) */
.vado-theme-toggle{
  position:fixed; z-index:60; top:14px; right:14px;
  width:36px; height:36px; border-radius:12px;
  display:none; align-items:center; justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:#B9BFC8; cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}
html.vado-login .vado-theme-toggle{ display:flex; }
.vado-theme-toggle:hover{ background:rgba(255,255,255,.09); }
.vado-theme-toggle svg{ width:17px; height:17px; }
.vado-theme-toggle .ic-moon{ display:block; }
.vado-theme-toggle .ic-sun{ display:none; }
html.theme-light .vado-theme-toggle{
  background:rgba(255,255,255,.92); border-color:rgba(27,29,34,.12); color:#565C66;
}
html.theme-light .vado-theme-toggle .ic-moon{ display:none; }
html.theme-light .vado-theme-toggle .ic-sun{ display:block; }

/* ===== V15 浅色精修 (登录后内部页面) =====
   浅色已能切换, 但卡片/分档/数据行还沿用深色模式的「无阴影 + 高饱和强调」,
   在白底上显得平、飘。这里只做分寸调整, 不动结构。 */
html.theme-light body.mp{ background:#F6F5F2 !important; }
html.theme-light body.mp .mp-kpi{
  padding:11px 8px 10px !important;
  border-color:rgba(27,29,34,.07) !important;
  box-shadow:0 1px 2px rgba(27,29,34,.04), 0 6px 14px rgba(27,29,34,.045) !important;
}
html.theme-light body.mp .mp-kpi::after{ height:2px !important; opacity:.34 !important; }
html.theme-light body.mp .mp-card,
html.theme-light body.mp .mp-row,
html.theme-light body.mp .mp-sheet{
  border-color:rgba(27,29,34,.075) !important;
  box-shadow:0 1px 2px rgba(27,29,34,.035), 0 8px 18px rgba(27,29,34,.04) !important;
}
html.theme-light body.mp .mp-seg{ background:rgba(27,29,34,.045) !important; }
html.theme-light body.mp .mp-seg-item.on{
  background:#FFFFFF !important; box-shadow:0 1px 2px rgba(27,29,34,.10) !important;
}
html.theme-light body.mp .mp-seg-item.on .mp-seg-sub{ color:#A4405A !important; }
html.theme-light body.mp .mp-nav{
  border-top:1px solid rgba(27,29,34,.08) !important;
  box-shadow:0 -1px 10px rgba(27,29,34,.04) !important;
}
/* 副标题行在 115px 卡片里断成「本金 / 0」两行 → 压字号 + 单行 (超长时才裁切) */
body.mp .mp-kpi-sub{
  font-size:.58rem !important; letter-spacing:0 !important;
  white-space:nowrap; overflow:hidden;
}