/* ============================================================
   艺尚童模 · 设计系统基础（三端共享）
   深色 · 紫色主色 · 红/蓝/紫/绿 阵营色
   ============================================================ */
:root{
  --bg:#07070c;
  --bg-2:#0a0a12;
  --panel:#0d0d16;
  --panel-2:#111120;
  --panel-3:#151623;
  --line:#20223a;
  --line-2:#2b2d48;
  --txt:#eef0ff;
  --txt-2:#c6c8e4;
  --muted:#7f83a3;
  --muted-2:#565a78;

  --purple:#8b5cf6;
  --purple-2:#a78bfa;
  --purple-ink:#c4b5fd;
  --green:#22c55e;
  --green-2:#4ade80;
  --red:#fb3a5d;
  --red-2:#ff5c7a;
  --blue:#2f83ff;
  --blue-2:#5ba2ff;
  --amber:#f4b740;

  --radius:16px;
  --radius-lg:22px;
  --radius-sm:10px;
  --font: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,Helvetica,Arial,"Noto Sans SC",sans-serif;
  --shadow: 0 30px 70px -30px rgba(0,0,0,.85);
}

/* 阵营色工具 */
.side-red{--c:var(--red);--c2:var(--red-2)}
.side-blue{--c:var(--blue);--c2:var(--blue-2)}
.side-purple{--c:var(--purple);--c2:var(--purple-2)}
.side-green{--c:var(--green);--c2:var(--green-2)}
.side-neutral{--c:#6b6f92;--c2:#8b8fb2}
.side-reject{--c:#d76a7a;--c2:#e88a97}
.side-score{--c:var(--purple-2);--c2:var(--purple-ink)}
.side-idle{--c:#5a5e7e;--c2:#6b6f92}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--txt);
  font-family:var(--font);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
::selection{background:rgba(139,92,246,.35)}

/* 数字等宽感 */
.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* 背景层（可替换的会场图 + 深色叠加 + 顶部紫光） */
.bg-layer{position:fixed;inset:0;z-index:-2;background-size:cover;background-position:center;filter:saturate(1.05)}
.bg-scrim{position:fixed;inset:0;z-index:-1;
  background:
    radial-gradient(1400px 760px at 72% -12%, rgba(96,74,190,.28), rgba(10,10,20,0) 58%),
    linear-gradient(180deg, rgba(6,6,12,.90), rgba(6,6,12,.955) 55%, rgba(5,5,10,.99));
}
/* 大屏 / 进阶控制台 / 评委投票端：浅紫轻雾（非深色蒙版），提升毛玻璃文字可读性 */
body.screen .bg-scrim,
body.console .bg-scrim,
body.vote .bg-scrim{
  display:block;
  background:
    radial-gradient(1200px 700px at 78% -8%, rgba(167,139,250,.22), transparent 55%),
    linear-gradient(180deg, rgba(246,243,251,.45), rgba(246,243,251,.22) 50%, rgba(237,231,254,.32));
}

/* 通用连接状态点 */
.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(34,197,94,.18);display:inline-block}
.dot.off{background:var(--amber);box-shadow:0 0 0 3px rgba(244,183,64,.18)}

/* 滚动条 */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#22243a;border-radius:10px;border:2px solid var(--bg)}
::-webkit-scrollbar-track{background:transparent}