/* ============================================================
   world-combat.css — 大世界右侧内嵌战斗区
   （用户 2026-10-01：复用主游戏的怪物卡片展示 —— .foe 系列来自 styles.css）
   ============================================================ */
.wc2-host { display: block; }

.wc2-card {
  background: linear-gradient(180deg, #FBF3E6, #F4EBD9);
  border: 1.5px solid var(--accent);
  box-shadow: 0 2px 10px rgba(168,50,50,.14);
}
.wc2-card .wh-card-title { color: var(--accent); border-bottom-color: rgba(168,50,50,.3); }

/* 玩家状态条 */
.wc2-me {
  display: flex; align-items: baseline; gap: 10px;
  font-size: 12.5px; color: var(--ink-soft);
  padding: 6px 0 8px; margin-bottom: 8px;
  border-bottom: 1px dashed rgba(201,185,155,.8);
}
.wc2-me span:first-child { font-weight: 700; color: var(--accent); font-size: 13.5px; }
.wc2-weapon { margin-left: auto; font-size: 11.5px; color: var(--ink-faint); }

/* 怪物卡片沿用主游戏 .foe（styles.css 已定义），这里只做窄栏内的微调 */
.wc2-host .foe-list { display: flex; flex-direction: column; gap: 6px; }
.wc2-host .foe { width: 100%; }

/* 分区标题 */
.wc2-section {
  font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;
  font-size: 10px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--ink-faint); font-weight: 600;
  padding-bottom: 4px; margin: 10px 0 6px;
  border-bottom: 1px solid var(--rule);
}

/* 咒语按钮 */
.wc2-spells { display: flex; flex-direction: column; gap: 4px; }
.wc2-spell {
  display: flex; align-items: baseline; gap: 8px;
  padding: 6px 9px; font: inherit; font-size: 12.5px;
  background: var(--paper); color: var(--ink);
  border: 1px solid var(--rule); border-radius: var(--r);
  cursor: pointer; text-align: left;
  transition: border-color .15s, background .15s;
}
.wc2-spell:hover:not(:disabled) { border-color: var(--accent); background: rgba(168,50,50,.06); }
.wc2-spell:disabled { opacity: .45; cursor: not-allowed; }
.ws-name { font-weight: 600; }
.ws-count { margin-left: auto; font-size: 11.5px; color: var(--accent); font-weight: 700; }
.ws-count i { font-style: normal; font-size: 10px; color: var(--ink-faint); font-weight: 400; }
.ws-count.empty { color: var(--accent); opacity: .55; }

/* 物品按钮 */
.wc2-items { display: flex; flex-wrap: wrap; gap: 4px; }
.wc2-item {
  padding: 5px 10px; font: inherit; font-size: 12px;
  background: var(--paper); color: var(--ink);
  border: 1px solid var(--rule); border-radius: var(--r);
  cursor: pointer; transition: border-color .15s, background .15s;
}
.wc2-item:hover { border-color: var(--accent); background: rgba(168,50,50,.06); }

/* 战斗日志 */
.wc2-log { list-style: none; max-height: 150px; overflow-y: auto; margin-top: 6px; }
.wc2-log li {
  font-size: 12px; line-height: 1.5; padding: 3px 0 3px 7px;
  color: var(--ink-soft); border-left: 2px solid rgba(168,50,50,.5);
}
.wc2-log li + li { border-top: 1px dotted rgba(201,185,155,.7); }