.pd-dex-inline {
  margin-top: 20px;
  padding-top: 17px;
  border-top: 1px dashed #c9b896;
  color: #4a3823;
}
.pd-dex-inline-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.pd-dex-kicker {
  display: block;
  color: #2f766c;
  font: 800 10px/1.2 ui-monospace, "SFMono-Regular", monospace;
  letter-spacing: .14em;
}
.pd-dex-inline-head h3 {
  margin: 4px 0 0;
  color: #4a3823;
  font: 800 17px/1.3 system-ui, -apple-system, "PingFang SC", sans-serif;
}
.pd-dex-count {
  flex: 0 0 auto;
  padding: 4px 9px;
  border: 1px solid rgba(47,118,108,.25);
  border-radius: 999px;
  color: #2f766c;
  background: rgba(234,246,242,.85);
  font: 700 11px/1.3 system-ui, -apple-system, "PingFang SC", sans-serif;
}
.pd-dex-caption {
  margin: 8px 0 13px;
  color: #8a7550;
  font: 12px/1.65 system-ui, -apple-system, "PingFang SC", sans-serif;
}
.pd-dex-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.pd-dex-card {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 11px;
  min-height: 118px;
  padding: 11px;
  border: 2px solid #d8c49a;
  border-radius: 14px;
  background: rgba(251,245,230,.72);
}
.pd-dex-card img {
  width: 76px;
  height: 76px;
  align-self: center;
  object-fit: contain;
  filter: drop-shadow(0 5px 8px rgba(70,56,34,.14));
}
.pd-dex-card.locked img {
  opacity: .55;
  filter: grayscale(.55) saturate(.5) drop-shadow(0 5px 8px rgba(70,56,34,.08));
}
.pd-dex-card-head {
  display: flex;
  align-items: center;
  gap: 7px;
}
.pd-dex-name {
  margin: 0;
  color: #4a3823;
  font: 800 14px/1.3 system-ui, -apple-system, "PingFang SC", sans-serif;
}
.pd-dex-kind {
  padding: 1px 6px;
  border-radius: 999px;
  color: #fff;
  background: #2f766c;
  font: 700 10px/1.3 system-ui, -apple-system, "PingFang SC", sans-serif;
}
.pd-dex-story {
  margin: 5px 0 0;
  color: #6b543a;
  font: 11px/1.5 system-ui, -apple-system, "PingFang SC", sans-serif;
}
.pd-dex-state {
  display: inline-block;
  margin-top: 6px;
  color: #2f766c;
  font: 700 10px/1.35 system-ui, -apple-system, "PingFang SC", sans-serif;
}
.pd-dex-card.locked .pd-dex-kind { color: #6c5630; background: #efe2c7; }
.pd-dex-card.locked .pd-dex-state { color: #8a7550; }
.pd-dex-empty {
  padding: 20px 14px;
  border: 1px dashed #d8c49a;
  border-radius: 14px;
  color: #8a7550;
  text-align: center;
  font: 12px/1.6 system-ui, -apple-system, "PingFang SC", sans-serif;
}

@media (max-width: 560px) {
  .pd-dex-grid { grid-template-columns: 1fr; }
  .pd-dex-inline-head { align-items: center; }
  .pd-dex-card { grid-template-columns: 72px minmax(0, 1fr); }
  .pd-dex-card img { width: 70px; height: 70px; }
}