<!-- 初见晨光：日漫清晨窗景 -->
<template>
  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
    <div
      class="absolute -right-16 -top-24 h-56 w-56 rounded-full bg-gradient-to-br from-amber-200/80 via-orange-100/60 to-rose-100/40 blur-2xl"
    />
    <svg class="absolute inset-0 h-full w-full" viewBox="0 0 400 320" fill="none" xmlns="http://www.w3.org/2000/svg">
      <defs>
        <linearGradient id="dawn-ray" x1="0%" y1="0%" x2="100%" y2="100%">
          <stop offset="0%" stop-color="#fdba74" stop-opacity="0.55" />
          <stop offset="100%" stop-color="#fecdd3" stop-opacity="0" />
        </linearGradient>
      </defs>
      <path d="M-20 0 L120 280 L80 300 L-40 40 Z" fill="url(#dawn-ray)" />
      <path d="M40 -10 L200 300 L150 310 L10 20 Z" fill="url(#dawn-ray)" opacity="0.65" />
      <ellipse cx="320" cy="70" rx="52" ry="28" fill="#fff7ed" stroke="#ea580c" stroke-width="1.2" opacity="0.9" />
      <ellipse cx="300" cy="68" rx="52" ry="28" fill="#fff7ed" stroke="#ea580c" stroke-width="1.2" opacity="0.75" />
      <path d="M60 200 Q200 160 340 200 L340 320 L60 320 Z" fill="#ffedd5" stroke="#c2410c" stroke-width="1.1" opacity="0.35" />
    </svg>
    <div
      class="absolute bottom-8 left-6 h-24 w-32 rounded-t-lg border-2 border-amber-800/50 bg-amber-50/80 shadow-[3px_4px_0_rgba(154,52,18,0.25)]"
      style="clip-path: polygon(0 100%, 0 12%, 12% 0, 88% 0, 100% 12%, 100% 100%)"
    />
  </div>
</template>
