first commit

frontend/src/components/HeartMangaBackdrop.vue

@@ -0,0 +1,25 @@
+<!-- 终章心窗背后：柔色漫画夜空 + 零星花瓣线稿 -->
+<template>
+  <div
+    class="pointer-events-none absolute inset-0 z-0 overflow-hidden rounded-2xl bg-gradient-to-b from-violet-100/50 via-pink-50/40 to-lokta-cream/60"
+    aria-hidden="true"
+  >
+    <svg class="absolute inset-0 h-full w-full opacity-70" viewBox="0 0 400 280" xmlns="http://www.w3.org/2000/svg">
+      <circle cx="300" cy="48" r="22" fill="#fef3c7" stroke="#b45309" stroke-width="1.2" />
+      <path
+        d="M80 200 Q120 160 160 200 Q120 220 80 200"
+        fill="none"
+        stroke="#db2777"
+        stroke-width="1.2"
+        opacity="0.45"
+      />
+      <path
+        d="M260 220 Q300 180 340 220 Q300 240 260 220"
+        fill="none"
+        stroke="#7c3aed"
+        stroke-width="1.1"
+        opacity="0.4"
+      />
+    </svg>
+  </div>
+</template>