/* Portal card thumbnail for the BOSS 评分 / 对比 tile.
   The portal config schema has no thumbnail field, so this stylesheet + score-card.js
   inject a real screenshot banner into the matching .app-card at render time.
   Additive only: no existing selector is modified outside .app-card--with-thumb. */

.app-card.app-card--with-thumb {
  grid-template-rows: auto 1fr auto;
}

.app-card.app-card--with-thumb .app-thumb {
  grid-column: 1 / -1;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 8;
  object-fit: cover;
  object-position: top center;
  border: 1px solid var(--line, #22303f);
  border-radius: 12px;
  background: #0a121b;
  margin: 0 0 18px;
}

.app-card.app-card--with-thumb .app-actions {
  margin-top: 18px;
}

@media (max-width: 560px) {
  .app-card.app-card--with-thumb .app-thumb {
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    margin-bottom: 14px;
  }
}