<!-- 青蓝系：海浪层 + 透气留白，偏少年漫清爽 -->
<template>
  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
    <div class="absolute inset-0 bg-gradient-to-b from-sky-100/70 via-cyan-50/40 to-white/30" />
    <svg class="absolute bottom-0 left-0 h-1/2 w-full" viewBox="0 0 400 120" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M0 40 Q100 10 200 40 T400 35 L400 120 L0 120 Z"
        fill="#bae6fd"
        stroke="#0369a1"
        stroke-width="1.2"
        opacity="0.65"
      />
      <path
        d="M0 70 Q120 45 240 70 T400 65 L400 120 L0 120 Z"
        fill="#7dd3fc"
        stroke="#0c4a6e"
        stroke-width="1.1"
        opacity="0.5"
      />
      <circle cx="320" cy="32" r="6" fill="#e0f2fe" stroke="#0369a1" stroke-width="1" />
      <circle cx="300" cy="28" r="4" fill="#e0f2fe" stroke="#0369a1" stroke-width="1" />
    </svg>
  </div>
</template>
