<!-- 莲花瓣：层叠弧线 -->
<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-violet-100/55 via-pink-50/45 to-fuchsia-50/35" />
    <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">
      <path
        d="M200 260 C120 200 120 120 200 80 C280 120 280 200 200 260Z"
        fill="#fce7f3"
        stroke="#86198f"
        stroke-width="1.2"
        opacity="0.55"
      />
      <path
        d="M200 240 C150 190 150 130 200 100 C250 130 250 190 200 240Z"
        fill="#fdf4ff"
        stroke="#7e22ce"
        stroke-width="1.15"
        opacity="0.65"
      />
      <path
        d="M200 220 C170 185 170 145 200 120 C230 145 230 185 200 220Z"
        fill="#fff"
        stroke="#a21caf"
        stroke-width="1.1"
        opacity="0.75"
      />
    </svg>
  </div>
</template>
