From d0506b0d2eb690b4711fab42da71c8f24b60d752 Mon Sep 17 00:00:00 2001
From: chiyi <cyi.cc@outlook.com>
Date: Thu, 8 Oct 2026 17:26:49 +0800
Subject: [PATCH] =?UTF-8?q?style(logo):=20=E5=8E=BB=E6=8E=89=20V=20?=
 =?UTF-8?q?=E5=AD=97=EF=BC=8C=E6=94=B9=E4=B8=BA=E5=85=89=E5=9C=88+?=
 =?UTF-8?q?=E6=92=AD=E6=94=BE=E4=B8=89=E8=A7=92=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

光圈内放播放三角（呼应图像+视频），快门点改黄色墨边小圆，
整体更几何、更贴合 Memphis 风格。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 frontend/src/components/Logo.vue | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/Logo.vue b/frontend/src/components/Logo.vue
index 4374e6e..704788c 100644
--- a/frontend/src/components/Logo.vue
+++ b/frontend/src/components/Logo.vue
@@ -1,8 +1,8 @@
 <script setup>
-// Vivid mark: an open spectrum ring (lens/aperture) around a folded "V", with a
-// shutter dot closing the gap — image + video in one glyph. Transparent
-// background so it reads on both the dark and light shells. Colors follow the
-// memphis crayon palette (orange / pink / blue).
+// Vivid mark: an open spectrum ring (lens/aperture) around a play triangle,
+// with a shutter dot closing the gap — image + video in one glyph.
+// Transparent background so it reads on both the dark and light shells.
+// Colors follow the memphis crayon palette (orange / pink / blue).
 // Each instance gets unique gradient ids (useId) so multiple logos on one
 // page don't share/clobber defs.
 import { useId } from 'vue'
@@ -11,7 +11,6 @@ defineProps({ size: { type: [Number, String], default: 40 } })
 
 const uid = useId()
 const gRing = `vring-${uid}`
-const gV = `vv-${uid}`
 </script>
 
 <template>
@@ -23,20 +22,17 @@ const gV = `vv-${uid}`
         <stop offset="0.5" stop-color="#f472b6" />
         <stop offset="1" stop-color="#38bdf8" />
       </linearGradient>
-      <linearGradient :id="gV" x1="14" y1="14" x2="34" y2="34" gradientUnits="userSpaceOnUse">
-        <stop stop-color="#f97316" />
-        <stop offset="1" stop-color="#ec5b13" />
-      </linearGradient>
     </defs>
 
     <g transform="translate(24 24)">
       <!-- open ring: dash gap leaves room for the shutter dot -->
-      <circle r="18.5" fill="none" :stroke="`url(#${gRing})`" stroke-width="3.2"
-              stroke-linecap="round" stroke-dasharray="86 30" transform="rotate(-58)" />
-      <!-- folded V -->
-      <path d="M-8 -7.5 L0 9 L8 -7.5" fill="none" :stroke="`url(#${gV})`" stroke-width="4.8"
-            stroke-linecap="round" stroke-linejoin="round" />
-      <circle cx="13" cy="-13" r="3.4" fill="#ec5b13" />
+      <circle r="17.5" fill="none" :stroke="`url(#${gRing})`" stroke-width="4.4"
+              stroke-linecap="round" stroke-dasharray="84 32" transform="rotate(-58)" />
+      <!-- play triangle = image + video -->
+      <path d="M-3 -6.5 L8.5 0 L-3 6.5 Z" fill="#ec5b13" stroke="#111" stroke-width="1.4"
+            stroke-linejoin="round" />
+      <!-- shutter dot -->
+      <circle cx="13" cy="-13" r="4.2" fill="#fef08a" stroke="#111" stroke-width="1.6" />
     </g>
   </svg>
 </template>