Files

78 lines
3.5 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<defs>
<linearGradient id="tile" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#1a1e2b"/>
<stop offset="0.55" stop-color="#161a26"/>
<stop offset="1" stop-color="#10131c"/>
</linearGradient>
<linearGradient id="sheen" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#ffffff" stop-opacity="0.09"/>
<stop offset="1" stop-color="#ffffff" stop-opacity="0"/>
</linearGradient>
<radialGradient id="moonGlow" cx="0.5" cy="0.5" r="0.5">
<stop offset="0" stop-color="#eef2ff" stop-opacity="0.22"/>
<stop offset="1" stop-color="#eef2ff" stop-opacity="0"/>
</radialGradient>
<linearGradient id="moon" x1="0.2" y1="0.1" x2="0.8" y2="0.9">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#c9d4f2"/>
</linearGradient>
<linearGradient id="card" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#ffffff" stop-opacity="0.16"/>
<stop offset="1" stop-color="#ffffff" stop-opacity="0.07"/>
</linearGradient>
<linearGradient id="hgrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#f2f5ff"/>
<stop offset="1" stop-color="#a7b8f0"/>
</linearGradient>
<filter id="shadow" x="-40%" y="-40%" width="180%" height="180%">
<feDropShadow dx="0" dy="10" stdDeviation="16" flood-color="#000000" flood-opacity="0.45"/>
</filter>
<filter id="cardShadow" x="-30%" y="-30%" width="160%" height="160%">
<feDropShadow dx="0" dy="6" stdDeviation="12" flood-color="#000000" flood-opacity="0.5"/>
</filter>
</defs>
<!-- 图标底:深墨夜色圆角方块 -->
<rect x="0" y="0" width="512" height="512" rx="116" fill="url(#tile)"/>
<!-- 顶部玻璃高光 -->
<rect x="0" y="0" width="512" height="260" rx="116" fill="url(#sheen)"/>
<!-- 夜空细星点(狩猎者之夜) -->
<g fill="#e7ecff" opacity="0.5">
<circle cx="96" cy="120" r="2.6"/><circle cx="150" cy="196" r="1.7"/>
<circle cx="420" cy="360" r="2"/><circle cx="356" cy="92" r="1.6"/>
<circle cx="88" cy="340" r="1.8"/><circle cx="452" cy="200" r="2.2"/>
</g>
<!-- 猎人之月(月牙 + 柔光) -->
<circle cx="404" cy="116" r="62" fill="url(#moonGlow)"/>
<g transform="rotate(-18 404 116)">
<circle cx="404" cy="116" r="40" fill="url(#moon)"/>
<circle cx="418" cy="106" r="36" fill="#1a1e2b"/>
</g>
<!-- 玻璃笔记卡片(居中,微倾) -->
<g transform="rotate(-6 256 268)" filter="url(#cardShadow)">
<rect x="96" y="150" width="320" height="236" rx="44" fill="url(#card)" stroke="#ffffff" stroke-opacity="0.4" stroke-width="2"/>
<!-- 卡片内部顶部细光条 -->
<rect x="112" y="164" width="288" height="30" rx="15" fill="#ffffff" opacity="0.10"/>
</g>
<!-- 字标 H(纯几何,保证跨机器一致) -->
<g transform="rotate(-6 256 268)">
<!-- 左竖 -->
<rect x="204" y="210" width="46" height="120" rx="23" fill="url(#hgrad)"/>
<!-- 右竖 -->
<rect x="286" y="210" width="46" height="120" rx="23" fill="url(#hgrad)"/>
<!-- 横杠 -->
<rect x="227" y="254" width="82" height="42" rx="21" fill="url(#hgrad)"/>
</g>
<!-- 笔记内容行(卡片下方三条短线) -->
<g transform="rotate(-6 256 268)" fill="#ffffff">
<rect x="140" y="338" width="150" height="11" rx="5.5" opacity="0.55"/>
<rect x="140" y="360" width="110" height="11" rx="5.5" opacity="0.38"/>
</g>
</svg>