Popup MCP

<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
  <!-- 定义圆角大小变量，保持统一风格 -->
  <defs>
    <style>
      .card { stroke: #1E293B; stroke-width: 12px; }
      .btn { rx: 18; }
    </style>
  </defs>
  <!-- 1. 黄色问卷层 (底层) -->
  <!-- 优化：减小旋转角度，使其看起来不那么散乱，位置微调 -->
  <g transform="translate(276, 236) rotate(8) translate(-276, -236)">
    <rect x="81" y="86" width="390" height="300" rx="32" fill="#FDE68A" class="card"/>
    <!-- 装饰线条：模拟文本行 -->
    <rect x="120" y="136" width="160" height="20" rx="10" fill="#F59E0B" opacity="0.4"/>
    <rect x="120" y="176" width="240" height="20" rx="10" fill="#F59E0B" opacity="0.2"/>
    <rect x="120" y="216" width="200" height="20" rx="10" fill="#F59E0B" opacity="0.2"/>
  </g>
  <!-- 2. 蓝色通知层 (中层) -->
  <!-- 优化：反向旋转角度微调，增加对比色 -->
  <g transform="translate(236, 236) rotate(-6) translate(-236, -236)">
    <rect x="41" y="86" width="390" height="300" rx="32" fill="#93C5FD" class="card"/>
    <!-- 装饰元素：模拟进度条或标题 -->
    <rect x="80" y="130" width="60" height="60" rx="16" fill="#FFFFFF" opacity="0.6"/>
    <rect x="160" y="140" width="200" height="20" rx="10" fill="#FFFFFF" opacity="0.6"/>
    <rect x="160" y="170" width="140" height="20" rx="10" fill="#FFFFFF" opacity="0.4"/>
  </g>
  <!-- 3. 白色主确认层 (顶层) -->
  <!-- 优化：完全居中于画布，阴影效果通过下方的卡片自然衬托 -->
  <rect x="61" y="106" width="390" height="300" rx="36" fill="#FFFFFF" class="card"/>
  <!-- 顶层内容：图标 (严格居中) -->
  <!-- 优化：放大圆圈和对勾，增加视觉冲击力 -->
  <g transform="translate(256, 226)">
    <circle cx="0" cy="0" r="48" fill="#10B981"/>
    <!-- 对勾微调，线条更流畅 -->
    <path d="M-18 2 L-6 14 L 22 -14" stroke="white" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <!-- 顶层内容：文字提示 (新增) -->
  <!-- 增加了一行灰色的模拟文字，让画面不空洞 -->
  <rect x="156" y="296" width="200" height="16" rx="8" fill="#E2E8F0"/>
  <!-- 顶层内容：按钮组 -->
  <!-- 优化：按钮位置上移，更符合卡片布局，左右对齐 -->
  <g transform="translate(0, -10)">
    <!-- 左侧次级按钮 (取消/返回) -->
    <rect x="101" y="340" width="145" height="44" class="btn" fill="#F1F5F9" stroke="#CBD5E1" stroke-width="4"/>
    <!-- 右侧主按钮 (确认) -->
    <rect x="266" y="340" width="145" height="44" class="btn" fill="#0F172A"/>
    <!-- 按钮文字装饰 (模拟) -->
    <path d="M163 362h20" stroke="#94A3B8" stroke-width="6" stroke-linecap="round"/>
    <path d="M328 362h20" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round"/>
  </g>
</svg>