From 73de8702ac40577f1d45037d4d2df9c2c8155737 Mon Sep 17 00:00:00 2001
From: lt <lt@openclaw.ai>
Date: Mon, 27 Apr 2026 14:11:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=A7=BB=E9=99=A4=20Tailwind=20CDN?=
 =?UTF-8?q?=EF=BC=8C=E4=BD=BF=E7=94=A8=E5=86=85=E8=81=94=20CSS=20=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E9=81=BF=E5=85=8D=E6=B5=8F=E8=A7=88=E5=99=A8=E5=AE=89?=
 =?UTF-8?q?=E5=85=A8=E7=AD=96=E7=95=A5=E9=98=BB=E6=AD=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 platform/frontend/index.html  | 47 ++++++++++++++++++++++++++++++++-
 platform/frontend/login.html  | 49 +++++++++++++++++++++++++++++++++--
 platform/frontend/logs.html   | 45 ++++++++++++++++++++++++++++++++
 platform/frontend/test.html   | 47 ++++++++++++++++++++++++++++++++-
 platform/frontend/topics.html | 45 ++++++++++++++++++++++++++++++++
 platform/frontend/users.html  | 45 ++++++++++++++++++++++++++++++++
 6 files changed, 274 insertions(+), 4 deletions(-)
diff --git a/platform/frontend/index.html b/platform/frontend/index.html
index de64333..749f82e 100644
--- a/platform/frontend/index.html
+++ b/platform/frontend/index.html
@@ -14,7 +14,7 @@
   </style>
 
   <!-- Tailwind CSS -->
-  <script src="https://cdn.tailwindcss.com"></script>
+  
   
   <!-- Vue 3 -->
   <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
@@ -25,6 +25,51 @@
   <!-- Element Plus JS -->
   <script src="https://unpkg.com/element-plus@2.4.3/dist/index.full.min.js"></script>
 
