/* ============================================================
   home.css - Boat World 首页专属样式
   设计目标：首屏价值可见、筒仓入口清晰、视觉嗨点突出
   ============================================================ */

/* ============================================================
   Hero 区域
   ============================================================ */
.hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(165deg, var(--c-deep) 0%, var(--c-deep-2) 55%, var(--c-deep-3) 100%);
  color: var(--c-deck);
  padding: var(--space-9) 0;
  isolation: isolate;
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 20% 80%, rgba(127, 168, 184, 0.28) 0%, transparent 55%),
    radial-gradient(ellipse at 85% 15%, rgba(232, 115, 74, 0.22) 0%, transparent 45%);
  z-index: -1;
}

.hero::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: