﻿/* 红魔赛马 · 赛车运动皮肤（I · 红主色版）
   【边界】只改视觉：颜色、字体、边框、装饰。不改尺寸骨架、不改面板结构、不动链上逻辑。
   色板：黑底 + 赛车红 + 白；硬边直角、斜切条纹、等宽数字。 */
:root{
  --red:#ff3b3b;--red2:#c2181b;--crimson:#7a0b0b;
  --gold:#ff3b3b;--gold2:#c2181b;--green:#59d98a;
  --text:#f2f2f2;--muted:#9a9a9a;--line:rgba(255,59,59,.18);
  --bg:#0a0a0a;--bg2:#151515;
}
body{
  background:
    radial-gradient(1100px 500px at 50% -20%,rgba(255,59,59,.18),transparent 62%),
    linear-gradient(180deg,#141010 0%,#0a0a0a 46%,#080808 100%);
  color:var(--text);
  font-family:"Bahnschrift","Arial Black","Microsoft YaHei","PingFang SC",system-ui,sans-serif;
}
/* 斜切速度条纹 */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.10;
  background:repeating-linear-gradient(115deg,var(--gold) 0 2px,transparent 2px 26px)}

/* 顶栏 */
.top{background:#0b0b0b;border-bottom:3px solid var(--gold);position:sticky}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;
  background:repeating-linear-gradient(115deg,var(--gold) 0 10px,#0a0a0a 10px 20px);
  opacity:.35;pointer-events:none}
.logo{font-family:"Bahnschrift","Arial Black","Microsoft YaHei",sans-serif;font-weight:900;
  letter-spacing:2px;color:var(--gold);text-shadow:none}
.logo .red{color:#fff}
.role{border-radius:0;border:1px solid var(--line);color:#cfcfcf;background:#151515;
  letter-spacing:2px;font-weight:700}
.role.member{color:#a9d3b5;border-color:rgba(89,217,138,.35);background:rgba(89,217,138,.06)}

/* 导航 */
.nav{background:rgba(10,10,10,.86);border-bottom:1px solid var(--line)}
.nav button{background:transparent;color:var(--muted);border:1px solid #262626;border-radius:0;
  letter-spacing:2px;font-weight:700;transition:.15s}
.nav button:hover{color:#fff;border-color:var(--gold);background:rgba(255,59,59,.05)}
.nav button.on{color:#fff;border-color:var(--gold);
  background:linear-gradient(180deg,rgba(255,59,59,.20),rgba(255,59,59,.02));
  box-shadow:inset 0 -3px 0 var(--gold)}
.nav-more{background:#0e0e0e;border:1px solid #2a2a2a;border-radius:0;
  box-shadow:0 16px 38px rgba(0,0,0,.8)}
.bal{color:var(--muted);border-bottom:1px solid #1e1e1e;letter-spacing:1px;
  font-family:Consolas,"Courier New",monospace}
.bal b{color:var(--gold)}

/* 标题 / 空态 / 加载 */
.section-title{font-family:"Bahnschrift","Microsoft YaHei",sans-serif;font-weight:900;
  letter-spacing:2px;color:#fff;border-left:3px solid var(--gold)}
.msg{color:var(--muted)}
.empty{color:#7d7d7d}
.loading-box .spin{border:3px solid #262626;border-top-color:var(--gold)}
.loading-t{font-family:"Bahnschrift","Microsoft YaHei",sans-serif;font-weight:900;
  letter-spacing:2px;color:var(--gold)}
.loading-s,.loading-tip{color:var(--muted)}

/* 按钮与表单 */
.btn{border-radius:0;background:#161616;border:1px solid #303030;color:#f2f2f2;
  letter-spacing:1px;font-weight:700;transition:.15s}
.btn:hover{background:#1f1f1f;border-color:var(--gold);color:var(--gold)}
.btn.gold{background:#e11d1d;color:#fff;border-color:#e11d1d;
  box-shadow:none;font-weight:900}
.btn.gold:hover{background:#ff4d4d;border-color:#ff4d4d;color:#fff;filter:none}
.btn:disabled{opacity:.4}
input,select{background:#101010;color:var(--text);border:1px solid #2c2c2c;border-radius:0}
input:focus,select:focus{border-color:var(--gold);outline:none}
form.inline{background:#101010;border:1px solid #242424;border-radius:0}
.row{color:var(--muted)}

/* 统计与卡片 */
.stat,.stat-row .s{background:#121212;border:1px solid #262626;border-left:2px solid rgba(255,59,59,.55);
  border-radius:0}
.stat .v,.stat-row .s b{font-family:Consolas,"Courier New",monospace;font-weight:900;color:var(--gold)}
.stat .l,.stat-row .s span{color:var(--muted)}
.card,.dash-card,.hcard{background:#121212;border:1px solid #262626;border-radius:0}
.hcard:hover{border-color:rgba(255,59,59,.45);box-shadow:0 10px 26px rgba(0,0,0,.55)}
/* 赛事卡：一排多张（自适应列数，窄屏回落单列） */
.race-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;align-items:start;margin-top:14px}
.venue{min-width:0}
.venue-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;margin-bottom:8px;
  background:rgba(255,59,59,.06);border-left:3px solid var(--gold);
  font-family:"Bahnschrift","Microsoft YaHei",sans-serif;font-weight:900;letter-spacing:1px}
.venue .card{margin-bottom:0}
@media (max-width:640px){.race-grid{grid-template-columns:1fr}}
/* 赛场卡主图：每张场地卡顶部统一海报 */
.card-cover{position:relative;height:150px;margin:-10px -10px 8px;overflow:hidden;border-bottom:1px solid #262626;background:#0a0a0a}
.card-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
@media (max-width:640px){.card-cover{height:120px}}
/* 赛事页左上角：最快速度榜（紧凑列表块，不占整排） */
.race-top{display:flex;gap:14px;align-items:flex-start;margin-top:10px}
.race-side{flex:1;min-width:0}
.board-card{flex:0 0 340px;background:#101010;border:1px solid #262626;border-left:3px solid var(--gold)}
.bc-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:7px 10px;
  background:rgba(255,59,59,.06);border-bottom:1px solid #262626}
.bc-head b{font-size:13.5px;letter-spacing:1px;color:#fff;font-family:"Bahnschrift","Microsoft YaHei",sans-serif}
.bc-head span{font-size:11px;color:var(--muted)}
.bc-row{display:grid;grid-template-columns:22px 52px 58px 1fr;align-items:center;gap:6px;
  padding:6px 10px;border-bottom:1px dashed #232323;font-size:12.5px;color:#cfcfcf}
.bc-row:last-child{border-bottom:none}
.bc-rank{font-family:Consolas,"Courier New",monospace;font-weight:900;font-size:14px;text-align:center;color:#ddd}
.bc-rank.r1{color:#f6d365}
.bc-rank.r2{color:#e6eef7}
.bc-rank.r3{color:#e8b784}
.bc-id{font-weight:900;color:#e8e8e8;letter-spacing:1px}
.bc-sp{font-family:Consolas,"Courier New",monospace;font-weight:900;color:var(--gold);text-align:right}
.bc-meta{font-size:11.5px;color:#9a9a9a;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){.race-top{flex-direction:column}.board-card{flex:1 1 auto;width:100%}}
.card b{color:var(--gold)}
.hc-id,.hc-name{font-family:"Bahnschrift","Microsoft YaHei",sans-serif;font-weight:900;letter-spacing:1px}
.hc-sex{border-radius:0;background:#0a0a0a;border:1px solid #2a2a2a}
.b,.chip,.lvl-tag{border-radius:0}
.b-lock,.chip.wait{background:rgba(255,59,59,.12);color:#ffb3b3;border:1px solid rgba(255,59,59,.42)}
.b-preg,.chip.live{background:rgba(255,59,59,.14);color:#ff9d9d;border:1px solid rgba(255,59,59,.45)}
.b-cool{background:rgba(90,170,255,.10);color:#9fc4e8;border:1px solid rgba(90,170,255,.28)}
.b-ok,.chip.ok{background:rgba(89,217,138,.10);color:#a9d9b8;border:1px solid rgba(89,217,138,.30)}
.b-dead,.chip.off{background:rgba(120,120,120,.12);color:#b0b0b0;border:1px solid rgba(180,180,180,.22)}
.chip{background:rgba(255,255,255,.05);color:var(--muted);border-color:#2a2a2a}
.lvl-tag{color:var(--gold);border:1px solid rgba(255,59,59,.4)}
.pbar{background:#1e1e1e;border-radius:0}
.pbar i{background:repeating-linear-gradient(115deg,#ff3b3b 0 6px,#c2181b 6px 12px)}
.pbar.pblood i{background:repeating-linear-gradient(115deg,#ff8a5c 0 6px,#c2181b 6px 12px)}
.hc-stats .row>b{color:var(--text)}
.kv{border-bottom:1px dashed #242424;color:var(--muted)}
.kv b{color:var(--text)}
.next{color:#ffb3b3;background:rgba(255,59,59,.07);border-left:3px solid var(--gold);border-radius:0}
.rules{border:1px solid #242424;background:#0f0f0f;border-radius:0}
.rules>summary{color:var(--gold);font-weight:900;letter-spacing:1px}
.rules>summary:before{color:var(--gold2)}
.rc-head .t{font-family:"Bahnschrift","Microsoft YaHei",sans-serif;font-weight:900;letter-spacing:2px;color:#fff}
.hero{background:linear-gradient(160deg,rgba(255,59,59,.07),rgba(10,10,10,.92)),
  repeating-linear-gradient(115deg,rgba(255,59,59,.05) 0 2px,transparent 2px 26px);
  border:1px solid #2a2a2a;border-left:3px solid var(--gold);border-radius:0}

/* 表格 */
th,td{border-bottom:1px solid #1f1f1f}
th{color:var(--muted);letter-spacing:2px;font-weight:700;font-family:Consolas,monospace}
tbody tr:hover td{background:rgba(255,59,59,.06)}

/* toast / 弹窗 */
.toast{background:#e11d1d;color:#fff;border:1px solid #ff6b6b;border-radius:0;
  font-weight:900;letter-spacing:1px}
.toast.err{background:#5c0a0a;color:#ffb3b3;border-color:#ff3b3b}
.modal{background:#121212;border:1px solid #2a2a2a;border-top:3px solid var(--gold);border-radius:0}
.modal-t{font-family:"Bahnschrift","Microsoft YaHei",sans-serif;font-weight:900;letter-spacing:2px;
  color:var(--gold)}

/* 指挥中心海报 */
.dash-poster{border:1px solid #2a2a2a;border-left:3px solid var(--gold);border-radius:0;
  box-shadow:0 16px 44px rgba(0,0,0,.6)}
.dash-glow{background:radial-gradient(ellipse 74% 46% at 50% 106%,rgba(255,59,59,.24),transparent 72%)}
.dash-live{background:rgba(10,10,10,.85);border:1px solid rgba(255,59,59,.4);color:var(--gold);
  border-radius:0;letter-spacing:1px;font-family:Consolas,monospace}
.dash-dot{background:var(--gold);box-shadow:0 0 10px rgba(255,59,59,.8)}
.dash-pool{background:rgba(10,10,10,.9);border:1px solid #2a2a2a;border-radius:0}
.dash-pool .v{font-family:Consolas,"Courier New",monospace;font-weight:900;color:var(--gold)}
.dash-title{font-family:"Bahnschrift","Arial Black","Microsoft YaHei",sans-serif;font-weight:900;
  letter-spacing:10px;text-indent:10px;color:#fff;
  text-shadow:0 3px 16px rgba(0,0,0,.95),0 0 30px rgba(255,59,59,.4)}
.dash-pbtn{border-radius:0;letter-spacing:3px;font-weight:900;color:#fff;
  background:#e11d1d;
  box-shadow:0 10px 24px rgba(0,0,0,.55);border:none}
.dash-pbtn:hover{filter:brightness(1.1)}
.dash-pbtn.ghost{background:rgba(10,10,10,.92);border:1px solid rgba(255,59,59,.5);color:var(--gold);
  box-shadow:none;filter:none}
.dash-qbtn{background:#141414;border:1px solid #2a2a2a;color:#dcdcdc;border-radius:0;
  font-weight:700;letter-spacing:1px}
.dash-qbtn:hover{background:rgba(255,59,59,.10);border-color:var(--gold);color:var(--gold)}
.dash-chead{font-family:"Bahnschrift","Microsoft YaHei",sans-serif;font-weight:900;letter-spacing:2px;
  color:var(--gold)}
.dash-avatar{border-radius:0;background:repeating-linear-gradient(115deg,#ff3b3b 0 8px,#0a0a0a 8px 24px)}
.dash-bar{background:#1e1e1e;border-radius:0}
.dash-bar i{background:var(--gold)}
.dash-row .nv{color:var(--gold);font-weight:700;font-family:Consolas,monospace}
.dash-kv{border-bottom:1px dashed #242424}
.dash-kv b{color:var(--text)}

/* 首次引导（index.html 内联样式的增强） */
#bootBox .bt{font-family:"Bahnschrift","Microsoft YaHei",sans-serif;font-weight:900;
  letter-spacing:2px;color:var(--gold)}
#bootBox .bs{border:3px solid #262626;border-top-color:var(--gold)}
#bootBox .bh{color:var(--muted)}
body{background-color:#0a0a0a}

/* 键盘可达性：红色焦点环 */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{
  outline:2px solid var(--gold);outline-offset:2px}
.btn:disabled{opacity:.4;cursor:not-allowed}

/* 马卡徽标：深色实底保对比 */
.b{background-color:#0a0a0a}
.b-lock{background-color:rgba(46,12,12,.92);color:#ffb3b3}
.b-ok{background-color:rgba(12,34,22,.92);color:#a9d9b8}
.b-preg{background-color:rgba(46,12,12,.92);color:#ff9d9d}
.b-cool{background-color:rgba(12,22,38,.92);color:#9fc4e8}
.b-dead{background-color:rgba(26,26,26,.92);color:#b5b5b5}
.empty{color:#7d7d7d}

/* 全场赛事记录（已移除，不再显示） */
