/* ==========================================================================
   备婚新人版 —— 专属样式覆盖
   在 style.css 基础上做「暖一点、轻一点」的调整
   ========================================================================== */

/* 顶部横幅换成更柔和的暖红 */
body.love header{
  background:linear-gradient(135deg,#b4161b 0%,#d13b3f 55%,#e2685f 100%);
}
body.love h1 .seal{background:rgba(255,255,255,.2)}

/* 页头副标题更柔和 */
body.love .sub{opacity:.92}

/* 品牌区换行更自然 */
body.love .brand b{font-size:13.5px}

/* ================= 版本号 ================= */
.verline{
  margin-top:12px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  font-size:11.5px;color:#a0a5b0;justify-content:center;
}
.verbadge{
  display:inline-block;padding:2px 9px;border-radius:20px;
  background:rgba(255,255,255,.13);color:#e8eaee;
  font-weight:700;letter-spacing:.3px;font-size:11px;
}
.verdate{opacity:.85}
.verline-sep{opacity:.5}

/* 备婚页脚注 —— 居中显示，与页脚整体对齐 */
.footnote{
  margin:10px auto 0;font-size:11.5px;color:#a0a5b0;line-height:1.85;
  max-width:640px;text-align:center;
}

/* ================= 排行序号 ================= */
.rankno{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:50%;margin-right:9px;
  background:var(--t3-soft);color:var(--ink2);
  font-size:12px;font-weight:700;flex:none;
}
.dcard.top3 .rankno{background:var(--t1);color:#fff}
.dcard.top3{border-left:4px solid var(--t1);background:linear-gradient(180deg,#fffafa,#fff 60%)}

/* 周末角标 */
.badge.wk{background:#eef4ff;color:#2b5fd9}

/* ================= 查询摘要 ================= */
.qsum{
  margin-top:14px;padding:14px 17px;background:#fafbfc;border-radius:10px;
  border-left:3px solid var(--t1);font-size:13.5px;line-height:1.9;color:var(--ink2);
}
.qsum b{color:var(--ink)}

/* 查询输入框（与主站保持一致） */
.qin{
  height:42px;padding:0 12px;border:1px solid var(--line);border-radius:9px;
  background:#fff;color:var(--ink);font-size:14px;font-family:inherit;outline:none;
  transition:border-color .15s;
}
.qin:focus{border-color:var(--t1)}
.qsep{color:var(--ink3);font-size:13px;margin:0 2px}
/* 快捷月份区间按钮 */
.qkrow{display:inline-flex;gap:5px;margin-left:6px}
.qk{
  height:32px;padding:0 11px;border:1px solid var(--line);border-radius:8px;
  background:#fff;color:var(--ink2);font-size:12.5px;font-family:inherit;
  cursor:pointer;transition:all .15s;white-space:nowrap;
}
.qk:hover,.qk:active{border-color:var(--t1);color:var(--t1);background:#fff5f5}

/* ================= 判定理由 ================= */
.reasons{margin-top:10px}
.reasons .rt{
  font-size:12px;font-weight:700;color:var(--ink2);margin-bottom:6px;
}
.reasons ul{margin:0;padding-left:0;list-style:none}
.reasons li{
  font-size:12.5px;color:var(--ink2);line-height:1.85;padding-left:15px;position:relative;
}
.reasons li:before{
  content:"";position:absolute;left:4px;top:9px;
  width:5px;height:5px;border-radius:50%;background:var(--t1);opacity:.65;
}

/* ================= 移动端 ================= */
@media(max-width:640px){
  .verline{gap:6px;font-size:11px}
  .rankno{width:22px;height:22px;font-size:11.5px;margin-right:7px}
  .qsum{font-size:13px;padding:12px 14px}
  .footnote{text-align:center}
  /* 查询区在窄屏改为纵向堆叠 */
  .ybar{display:block}
  .ybar > *{margin-bottom:9px;width:100% !important;max-width:none}
  #qinputs{display:block}
  #qinputs .qin{width:100% !important;margin-bottom:8px}
  .qsep{display:block;text-align:center;margin:2px 0 8px}
  .ybar .btn{width:100%}
}

/* ================= 四档配色（新人版） =================
   红=首选吉日 / 橙=挺不错 / 黄=平常日 / 灰=建议避开 */
.badge.t4{background:var(--t4-soft);color:var(--ink2)}
.badge.sp{background:#fde7ef;color:#c2185b}
body.love .kpi.t4{border-left-color:var(--t4)}
body.love .kpi.t4 .val{color:var(--t4)}
body.love .cell.t4{background:var(--t4-soft);color:var(--ink3)}
body.love .pill.t4{background:var(--t4-soft);color:var(--ink2)}

/* 移动端：快捷按钮整行铺开 */
@media(max-width:640px){
  .qkrow{display:flex;width:100%;margin-left:0;gap:6px}
  .qk{flex:1;height:38px;padding:0;text-align:center}
}

/* ================= 每月好日子分布（横向条形） =================
   改用横向条形替代竖柱：手机上不用横向滑动，月份与数字天然对齐，
   柱子长度直观可比，也不会出现柱高塌陷。 */
.hbar.hbar-row{display:block;height:auto;padding:0}
.mrow{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #f2f4f7}
.mrow:last-of-type{border-bottom:0}
.mrow .mlab{flex:none;width:38px;font-size:12.5px;font-weight:650;color:var(--ink2)}
.mrow.hot .mlab{color:var(--t1)}
.mrow .mtrack{flex:1;display:flex;height:16px;border-radius:5px;overflow:hidden;background:#f4f6f9;min-width:0}
.mrow .mseg{height:100%;display:block}
.mrow .mseg.t1{background:var(--t1)}
.mrow .mseg.t2{background:var(--t2)}
.mrow .mnum{flex:none;width:58px;text-align:right;font-size:12.5px;color:var(--ink3);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.mrow .mnum b{font-size:14px;color:var(--t1);font-weight:750}
.mrow .mnum span{font-size:11.5px;color:var(--t2);margin-left:3px}
.mlegend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin-top:12px;padding-top:10px;border-top:1px solid #f2f4f7;font-size:11.5px;color:var(--ink3)}
.mlegend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:4px}
.mlegend i.t1{background:var(--t1)}
.mlegend i.t2{background:var(--t2)}
.mlegend .mtip{margin-left:auto;color:var(--ink3)}

/* ================= 逐月吉日明细（手机端卡片） ================= */
.mcards{display:none}
.mcard{padding:13px 0;border-bottom:1px solid #f2f4f7}
.mcard:first-child{padding-top:2px}
.mcard:last-child{border-bottom:0;padding-bottom:0}
.mcard .mchd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}
.mcard .mchd b{font-size:14.5px;font-weight:750;color:var(--ink)}
.mcard.hot .mchd b{color:var(--t1)}
.mcard .mcpct{font-size:11.5px;font-weight:650}
.mcard .mcrow{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
.mcard .mcitem{display:flex;flex-direction:column;align-items:center;gap:1px;
  padding:7px 2px;border-radius:8px;background:#fafbfc;font-size:10.5px;color:var(--ink3)}
.mcard .mcitem b{font-size:14px;font-weight:750;font-variant-numeric:tabular-nums}
.mcard .mcitem.t1 b{color:var(--t1)}
.mcard .mcitem.t2 b{color:var(--t2)}
.mcard .mcitem.t3 b{color:var(--ink2)}
.mcard .mcitem.evil b{color:var(--evil)}
.mcard .mcsig{font-size:12.5px;font-weight:600;line-height:1.6}

/* 手机端：卡片显示、表格隐藏 */
@media(max-width:640px){
  .mcards{display:block}
  .only-pc{display:none !important}
  .mrow .mnum{width:52px}
}