feat(brand): 站名改用圆润可爱字体（Fredoka + 站酷快乐体）

自托管字体子集：Fredoka(ASCII, 45KB) 与站酷快乐体
(GB2312 一级 3755 字, 451KB, unicode-range 限定，仅站名含汉字时下载)。
导航、首页页脚、后台侧边栏的站名统一使用。

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

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>

frontend/src/layouts/AdminLayout.vue

@@ -51,7 +51,7 @@ watch(() => route.path, () => {
         <img v-if="site.logo" :src="site.logo" :alt="site.title" class="w-8 h-8 rounded-[10px] object-contain ring-1 ring-[color:var(--ink)]" />
         <Logo v-else :size="32" />
         <div class="leading-tight min-w-0">
-          <div class="text-sm font-extrabold truncate tracking-tight text-[color:var(--fg)]">{{ site.title }}</div>
+          <div class="brand-word text-[15px] truncate max-w-full">{{ site.title }}</div>
           <div class="admin-tag text-[11px] font-bold uppercase tracking-widest truncate">Admin</div>
         </div>
       </router-link>

frontend/src/layouts/PublicLayout.vue

@@ -77,7 +77,7 @@ async function onLogout() {
         <router-link to="/" class="flex items-center gap-2.5 shrink-0 transition-transform hover:scale-[1.03]">
           <img v-if="site.logo" :src="site.logo" :alt="site.title" class="w-8 h-8 object-contain" />
           <Logo v-else :size="30" />
-          <span class="text-[17px] font-bold tracking-tight text-[color:var(--fg)]">{{ site.title }}</span>
+          <span class="brand-word text-[19px]">{{ site.title }}</span>
           <span class="brand-spark" aria-hidden="true">✦</span>
         </router-link>
 

frontend/src/style.css

@@ -347,6 +347,27 @@ button:not(:disabled), [role="button"]:not([aria-disabled="true"]) { cursor: poi
 .public-dark .hover\:bg-slate-50:hover { background: rgb(255 255 255 / 0.04); }
 .public-dark .hover\:bg-slate-100:hover { background: rgb(255 255 255 / 0.06); }
 
+/* ===== 站名 logo 字：圆润可爱的字体（自托管子集）=====
+   英文用 Fredoka；汉字用站酷快乐体，unicode-range 限定后只有站名含汉字时才会下载。 */
+@font-face {
+  font-family: 'Fredoka';
+  src: url('/fonts/fredoka.woff2') format('woff2');
+  font-weight: 300 700;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'ZCOOL KuaiLe';
+  src: url('/fonts/zcool-kuaile.woff2') format('woff2');
+  font-display: swap;
+  unicode-range: U+4E00-9FFF, U+3000-303F, U+FF00-FFEF, U+2014, U+2018-201D, U+2026;
+}
+.brand-word {
+  font-family: 'Fredoka', 'ZCOOL KuaiLe', ui-rounded, 'Hiragino Maru Gothic ProN', 'Arial Rounded MT Bold', sans-serif;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  color: var(--fg);
+}
+
 /* ===== 后台页头 + 统一工具栏 ===== */
 .page-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
 .page-title { font-size: 20px; font-weight: 800; letter-spacing: -0.03em; color: var(--fg); }

frontend/src/views/HomeView.vue

@@ -145,7 +145,7 @@
             <div class="f-logo">
               <img v-if="site.logo" :src="site.logo" :alt="site.title" class="f-logo-img" />
               <Logo v-else :size="30" />
-              <span class="f-word">{{ site.title }}</span>
+              <span class="f-word brand-word">{{ site.title }}</span>
             </div>
             <p class="f-desc">按需计费的 AI 视觉创作平台——{{ onlineModels.length }} 个模型在线，按真实模型档位计费，只为实际生成的内容付费。</p>
             <div class="f-social">