<!-- 终章心窗背后：柔色漫画夜空 + 零星花瓣线稿 -->
<template>
  <div
    class="pointer-events-none absolute inset-0 z-0 overflow-hidden rounded-[1.25rem] bg-gradient-to-b from-[#f8dfe8] via-[#fef3ef] to-[#eef9f8]"
    aria-hidden="true"
  >
    <div class="absolute inset-x-0 top-0 h-16 bg-gradient-to-b from-white/35 to-transparent" />
    <svg class="absolute inset-0 h-full w-full opacity-85" viewBox="0 0 400 280" xmlns="http://www.w3.org/2000/svg">
      <defs>
        <linearGradient id="hwMoon" x1="0%" y1="0%" x2="100%" y2="100%">
          <stop offset="0%" stop-color="#fff8cf" />
          <stop offset="100%" stop-color="#ffd6a5" />
        </linearGradient>
        <linearGradient id="hwHill" x1="0%" y1="0%" x2="100%" y2="0%">
          <stop offset="0%" stop-color="#f2b7c7" />
          <stop offset="100%" stop-color="#9fd7de" />
        </linearGradient>
      </defs>

      <circle cx="298" cy="46" r="24" fill="url(#hwMoon)" stroke="#c97b5a" stroke-width="1.1" />
      <circle cx="80" cy="40" r="2" fill="#ffffff" opacity="0.82" />
      <circle cx="106" cy="62" r="1.8" fill="#ffffff" opacity="0.76" />
      <circle cx="336" cy="82" r="1.9" fill="#ffffff" opacity="0.75" />
      <circle cx="356" cy="48" r="1.5" fill="#ffffff" opacity="0.65" />
      <circle cx="48" cy="86" r="1.5" fill="#ffffff" opacity="0.7" />

      <path
        d="M0 206 C52 176 110 180 162 204 C216 228 292 228 400 190 L400 280 L0 280 Z"
        fill="url(#hwHill)"
        opacity="0.85"
      />
      <path
        d="M0 224 C72 194 126 196 188 220 C248 244 316 240 400 210"
        fill="none"
        stroke="#ffffff"
        stroke-width="1.1"
        opacity="0.38"
      />

      <path
        d="M76 186 Q114 154 152 186 Q114 208 76 186"
        fill="none"
        stroke="#db2777"
        stroke-width="1.1"
        opacity="0.42"
      />
      <path
        d="M250 198 Q290 166 330 198 Q290 220 250 198"
        fill="none"
        stroke="#7c3aed"
        stroke-width="1.1"
        opacity="0.4"
      />
      <path
        d="M206 84 C214 68 236 68 244 84 C252 100 239 114 225 126 C211 114 198 100 206 84 Z"
        fill="#f8a1b5"
        opacity="0.55"
      />
      <path d="M54 154 C62 146 76 146 84 154" fill="none" stroke="#ffffff" stroke-width="1.2" opacity="0.5" />
      <path d="M318 148 C326 140 340 140 348 148" fill="none" stroke="#ffffff" stroke-width="1.2" opacity="0.48" />
    </svg>

    <div
      class="absolute bottom-0 left-0 right-0 h-20 bg-gradient-to-t from-white/16 via-white/6 to-transparent"
      aria-hidden="true"
    />
  </div>
</template>
