/* 详情页价格区（2026-11-09 上线，同日 v2 改版 → v3 弹层瘦身）
   配色沿用站点变量；价格口径见 price.js / prices.json / fx.json
   v2 = T1 房价标题 + N2 Georgia 数字 + D1 说明并入标题 + 两枚轻按钮
   v3 = 弹层日期条三行→一行、删与日期条重复的引导条、编辑态只留日历、
        查看费用明细不再带日历、底部固定栏常驻「关闭 / 修改日期」、点遮罩也可关闭
   注意：新增 class 一律带 p 前缀，避开 index.html 里的全局 .lb 等样式 */
#priceSec{
  background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:13px 15px 14px;margin-bottom:22px;
}
/* T1：标题显眼一点，但仍低于价格一级 */
#priceSec > h2{
  display:flex;align-items:center;gap:8px;margin:0 0 8px;min-height:19px;
  font-size:13.5px;letter-spacing:.02em;color:var(--forest);font-weight:600;text-transform:none;
}
#priceSec > h2 b{font-weight:600;white-space:nowrap}
#priceSec > h2 b::before{
  content:"";display:inline-block;width:3px;height:12px;background:var(--gold);
  border-radius:2px;margin-right:7px;vertical-align:-1px;
}
#priceSec > h2 .pmeta{
  font-size:10.5px;color:var(--ink3);font-weight:400;letter-spacing:0;line-height:1.45;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#priceSec > h2 .rule{flex:1;height:1px;background:var(--line);min-width:6px}

/* N2：Georgia 细衬线 18px，金色小 ¥；非数字文案不套大字 */
#priceSec .pRow2{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;row-gap:1px;
  padding:5px 0 8px;border-bottom:1px dashed var(--line);
}
#priceSec .pRow2 .pLb{font-size:11.5px;color:var(--ink2);white-space:nowrap;flex:none}
#priceSec .pRow2 .pLb::before{
  content:"";display:inline-block;width:2px;height:10px;background:var(--gold);
  margin-right:6px;vertical-align:-1px;border-radius:2px;opacity:.75;
}
/* 价格 + 「修改」作为一个整体：日期太长放不下时整组换到第二行右对齐，
   不会像以前那样把「修改」挤出卡片外 */
#priceSec .pRow2 .pRt{
  margin-left:auto;display:inline-flex;align-items:center;gap:8px;flex:none;
}
#priceSec .pRow2 .pv{
  white-space:nowrap;line-height:1.25;
  font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:500;
  color:var(--forest);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.005em;
}
#priceSec .pRow2 .pv i{font-style:normal;font-size:.72em;color:var(--gold);margin-right:2px;font-weight:500}
#priceSec .pRow2 .pv small{
  font-family:var(--sans);font-size:10.5px;color:var(--ink3);font-weight:400;
  margin-left:4px;letter-spacing:0;
}
#priceSec .pRow2 .pv.txt{
  font-family:var(--sans);font-size:12px;font-weight:400;color:var(--ink2);
  font-variant-numeric:normal;letter-spacing:0;
}
#priceSec .pRow2 .ed{
  border:0;background:transparent;color:var(--gold);font-size:11px;font-family:inherit;
  cursor:pointer;padding:0;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;flex:none;
}
#priceSec .pCross{font-size:10.5px;color:var(--ink3);margin:7px 0 0;line-height:1.6}

/* 两枚 11.5px 轻按钮：左季节表、右费用明细；删掉与底部重复的微信咨询 */
#priceSec .pActs{display:flex;gap:8px;margin-top:9px}
#priceSec .pActs button{
  flex:1;min-height:32px;border-radius:9px;font-family:inherit;font-size:11.5px;
  cursor:pointer;letter-spacing:.01em;line-height:1.3;padding:5px 6px;
}
#priceSec .pActs .s1{background:#fff;border:1px solid var(--line);color:var(--ink2)}
#priceSec .pActs .s2{background:var(--gold-soft);border:1px solid #e6d4ac;color:#8a6a39}
#priceSec .pActs button.on{background:var(--forest-soft);border-color:#c9ddd3;color:var(--forest);font-weight:600}

