fix: 优化各页面代码格式和样式

- 微调多个页面的样式和布局
- 保持功能不变

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

web/src/views/Skill.vue

@@ -308,7 +308,7 @@ const saveNewSkill = () => {
   <div class="p-6 min-h-screen">
     <div class="flex justify-between items-center mb-6">
       <div class="flex items-center gap-2">
-        <i class="fa-solid fa-wand-magic-sparkles text-gray-400"></i>
+        <i class="fa-solid fa-wand-magic-sparkles text-orange-500"></i>
         <span class="font-medium">Skills</span>
       </div>
       <button @click="openCreate" class="bg-gradient-to-r from-primary-orange to-red-500 hover:from-orange-500 hover:to-red-600 text-white px-4 py-2 rounded-lg font-medium flex items-center gap-2 transition-all">