/* 20261024 马桥战报（大厅卡片在说书场下方；浮层沿用 sh-layer / sh-panel） */
#zbw-cards { margin-top: 8px; grid-template-columns: 1fr; }
#zbw-cards.hidden { display: none !important; }
.zbw-card { min-height: 92px; border-color: rgba(200,90,70,.65); background: radial-gradient(110% 90% at 100% 0, rgba(210,70,50,.2), transparent 60%), linear-gradient(170deg, #241009, #0b0504); cursor: pointer; }
.zbw-card .rkc-h i { background: radial-gradient(#ffc7b8, #a8321f); color: #2a0702; }
.zbw-card .rkc-h b { color: #ffd2c2; } .zbw-card .rkc-h small { margin-left: 4px; color: #b4876c; }
.zbw-ti { font-size: 14px; color: #ffe1c4; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zbw-lead { margin: 0; font-size: 11.5px; line-height: 1.45; color: #d8bf98; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.zbw-meta { margin-top: auto; display: flex; align-items: center; gap: 4px; font-size: 10.5px; color: #a8916a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.zbw-avs { display: inline-flex; flex: 0 0 auto; } .zbw-avs .zbw-av + .zbw-av { margin-left: -6px; }
.zbw-av { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; border: 1px solid #d4af37; background: #1a1408; flex: 0 0 auto; }
.zbw-av.lg { width: 42px; height: 42px; border-width: 2px; }
.zbw-panel .sh-hd b { color: #ffd2c2; }
.zbw-sec { margin-bottom: 4px; }
.zbw-sec .sh-text { font-size: 14.5px; line-height: 1.8; }
.zbw-pend { margin: 0 0 6px; }
.zbw-maps { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 4px; margin: 8px 0 6px; }
.zbw-maps figure { margin: 0; padding: 4px; border-radius: 10px; background: rgba(0,0,0,.35); border: 1px solid rgba(212,175,55,.25); min-width: 0; }
.zbw-maps svg { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; }
.zbw-maps figcaption { text-align: center; font-size: 11.5px; color: #e2c88e; margin-top: 2px; } .zbw-maps figcaption small { margin-left: 4px; color: #8f7a4f; font-size: 10px; }
.zbw-arrow { color: #d4af37; font-size: 16px; }
.zbw-trend { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 4px 8px; }
.zbw-trend li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 5px; font-size: 12px; color: #e8d3a6; min-width: 0; }
.zbw-trend li i { width: 10px; height: 10px; border-radius: 3px; background: var(--tc); }
.zbw-trend li b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #ffe1c4; }
.zbw-trend li span { color: #a8916a; font-size: 11px; } .zbw-trend li em { font-style: normal; font-size: 11px; color: #a8916a; } .zbw-trend li em.up { color: #8fe0a0; } .zbw-trend li em.dn { color: #ff9a86; }
.zbw-note { display: block; margin-top: 4px; color: #8f7a4f; font-size: 10.5px; }
.zbw-heroes { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.zbw-hero { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 7px 9px; border-radius: 10px; border: 1px solid rgba(255,214,120,.45); background: radial-gradient(120% 90% at 0 0, rgba(255,200,110,.16), transparent 60%), #160f07; }
.zbw-hero b { color: #ffe39a; font-size: 15px; cursor: pointer; } .zbw-ttl { font-style: normal; font-size: 11px; margin-left: 4px; color: #ffb38a; }
.zbw-hero small { display: block; font-size: 11px; color: #c9b27a; line-height: 1.45; } .zbw-hero small i, .zbw-sc i, .zbw-flops i { font-style: normal; color: var(--tc); filter: brightness(1.25); }
.zbw-why { color: #e8d3a6 !important; }
.zbw-rw { text-align: center; font-size: 13px; color: #ffe39a; line-height: 1.1; white-space: nowrap; } .zbw-rw small { display: block; font-size: 10px; color: #a8916a; }
.zbw-scenes { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.zbw-sc { padding: 7px 9px; border-radius: 10px; background: rgba(0,0,0,.35); border: 1px solid rgba(212,175,55,.25); font-size: 13px; color: #f1dfbb; display: flex; gap: 6px; align-items: flex-start; }
.zbw-sc-hand { flex-direction: column; align-items: stretch; } .zbw-sc-hand small { color: #c9b27a; font-size: 11.5px; }
.zbw-sc-h { display: flex; align-items: center; gap: 6px; } .zbw-sc-h b { color: #ffe39a; cursor: pointer; } .zbw-sc-h .tai-pill { margin-left: auto; }
.zbw-sc-i { flex: 0 0 auto; }
.zbw-flops { margin: 0 0 8px; padding-left: 20px; display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #f1dfbb; }
.zbw-flops b { color: #ffd2c2; cursor: pointer; } .zbw-flops small { display: block; color: #c9b27a; font-size: 11.5px; }
.zbw-pro { margin: 0 0 8px; padding-left: 18px; font-size: 13px; color: #f1dfbb; line-height: 1.6; }
@media (max-width: 370px) {
  .zbw-trend { grid-template-columns: 1fr; }
  .zbw-sec .sh-text { font-size: 14px; }
  .zbw-av.lg { width: 36px; height: 36px; }
}
/* 20261024w 人名系列展示：境界 + 昵称 + 称号 + 勋章（江湖传闻同款小签；境界在昵称前） */
.zbw-layer .rr-ps, #zbw-cards .rr-ps { display: inline; white-space: normal; }
.zbw-layer b.rr-pl, #zbw-cards b.rr-pl { color: var(--pc, #ffd98a); font-weight: 700; }
.zbw-layer .rr-c.rr-realm.rr-pre, #zbw-cards .rr-c.rr-realm.rr-pre { margin: 0 3px 0 0; }
.zbw-layer .rr-ps .jh-chip, #zbw-cards .rr-ps .jh-chip { margin-left: 3px; }
.zbw-layer .rr-tr { color: var(--tc, #d9b45a); font-weight: 700; }