Restyle the web UI in a light theme, step 2: remaining pages

- News: show the list and the article detail side by side; the drawer
  becomes a persistent detail panel with a revision picker and +/- line
  counts.
- Crawler console: one card per source instead of tabs, plus a merged
  live log panel filterable by source and level.
- Chat: segmented Chat / CONTEXT.md switch, message cards with times,
  bordered tool-call rows and a context usage bar.
- Login, Skills and Settings move to the panel style; diff and highlight
  colors follow the new palette. The market K-line area stays dark.

web/src/components/SkillTree.vue

@@ -127,7 +127,7 @@ function onCollapse(item: TreeItem) {
         <template #default="{ data }">
           <div
             class="group w-full flex items-center gap-1 overflow-hidden rounded pr-1 text-sm"
-            :class="{ 'opacity-50': !data.data.enabled, 'bg-yellow-100': highlightIds?.includes(data.id) }"
+            :class="{ 'opacity-50': !data.data.enabled, 'bg-amber-100': highlightIds?.includes(data.id) }"
           >
             <span>{{ data.data.kind === "folder" ? "📁" : "📄" }}</span>
             <span class="truncate">{{ data.data.name }}</span>

web/src/components/SkillVersionDrawer.vue

@@ -50,8 +50,8 @@ async function publish(version: SkillVersion) {
       <el-scrollbar class="w-60 shrink-0">
         <div
           v-for="v in versions" :key="v.id"
-          class="mb-1 cursor-pointer border rounded border-solid px-2 py-1 text-sm"
-          :class="v.id === selectedId ? 'border-[var(--el-color-primary)] bg-[var(--el-color-primary-light-9)]' : 'border-[var(--el-border-color-lighter)]'"
+          class="mb-2 cursor-pointer border rounded-lg border-solid px-3 py-2 text-sm"
+          :class="v.id === selectedId ? 'border-[var(--el-color-primary)] bg-[var(--el-color-primary-light-9)]' : 'border-slate-200 hover:border-slate-300'"
           @click="selectedId = v.id"
         >
           <div class="flex items-center gap-1">
@@ -81,11 +81,11 @@ async function publish(version: SkillVersion) {
             发布此版本
           </el-button>
         </div>
-        <el-scrollbar class="min-h-0 flex-1 border rounded border-solid border-[var(--el-border-color-lighter)]">
+        <el-scrollbar class="min-h-0 flex-1 border border-slate-200 rounded-lg border-solid">
           <div class="p-2 text-xs font-mono">
             <div
               v-for="(line, i) in diff" :key="i" class="whitespace-pre-wrap"
-              :class="{ 'bg-green-100': line.type === 'add', 'bg-red-100 line-through': line.type === 'del' }"
+              :class="{ 'bg-emerald-50 text-emerald-900': line.type === 'add', 'bg-rose-50 text-rose-900 line-through': line.type === 'del' }"
             >
               {{ line.type === "add" ? "+ " : line.type === "del" ? "- " : "  " }}{{ line.text }}
             </div>