<!-- 争执：粉蓝对切 + 中间张力线，漫画式 -->
<template>
  <div class="pointer-events-none absolute inset-0 overflow-hidden rounded-3xl" aria-hidden="true">
    <div class="absolute inset-0 bg-gradient-to-br from-rose-200/50 via-white/30 to-cyan-200/45" />
    <svg class="absolute inset-0 h-full w-full" viewBox="0 0 400 320" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M200 0 L420 0 L360 320 L200 320 Z" fill="#fbcfe8" stroke="#9d174d" stroke-width="1.4" opacity="0.55" />
      <path d="M-20 0 L200 0 L200 320 L-40 320 Z" fill="#a5f3fc" stroke="#0e7490" stroke-width="1.4" opacity="0.5" />
      <path
        d="M198 20 L202 300"
        stroke="#1e293b"
        stroke-width="2.5"
        stroke-dasharray="8 6"
        stroke-linecap="round"
        opacity="0.45"
      />
      <path d="M180 80 L220 100 L200 120 Z" fill="#fda4af" stroke="#881337" stroke-width="1.2" opacity="0.7" />
      <path d="M200 200 L240 220 L210 240 Z" fill="#67e8f9" stroke="#155e75" stroke-width="1.2" opacity="0.65" />
    </svg>
  </div>
</template>
