/* ============================================
    /portal/assets/css/portal.hero.css
   ============================================ */
/* ============================================
   Hero 区域
   ============================================ */
/* Hero 区域（你首页那块“欢迎来到企业级自动化平台”） */
.portal-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 40px;
  align-items: center;
  margin-bottom: 40px;

  max-width: none;
  width: 100%;
  padding: 0 24px;
}

.portal-hero-title {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
}

.portal-hero-subtitle {
  font-size: 15px;
  line-height: 1.6;
  color: var(--portal-text-muted);
  margin-bottom: 20px;
}

.portal-hero-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* 右侧信息卡片（比如“管理员后台 / 系统文档 / 注册账号”那一列） */
.portal-hero-side {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

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