/* =========================================================
   三国志大戦 TCG — 对战页「水墨」主题覆盖层
   链接于 battle-redesign.css 之后。仅改配色与关键外壳，
   不触碰任何布局 / 拖拽 / 战斗反馈逻辑。
   设计语言：墨底 + 朱砂 + 金线（与 game-site.css 同源）。
   ========================================================= */

/* —— 1. 重定义 token：所有使用 var(--*) 的规则自动换肤 —— */
body.battle-redesign {
  --bg: #15110d;
  --bg-2: #211a13;
  --panel: rgba(44, 35, 26, 0.94);
  --panel-2: rgba(58, 46, 33, 0.90);
  --border: #3a3026;
  --border-2: #6b5836;
  --text: #efe6d2;
  --text-dim: #b6a888;
  --accent: #b23a2e;      /* 朱砂 */
  --accent-2: #c9a24b;    /* 金 */
  --cyan: #c9a24b;        /* 原高亮→金 */
  --cyan-2: #d8b766;      /* 金（亮） */
  --shadow: 0 8px 30px rgba(0, 0, 0, 0.55);

  background:
    radial-gradient(1200px 720px at 50% -18%, rgba(178, 58, 46, .12), transparent 62%),
    radial-gradient(900px 640px at 88% 116%, rgba(91, 140, 122, .08), transparent 60%),
    linear-gradient(180deg, #181309 0%, #120e09 100%);
}

/* —— 2. 顶栏 / 控件（原硬编码海军蓝） —— */
.battle-redesign .topbar button,
.battle-redesign .topbar select,
.battle-redesign .topbar input {
  background: rgba(58, 46, 33, .85);
  border-color: var(--border-2);
  color: var(--text);
}
.battle-redesign .topbar button:hover { border-color: var(--gold-2, #d8b766); background: rgba(78, 62, 42, .9); }
.battle-redesign .topbar button.primary:hover { background: linear-gradient(180deg, #d84e35, var(--accent)); }
.battle-redesign .turn-actions button { background: rgba(58, 46, 33, .85); border-color: var(--border); }
.battle-redesign .turn-actions button:hover { border-color: var(--gold-2, #d8b766); }
.battle-redesign .turn-actions button.primary:hover { background: linear-gradient(180deg, #d84e35, var(--accent)); }

/* —— 3. 战场区域 —— */
.battle-redesign .zone-field { background: rgba(48, 38, 26, .50); }
.battle-redesign .castle-half { border-color: var(--border-2); }
.battle-redesign .castle-up { background: rgba(70, 56, 38, .40); }
.battle-redesign .castle-down {
  background: rgba(40, 32, 22, .50);
  border-color: rgba(201, 162, 75, .40);
  border-left: 3px solid var(--gold-2, #d8b766);
}
.battle-redesign .midline {
  border-top: 1px dashed var(--border-2);
  border-bottom: 1px dashed var(--border-2);
  background: linear-gradient(180deg, transparent, rgba(201, 162, 75, .08), transparent);
  color: var(--gold-2, #d8b766);
}
.battle-redesign .stat-pill { background: rgba(20, 16, 11, .6); border-color: var(--border); }
.battle-redesign .zone-count { background: rgba(20, 16, 11, .7); border-color: var(--border); }

/* —— 4. 玩家头像 / 标签 —— */
.battle-redesign .player-avatar {
  background: linear-gradient(180deg, #3a2f20, #241c12);
  border-color: var(--border-2);
  color: var(--gold-2, #d8b766);
  box-shadow: 0 0 14px rgba(201, 162, 75, .15);
}

/* —— 5. 卡牌本体 / 徽标 —— */
.battle-redesign .gcard { background: #15110d; border-color: #2a2218; }
.battle-redesign .gcard .power-badge { background: rgba(33, 26, 19, .88); border-color: rgba(255, 255, 255, .30); }
.battle-redesign .gcard .siege-badge { background: rgba(33, 26, 19, .88); border-color: rgba(255, 107, 107, .55); }
.battle-redesign .zone-field .skill-chip { background: rgba(33, 26, 19, .90); border-color: rgba(216, 177, 90, .70); }
/* 卡背：朱砂 / 墨 主题（保留「三」字印） */
.battle-redesign .gcard .back-face {
  background:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .05) 0 2px, transparent 2px 8px),
    repeating-linear-gradient(-45deg, rgba(255, 255, 255, .05) 0 2px, transparent 2px 8px),
    radial-gradient(circle at center, #b23a2e 0%, #7d271a 45%, #3a130c 100%);
}
.battle-redesign .gcard .back-face::before { box-shadow: 0 0 6px rgba(216, 177, 90, .5), inset 0 0 4px rgba(255, 255, 255, .15); background: rgba(40, 16, 10, .35); }
/* 势力色カード裏（ink 主题也要保证优先级高于上の朱砂默认）。魏は默认朱红と同系。 */
.battle-redesign .gcard .back-face[data-fac="魏"] { background: repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0 2px, transparent 2px 8px), repeating-linear-gradient(-45deg, rgba(255,255,255,.05) 0 2px, transparent 2px 8px), radial-gradient(circle at center, #e0584f 0%, #a8281f 45%, #5c0f0a 100%); }
.battle-redesign .gcard .back-face[data-fac="蜀"] { background: repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0 2px, transparent 2px 8px), repeating-linear-gradient(-45deg, rgba(255,255,255,.05) 0 2px, transparent 2px 8px), radial-gradient(circle at center, #7fd17f 0%, #3f8f3f 45%, #16401a 100%); }
.battle-redesign .gcard .back-face[data-fac="吴"] { background: repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0 2px, transparent 2px 8px), repeating-linear-gradient(-45deg, rgba(255,255,255,.05) 0 2px, transparent 2px 8px), radial-gradient(circle at center, #4ea8de 0%, #2c6fa3 45%, #0e3358 100%); }
.battle-redesign .gcard .back-face[data-fac="群"] { background: repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0 2px, transparent 2px 8px), repeating-linear-gradient(-45deg, rgba(255,255,255,.05) 0 2px, transparent 2px 8px), radial-gradient(circle at center, #6b6f76 0%, #3a3d42 45%, #121316 100%); }
.battle-redesign .gcard .back-face[data-fac="汉"] { background: repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0 2px, transparent 2px 8px), repeating-linear-gradient(-45deg, rgba(255,255,255,.05) 0 2px, transparent 2px 8px), radial-gradient(circle at center, #b07fd8 0%, #7b3fb0 45%, #3a1456 100%); }

/* —— 6. 聊天 / 日志 —— */
.battle-redesign .chat-log { background: rgba(20, 16, 11, .50); border-color: var(--border); }
.battle-redesign .chat-msg { background: rgba(58, 46, 33, .60); }
.battle-redesign .log-list .log-item { border-bottom: 1px solid rgba(255, 255, 255, .04); }

/* —— 7. 悬停信息浮层 —— */
.battle-redesign .card-tip {
  background: linear-gradient(180deg, rgba(33, 26, 19, .98), rgba(20, 16, 11, .98));
  border-color: var(--gold-2, #d8b766);
}
.card-tip .tip-name { color: var(--gold-2, #d8b766); }
.card-tip .tip-reiki { border-left-color: var(--gold-2, #d8b766); background: rgba(201, 162, 75, .12); }

/* —— 8. 通用模态浮层（拦截 / 调度 / 弃牌 / 看牌 / 城壁 / 右键 / 連弩 / 战斗步骤 / 部署 / 揭示 / 相位） —— */
.intercept-box, .setup-box, .discard-box, .deckview-box, .wallplace-box,
.cardctx-menu, .renju-box, .battlestep-box, .deploy-panel, .combat-reveal, .phase-banner {
  background: linear-gradient(180deg, rgba(33, 26, 19, .98), rgba(20, 16, 11, .98));
  border-color: var(--border-2);
}
.intercept-title, .setup-title, .discard-title, .deckview-title, .wallplace-title,
.battlestep-title { color: var(--gold-2, #d8b766); }
.setup-start { background: var(--gold-2, #d8b766); color: #1a1208; border-color: var(--gold-2, #d8b766); }
.discard-confirm { background: var(--accent); color: #1a0e06; border-color: var(--accent); }
.wp-act { background: linear-gradient(180deg, rgba(78, 62, 42, .95), rgba(58, 46, 33, .95)); border-color: var(--gold-2, #d8b766); }
.wp-act:hover { border-color: var(--gold-2, #d8b766); background: rgba(78, 62, 42, 1); }
.cardctx-menu { border-color: var(--gold-2, #d8b766); }
.ctx-act:hover:not(:disabled) { background: rgba(78, 62, 42, .9); border-color: var(--gold-2, #d8b766); }

/* 右键菜单卡片预览头部：卡图 + 文本（含中文技能翻译） */
.ctx-cardhead { display: flex; gap: 8px; align-items: flex-start; padding: 6px 4px 8px; border-bottom: 1px solid var(--border-2); margin-bottom: 4px; }
.ctx-cardimg { width: 56px; height: 78px; object-fit: cover; border-radius: 5px; border: 1px solid var(--border-2); background: #1a1208; flex: 0 0 auto; }
.ctx-cardinfo { min-width: 0; flex: 1 1 auto; }
.ctx-cardname { font-weight: 700; font-size: 13px; color: var(--gold-2, #d8b766); margin-bottom: 3px; }
.ctx-cardtext { font-size: 11px; line-height: 1.45; color: #d8c9a8; max-height: 96px; overflow: auto; white-space: pre-wrap; }
.card-tip .tip-text-cn, .card-tip .tip-reiki-cn, .card-tip .tip-flavor-cn { margin-top: 5px; padding: 6px 8px; border-left: 3px solid var(--gold-2, #d8b766); background: rgba(216,183,102,.12); border-radius: 4px; white-space: pre-wrap; color: #f3e6c8; font-size: 12.5px; line-height: 1.6; }
.card-tip .tip-text-cn .cn-tag, .card-tip .tip-reiki-cn .cn-tag, .card-tip .tip-flavor-cn .cn-tag { display: inline-block; margin-right: 6px; padding: 0 5px; border-radius: 3px; background: var(--gold-2, #d8b766); color: #1a1208; font-size: 11px; font-weight: 700; vertical-align: middle; }

/* 模态内卡片选项底色 → 墨 */
.setup-card, .discard-opt, .intercept-opt, .renju-opt, .fuhin-opt, .dv-act, .deploy-std {
  background: rgba(58, 46, 33, .9); border-color: var(--border-2); color: var(--text);
}
.setup-card:hover, .discard-opt:hover, .intercept-opt:hover, .renju-opt:hover, .fuhin-opt:hover, .dv-act:hover:not(:disabled) {
  border-color: var(--gold-2, #d8b766);
}
.dv-row { background: rgba(44, 35, 26, .7); border-color: var(--border); }
/* #2 开局手调：手牌以卡图瓦片(flex-wrap)排列 */
#setupHand { display: flex; flex-wrap: wrap; gap: 8px; }
#setupHand .discard-opt.setup-card { min-width: 0; }
.dv-no { background: #1a140d; border-color: var(--border); }
.deploy-search { background: rgba(20, 16, 11, .9); border-color: var(--border-2); color: var(--text); }
.deploy-results { background: rgba(10, 8, 5, .4); }
.deckview-reveal { background: rgba(58, 46, 33, .5); border-color: var(--border); }

/* —— 9. 战斗分步演绎面板 —— */
.combat-steps { background: rgba(20, 16, 11, .82); border-color: var(--border-2); }
.cs-beat { border-left-color: var(--border-2); background: rgba(255, 255, 255, .03); }
.cs-beat.current { background: rgba(201, 162, 75, .13); box-shadow: 0 0 0 1px var(--gold-2, #d8b766) inset; }
.cs-title { color: var(--gold-2, #d8b766); }
.cs-attack   { border-left-color: #ffce6b; }
.cs-intercept{ border-left-color: #ff7a6b; }
.cs-prefix   { border-left-color: #b48cff; }
.cs-fixed    { border-left-color: #6ee7a8; }
.cs-combat   { border-left-color: #5bb8ff; }
.cs-damage   { border-left-color: #ff5a4e; }
.cs-result   { border-left-color: #6ee7a8; }
.cs-renju    { border-left-color: #c77dff; }