/* ============================================
    /portal/assets/css/portal.cards.css
   ============================================ */
.portal-card {
  background: var(--portal-bg-surface);
  border-radius: var(--portal-radius-lg);
  padding: 16px 18px;
  border: 1px solid var(--portal-border-subtle);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.portal-card-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
}

.portal-card-desc {
  font-size: 13px;
  color: var(--portal-text-muted);
  margin-bottom: 10px;
}

.portal-card-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 6. 底部区域（可用于“系统特性 / 支持场景”等） */
.portal-section {
  margin-top: 32px;
}

.portal-section-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}

.portal-section-subtitle {
  font-size: 13px;
  color: var(--portal-text-muted);
  margin-bottom: 16px;
}

/* 7. 响应式适配 */
@media (max-width: 960px) {
  .portal-hero {
    grid-template-columns: minmax(0, 1fr);
  }
}