/* ============ themes.css · 九个时代的视觉主题 ============ */
/* 每个时代一组 CSS 变量,组件通过 var(--era-*) 自动换装 */

.era{
  --era-bg:var(--bg);
  --era-card:#101020;
  --era-line:#26263a;
  --era-accent:var(--accent);
  --era-accent2:var(--accent2);
  --era-glow:rgba(45,226,230,.4);
}

/* 1 · 前史:磷光终端绿 */
.era1{
  --era-card:#04120a;
  --era-line:#1d5c33;
  --era-accent:#38ff70;
  --era-accent2:#b6ffce;
  --era-glow:rgba(56,255,112,.45);
  background:linear-gradient(180deg,#020a05,#04120a 30%,#020a05);
}
.era1 .ev-img{filter:sepia(.4) hue-rotate(60deg) saturate(1.6)}

/* 2 · 街机黄金时代:霓虹暗紫 */
.era2{
  --era-card:#12042c;
  --era-line:#5b1d7a;
  --era-accent:#ff3864;
  --era-accent2:#2de2e6;
  --era-glow:rgba(255,56,100,.5);
  background:linear-gradient(180deg,#0d0221,#160538 40%,#0d0221);
}
.era2 .ev-year{color:#ffd23f}

/* 3 · 8-bit:任天堂红与灰 */
.era3{
  --era-card:#131318;
  --era-line:#8c8c96;
  --era-accent:#e60012;
  --era-accent2:#f5c518;
  --era-glow:rgba(230,0,18,.45);
  background:linear-gradient(180deg,#0e0e12,#17171d 40%,#0e0e12);
}

/* 4 · 16-bit:世嘉蓝与紫金 */
.era4{
  --era-card:#0d1230;
  --era-line:#2f3f8f;
  --era-accent:#4f7dff;
  --era-accent2:#ffb400;
  --era-glow:rgba(79,125,255,.5);
  background:linear-gradient(180deg,#090d24,#101740 40%,#090d24);
}

/* 5 · 3D 革命:Y2K 银灰彩壳 */
.era5{
  --era-card:#0c1116;
  --era-line:#3f545e;
  --era-accent:#00c2a8;
  --era-accent2:#b8c4ff;
  --era-glow:rgba(0,194,168,.5);
  background:linear-gradient(180deg,#070b0f,#0d141a 40%,#070b0f);
}

/* 6 · 网络时代:Live 绿 */
.era6{
  --era-card:#06140c;
  --era-line:#2c6b3f;
  --era-accent:#7ac74f;
  --era-accent2:#38b6ff;
  --era-glow:rgba(122,199,79,.5);
  background:linear-gradient(180deg,#030d07,#07180d 40%,#030d07);
}

/* 7 · 移动与独立:珊瑚 & 薄荷 */
.era7{
  --era-card:#121820;
  --era-line:#3f5560;
  --era-accent:#ff6b6b;
  --era-accent2:#4ecdc4;
  --era-glow:rgba(255,107,107,.45);
  background:linear-gradient(180deg,#0b1014,#121c22 40%,#0b1014);
}

/* 8 · 服务型与直播: twitch 紫 */
.era8{
  --era-card:#150b2e;
  --era-line:#5b3fa8;
  --era-accent:#9d5cff;
  --era-accent2:#ffd23f;
  --era-glow:rgba(157,92,255,.55);
  background:linear-gradient(180deg,#0d0620,#170a36 40%,#0d0620);
}

/* 9 · 次世代:玻璃拟态靛蓝 */
.era9{
  --era-card:#0d1226;
  --era-line:#33406e;
  --era-accent:#6c8cff;
  --era-accent2:#00d4ff;
  --era-glow:rgba(108,140,255,.5);
  background:linear-gradient(180deg,#080b18,#0d1330 40%,#080b18);
}
.era9 .ev-card,.era9 .gcard{backdrop-filter:blur(2px)}
.era9 .ev-card{box-shadow:6px 6px 0 rgba(108,140,255,.15),0 0 24px rgba(0,212,255,.06)}

/* CRT 细节:时代区块上的扫描感 */
.era .ev-img{position:relative}
body.crt .era{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 2px,transparent 2px 4px),linear-gradient(180deg,var(--era-bg),transparent)}