/* ========================================
 * [about_motto] — 座右铭卡片
 * 配对短代码: shortcodes/about_motto.php
 * ======================================== */

.about-card--motto {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--color-primary) 10%, transparent) 0%,
    color-mix(in srgb, var(--color-primary) 4%, transparent) 100%
  );
  text-align: center;
  padding: var(--space-5) var(--space-6);
}

.about-motto-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
}

.about-motto-icon {
  font-size: 28px;
  color: var(--color-primary);
  opacity: 0.5;
}

.about-motto-text {
  margin: 0;
  font-size: var(--text-lg);
  font-weight: var(--font-semibold);
  color: var(--color-text-primary);
  line-height: var(--leading-relaxed);
  font-style: italic;
}