/* [portal-skin-20261002] 门户首页 + 登录页 统一皮肤
   风格：黑底（对齐「上云选品·码上付」工作台）+ 紫→青渐变高亮（保留智慧云原色）
   用法：挂在各页 </head> 之前（页面自带 <style> 之后），删除本 link 即恢复原样。
   说明：页面大量使用 --blue/--cyan/--navy/--cyan-l 变量，这里统一重定义即可整体换色；
        写死的背景与玻璃面板用覆盖规则处理。
*/
:root{
  --blue:#6d5efc; --cyan:#22d3ee; --navy:#0a0a0a; --navy2:#12121c; --cyan-l:#7dd3fc;
  --skin-bg:#0a0a0a; --skin-card:#141414; --skin-line:#262626;
  --skin-ink:#e8e8e8; --skin-muted:#9a9a9a;
}

/* ---------- 底色：深蓝渐变 → 黑底 + 紫青微光 ---------- */
body{
  background:
    radial-gradient(900px 520px at 88% -10%, rgba(109,94,252,.16), transparent 60%),
    radial-gradient(700px 460px at 6% 110%, rgba(34,211,238,.10), transparent 60%),
    var(--skin-bg) !important;
  color:var(--skin-ink) !important;
}
body::before{background:radial-gradient(circle,rgba(109,94,252,.20),transparent 70%) !important;}
.portal::after{background:radial-gradient(circle,rgba(34,211,238,.14),transparent 70%) !important;}

/* ---------- 玻璃面板 → 深色卡片 ---------- */
.portal,.lcard,.card,.login-card,.hint{
  background:var(--skin-card) !important;
  border-color:var(--skin-line) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.45) !important;
}
.pitem,.seg,.inp,.nav .chip,.dock span{
  background:#141414 !important;
  border-color:var(--skin-line) !important;
  color:var(--skin-ink);
}
.pitem:hover,.dock span:hover,.login-card:hover{
  background:#171717 !important;
  border-color:#6d5efc !important;
}

/* ---------- 选中态：紫→青渐变实心（与工作台侧栏一致） ---------- */
.pitem.on,.dock span.on{
  background:linear-gradient(135deg,#6d5efc,#22d3ee) !important;
  color:#0b1020 !important;
  font-weight:800;
  border-color:transparent !important;
  box-shadow:0 6px 18px rgba(109,94,252,.35);
}
.pitem.on .pi-name,.pitem.on .pi-desc,.pitem.on .pi-tag,
.tag-cur,.dock span.on{color:#0b1020 !important;}
.tag-cur{border-color:transparent !important;}

/* ---------- 文字层级 ---------- */
.pi-desc,.lead,.ldesc,.pfacts,.row,.row a,.copyright{color:var(--skin-muted) !important;}
.inp{color:var(--skin-ink) !important;}
.inp::placeholder{color:#5f5f5f !important;}
.seg div{color:var(--skin-muted) !important;}
.slogan,.ltitle,.pi-name,.brand{color:#fff !important;}
.eyebrow,.lrole,.pfacts i,.lb .dot,.copyright a{color:var(--cyan-l) !important;}
.err{color:#fb7185 !important;}

/* ---------- 输入聚焦 / 主按钮：紫青 ---------- */
.inp:focus{border-color:#6d5efc !important;background:#171717 !important;box-shadow:0 0 0 3px rgba(109,94,252,.18) !important;}
.btn,.btn-primary{border-color:transparent !important;}