/* ============================================================
 * 问合盘 · 人×人 V2 合盘依据卡片（2026-07-18）
 * ============================================================ */
.match-couplev2 {
  margin: 20px auto 8px;
  max-width: 720px;
  padding: 0 6px;
}
.mcv2-block {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 14px;
  padding: 18px 20px;
  margin-bottom: 12px;
  box-shadow: 0 1px 3px rgba(20,16,10,0.04);
}
.mcv2-block-title {
  font-family: 'Noto Serif SC', serif;
  font-size: 14px;
  font-weight: 600;
  color: #6B5C2F;
  letter-spacing: 1px;
  margin-bottom: 12px;
  padding-left: 10px;
  border-left: 3px solid #C89B40;
  line-height: 1;
}

/* ---- 对方能量帮我度 ---- */
.mcv2-energy-bar-wrap {
  height: 10px;
  background: rgba(0,0,0,0.05);
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 8px;
}
.mcv2-energy-bar {
  height: 100%;
  border-radius: 999px;
  transition: width 0.6s ease;
}
.mcv2-energy-labels {
  display: flex;
  justify-content: space-between;
  font-size: 11.5px;
  color: #8A7B5C;
  margin-bottom: 8px;
  letter-spacing: 0.3px;
}
.mcv2-energy-labels b {
  color: #1A1A2E;
  font-weight: 600;
  margin-left: 2px;
}
.mcv2-energy-good { color: #7CB47F; }
.mcv2-energy-good b { color: #4E8552; }
.mcv2-energy-bad  { color: #D87474; }
.mcv2-energy-bad b  { color: #A54D4D; }
.mcv2-energy-mid  { color: #B0A9A0; }

.mcv2-energy-verdict {
  text-align: center;
  padding: 8px 14px;
  background: rgba(200, 155, 64, 0.06);
  border-radius: 8px;
  font-size: 13px;
  color: #6B5C2F;
  letter-spacing: 0.3px;
  font-weight: 500;
}

/* ---- 相合 / 相冲 双栏 ---- */
.mcv2-inter-lists {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.mcv2-inter-col-title {
  font-size: 12px;
  color: #8A7B5C;
  margin-bottom: 8px;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.mcv2-inter-good .mcv2-inter-col-title { color: #4E8552; }
.mcv2-inter-bad  .mcv2-inter-col-title { color: #A54D4D; }
.mcv2-inter-item {
  padding: 7px 10px;
  background: rgba(0,0,0,0.02);
  border-radius: 8px;
  font-size: 12.5px;
  color: #333;
  margin-bottom: 6px;
  line-height: 1.5;
}
.mcv2-inter-good .mcv2-inter-item {
  background: rgba(124, 180, 127, 0.09);
  color: #2F5533;
  border-left: 2px solid rgba(124, 180, 127, 0.4);
}
.mcv2-inter-bad .mcv2-inter-item {
  background: rgba(216, 116, 116, 0.08);
  color: #6B2F2F;
  border-left: 2px solid rgba(216, 116, 116, 0.4);
}
.mcv2-inter-empty {
  padding: 12px;
  text-align: center;
  color: #B0A9A0;
  font-size: 12px;
  font-style: italic;
}

/* ---- 附加信息（日主 / 夫妻宫）---- */
.mcv2-extras {
  padding: 12px 20px !important;
  background: rgba(200, 155, 64, 0.03) !important;
  border-color: rgba(200, 155, 64, 0.15) !important;
}
.mcv2-extra-line {
  font-size: 12.5px;
  color: #6B5C2F;
  padding: 4px 0;
  letter-spacing: 0.3px;
}
.mcv2-extra-line + .mcv2-extra-line {
  border-top: 1px dashed rgba(200, 155, 64, 0.15);
  margin-top: 4px;
  padding-top: 8px;
}

/* ---- dark mode ---- */
[data-theme="dark"] .mcv2-block {
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.06);
}
[data-theme="dark"] .mcv2-block-title { color: #E5C77A; }
[data-theme="dark"] .mcv2-energy-bar-wrap { background: rgba(255,255,255,0.08); }
[data-theme="dark"] .mcv2-energy-labels { color: #B5AFA0; }
[data-theme="dark"] .mcv2-energy-labels b { color: #EDE8DC; }
[data-theme="dark"] .mcv2-energy-verdict {
  background: rgba(229, 199, 122, 0.08);
  color: #E5C77A;
}
[data-theme="dark"] .mcv2-inter-item { background: rgba(255,255,255,0.03); color: #B5AFA0; }
[data-theme="dark"] .mcv2-inter-good .mcv2-inter-item { background: rgba(124, 180, 127, 0.12); color: #A5D0A9; }
[data-theme="dark"] .mcv2-inter-bad  .mcv2-inter-item { background: rgba(216, 116, 116, 0.12); color: #E5A5A5; }
[data-theme="dark"] .mcv2-extras {
  background: rgba(229, 199, 122, 0.05) !important;
  border-color: rgba(229, 199, 122, 0.15) !important;
}
[data-theme="dark"] .mcv2-extra-line { color: #B5AFA0; }

/* ---- 移动端 ---- */
@media (max-width: 640px) {
  .mcv2-block { padding: 14px 16px; border-radius: 12px; }
  .mcv2-inter-lists { grid-template-columns: 1fr; gap: 10px; }
  .mcv2-block-title { font-size: 13px; margin-bottom: 10px; }
  .mcv2-energy-labels { font-size: 11px; }
  .mcv2-inter-item { font-size: 12px; padding: 6px 9px; }
}