/* ============================================================
   线下舞台 · 皮肤「霓虹 Cyber」
   ------------------------------------------------------------
   启用方式（二选一）：
     1) var SKIN = 'qingshan'  →  'cyber'
     2) .vn-layer.setAttribute('data-vn-skin', 'cyber')

   只覆盖令牌 + 装饰，不改布局。切角用 clip-path，辉光用 text-shadow
   与 box-shadow，都是纯 CSS，不需要任何图片资源。
   ============================================================ */

.vn-layer[data-vn-skin="cyber"] {
  --vn-theme: dark;

  /* 底色：近黑偏青 */
  --vn-bg: #04070a;
  --vn-tint: rgba(2, 8, 10, .58);
  --vn-grain-opacity: .06;
  --vn-vignette: radial-gradient(96% 76% at 50% 44%, transparent 30%, rgba(0, 0, 0, .74) 100%);

  /* 文字：冷白偏青 */
  --vn-text: #dcfffa;
  --vn-text-soft: rgba(220, 255, 250, .70);
  --vn-text-dim: rgba(120, 220, 210, .50);
  --vn-accent: #ff2e88;                 /* 洋红点缀 */
  --vn-line: rgba(45, 255, 225, .30);
  --vn-line-soft: rgba(45, 255, 225, .12);

  /* 字体：全等宽，仪表盘感 */
  --vn-font-ui: "SF Mono", Consolas, "Cascadia Mono", monospace;
  --vn-font-text: "SF Mono", Consolas, "Cascadia Mono", monospace;
  --vn-size-text: 14px;
  --vn-lh-text: 1.85;

  /* 气泡：描边 + 内发光，不要实心 */
  --vn-bubble-bg: rgba(4, 14, 18, .72);
  --vn-bubble-border: rgba(45, 255, 225, .34);
  --vn-bubble-radius: 0px;
  --vn-bubble-blur: 6px;
  --vn-bubble-shadow: inset 0 0 22px rgba(45, 255, 225, .10), 0 0 18px -6px rgba(45, 255, 225, .22);

  /* 卡片：深色玻璃 + 霓虹描边 */
  --vn-card-bg: rgba(4, 12, 16, .86);
  --vn-card-border: rgba(45, 255, 225, .40);
  --vn-card-radius: 0px;
  --vn-card-blur: 4px;
  --vn-card-shadow: inset 0 0 26px rgba(45, 255, 225, .10), 0 0 20px -8px rgba(45, 255, 225, .35);

  --vn-avatar-radius: 0px;
  --vn-avatar-shadow: 0 0 12px rgba(45, 255, 225, .40);
  --vn-scroll-thumb: rgba(45, 255, 225, .45);
  --vn-photo-fallback: repeating-linear-gradient(45deg, rgba(45, 255, 225, .10) 0 6px, transparent 6px 12px);
  --vn-avatar-fallback: repeating-linear-gradient(45deg, rgba(45, 255, 225, .16) 0 4px, transparent 4px 8px);
}

/* 标题：青色辉光 + 大字距 */
.vn-layer[data-vn-skin="cyber"] .vn-hud {
  border-bottom: 1px solid var(--vn-line);
  background: linear-gradient(180deg, rgba(4, 14, 18, .9), rgba(4, 14, 18, 0));
}
.vn-layer[data-vn-skin="cyber"] .vn-hud-title {
  color: var(--vn-text);
  letter-spacing: .22em;
  text-shadow: 0 0 10px rgba(45, 255, 225, .65);
}
.vn-layer[data-vn-skin="cyber"] .vn-hud-meta {
  color: var(--vn-accent);
  text-shadow: 0 0 8px rgba(255, 46, 136, .55);
}

/* 卡片：右上角切一刀 */
.vn-layer[data-vn-skin="cyber"] .vn-card {
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
}
.vn-layer[data-vn-skin="cyber"] .vn-card-kicker { color: var(--vn-accent); letter-spacing: .42em; }
.vn-layer[data-vn-skin="cyber"] .vn-card-title {
  letter-spacing: .12em;
  text-shadow: 0 0 12px rgba(45, 255, 225, .45);
}
.vn-layer[data-vn-skin="cyber"] .vn-name { color: var(--vn-accent); letter-spacing: .24em; }
.vn-layer[data-vn-skin="cyber"] .vn-fact-key { letter-spacing: .24em; }