feat(branding): 原创应用图标——深墨夜色+猎人之月+玻璃笔记卡片+H字标（含 .ico/.png/SVG 源与生成脚本）

2026-09-26 00:07:43 +08:00
parent 0332c7b147
commit 3f2f6a4e37
12 changed files with 366 additions and 0 deletions
@@ -0,0 +1,77 @@
+<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>