/* =====================================================================
   主题：neon —— 霓虹电竞
   ---------------------------------------------------------------------
   形态特征：直角偏硬、青色主光 + 品红副光、卡片外发光、扫描线纹理、
   榜单数字发光。所有差异都通过变量与 .hero/.game-card 的少量覆盖实现。
   ===================================================================== */

html[data-theme="neon"] {
    --bg: #05030f;
    --bg-soft: #0a0718;
    --panel: #0d0a1d;
    --panel-2: #141029;
    --panel-glass: rgba(5, 3, 15, .74);
    --line: rgba(0, 229, 255, .3);
    --line-soft: rgba(0, 229, 255, .13);
    --border-strong: rgba(0, 229, 255, .65);

    --text: #e9fbff;
    --text-soft: #b6d8e6;
    --muted: #7e9bb3;

    --accent: #00e5ff;
    --accent-hover: #5cf1ff;
    --accent-2: #ff2bd1;
    --accent-soft: rgba(0, 229, 255, .12);
    --accent-grad: linear-gradient(120deg, #00e5ff 0%, #ff2bd1 100%);
    --hot: #ff3860;
    --hot-soft: rgba(255, 56, 96, .18);
    --hot-text: #ff6b8c;
    --success: #33ffb2;
    --danger: #ff3860;
    --star: #ffe14d;
    --warn-bg: rgba(255, 225, 77, .1);
    --warn-line: rgba(255, 225, 77, .35);
    --warn-text: #ffe14d;

    --radius-sm: 2px;
    --radius: 4px;
    --radius-lg: 6px;
    --radius-pill: 3px;
    --radius-icon: 10%;

    --shadow: 0 0 0 1px rgba(0, 229, 255, .5), 0 0 34px -6px rgba(0, 229, 255, .55);
    --shadow-soft: 0 0 0 1px rgba(0, 229, 255, .16);
    --card-lift: -2px;
    --card-glow: 0 0 0 1px var(--accent), 0 0 30px -6px rgba(0, 229, 255, .65);

    --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC",
        "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
    --display-weight: 800;
    --display-tracking: -.01em;
    --kicker-tracking: .24em;
    --kicker-transform: uppercase;

    --hero-min: 580px;
    --hero-fallback: repeating-linear-gradient(90deg, rgba(0, 229, 255, .06) 0 1px, transparent 1px 46px),
        radial-gradient(120% 130% at 12% 0%, rgba(0, 229, 255, .26) 0%, transparent 56%),
        radial-gradient(80% 80% at 100% 100%, rgba(255, 43, 209, .28) 0%, transparent 60%),
        #07030f;
    --hero-bleed: calc(50% - 50vw);
    --hero-radius: 0px;
    --hero-scrim: repeating-linear-gradient(0deg, rgba(0, 229, 255, .05) 0 1px, transparent 1px 4px),
        linear-gradient(90deg, rgba(5, 3, 15, .96) 0%, rgba(5, 3, 15, .6) 44%, rgba(255, 43, 209, .12) 100%),
        linear-gradient(0deg, var(--bg) 0%, rgba(5, 3, 15, .5) 26%, rgba(5, 3, 15, 0) 62%);
    --detail-overlay: linear-gradient(180deg, rgba(5, 3, 15, .45) 0%, rgba(5, 3, 15, .97) 100%);

    --rank-color: transparent;
    --rank-stroke: var(--accent);
    --rank-stroke-w: 2px;
    --rank-shadow: 0 0 18px rgba(0, 229, 255, .8), 0 0 42px rgba(255, 43, 209, .45);
}

/* 标题上的一道侧光：杂志/电竞站常见的硬朗处理 */
html[data-theme="neon"] h1,
html[data-theme="neon"] h2 {
    text-shadow: 0 0 26px rgba(0, 229, 255, .28);
}

/* 卡片左侧霓虹竖条 */
html[data-theme="neon"] .game-card {
    border-left: 2px solid var(--accent);
}
html[data-theme="neon"] .game-card.is-limited-free {
    border-left-color: var(--hot);
}

/* 主按钮：实心霓虹 + 内高光 */
html[data-theme="neon"] .btn-primary {
    color: #05030f;
    box-shadow: 0 0 0 1px rgba(0, 229, 255, .8), 0 0 30px -8px rgba(0, 229, 255, .9);
}
html[data-theme="neon"] .auth-submit { color: #05030f; }