From 970d688dd44c2e43d4eaa6e270993f56399ebaba Mon Sep 17 00:00:00 2001
From: lanxi <1220lanxi@gmail.com>
Date: Fri, 15 May 2026 17:30:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=EF=BC=9A=E7=BD=91=E7=AB=99LO?=
 =?UTF-8?q?GO?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html            |   3 +-
 public/brand-logo.svg |  36 +++++++++++++++
 public/favicon.ico    | Bin 4286 -> 4742 bytes
 public/favicon.svg    |  38 ++++++++++++++++
 src/App.vue           | 102 +++++++++++++++++++++++++++++++++++++++++-
 5 files changed, 177 insertions(+), 2 deletions(-)
 create mode 100644 public/brand-logo.svg
 create mode 100644 public/favicon.svg
diff --git a/index.html b/index.html
index 012708b..b693738 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,8 @@
 <html lang="">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <link rel="icon" href="/favicon.ico" sizes="any" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Alpha Market</title>
   </head>
diff --git a/public/brand-logo.svg b/public/brand-logo.svg
new file mode 100644
index 0000000..92da9d1
--- /dev/null
+++ b/public/brand-logo.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Alpha Market logo">
+  <defs>
+    <linearGradient id="am-blue" x1="13" y1="42" x2="52" y2="12" gradientUnits="userSpaceOnUse">
+      <stop offset="0%" stop-color="#3F6FB9" />
+      <stop offset="100%" stop-color="#2D5FAF" />
+    </linearGradient>
+    <linearGradient id="am-gray" x1="14" y1="47" x2="46" y2="28" gradientUnits="userSpaceOnUse">
+      <stop offset="0%" stop-color="#B8BEC8" />
+      <stop offset="100%" stop-color="#7A8494" />
+    </linearGradient>
+  </defs>
+  <path
+    d="M12 45.5c5.4-1.2 10.4-4.6 15.1-10.1 3.8 1.5 7 3.9 9.6 7.2 2.7-4.7 6.6-8.4 11.8-11.2"
+    fill="none"
+    stroke="url(#am-gray)"
+    stroke-width="4.8"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M12.5 40.8 25 24.5 35.1 34.3 49 15.2"
+    fill="none"
+    stroke="url(#am-blue)"
+    stroke-width="6"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M40.8 14.8h16v16"
+    fill="none"
+    stroke="#2D5FAF"
+    stroke-width="5.8"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcfb72584e00488330b560ebcf34a41c64c2..c891a425d36cd9eba49462c3ee15b90da746233f 100644
GIT binary patch
literal 4742
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
V^|I+%I(n={P$V5UbpH28@IUX)qb&dc

literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..a26821e
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Alpha Market favicon">
+  <defs>
+    <linearGradient id="am-blue" x1="15" y1="42" x2="52" y2="13" gradientUnits="userSpaceOnUse">
+      <stop offset="0%" stop-color="#3F6FB9" />
+      <stop offset="100%" stop-color="#2D5FAF" />
+    </linearGradient>
+    <linearGradient id="am-gray" x1="14" y1="48" x2="45" y2="29" gradientUnits="userSpaceOnUse">
+      <stop offset="0%" stop-color="#B9C0CA" />
+      <stop offset="100%" stop-color="#818B9A" />
+    </linearGradient>
+  </defs>
+  <rect x="4" y="4" width="56" height="56" rx="14" fill="#FFFFFF" />
+  <rect x="4.5" y="4.5" width="55" height="55" rx="13.5" fill="none" stroke="#E7EBF0" />
+  <path
+    d="M14 45c5-1.1 9.7-4.2 14-9.3 3.5 1.4 6.5 3.6 8.9 6.6 2.5-4.3 6.1-7.7 10.9-10.2"
+    fill="none"
+    stroke="url(#am-gray)"
+    stroke-width="4.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M14.5 40.6 26 25.6 35.4 34.7 48.5 16.8"
+    fill="none"
+    stroke="url(#am-blue)"
+    stroke-width="5.6"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M41.4 16.4H55v13.6"
+    fill="none"
+    stroke="#2D5FAF"
+    stroke-width="5.4"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/src/App.vue b/src/App.vue
index 50e1d4d..5030f71 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -87,7 +87,17 @@ watch(
         >
           <v-icon>mdi-arrow-left</v-icon>
         </v-btn>
-        <v-app-bar-title v-if="currentRoute === '/'">Alpha Market</v-app-bar-title>
+        <v-app-bar-title v-if="currentRoute === '/'" class="brand-title">
+          <div class="brand-lockup">
+            <div class="brand-mark-wrap">
+              <img src="/brand-logo.svg?v=2" alt="Alpha Market logo" class="brand-logo" />
+            </div>
+            <div class="brand-copy">
+              <span class="brand-kicker">Prediction Markets</span>
+              <span class="brand-name">Alpha Market</span>
+            </div>
+          </div>
+        </v-app-bar-title>
         <v-spacer></v-spacer>
         <template v-if="!userStore.isLoggedIn">
           <v-menu
@@ -203,6 +213,67 @@ watch(
   padding: 0 16px;
 }
 
+.brand-title {
+  flex: 0 1 auto;
+  min-width: 0;
+}
+
+.brand-lockup {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+}
+
+.brand-mark-wrap {
+  width: 52px;
+  height: 52px;
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
+  border: 1px solid rgba(45, 95, 175, 0.12);
+  box-shadow: 0 8px 18px rgba(45, 95, 175, 0.08);
+  flex: 0 0 auto;
+}
+
+.brand-logo {
+  width: 38px;
+  height: 38px;
+  flex: 0 0 auto;
+  object-fit: contain;
+}
+
+.brand-copy {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 2px;
+}
+
+.brand-kicker {
+  font-size: 0.64rem;
+  line-height: 1;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: #6f7f98;
+  white-space: nowrap;
+}
+
+.brand-name {
+  font-size: 1.04rem;
+  line-height: 1.1;
+  font-weight: 800;
+  letter-spacing: -0.02em;
+  color: #24498a;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .app-main {
   flex: 1 1 0;
   min-height: 0;
@@ -245,6 +316,35 @@ watch(
   color: rgba(0, 0, 0, 0.87);
 }
 
+@media (max-width: 600px) {
+  .app-bar-inner {
+    padding: 0 12px;
+  }
+
+  .brand-lockup {
+    gap: 10px;
+  }
+
+  .brand-mark-wrap {
+    width: 44px;
+    height: 44px;
+    border-radius: 14px;
+  }
+
+  .brand-logo {
+    width: 32px;
+    height: 32px;
+  }
+
+  .brand-kicker {
+    font-size: 0.58rem;
+  }
+
+  .brand-name {
+    font-size: 0.96rem;
+  }
+}
+
 /* 底部导航：整条栏上方淡投影；z-index 确保覆盖滚动条，显示在滚动条上层 */
 :deep(.v-bottom-navigation) {
   box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.06);
