web-store-retail-h5/static/images/share-btn.svg

<svg xmlns="http://www.w3.org/2000/svg" width="160" height="34" viewBox="0 0 160 34">
  <defs>
    <!-- 高贵金属渐变背景 -->
    <linearGradient id="techGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#D4AF37;stop-opacity:1" />
      <stop offset="30%" style="stop-color:#FFD700;stop-opacity:1" />
      <stop offset="70%" style="stop-color:#B8860B;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#8B7355;stop-opacity:1" />
    </linearGradient>

    <!-- 奢华光效 -->
    <radialGradient id="glowEffect" cx="50%" cy="50%" r="50%">
      <stop offset="0%" style="stop-color:#FFE55C;stop-opacity:0.3" />
      <stop offset="50%" style="stop-color:#D4AF37;stop-opacity:0.15" />
      <stop offset="100%" style="stop-color:#8B7355;stop-opacity:0" />
    </radialGradient>

    <!-- 高贵边框光效 -->
    <linearGradient id="borderGlow" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:#F7E98E;stop-opacity:0.8" />
      <stop offset="50%" style="stop-color:#FFFACD;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#F7E98E;stop-opacity:0.8" />
    </linearGradient>
  </defs>

  <!-- 主背景 - 圆角矩形 -->
  <rect x="1" y="1" width="158" height="32" rx="16" ry="16" fill="url(#techGradient)" stroke="url(#borderGlow)" stroke-width="1"/>

  <!-- 奢华光效层 -->
  <rect x="1" y="1" width="158" height="32" rx="16" ry="16" fill="url(#glowEffect)"/>

  <!-- 高贵装饰线条 -->
  <g opacity="0.5">
    <!-- 左上角装饰 -->
    <path d="M7 6 L15 6 L15 10" stroke="#F7E98E" stroke-width="0.8" fill="none"/>
    <circle cx="7" cy="6" r="1.2" fill="#FFE55C"/>

    <!-- 右下角装饰 -->
    <path d="M153 28 L145 28 L145 24" stroke="#F7E98E" stroke-width="0.8" fill="none"/>
    <circle cx="153" cy="28" r="1.2" fill="#FFE55C"/>

    <!-- 中间装饰点 -->
    <circle cx="28" cy="24" r="0.7" fill="#FFFACD" opacity="0.8"/>
    <circle cx="132" cy="10" r="0.7" fill="#F7E98E" opacity="0.7"/>
    <circle cx="140" cy="15" r="0.7" fill="#FFE55C" opacity="0.9"/>

    <!-- 额外奢华元素 -->
    <path d="M25 12 L33 12" stroke="#FFF8DC" stroke-width="0.5" opacity="0.6"/>
    <path d="M127 22 L135 22" stroke="#FFF8DC" stroke-width="0.5" opacity="0.6"/>
    <circle cx="42" cy="9" r="0.4" fill="#FFFEF7" opacity="0.5"/>
    <circle cx="118" cy="25" r="0.4" fill="#FFFEF7" opacity="0.5"/>
  </g>

  <!-- 主文字 -->
  <text x="80" y="17" text-anchor="middle" dominant-baseline="middle"
        font-family="'PingFang SC', 'Microsoft YaHei', Arial, sans-serif"
        font-size="14" font-weight="600" fill="#1A1A1A">
    长按保存图片
  </text>

  <!-- 文字光效 -->
  <text x="80" y="17" text-anchor="middle" dominant-baseline="middle"
        font-family="'PingFang SC', 'Microsoft YaHei', Arial, sans-serif"
        font-size="14" font-weight="600" fill="#FFE55C" opacity="0.2"
        style="filter: blur(0.8px);">
    长按保存图片
  </text>
</svg>