/* ============================================================
   wells.css · 规划报告「二、指标到校 × 本市县排位」双井
   楼层 = 学校；双井统一楼层高度，避免名额 / 席位差异造成左右视觉失衡；轿厢 = 你。
   仅展示以考生为中心的 5 层窗口，上下用省略层汇总。
   全部跟随主题色（默认琼霞红）。
   ============================================================ */
.rp .xw-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin-top:12px}
@media (max-width: 860px){.rp .xw-pair{grid-template-columns:1fr}}

.rp .xwell{position:relative;border:1px solid var(--line);border-radius:14px;padding:14px 16px 12px;background:linear-gradient(165deg,rgba(255,255,255,.9),hsl(var(--ph) 40% 97%));backdrop-filter:blur(10px)}
.rp .xw-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.rp .xw-h b{font-size:14px}
.rp .xw-tag{flex:none;font-family:var(--mono,ui-monospace,monospace);font-size:10.5px;letter-spacing:2px;font-weight:700;color:#fff;background:linear-gradient(120deg,var(--pine),var(--pine-dark));border-radius:7px;padding:3px 9px}
.rp .xw-cap{font-size:11.5px;color:var(--muted);margin:2px 0 10px}

.rp .xw-ell{font-size:11.5px;color:var(--muted);background:hsl(var(--ph) 25% 96%);border:1px dashed var(--line);border-radius:9px;padding:6px 11px;margin:6px 0;text-align:center}
.rp .xw-ell b{color:var(--ink-soft)}

.rp .xw-shaft{display:flex;flex-direction:column;gap:6px}
.rp .xw-blk{position:relative;display:flex;flex-direction:column;justify-content:center;gap:0;box-sizing:border-box;min-height:var(--h,76px);border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:0;transition:transform .2s ease,box-shadow .2s ease,border-color .15s;overflow:hidden;opacity:0;transform:translateY(10px);animation:xwIn .5s ease forwards;animation-delay:var(--d,0s)}
/* ★ 2026-07-12d 真机反馈④：指标/市排位楼层改「可展开卡片」——内容移入 .xw-head（承接原内边距/居中/最小高度），展开明细 .xw-drawer 追加其下（近三年线+计划）。 */
.rp .xw-head{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;box-sizing:border-box;min-height:var(--h,76px);padding:8px 12px}
.rp .xw-blk.xw-exp .xw-head{cursor:pointer}
.rp .xw-blk.xw-exp .xw-head:hover{background:rgba(var(--pine-rgb),.03)}
.rp .xw-chev{display:inline-block;margin-left:8px;font-size:10px;font-weight:800;letter-spacing:0;color:var(--pine-dark);background:var(--pine-light-2,#eafaf5);border:1px solid var(--pine-border);border-radius:6px;padding:0 6px;vertical-align:middle}
.rp .z-gold .xw-chev,.rp #rpmZbx .xw-chev{color:#7a5e1f;background:var(--gold-soft,#faf1d8);border-color:#e6cd8e}
.rp .xw-drawer{display:none;border-top:1px dashed var(--line-soft,#ecf5f0);padding:8px 12px 10px;background:rgba(250,251,251,.75)}
.rp .xw-blk.xw-exp.open .xw-drawer{display:block}
.rp .xw-htab{width:100%;border-collapse:collapse;font-size:11.5px;margin:0}
.rp .xw-htab th{text-align:left;font-weight:700;color:var(--muted);padding:2px 7px 3px;border-bottom:1px solid var(--line-soft,#ecf5f0);white-space:nowrap}
.rp .xw-htab td{padding:3px 7px;border-bottom:1px solid var(--line-soft,#f1f6f3);color:var(--ink);vertical-align:baseline}
.rp .xw-htab tr:last-child td{border-bottom:none}
.rp .xw-htab td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.rp .xw-htab td.num b{font-size:12.5px}
.rp .xw-htab .xw-tk{font-style:normal;font-size:9px;color:var(--muted-2,#a6b7ac);margin-left:5px}
.rp .xw-dnote{margin-top:7px;font-size:10.5px;line-height:1.6;color:var(--muted-2,#a6b7ac)}
@keyframes xwIn{to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.rp .xw-blk{animation:none;opacity:1;transform:none}}
.rp .xw-blk:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(var(--pine-rgb),.14)}
.rp .xw-blk.on{border:1.5px solid var(--pine);background:linear-gradient(120deg,hsl(var(--ph) 70% 97%),#fff);box-shadow:0 6px 20px rgba(var(--pine-rgb),.18)}
.rp .xw-blk.dim{opacity:.62;background:#fafbfb}
.rp .xw-blk.dim:hover{opacity:.9}

.rp .xw-name{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13.5px;font-weight:700;color:var(--ink)}
.rp .xw-name small{font-weight:500;font-size:11.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.rp .xw-name .ok{font-style:normal;font-size:10.5px;font-weight:700;color:#1f7a4d;background:#e6f5ec;border-radius:999px;padding:1px 8px}
.rp .xw-name .no{font-style:normal;font-size:10.5px;font-weight:700;color:#b3261e;background:#fdecea;border-radius:999px;padding:1px 8px}
.rp .xw-name .fx{font-style:normal;font-size:9.5px;font-weight:700;color:#5A6876;border:1px solid #d7dce2;border-radius:4px;padding:0 4px}
.rp .xw-meta{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}

.rp .xw-blk .xw-rel{position:absolute;right:10px;top:8px;font-size:10px;font-weight:800;border-radius:6px;padding:1px 7px}
.rp .xw-rel.t-rush{color:#B07A12;background:#FBF3DF}
.rp .xw-rel.t-here{color:#fff;background:var(--pine)}
.rp .xw-rel.t-safe{color:#3F6CB5;background:#E7EEF8}

/* 指标/市排位楼层卡片对齐第一批统招卡——
   首部为同节奏网格(圆点 · 校名+档位/名额标签 · 大号排名+小字线 · 双门槛徽章 · 火花线 · ▾)，
   展开=趋势图(指标线折线+名额柱)+指标到校/本市统招表(复用 report.js 的 rp-v5 卡片：b-nm、b-line、v5-trend、b-ptbl 样式)。
   两井容器均带 rp-v5(指标=#rpmZbx、市排位=.xwell)，故 .b-nm/.b-line/.gap-badge/.spark 直接取统招卡样式。 */
.rp .xw-head.zb-l1{display:grid;grid-template-columns:14px minmax(145px,1fr) minmax(128px,auto) minmax(96px,auto) 78px 22px;align-items:center;gap:6px 10px;min-height:64px;padding:8px 12px}
.rp .xw-head.zb-l1 .b-rank-dot{flex:none}
.rp .xw-head.zb-l1 .b-nm{min-width:0}
.rp .xw-head.zb-l1 .b-nm>b{font-size:13.5px}          /* 统一字体：校名与市排名(井Ⅱ)同号——覆盖 report-merged.css 的 .rpm-recb .b-nm b{14px} */
.rp .xw-head.zb-l1 .b-line{margin-left:0;align-items:flex-end}
.rp .xw-head.zb-l1 .b-line .num{font-size:15px}
.rp .xw-head.zb-l1 .spark{flex:none}
.rp .xw-head.zb-l1 .b-chev{flex:none;width:16px}
.rp .xw-blk.xw-exp.open .b-chev{transform:rotate(180deg)}
.rp .xw-blk.xw-exp .xw-head.zb-l1{cursor:pointer}
/* 左侧标签 pill（复用 .rp-v5 .mt 基形）：分数+排名双达标=稳；分数达标、排名未达标=冲。 */
.rp .mt.zb-tier{font-weight:800}
.rp .mt.zb-rush{color:#B07A12;background:#FBF3DF}
.rp .mt.zb-stable{color:#1f7a4d;background:#e6f5ec}
.rp .mt.zb-quota{color:#5a6876;background:#eef2f6;border:1px solid #e0e6ea}
/* 分数/排名两道门独立显示；分数未达标时只保留分数结论，避免误读为可报。 */
.rp .zb-gates{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0}
.rp .zb-gates .gap-badge{margin:0;padding:1px 6px;font-size:9.5px;line-height:16px;letter-spacing:0}
.rp .gap-badge.zb-meet.ok{color:#1f7a4d;border-color:#bfe3cd;background:#eaf7ef}
.rp .gap-badge.zb-meet.no{color:#b3261e;border-color:#f3c9c4;background:#fdeeec}
.rp .gap-badge.zb-meet.na{color:#8a948c;border-color:#e2e8e4;background:#f4f7f5}
/* 市排名卡与第一批学校采用同一套琥珀描边；稳/已达标改松绿，展开强化橙色。 */
.rp .xwell.xw-city .xw-blk{border-color:#EAC58C;background:#fff}
.rp .xwell.xw-city .xw-blk:hover{border-color:#D9730D;transform:none;box-shadow:none}
.rp .xwell.xw-city .xw-blk.xw-exp.open{border-color:#D9730D;box-shadow:0 4px 16px rgba(217,115,13,.14)}
.rp .xwell.xw-city .xw-blk.on{border-color:var(--pine);background:var(--pine-light-2,#eafaf5)}
.rp .xwell.xw-city .xw-blk.rush{border-color:#E3B341}
/* ★ 2026-07-13：市排名(井Ⅱ·#rpB1Admin)与指标井统一占满内容区，
   卡片左右边缘对齐第一批学校；内部网格负责在手机端收拢为三行。 */
.rp #rpB1Admin .xwell{width:100%;max-width:none;margin:0;padding-left:0;padding-right:0}
@media (max-width:760px){
  .rp .xw-head.zb-l1{grid-template-columns:12px minmax(0,1fr) minmax(116px,auto) minmax(90px,auto) 22px}
  .rp .xw-head.zb-l1 .b-chev{grid-column:5}
}
/* 手机端分三行：校名、排名线、两道门状态；选择框仍固定在卡片首部右侧。 */
@media (max-width:560px){
  .rp .xw-head.zb-l1{display:grid;grid-template-columns:12px minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:4px 8px;padding:9px 10px;min-height:0}
  .rp .xw-head.zb-l1 .b-rank-dot{grid-column:1;grid-row:1;align-self:center}
  .rp .xw-head.zb-l1 .b-nm{grid-column:2;grid-row:1;flex-wrap:wrap}
  .rp .xw-head.zb-l1 .b-chev{grid-column:3;grid-row:1;align-self:center}
  .rp .xw-head.zb-l1 .b-line{grid-column:2/4;grid-row:2;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:7px;margin:0}
  .rp .xw-head.zb-l1 .zb-gates{grid-column:2/4;grid-row:3;justify-self:start;flex-wrap:wrap}
  .rp #rpmZbx .xw-head.zb-l1{padding-right:44px}   /* 仍给绝对定位勾选框(.xw-ck)留位 */
}

.rp .xw-foot{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted-2);margin-top:8px}

/* 二级收纳 · 精确数字对照表（带贯穿针） */
.rp details.xw-fold{margin-top:10px;border:1px dashed var(--line);border-radius:10px;background:rgba(255,255,255,.56);padding:0 10px 4px}
.rp details.xw-fold[open]{background:#fff;border-color:var(--pine-border)}
.rp details.xw-fold>summary{cursor:pointer;list-style:none;padding:8px 0;font-weight:700;color:var(--muted);font-size:11.5px;line-height:1.45;user-select:none}
.rp details.xw-fold>summary::-webkit-details-marker{display:none}
.rp details.xw-fold>summary::before{content:'\25B8  ';font-size:10px;color:var(--muted-2)}
.rp details.xw-fold[open]>summary::before{content:'\25BE  '}
.rp details.xw-fold .fbody{font-size:11.5px}
.rp details.xw-fold table.xw-tbl{font-size:11.5px}
.rp .xw-trk{position:relative;height:9px;border-radius:99px;background:hsl(var(--ph) 18% 92%);overflow:visible;min-width:120px}
.rp .xw-trk .seg{position:absolute;top:0;height:100%;border-radius:99px;background:linear-gradient(90deg,rgba(var(--pine-rgb),.45),rgba(var(--pine-rgb),.8))}
.rp .xw-trk .seg.hatch{background:repeating-linear-gradient(45deg,#cfd5dd 0 5px,#e6e9ee 5px 10px)}
.rp .xw-trk .me{position:absolute;top:-5px;bottom:-5px;width:3px;border-radius:2px;background:var(--gold,#B07A12);box-shadow:0 0 0 1px #fff}
.rp .xw-trk .me::after{content:'你';position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:800;color:#fff;background:var(--gold,#B07A12);border-radius:3px;padding:0 4px}
.rp table.xw-tbl tr.now td{background:hsl(var(--ph) 65% 96%);box-shadow:inset 0 0 0 1px var(--pine-border)}
.rp table.xw-tbl td .st{font-size:10.5px;font-weight:700;white-space:nowrap}
.rp table.xw-tbl td .st.front{color:#B07A12}
.rp table.xw-tbl td .st.here{color:var(--pine-dark)}
.rp table.xw-tbl td .st.behind{color:#3F6CB5}