49 lines
2.2 KiB
XML
49 lines
2.2 KiB
XML
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<linearGradient id="bg-grad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#00C6FF" />
|
|
<stop offset="100%" style="stop-color:#007AFF" />
|
|
</linearGradient>
|
|
<filter id="shadow" x="0" y="0" width="100%" height="100%">
|
|
<feDropShadow dx="0" dy="8" stdDeviation="12" flood-opacity="0.12"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- 背景 Squircle -->
|
|
<rect x="0" y="0" width="512" height="512" rx="128" fill="url(#bg-grad)" />
|
|
|
|
<g filter="url(#shadow)">
|
|
<!-- 纸箱主体 -->
|
|
<!-- 左侧面 -->
|
|
<path d="M120 210V340L256 410V280L120 210Z" fill="#F2F2F7" />
|
|
<!-- 右侧面 -->
|
|
<path d="M392 210V340L256 410V280L392 210Z" fill="#E5E5EA" />
|
|
<!-- 顶部盖板 -->
|
|
<path d="M256 140L120 210L256 280L392 210L256 140Z" fill="#FFFFFF" />
|
|
|
|
<!-- 纸箱接缝 -->
|
|
<line x1="256" y1="140" x2="256" y2="280" stroke="#D1D1D6" stroke-width="1.5" />
|
|
<line x1="188" y1="175" x2="324" y2="245" stroke="#D1D1D6" stroke-width="1" stroke-opacity="0.5" />
|
|
|
|
<!-- 品牌封箱胶带 -->
|
|
<path d="M220 158L120 210L256 280L356 228L220 158Z" fill="#007AFF" fill-opacity="0.15" />
|
|
<path d="M120 210V240L150 255V225L120 210Z" fill="#007AFF" fill-opacity="0.2" />
|
|
<path d="M392 210V240L362 225V195L392 210Z" fill="#007AFF" fill-opacity="0.2" />
|
|
|
|
<!-- 侧面物流标签 (校正透视，精准对齐) -->
|
|
<g transform="translate(290, 285)">
|
|
<!-- 标签白色底：使用校正后的斜率 -0.52 -->
|
|
<path d="M0 0 L40 -21 V34 L0 55 Z" fill="white" fill-opacity="0.95" />
|
|
<!-- 标签内部装饰线 -->
|
|
<path d="M8 5 L32 -8" stroke="#007AFF" stroke-width="3" stroke-opacity="0.3" />
|
|
<path d="M8 15 L30 3" stroke="#007AFF" stroke-width="2" stroke-opacity="0.2" />
|
|
<path d="M8 25 L25 16" stroke="#007AFF" stroke-width="2" stroke-opacity="0.2" />
|
|
</g>
|
|
|
|
<!-- 底部细节 -->
|
|
<line x1="140" y1="330" x2="140" y2="350" stroke="#D1D1D6" stroke-width="2" stroke-linecap="round" />
|
|
</g>
|
|
|
|
<circle cx="160" cy="160" r="120" fill="white" fill-opacity="0.1" />
|
|
</svg>
|