/* 仙真宝诰、神仙宫阙、全真正韵、字辈查询：统一标题卡尺寸与圆角。 */

.bg-panel,
.sg-panel,
.zy-panel,
.lineage-panel {
  width: 100%;
  max-width: none;
}

.bg-list,
.sg-list,
.zy-list,
.lineage-list {
  gap: 14px;
}

.bg-card,
.sg-card,
.zy-card,
.lineage-row {
  width: 100%;
  min-width: 0;
  min-height: 76px;
  padding: 20px;
  border: 1px solid var(--portal-soft-line, rgba(32, 35, 33, 0.08));
  border-radius: var(--radius-lg, 18px);
  background: var(--portal-panel, rgba(255, 253, 247, 0.92));
  box-shadow: var(--portal-warm-shadow, 0 18px 48px rgba(46, 41, 33, 0.1));
  color: inherit;
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.bg-card-title,
.sg-card-name,
.zy-card-title,
.lineage-row-name {
  min-width: 0;
  margin: 0;
  color: var(--ink);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.45;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

@media (hover: hover) {
  .bg-card:hover,
  .sg-card:hover,
  .zy-card:hover,
  .lineage-row:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--accent-rgb), 0.28);
    box-shadow: 0 24px 52px rgba(46, 41, 33, 0.14);
  }
}

.bg-card:active,
.sg-card:active,
.zy-card:active,
.lineage-row:active {
  transform: translateY(0);
  box-shadow: 0 12px 28px rgba(46, 41, 33, 0.1);
}

@media (max-width: 760px) {
  .bg-list,
  .sg-list,
  .zy-list,
  .lineage-list {
    gap: 14px;
  }

  .bg-card,
  .sg-card,
  .zy-card,
  .lineage-row {
    min-height: 68px;
    padding: 16px;
    border-radius: var(--radius-lg, 18px);
  }

  .bg-card-title,
  .sg-card-name,
  .zy-card-title,
  .lineage-row-name {
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bg-card,
  .sg-card,
  .zy-card,
  .lineage-row {
    transition: none;
  }
}