<!-- 和好：薄荷泡泡与柔光 -->
<template>
  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
    <div
      class="absolute -left-10 top-1/4 h-40 w-40 rounded-full bg-emerald-200/50 blur-2xl"
    />
    <div
      class="absolute bottom-1/4 -right-8 h-36 w-36 rounded-full bg-teal-200/45 blur-2xl"
    />
    <svg class="absolute inset-0 h-full w-full opacity-90" viewBox="0 0 400 320" fill="none" xmlns="http://www.w3.org/2000/svg">
      <circle cx="70" cy="80" r="22" fill="#d1fae5" stroke="#047857" stroke-width="1.3" />
      <circle cx="320" cy="120" r="18" fill="#ccfbf1" stroke="#0f766e" stroke-width="1.2" />
      <circle cx="260" cy="240" r="28" fill="#ecfdf5" stroke="#059669" stroke-width="1.2" />
      <path
        d="M120 200 Q200 140 280 200"
        stroke="#34d399"
        stroke-width="2"
        stroke-linecap="round"
        opacity="0.5"
      />
      <path d="M150 60 Q170 40 190 60" stroke="#6ee7b7" stroke-width="1.8" stroke-linecap="round" />
    </svg>
  </div>
</template>
