<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="720" viewBox="0 0 1200 720" role="img" aria-label="APP 主视觉插图">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#FBF3E8" stop-opacity="1"/>
      <stop offset="0.55" stop-color="#FFFFFF" stop-opacity="1"/>
      <stop offset="1" stop-color="#FBF3E8" stop-opacity="1"/>
    </linearGradient>
    <radialGradient id="glow" cx="70%" cy="30%" r="70%">
      <stop offset="0" stop-color="#10B981" stop-opacity="0.55"/>
      <stop offset="1" stop-color="#10B981" stop-opacity="0"/>
    </radialGradient>
    <linearGradient id="ring" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#0EA5E9" stop-opacity="0.95"/>
      <stop offset="0.6" stop-color="#10B981" stop-opacity="0.82"/>
      <stop offset="1" stop-color="#F97316" stop-opacity="0.72"/>
    </linearGradient>
    <filter id="soft" x="-30%" y="-30%" width="160%" height="160%">
      <feGaussianBlur stdDeviation="22"/>
    </filter>
    <filter id="shadow" x="-30%" y="-30%" width="160%" height="160%">
      <feGaussianBlur stdDeviation="12"/>
    </filter>
  </defs>
  <rect width="1200" height="720" fill="url(#bg)"/>
  <rect width="1200" height="720" fill="url(#glow)"/>
  <g opacity="0.9" filter="url(#soft)">
    <circle cx="181" cy="167" r="96" fill="#0EA5E9" fill-opacity="0.18"/>
    <circle cx="1019" cy="183" r="86.4" fill="#10B981" fill-opacity="0.16"/>
  </g>
  <g transform="translate(760 130) rotate(-2) translate(-760 -130)">
    <rect x="660" y="120" width="320" height="560" rx="56" fill="rgba(255,255,255,0.06)" stroke="rgba(255,255,255,0.18)"/>
    <rect x="684" y="164" width="272" height="470" rx="42" fill="rgba(0,0,0,0.20)" stroke="rgba(255,255,255,0.10)"/>
    <rect x="714" y="214" width="212" height="46" rx="18" fill="rgba(255,255,255,0.12)"/>
    <rect x="714" y="278" width="212" height="38" rx="18" fill="rgba(255,255,255,0.10)"/>
    <rect x="714" y="334" width="212" height="38" rx="18" fill="rgba(255,255,255,0.08)"/>
    <circle cx="820" cy="652" r="18" fill="rgba(255,255,255,0.12)" stroke="rgba(255,255,255,0.16)"/>
    <text x="820" y="212" text-anchor="middle" font-family="system-ui, -apple-system, Segoe UI, Arial" font-size="34" font-weight="900" fill="rgba(255,255,255,0.90)">APP</text>
  </g>
  <g opacity="0.95">
    <circle cx="430" cy="250" r="35" fill="none" stroke="url(#ring)" stroke-width="10"/>
    <circle cx="520" cy="190" r="33" fill="none" stroke="url(#ring)" stroke-width="10"/>
    <circle cx="490" cy="340" r="33" fill="none" stroke="url(#ring)" stroke-width="10"/>
  </g>
  <path d="M290 560 C420 480, 560 460, 690 520" stroke="rgba(255,255,255,0.14)" stroke-width="12" stroke-linecap="round" filter="url(#shadow)"/>
</svg>