/* 战斗 Buff 图标与实时属性面板 */
.b-unit { cursor:pointer; }
.b-unit__buffs { gap:1px; min-height:14px; max-width:58px; }
.b-buff {
  position:relative; width:13px; height:13px; border-radius:3px;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:7px; line-height:1; font-weight:700;
  border:1px solid rgba(231,201,135,.45); background:rgba(15,22,34,.92);
  color:#e7c987; flex:0 0 auto;
}
.b-buff--good { border-color:rgba(123,176,255,.55); color:#bcd7ff; }
.b-buff--bad { border-color:rgba(217,106,90,.6); color:#ffb0a4; }
.b-buff__stack {
  position:absolute; right:-2px; bottom:-3px; min-width:8px; height:8px;
  border-radius:4px; background:#e7c987; color:#16120c;
  font-size:6px; line-height:8px; text-align:center; padding:0 1px;
}
.b-buff__turn {
  position:absolute; left:-2px; top:-4px; min-width:8px; height:8px;
  border-radius:4px; background:rgba(10,14,22,.9); color:#b9ab91;
  font-size:6px; line-height:8px; text-align:center; padding:0 1px;
  border:1px solid rgba(255,255,255,.12);
}
.b-buff-more { font-size:7px; color:#9b8f7a; align-self:center; }
.b-unit-detail {
  position:fixed; inset:0; z-index:80;
  background:rgba(0,0,0,.62);
  display:flex; align-items:flex-end; justify-content:center;
  padding:0; backdrop-filter:blur(2px);
}
.b-unit-detail.hidden { display:none; }
.b-unit-detail__sheet {
  width:100%; max-width:520px; max-height:76vh; overflow-y:auto;
  background:linear-gradient(180deg,#111a28,#0a111b 78%);
  border:1px solid rgba(231,201,135,.32); border-bottom:0;
  border-radius:16px 16px 0 0; padding:10px 14px 22px;
  box-shadow:0 -12px 36px rgba(0,0,0,.45);
}
.b-unit-detail__handle { width:34px; height:3px; border-radius:2px; background:rgba(231,201,135,.4); margin:0 auto 8px; }
.b-unit-detail__head { display:flex; align-items:flex-start; gap:8px; }
.b-unit-detail__name { font-family:"STKaiti","KaiTi",serif; font-size:20px; color:#f6e5bd; }
.b-unit-detail__meta { font-size:10px; color:rgba(220,205,175,.6); margin-top:2px; }
.b-unit-detail__close { margin-left:auto; color:#9b8f7a; font-size:18px; cursor:pointer; padding:0 4px; }
.b-unit-detail__section { margin-top:10px; padding-top:8px; border-top:1px solid rgba(231,201,135,.14); }
.b-unit-detail__title { font-size:10px; color:#e7c987; letter-spacing:1px; margin-bottom:5px; }
.b-unit-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.b-unit-stat { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); border-radius:7px; padding:5px 6px; }
.b-unit-stat__k { font-size:9px; color:rgba(220,205,175,.55); }
.b-unit-stat__v { font-size:14px; color:#f0dfb8; margin-top:1px; }
.b-unit-stat__d { font-size:8px; color:#79d49b; margin-top:1px; }
.b-unit-buff-row {
  display:flex; align-items:center; gap:7px; padding:6px 0;
  border-bottom:1px dashed rgba(255,255,255,.06);
}
.b-unit-buff-row:last-child { border-bottom:0; }
.b-unit-buff-row__ic {
  width:25px; height:25px; border-radius:6px; display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(231,201,135,.35); background:rgba(0,0,0,.22);
  font-size:10px; color:#e7c987; flex:0 0 25px;
}
.b-unit-buff-row__name { font-size:11px; color:#ece0c8; }
.b-unit-buff-row__eff { font-size:9px; color:#b9ab91; margin-top:1px; }
.b-unit-buff-row__src { font-size:9px; color:rgba(220,205,175,.5); margin-left:auto; text-align:right; line-height:1.5; }
.b-unit-detail__hint { font-size:8px; color:rgba(220,205,175,.45); line-height:1.6; margin-top:8px; }
@media (max-width:420px) {
  .b-unit-detail__sheet { padding-left:10px; padding-right:10px; }
  .b-unit-stats { gap:4px; }
}