/* 淡旺季表（点开才出） */
#priceSec .pTbl{margin-top:11px;border-top:1px dashed var(--line);padding-top:11px}
#priceSec .pTbl h4{font-size:12px;font-weight:600;margin:0 0 9px;color:var(--ink)}
#priceSec .pTbl h4 span{font-weight:400;color:var(--ink3);font-size:10.5px;margin-left:6px}
#priceSec .pTbl table{width:100%;border-collapse:collapse;table-layout:fixed}
#priceSec .pTbl th{
  font-size:10.5px;color:var(--ink3);font-weight:500;text-align:right;
  padding:5px 3px;border-bottom:1px solid var(--line);white-space:nowrap;
}
#priceSec .pTbl th:first-child{text-align:left;width:38%}
#priceSec .pTbl td{padding:7px 3px;border-bottom:1px solid #f0f3f1;font-size:11px;vertical-align:top}
#priceSec .pTbl td.n{text-align:right;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
#priceSec .pTbl td.sp b{font-size:11.5px;font-weight:600;color:var(--ink)}
#priceSec .pTbl td.sp .pd{font-size:10px;color:var(--ink3);line-height:1.6;margin-top:2px}
#priceSec .pTbl .pmore{color:var(--gold);margin-left:4px;white-space:nowrap}
#priceSec .pTblBar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:9px}
#priceSec .pTblBar button{
  border:1px solid var(--line);background:#fff;color:var(--ink2);border-radius:8px;
  padding:5px 10px;font-size:10.5px;font-family:inherit;cursor:pointer;
}
#priceSec .pTblBar button.plain{border:0;color:var(--ink3)}
#priceSec .pTblBar p{flex:1 1 190px;font-size:10px;color:var(--ink3);margin:0;line-height:1.6}

/* 日历收进房价卡片 */
#priceSec #availBox{margin-top:12px;border-top:1px dashed var(--line);padding-top:12px}
#priceSec #availBox .cal{background:#fbfcfa}
#priceSec #availBox .avnote{margin-top:9px;font-size:11px}
#priceSec .pNoRate{font-size:12.5px;color:var(--ink2);line-height:1.8;padding:4px 0 2px}
.pFootNote{font-size:10.5px;color:var(--ink3);line-height:1.7;margin:18px 0 0;text-align:center}

/* ---------- 查价 / 修改日期弹层 ---------- */
#pov{
  position:fixed;inset:0;z-index:120;display:none;
  background:rgba(16,28,24,.46);align-items:flex-end;justify-content:center;
}
#pov.on{display:flex}
#pov .pSheet{
  width:100%;max-width:540px;max-height:88vh;background:var(--bg);
  border-radius:16px 16px 0 0;display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 -14px 44px rgba(16,28,24,.2);
}
#pov .pHead{
  display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;
  padding:11px 14px;border-bottom:1px solid var(--line);background:#fff;
}
#pov .pHead b{font-size:14px;font-weight:600}
/* 顶部 ✕ 加大点击区，手机上也够得到 */
#pov .pHead button{
  border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--ink2);
  font-size:11.5px;font-family:inherit;padding:5px 12px;min-height:30px;cursor:pointer;
}
/* v3：吸顶日期条压成一行（原先三行 76px → 39px）。
   甲方案不带周几；edit 选完在右侧显示参考合计，view 的「修改日期」交给底部固定栏。 */
#pov .pDates1{
  flex:0 0 auto;display:flex;align-items:center;gap:6px;min-height:38px;
  background:#fff;border-bottom:1px solid var(--line);padding:8px 14px;
}
#pov .pDates1 .u{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}
#pov .pDates1 .u em{font-style:normal;font-size:10px;color:var(--ink3)}
#pov .pDates1 .u b{font-size:13.5px;font-weight:600;color:var(--forest);letter-spacing:.01em}
#pov .pDates1 .u.wait b{font-size:11.5px;color:var(--gold);font-weight:500}
#pov .pDates1 .ar{font-size:12px;color:var(--gold);flex:none}
#pov .pDates1 .nn{
  margin-left:auto;font-size:10.5px;color:var(--ink3);white-space:nowrap;flex:none;
}
#pov .pDates1 .pr{
  font-size:11px;color:var(--forest);font-weight:600;white-space:nowrap;flex:none;
}
#pov .pScroll{overflow-y:auto;padding:11px 14px 14px;-webkit-overflow-scrolling:touch}
#pov .pFootBar{
  flex:0 0 auto;display:flex;gap:8px;padding:9px 14px calc(10px + env(safe-area-inset-bottom));
  background:#fff;border-top:1px solid var(--line);
}
#pov .pFootBar button{
  flex:1;min-height:36px;border-radius:10px;font-family:inherit;font-size:12.5px;cursor:pointer;
}
#pov .pFootBar .cancel,
#pov .pFootBar .close{background:#fff;border:1px solid var(--line);color:var(--ink2)}
#pov .pFootBar .apply{background:var(--forest);border:1px solid var(--forest);color:#fff}
#pov .pFootBar .apply:disabled{opacity:.4;cursor:default}
/* 查看费用明细：底部常驻「关闭」，不必去够顶部 ✕ */
#pov .pFootBar .toedit{
  background:var(--forest-soft);border:1px solid #c9ddd3;color:var(--forest);
}

