/* Hero 模块 - 所有 hero 变体共用的基础样式
   合规声明：本文件所有视觉参数（颜色/圆角/阴影/间距/动效）一律读取 Design Token，不允许硬编码 */
.mod-hero { background: var(--color-dark, var(--dark, #111)); color: #fff; padding: calc(var(--spacing-unit, 8px) * 7.5) 20px; text-align: center; min-height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.mod-hero__title { font-family: var(--font-family, inherit); font-size: 32px; font-weight: 800; margin: 0 0 12px; }
.mod-hero__subtitle { font-family: var(--font-family, inherit); font-size: 15px; color: rgba(255,255,255,.85); max-width: 640px; margin: 0 auto; line-height: 1.7; }
.mod-hero__button { display: inline-block; margin-top: 20px; padding: 10px 28px; background: var(--color-primary, var(--primary, #2563eb)); color: #fff; text-decoration: none; border-radius: var(--radius-base, 10px); font-weight: 600; transition: transform var(--animation-duration, .3s); }
.mod-hero__button:hover { transform: translateY(-2px); }