<!-- 粉系曼陀罗/螺旋：花瓣形重复 -->
<template>
  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
    <div class="absolute inset-0 bg-gradient-to-tr from-pink-100/70 via-rose-50/50 to-fuchsia-50/40" />
    <svg class="absolute inset-0 h-full w-full opacity-85" viewBox="0 0 400 320" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g transform="translate(200 160)">
        <ellipse
          v-for="i in 8"
          :key="i"
          cx="0"
          cy="-72"
          rx="16"
          ry="36"
          :transform="`rotate(${i * 45})`"
          fill="#fce7f3"
          stroke="#be185d"
          stroke-width="1.1"
          opacity="0.75"
        />
      </g>
      <circle cx="200" cy="160" r="28" fill="#fff1f2" stroke="#9f1239" stroke-width="1.2" opacity="0.9" />
    </svg>
  </div>
</template>
