chore: icon design

OnionTiger · OnionTiger · commit 04009150683e · 2025-12-10T17:46:13.000+08:00
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -20,7 +20,7 @@ jobs:
         uses: actions/setup-java@v5
         with:
           distribution: 'zulu'
-          java-version: 17
+          java-version: 21
 
       - name: Setup Gradle
         uses: gradle/actions/setup-gradle@v5
@@ -73,7 +73,7 @@ jobs:
         uses: actions/setup-java@v5
         with:
           distribution: ${{ startsWith(matrix.name, 'windows') && 'jetbrains' || 'zulu' }}
-          java-version: 17
+          java-version: 21
 
       - name: Setup Gradle
         uses: gradle/actions/setup-gradle@v5
@@ -116,7 +116,7 @@ jobs:
         uses: actions/setup-java@v5
         with:
           distribution: 'zulu'
-          java-version: 17
+          java-version: 21
 
       - name: Setup Gradle
         uses: gradle/actions/setup-gradle@v5
diff --git a/docs/icon_a.svg b/docs/icon_a.svg
@@ -0,0 +1,28 @@
+<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景容器 -->
+  <rect width="1024" height="1024" rx="240" fill="#1A1A2A"/>
+  
+  <!-- 核心图形：闪电/画笔 -->
+  <g transform="translate(262, 212) scale(1.0)">
+    <!-- 上半部分：清晰实心 (代表生成完成) -->
+    <path d="M360 0L180 300H320L200 600" stroke="#39FF14" stroke-width="60" stroke-linecap="round" stroke-linejoin="round"/>
+    
+    <!-- 下半部分：像素噪点 (代表扩散过程) -->
+    <!-- 我们用一些散落的方块来模拟像素化 -->
+    <rect x="220" y="620" width="40" height="40" rx="4" fill="#39FF14" opacity="0.8"/>
+    <rect x="160" y="650" width="30" height="30" rx="4" fill="#39FF14" opacity="0.6"/>
+    <rect x="280" y="660" width="20" height="20" rx="2" fill="#39FF14" opacity="0.7"/>
+    <rect x="190" y="710" width="25" height="25" rx="2" fill="#39FF14" opacity="0.4"/>
+    <rect x="250" y="730" width="15" height="15" rx="2" fill="#39FF14" opacity="0.3"/>
+    
+    <!-- 装饰性光晕 -->
+    <circle cx="360" cy="0" r="100" fill="#39FF14" fill-opacity="0.2" filter="url(#glow)"/>
+  </g>
+  
+  <!-- 滤镜定义 -->
+  <defs>
+    <filter id="glow" x="-100" y="-100" width="400" height="400" filterUnits="userSpaceOnUse">
+      <feGaussianBlur stdDeviation="40" result="effect1_foregroundBlur"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/docs/icon_b.svg b/docs/icon_b.svg
@@ -0,0 +1,34 @@
+<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="512" y2="512" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E0EAFC"/>
+      <stop offset="1" stop-color="#CFDEF3"/>
+    </linearGradient>
+
+    <!-- 星云球体渐变 -->
+    <radialGradient id="nebula_grad" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(256 256) rotate(90) scale(180)">
+      <stop stop-color="#00C9FF"/>
+      <stop offset="1" stop-color="#92FE9D" stop-opacity="0"/>
+    </radialGradient>
+
+    <linearGradient id="purple_glow" x1="100" y1="100" x2="400" y2="400" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#9D00FF"/>
+      <stop offset="1" stop-color="#FF0080"/>
+    </linearGradient>
+  </defs>
+
+  <!-- 容器 -->
+  <rect width="512" height="512" rx="120" fill="white"/>
+
+  <!-- 内部阴影模拟凹陷感 -->
+  <rect x="20" y="20" width="472" height="472" rx="100" fill="#F5F7FA"/>
+
+  <!-- 抽象的 S 形状流体 -->
+  <circle cx="256" cy="256" r="160" fill="url(#purple_glow)" fill-opacity="0.8"/>
+  <circle cx="200" cy="200" r="100" fill="#00C9FF" fill-opacity="0.6"/>
+
+  <!-- 玻璃反光效果 -->
+  <path d="M120 120Q256 200 392 120" stroke="white" stroke-width="20" stroke-opacity="0.5" stroke-linecap="round"/>
+  <circle cx="256" cy="256" r="160" stroke="white" stroke-opacity="0.5" stroke-width="4"/>
+</svg>
diff --git a/docs/icon_c.svg b/docs/icon_c.svg
@@ -0,0 +1,65 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- 背景渐变，增加深度感 -->
+    <radialGradient id="bg_grad" cx="0.5" cy="0.5" r="0.5" gradientUnits="objectBoundingBox">
+      <stop stop-color="#2A2A3E"/>
+      <stop offset="1" stop-color="#1E1E2F"/>
+    </radialGradient>
+
+    <!-- 内部核心的流动光芒渐变 -->
+    <radialGradient id="core_glow" cx="0.5" cy="0.5" r="0.5" gradientUnits="objectBoundingBox">
+      <stop stop-color="#FFFFFF"/>
+      <stop offset="0.7" stop-color="#00C9FF"/>
+      <stop offset="1" stop-color="#7F52FF" stop-opacity="0.8"/>
+    </radialGradient>
+
+    <!-- 内部核心的第二层色彩，增加丰富度 -->
+    <linearGradient id="core_color_overlay" x1="0.5" y1="0" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop stop-color="#FF0080" stop-opacity="0.7"/>
+      <stop offset="1" stop-color="#FFC800" stop-opacity="0.7"/>
+    </linearGradient>
+
+    <!-- 玻璃体的细微边框光泽 -->
+    <linearGradient id="border_glow" x1="0" y1="0" x2="1" y2="1">
+      <stop stop-color="white" stop-opacity="0.3"/>
+      <stop offset="1" stop-color="white" stop-opacity="0"/>
+    </linearGradient>
+
+    <!-- 玻璃体左上角的高光 -->
+    <linearGradient id="highlight" x1="0.25" y1="0.25" x2="0.75" y2="0.75" gradientUnits="objectBoundingBox">
+      <stop stop-color="white" stop-opacity="0.8" />
+      <stop offset="1" stop-color="white" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- 1. 深色背景 -->
+  <rect width="512" height="512" fill="url(#bg_grad)"/>
+
+  <!-- 2. 主体：玻璃拟态方块 -->
+  <!-- 2.1 玻璃体底色和模糊效果 -->
+  <rect x="80" y="80" width="352" height="352" rx="80" fill="rgba(180, 190, 220, 0.1)" stroke="url(#border_glow)" stroke-width="1.5"/>
+  <g style="filter: blur(50px);">
+    <rect x="80" y="80" width="352" height="352" rx="80" fill="rgba(127, 82, 255, 0.2)"/>
+  </g>
+
+  <!-- 3. 核心：流光能量球 -->
+  <!-- 3.1 基础光晕 (最底层，最模糊) -->
+  <g style="filter: blur(40px); opacity: 0.8;">
+    <circle cx="256" cy="256" r="120" fill="url(#core_glow)" />
+  </g>
+  <!-- 3.2 叠加色彩 (增加颜色层次) -->
+  <g style="filter: blur(30px); opacity: 0.9; mix-blend-mode: overlay;">
+    <circle cx="256" cy="256" r="140" fill="url(#core_color_overlay)"/>
+  </g>
+  <!-- 3.3 明亮内核 (最顶层，最清晰) -->
+  <g style="filter: blur(15px); mix-blend-mode: screen;">
+    <circle cx="256" cy="256" r="80" fill="white" fill-opacity="0.9"/>
+  </g>
+
+  <!-- 4. 玻璃质感细节 -->
+  <!-- 4.1 内部阴影，增加深度 -->
+  <rect x="80" y="80" width="352" height="352" rx="80" stroke="rgba(0, 0, 0, 0.1)" stroke-width="1" style="paint-order: stroke;"/>
+
+  <!-- 4.2 左上角高光，模拟反光 -->
+  <path d="M 160 80 A 80 80 0 0 1 80 160 L 130 130 A 30 30 0 0 0 130 130 L 160 80 Z" fill="url(#highlight)" opacity="0.6"/>
+</svg>
diff --git a/docs/icon_d.svg b/docs/icon_d.svg
@@ -0,0 +1,67 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- 背景 -->
+    <radialGradient id="geo_bg_grad" cx="0.5" cy="0.5" r="0.5">
+      <stop stop-color="#2A2A3E"/>
+      <stop offset="1" stop-color="#1E1E2F"/>
+    </radialGradient>
+
+    <!-- 中心内核渐变 -->
+    <linearGradient id="geo_core_grad" x1="0.5" y1="0" x2="0.5" y2="1">
+      <stop stop-color="#F0F2F5"/>
+      <stop offset="1" stop-color="#E0E5EC"/>
+    </linearGradient>
+
+    <!-- 碎片渐变1 (Kotlin紫 -> 创造粉) -->
+    <linearGradient id="shard_grad_1" x1="0" y1="0" x2="1" y2="1">
+      <stop stop-color="#7F52FF"/>
+      <stop offset="1" stop-color="#FF0080"/>
+    </linearGradient>
+
+    <!-- 碎片渐变2 (AI蓝 -> 活力青) -->
+    <linearGradient id="shard_grad_2" x1="0" y1="1" x2="1" y2="0">
+      <stop stop-color="#00C9FF"/>
+      <stop offset="1" stop-color="#92FE9D"/>
+    </linearGradient>
+  </defs>
+
+  <!-- 1. 背景 -->
+  <rect width="512" height="512" fill="url(#geo_bg_grad)"/>
+
+  <!-- 2. 扩散出去的几何碎片 (背景层，模糊) -->
+  <g filter="url(#shard_blur)">
+    <g transform="translate(256, 256) rotate(15)">
+      <rect x="-30" y="-180" width="60" height="60" fill="url(#shard_grad_1)"/>
+      <path d="M150 -50 L180 -20 L150 10 Z" fill="url(#shard_grad_2)"/>
+      <circle cx="-130" cy="80" r="35" fill="url(#shard_grad_1)"/>
+    </g>
+  </g>
+
+  <!-- 3. 中心稳定内核 (Neumorphism / 新拟态风格) -->
+  <g>
+    <!-- 内核阴影 (营造凹陷感) -->
+    <circle cx="259" cy="259" r="100" fill="rgba(25, 25, 38, 0.6)"/>
+    <!-- 内核高光 (营造凸起感) -->
+    <circle cx="253" cy="253" r="100" fill="rgba(80, 80, 110, 0.4)"/>
+    <!-- 内核主体 -->
+    <circle cx="256" cy="256" r="100" fill="url(#geo_core_grad)"/>
+    <!-- 内部 "M" for "Mine" 字母符号 -->
+    <path d="M224 280 L236 240 L256 264 L276 240 L288 280"
+        stroke="#B8C1D1" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
+  </g>
+
+  <!-- 4. 清晰的几何碎片 (前景层) -->
+  <g transform="translate(256, 256) rotate(15)">
+    <!-- 右上碎片 -->
+    <path d="M90 -130 L150 -130 L120 -80 Z" fill="url(#shard_grad_1)" opacity="0.9"/>
+    <!-- 左下碎片 -->
+    <rect x="-160" y="70" width="70" height="70" rx="15" fill="url(#shard_grad_2)" opacity="0.9"/>
+    <!-- 左上碎片 -->
+    <circle cx="-90" cy="-90" r="25" fill="url(#shard_grad_1)" opacity="0.9"/>
+  </g>
+
+  <!-- 滤镜定义 -->
+  <filter id="shard_blur">
+    <feGaussianBlur in="SourceGraphic" stdDeviation="15" />
+  </filter>
+</svg>
