docs(guide): rewrite CLAUDE.md with ZCLAW-first perspective

Major changes:
- Shift from "OpenFang desktop client" to "independent AI Agent desktop app"
- Add decision principle: "Is this useful for ZCLAW? Does it affect ZCLAW?"
- Simplify project structure and tech stack sections
- Replace OpenClaw vs OpenFang comparison with unified backend approach
- Consolidate troubleshooting from scattered sections into organized FAQ
- Update Hands system documentation with 8 capabilities and status
- Stream

desktop/src/components/SwarmDashboard.tsx

@@ -241,7 +241,7 @@ function TaskCard({
     <div
       className={`border rounded-lg overflow-hidden transition-all ${
         isSelected
-          ? 'border-blue-500 dark:border-blue-400 ring-2 ring-blue-500/20'
+          ? 'border-orange-500 dark:border-orange-400 ring-2 ring-orange-500/20'
           : 'border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600'
       }`}
     >
@@ -349,7 +349,7 @@ function CreateTaskForm({
           value={description}
           onChange={(e) => setDescription(e.target.value)}
           placeholder="描述需要协作完成的任务..."
-          className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
+          className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-orange-500 focus:border-transparent text-sm"
           rows={3}
         />
       </div>
@@ -369,7 +369,7 @@ function CreateTaskForm({
                 onClick={() => setStyle(s)}
                 className={`flex flex-col items-center gap-1 p-2 rounded-lg border transition-all ${
                   style === s
-                    ? 'border-blue-500 bg-blue-50 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400'
+                    ? 'border-orange-500 bg-orange-50 dark:bg-orange-900/30 text-orange-600 dark:text-orange-400'
                     : 'border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 text-gray-600 dark:text-gray-400'
                 }`}
               >
@@ -392,7 +392,7 @@ function CreateTaskForm({
         <button
           type="submit"
           disabled={!description.trim()}
-          className="px-4 py-1.5 text-sm bg-blue-500 hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed text-white rounded-lg transition-colors flex items-center gap-1.5"
+          className="px-4 py-1.5 text-sm bg-orange-500 hover:bg-orange-600 disabled:bg-gray-300 disabled:cursor-not-allowed text-white rounded-lg transition-colors flex items-center gap-1.5"
         >
           <Sparkles className="w-4 h-4" />
           创建任务
@@ -477,7 +477,7 @@ export function SwarmDashboard({ className = '', onTaskSelect }: SwarmDashboardP
       {/* Header */}
       <div className="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700">
         <div className="flex items-center gap-2">
-          <Users className="w-5 h-5 text-blue-500" />
+          <Users className="w-5 h-5 text-orange-500" />
           <h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100">协作任务</h2>
         </div>
         <div className="flex items-center gap-2">
@@ -491,7 +491,7 @@ export function SwarmDashboard({ className = '', onTaskSelect }: SwarmDashboardP
           </button>
           <button
             onClick={() => setShowCreateForm((prev) => !prev)}
-            className="flex items-center gap-1 px-3 py-1.5 text-sm bg-blue-500 hover:bg-blue-600 text-white rounded-lg transition-colors"
+            className="flex items-center gap-1 px-3 py-1.5 text-sm bg-orange-500 hover:bg-orange-600 text-white rounded-lg transition-colors"
           >
             <Plus className="w-4 h-4" />
             新建
@@ -525,7 +525,7 @@ export function SwarmDashboard({ className = '', onTaskSelect }: SwarmDashboardP
             onClick={() => setFilter(f)}
             className={`px-3 py-1 text-xs rounded-full transition-colors ${
               filter === f
-                ? 'bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-400'
+                ? 'bg-orange-100 dark:bg-orange-900/30 text-orange-700 dark:text-orange-400'
                 : 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800'
             }`}
           >
@@ -567,7 +567,7 @@ export function SwarmDashboard({ className = '', onTaskSelect }: SwarmDashboardP
             </p>
             <button
               onClick={() => setShowCreateForm(true)}
-              className="mt-2 text-blue-500 hover:text-blue-600 text-sm"
+              className="mt-2 text-orange-500 hover:text-orange-600 text-sm"
             >
               创建第一个任务
             </button>