/* v3 已删掉与日期条逐字重复的 .pState 引导条，只保留异常提示 */
#pov .pWarn{font-size:10.5px;color:#a4553f;background:#fbf1ed;border-radius:8px;padding:7px 10px;margin:0 0 10px}
#pov .pNights{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:9px}
#pov .pNights h5{font-size:11px;font-weight:600;margin:0 0 7px;color:var(--ink2)}
#pov .pNights div{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink2);padding:3px 0}
#pov .pNights div b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
#pov .pFee{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
#pov .pFee > div{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--ink2);padding:4px 0}
#pov .pFee > div span:last-child{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#pov .pFee .tot{border-top:1px dashed var(--line);margin-top:6px;padding-top:9px;font-size:13px;font-weight:600;color:var(--ink)}
#pov .pFee .tot span:last-child{font-weight:600}
#pov .pFee .pd{
  font-size:10.5px;color:var(--ink3);line-height:1.7;margin:9px 0 0;
  padding-top:8px;border-top:1px dashed var(--line);
}

/* 弹层日历：入住深绿 / 退房金棕 / 中间浅绿 / 可选近白
   v3 收紧：格子 35→30px、说明压成一句，编辑态日历是滚动区第一个元素所以不再加 margin-top */
#pov .pCal{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 10px 8px;margin-top:0}
#pov .pCal .calhead{margin-bottom:6px}
#pov .pCal .calgrid{gap:2.5px}
#pov .pCal .calgrid i{height:30px;line-height:1.15;padding-top:6px;font-size:11px}
#pov .pCal .calgrid i.h{height:20px;line-height:20px;padding-top:0}
#pov .pCal .calgrid i.s1,#pov .pCal .calgrid i.s2{padding-top:3px}
#pov .pCal .calgrid i em{
  display:block;font-size:8px;line-height:1.15;font-style:normal;
  font-weight:500;letter-spacing:0;margin-top:1px;opacity:.9;
}
#pov .pCal .calgrid i.pick{cursor:pointer;background:#f7f9f8}
#pov .pCal .calgrid i.pick:hover{box-shadow:inset 0 0 0 1.5px var(--gold)}
#pov .pCal .calgrid i.s1{background:var(--forest);color:#fff;font-weight:600}
#pov .pCal .calgrid i.s2{background:var(--gold);color:#fff;font-weight:600}
#pov .pCal .calgrid i.sel{background:#dbe8e2;color:var(--forest);font-weight:500}
#pov .pCal .avlg{gap:8px;flex-wrap:wrap;font-size:9.5px;margin-top:8px}
#pov .pCal .avlg em.sin::before{background:var(--forest);border-color:var(--forest)}
#pov .pCal .avlg em.sout::before{background:var(--gold);border-color:var(--gold)}
#pov .pCal .avlg em.sel::before{background:#dbe8e2;border-color:#c4dbd1}
#pov .pCalNote{font-size:10px;color:var(--ink3);line-height:1.5;margin:6px 0 0}

@media(min-width:760px){
  #pov{align-items:center}
  #pov .pSheet{border-radius:16px;max-height:86vh}
}
@media(max-width:400px){
  #priceSec{padding:12px 12px 13px}
  #priceSec > h2{gap:6px}
  #priceSec > h2 .pmeta{font-size:9.5px}
  #priceSec .pRow2{gap:6px;row-gap:1px}
  #priceSec .pRow2 .pRt{gap:6px}
  #priceSec .pRow2 .pLb{font-size:10.5px}
  #priceSec .pRow2 .pv{font-size:17px}
  #priceSec .pRow2 .pv small{font-size:9.5px;margin-left:2px}
  #priceSec .pActs button{font-size:11px}
  #priceSec .pTbl th:first-child{width:34%}
  #priceSec .pTbl td{font-size:10.5px;padding:6px 2px}
  #priceSec .pTbl td.n{font-size:10px}
}