26 lines
845 B
Vue
26 lines
845 B
Vue
<!-- 终章心窗背后：柔色漫画夜空 + 零星花瓣线稿 -->
|
||
<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>
|