+
+  <style>
+    /* 基础重置 */
+    body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
+    
+    /* 卡片组件 */
+    .card { background: white; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); padding: 24px; margin-bottom: 24px; transition: all 0.3s; }
+    .card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.12); }
+    
+    /* 侧边栏 */
+    .sidebar { width: 160px; position: fixed; height: 100vh; left: 0; top: 0; background: #f5f5f5; border-right: 1px solid #e0e0e0; }
+    
+    /* 主内容区 */
+    .main-content { margin-left: 160px; width: calc(100vw - 160px); min-height: 100vh; overflow-x: auto; }
+    
+    /* 统计卡片 */
+    .stat-card { text-align: center; padding: 20px; cursor: pointer; transition: transform 0.2s; }
+    .stat-card:hover { transform: translateY(-4px); }
+    .stat-value { font-size: 2.5rem; font-weight: bold; color: #409EFF; line-height: 1.2; }
+    .stat-label { color: #909399; font-size: 0.9rem; margin-top: 8px; }
+    
+    /* 操作按钮组 */
+    .action-btn-group { display: flex; gap: 8px; flex-wrap: wrap; }
+    
+    /* 快速筛选 */
+    .quick-filter { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
+    
+    /* 状态徽章 */
+    .status-badge { display: inline-flex; align-items: center; gap: 4px; }
+    .status-dot { width: 6px; height: 6px; border-radius: 50%; }
+    .status-dot.pending { background: #E6A23C; }
+    .status-dot.review { background: #F56C6C; }
+    .status-dot.ready { background: #67C23A; }
+    .status-dot.published { background: #409EFF; }
+    
+    /* 加载覆盖层 */
+    .loading-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8); display: flex; align-items: center; justify-content: center; z-index: 9999; }
+    
+    /* 响应式 */
+    @media (max-width: 768px) {
+      .sidebar { display: none; }
+      .main-content { margin-left: 0; width: 100vw; }
+    }
+  </style>
+
 </head>
 <body>
   <div id="app">
diff --git a/platform/frontend/login.html b/platform/frontend/login.html
index c580373..194f0e8 100644
--- a/platform/frontend/login.html
+++ b/platform/frontend/login.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>宇之然内容创作平台 - 登录</title>
-  <script src="https://cdn.tailwindcss.com"></script>
+  
   <script src="/static/vue.global.prod.js?v=20260421-0830"></script>
   <link rel="stylesheet" href="/static/element-plus.css?v=20260421-0830" />
   <script src="/static/element-plus.full.js?v=20260421-0830"></script>
@@ -73,7 +73,7 @@
   </style>
 
   <!-- Tailwind CSS -->
-  <script src="https://cdn.tailwindcss.com"></script>
+  
   
   <!-- Vue 3 -->
   <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
@@ -84,6 +84,51 @@
   <!-- Element Plus JS -->
   <script src="https://unpkg.com/element-plus@2.4.3/dist/index.full.min.js"></script>
 
+
+  <style>
+    /* 基础重置 */
+    body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
+    
+    /* 卡片组件 */
+    .card { background: white; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); padding: 24px; margin-bottom: 24px; transition: all 0.3s; }
+    .card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.12); }
+    
+    /* 侧边栏 */
+    .sidebar { width: 160px; position: fixed; height: 100vh; left: 0; top: 0; background: #f5f5f5; border-right: 1px solid #e0e0e0; }
+    
+    /* 主内容区 */
+    .main-content { margin-left: 160px; width: calc(100vw - 160px); min-height: 100vh; overflow-x: auto; }
+    
+    /* 统计卡片 */
+    .stat-card { text-align: center; padding: 20px; cursor: pointer; transition: transform 0.2s; }
+    .stat-card:hover { transform: translateY(-4px); }
+    .stat-value { font-size: 2.5rem; font-weight: bold; color: #409EFF; line-height: 1.2; }
+    .stat-label { color: #909399; font-size: 0.9rem; margin-top: 8px; }
+    
+    /* 操作按钮组 */
+    .action-btn-group { display: flex; gap: 8px; flex-wrap: wrap; }
+    
+    /* 快速筛选 */
+    .quick-filter { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
+    
+    /* 状态徽章 */
+    .status-badge { display: inline-flex; align-items: center; gap: 4px; }
+    .status-dot { width: 6px; height: 6px; border-radius: 50%; }
+    .status-dot.pending { background: #E6A23C; }
+    .status-dot.review { background: #F56C6C; }
+    .status-dot.ready { background: #67C23A; }
+    .status-dot.published { background: #409EFF; }
+    
+    /* 加载覆盖层 */
+    .loading-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8); display: flex; align-items: center; justify-content: center; z-index: 9999; }
+    
+    /* 响应式 */
+    @media (max-width: 768px) {
+      .sidebar { display: none; }
+      .main-content { margin-left: 0; width: 100vw; }
+    }
+  </style>
+
 </head>
 <body>
   <div class="login-container">
diff --git a/platform/frontend/logs.html b/platform/frontend/logs.html
index 543bdc7..f02584c 100644
--- a/platform/frontend/logs.html
+++ b/platform/frontend/logs.html
@@ -56,6 +56,51 @@
   <!-- Element Plus JS (后加载，依赖 Vue) -->
   <script src="https://cdn.jsdelivr.net/npm/element-plus@2.4.3/dist/index.full.min.js"></script>
 
+
+  <style>
+    /* 基础重置 */
+    body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
+    
+    /* 卡片组件 */
+    .card { background: white; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); padding: 24px; margin-bottom: 24px; transition: all 0.3s; }
+    .card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.12); }
+    
+    /* 侧边栏 */
+    .sidebar { width: 160px; position: fixed; height: 100vh; left: 0; top: 0; background: #f5f5f5; border-right: 1px solid #e0e0e0; }
+    
+    /* 主内容区 */
+    .main-content { margin-left: 160px; width: calc(100vw - 160px); min-height: 100vh; overflow-x: auto; }
+    
+    /* 统计卡片 */
+    .stat-card { text-align: center; padding: 20px; cursor: pointer; transition: transform 0.2s; }
+    .stat-card:hover { transform: translateY(-4px); }
+    .stat-value { font-size: 2.5rem; font-weight: bold; color: #409EFF; line-height: 1.2; }
+    .stat-label { color: #909399; font-size: 0.9rem; margin-top: 8px; }
+    
+    /* 操作按钮组 */
+    .action-btn-group { display: flex; gap: 8px; flex-wrap: wrap; }
+    
+    /* 快速筛选 */
+    .quick-filter { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
+    
+    /* 状态徽章 */
+    .status-badge { display: inline-flex; align-items: center; gap: 4px; }
+    .status-dot { width: 6px; height: 6px; border-radius: 50%; }
+    .status-dot.pending { background: #E6A23C; }
+    .status-dot.review { background: #F56C6C; }
+    .status-dot.ready { background: #67C23A; }
+    .status-dot.published { background: #409EFF; }
+    
+    /* 加载覆盖层 */
+    .loading-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8); display: flex; align-items: center; justify-content: center; z-index: 9999; }
+    
+    /* 响应式 */
+    @media (max-width: 768px) {
+      .sidebar { display: none; }
+      .main-content { margin-left: 0; width: 100vw; }
+    }
+  </style>
+
 </head>
 <body>
   <div id="app">
diff --git a/platform/frontend/test.html b/platform/frontend/test.html
index 15cc18a..ed5c2af 100644
--- a/platform/frontend/test.html
+++ b/platform/frontend/test.html
@@ -8,7 +8,7 @@
     
 
   <!-- Tailwind CSS -->
-  <script src="https://cdn.tailwindcss.com"></script>
+  
   
   <!-- Vue 3 -->
   <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
@@ -19,6 +19,51 @@
   <!-- Element Plus JS -->
   <script src="https://unpkg.com/element-plus@2.4.3/dist/index.full.min.js"></script>
 
+
+  <style>
+    /* 基础重置 */
+    body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
+    
+    /* 卡片组件 */
+    .card { background: white; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); padding: 24px; margin-bottom: 24px; transition: all 0.3s; }
+    .card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.12); }
+    
+    /* 侧边栏 */
+    .sidebar { width: 160px; position: fixed; height: 100vh; left: 0; top: 0; background: #f5f5f5; border-right: 1px solid #e0e0e0; }
+    
+    /* 主内容区 */
+    .main-content { margin-left: 160px; width: calc(100vw - 160px); min-height: 100vh; overflow-x: auto; }
+    
+    /* 统计卡片 */
+    .stat-card { text-align: center; padding: 20px; cursor: pointer; transition: transform 0.2s; }
+    .stat-card:hover { transform: translateY(-4px); }
+    .stat-value { font-size: 2.5rem; font-weight: bold; color: #409EFF; line-height: 1.2; }
+    .stat-label { color: #909399; font-size: 0.9rem; margin-top: 8px; }
+    
+    /* 操作按钮组 */
+    .action-btn-group { display: flex; gap: 8px; flex-wrap: wrap; }
+    
+    /* 快速筛选 */
+    .quick-filter { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
+    
+    /* 状态徽章 */
+    .status-badge { display: inline-flex; align-items: center; gap: 4px; }
+    .status-dot { width: 6px; height: 6px; border-radius: 50%; }
+    .status-dot.pending { background: #E6A23C; }
+    .status-dot.review { background: #F56C6C; }
+    .status-dot.ready { background: #67C23A; }
+    .status-dot.published { background: #409EFF; }
+    
+    /* 加载覆盖层 */
+    .loading-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8); display: flex; align-items: center; justify-content: center; z-index: 9999; }
+    
+    /* 响应式 */
+    @media (max-width: 768px) {
+      .sidebar { display: none; }
+      .main-content { margin-left: 0; width: 100vw; }
+    }
+  </style>
+
 </head>
 <body>
     <div id="app">
diff --git a/platform/frontend/topics.html b/platform/frontend/topics.html
index f56757e..954ce4c 100644
--- a/platform/frontend/topics.html
+++ b/platform/frontend/topics.html
@@ -56,6 +56,51 @@
   <!-- Element Plus JS (后加载，依赖 Vue) -->
   <script src="https://cdn.jsdelivr.net/npm/element-plus@2.4.3/dist/index.full.min.js"></script>
 
+
+  <style>
+    /* 基础重置 */
+    body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
+    
+    /* 卡片组件 */
+    .card { background: white; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); padding: 24px; margin-bottom: 24px; transition: all 0.3s; }
+    .card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.12); }
+    
+    /* 侧边栏 */
+    .sidebar { width: 160px; position: fixed; height: 100vh; left: 0; top: 0; background: #f5f5f5; border-right: 1px solid #e0e0e0; }
+    
+    /* 主内容区 */
+    .main-content { margin-left: 160px; width: calc(100vw - 160px); min-height: 100vh; overflow-x: auto; }
+    
+    /* 统计卡片 */
+    .stat-card { text-align: center; padding: 20px; cursor: pointer; transition: transform 0.2s; }
+    .stat-card:hover { transform: translateY(-4px); }
+    .stat-value { font-size: 2.5rem; font-weight: bold; color: #409EFF; line-height: 1.2; }
+    .stat-label { color: #909399; font-size: 0.9rem; margin-top: 8px; }
+    
+    /* 操作按钮组 */
+    .action-btn-group { display: flex; gap: 8px; flex-wrap: wrap; }
+    
+    /* 快速筛选 */
+    .quick-filter { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
+    
+    /* 状态徽章 */
+    .status-badge { display: inline-flex; align-items: center; gap: 4px; }
+    .status-dot { width: 6px; height: 6px; border-radius: 50%; }
+    .status-dot.pending { background: #E6A23C; }
+    .status-dot.review { background: #F56C6C; }
+    .status-dot.ready { background: #67C23A; }
+    .status-dot.published { background: #409EFF; }
+    
+    /* 加载覆盖层 */
+    .loading-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8); display: flex; align-items: center; justify-content: center; z-index: 9999; }
+    
+    /* 响应式 */
+    @media (max-width: 768px) {
+      .sidebar { display: none; }
+      .main-content { margin-left: 0; width: 100vw; }
+    }
+  </style>
+
 </head>
 <body>
   <div id="app">
diff --git a/platform/frontend/users.html b/platform/frontend/users.html
index 45d0d68..c0183f5 100644
--- a/platform/frontend/users.html
+++ b/platform/frontend/users.html
@@ -56,6 +56,51 @@
   <!-- Element Plus JS (后加载，依赖 Vue) -->
   <script src="https://cdn.jsdelivr.net/npm/element-plus@2.4.3/dist/index.full.min.js"></script>
 
+
+  <style>
+    /* 基础重置 */
+    body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
+    
+    /* 卡片组件 */
+    .card { background: white; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); padding: 24px; margin-bottom: 24px; transition: all 0.3s; }
+    .card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.12); }
+    
+    /* 侧边栏 */
+    .sidebar { width: 160px; position: fixed; height: 100vh; left: 0; top: 0; background: #f5f5f5; border-right: 1px solid #e0e0e0; }
+    
+    /* 主内容区 */
+    .main-content { margin-left: 160px; width: calc(100vw - 160px); min-height: 100vh; overflow-x: auto; }
+    
+    /* 统计卡片 */
+    .stat-card { text-align: center; padding: 20px; cursor: pointer; transition: transform 0.2s; }
+    .stat-card:hover { transform: translateY(-4px); }
+    .stat-value { font-size: 2.5rem; font-weight: bold; color: #409EFF; line-height: 1.2; }
+    .stat-label { color: #909399; font-size: 0.9rem; margin-top: 8px; }
+    
+    /* 操作按钮组 */
+    .action-btn-group { display: flex; gap: 8px; flex-wrap: wrap; }
+    
+    /* 快速筛选 */
+    .quick-filter { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
+    
+    /* 状态徽章 */
+    .status-badge { display: inline-flex; align-items: center; gap: 4px; }
+    .status-dot { width: 6px; height: 6px; border-radius: 50%; }
+    .status-dot.pending { background: #E6A23C; }
+    .status-dot.review { background: #F56C6C; }
+    .status-dot.ready { background: #67C23A; }
+    .status-dot.published { background: #409EFF; }
+    
+    /* 加载覆盖层 */
+    .loading-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8); display: flex; align-items: center; justify-content: center; z-index: 9999; }
+    
+    /* 响应式 */
+    @media (max-width: 768px) {
+      .sidebar { display: none; }
+      .main-content { margin-left: 0; width: 100vw; }
+    }
+  </style>
+
 </head>
 <body>
   <div id="app">
