feat: 更新嵌入式文件系统逻辑，支持路径清理和静态资源请求处理，增强前端主题切换能力

atsf_server/web/components/layout/dashboard-sidebar.tsx

@@ -21,13 +21,13 @@ export function DashboardSidebar() {
       )}
     >
       <div className='flex h-full flex-col gap-6'>
-        <div className='flex items-center gap-3 rounded-2xl border border-[var(--border-default)] bg-white/5 px-3 py-3'>
-          <div className='flex h-11 w-11 items-center justify-center rounded-2xl bg-sky-400/15 text-lg font-semibold text-sky-200'>
+        <div className='flex items-center gap-3 rounded-2xl border border-[var(--border-default)] bg-[var(--surface-muted)] px-3 py-3'>
+          <div className='flex h-11 w-11 items-center justify-center rounded-2xl bg-[var(--brand-primary-soft)] text-lg font-semibold text-[var(--brand-primary)]'>
             AF
           </div>
           {!isSidebarCollapsed ? (
             <div>
-              <p className='text-sm font-semibold text-white'>ATSFlare</p>
+              <p className='text-sm font-semibold text-[var(--foreground-primary)]'>ATSFlare</p>
               <p className='text-xs text-[var(--foreground-secondary)]'>控制面新版工程</p>
             </div>
           ) : null}
@@ -44,11 +44,11 @@ export function DashboardSidebar() {
                 className={cn(
                   'flex items-start gap-3 rounded-2xl border px-3 py-3 transition-colors',
                   active
-                    ? 'border-sky-300/30 bg-sky-400/10 text-white'
-                    : 'border-transparent text-[var(--foreground-secondary)] hover:border-[var(--border-default)] hover:bg-white/5 hover:text-white',
+                    ? 'border-[var(--border-strong)] bg-[var(--accent-soft)] text-[var(--foreground-primary)]'
+                    : 'border-transparent text-[var(--foreground-secondary)] hover:border-[var(--border-default)] hover:bg-[var(--surface-muted)] hover:text-[var(--foreground-primary)]',
                 )}
               >
-                <span className='mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-xl bg-white/5 text-xs font-semibold'>
+                <span className='mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-xl bg-[var(--control-background)] text-xs font-semibold'>
                   {item.shortLabel.slice(0, 1)}
                 </span>
                 {!isSidebarCollapsed ? (
@@ -65,7 +65,7 @@ export function DashboardSidebar() {
         </nav>
 
         {!isSidebarCollapsed ? (
-          <div className='rounded-2xl border border-emerald-400/15 bg-emerald-500/10 px-4 py-4 text-xs leading-6 text-emerald-100/90'>
+          <div className='rounded-2xl border border-[var(--status-success-border)] bg-[var(--status-success-soft)] px-4 py-4 text-xs leading-6 text-[var(--status-success-foreground)]'>
             阶段 1 已完成目录骨架、静态导出与基础布局初始化。
           </div>
         ) : null}

atsf_server/web/components/layout/dashboard-topbar.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { ThemeToggle } from '@/components/ui/theme-toggle';
 import { getCurrentNavigationItem } from '@/lib/utils/navigation';
 import { publicEnv } from '@/lib/env/public-env';
 import { useAppShellStore } from '@/store/app-shell';
@@ -18,20 +19,21 @@ export function DashboardTopbar() {
           <button
             type='button'
             onClick={toggleSidebar}
-            className='inline-flex h-11 w-11 items-center justify-center rounded-2xl border border-[var(--border-default)] bg-white/5 text-lg text-white transition hover:bg-white/10'
+            className='inline-flex h-11 w-11 items-center justify-center rounded-2xl border border-[var(--border-default)] bg-[var(--control-background)] text-lg text-[var(--foreground-primary)] transition hover:bg-[var(--control-background-hover)]'
             aria-label='切换侧边栏'
           >
             ≡
           </button>
           <div>
             <p className='text-xs uppercase tracking-[0.24em] text-[var(--foreground-secondary)]'>当前模块</p>
-            <h2 className='text-lg font-semibold text-white'>
+            <h2 className='text-lg font-semibold text-[var(--foreground-primary)]'>
               {currentItem?.label ?? 'ATSFlare 控制台'}
             </h2>
           </div>
         </div>
 
         <div className='flex items-center gap-3 text-sm text-[var(--foreground-secondary)]'>
+          <ThemeToggle />
           <span className='rounded-full border border-[var(--border-default)] px-3 py-1.5'>
             静态导出模式
           </span>

atsf_server/web/components/layout/page-header.tsx

@@ -6,9 +6,9 @@ interface PageHeaderProps {
 export function PageHeader({ title, description }: PageHeaderProps) {
   return (
     <div className='space-y-3'>
-      <p className='text-sm font-medium uppercase tracking-[0.24em] text-sky-300'>ATSFlare</p>
+      <p className='text-sm font-medium uppercase tracking-[0.24em] text-[var(--brand-primary)]'>ATSFlare</p>
       <div className='space-y-2'>
-        <h1 className='text-3xl font-semibold tracking-tight text-white'>{title}</h1>
+        <h1 className='text-3xl font-semibold tracking-tight text-[var(--foreground-primary)]'>{title}</h1>
         <p className='max-w-3xl text-sm leading-7 text-[var(--foreground-secondary)]'>
           {description}
         </p>

atsf_server/web/components/layout/public-shell.tsx

@@ -1,6 +1,7 @@
 import Link from 'next/link';
 import type { ReactNode } from 'react';
 
+import { ThemeToggle } from '@/components/ui/theme-toggle';
 import { publicEnv } from '@/lib/env/public-env';
 
 interface PublicShellProps {
@@ -13,13 +14,14 @@ export function PublicShell({ children }: PublicShellProps) {
       <div className='w-full max-w-3xl rounded-[var(--radius-xl)] border border-[var(--border-default)] bg-[var(--surface-panel)]/85 p-8 shadow-[var(--shadow-soft)] backdrop-blur'>
         <div className='mb-8 flex flex-col gap-4 border-b border-[var(--border-default)] pb-6 md:flex-row md:items-end md:justify-between'>
           <div>
-            <p className='text-sm font-medium uppercase tracking-[0.24em] text-sky-300'>ATSFlare</p>
-            <h1 className='mt-2 text-3xl font-semibold text-white'>管理端改造进行中</h1>
+            <p className='text-sm font-medium uppercase tracking-[0.24em] text-[var(--brand-primary)]'>ATSFlare</p>
+            <h1 className='mt-2 text-3xl font-semibold text-[var(--foreground-primary)]'>管理端改造进行中</h1>
             <p className='mt-2 text-sm leading-6 text-[var(--foreground-secondary)]'>
               认证流程将在阶段 2 接入。当前页面用于承载入口骨架与路由占位。
             </p>
           </div>
-          <div className='text-sm text-[var(--foreground-secondary)]'>
+          <div className='flex flex-col items-start gap-3 text-sm text-[var(--foreground-secondary)] md:items-end'>
+            <ThemeToggle />
             <span className='rounded-full border border-[var(--border-default)] px-3 py-1.5'>
               {publicEnv.appVersion}
             </span>
@@ -29,7 +31,7 @@ export function PublicShell({ children }: PublicShellProps) {
         <div className='space-y-6'>{children}</div>
 
         <div className='mt-8 border-t border-[var(--border-default)] pt-6 text-sm text-[var(--foreground-secondary)]'>
-          <Link href='/' className='text-sky-300 transition hover:text-sky-200'>
+          <Link href='/' className='text-[var(--brand-primary)] transition hover:opacity-80'>
             返回新版总览
           </Link>
         </div>