【修复】前端部分样式无法加载问题

Author: Bacon-123

README.md

@@ -1,5 +1,5 @@
 <div align="center">
-<img src="https://www.bt.cn/static/new/images/logo.svg" alt="btShieldML " width="300"/>
+<img src="https://www.bt.cn/static/new/images/logo_03.svg" alt="btShieldML " width="300"/>
 </div>
 
 <h1 align="center">堡塔木马查杀引擎</h1>

dockerfile

@@ -34,7 +34,8 @@ RUN apt-get update && apt-get install -y \
     tzdata \
     wget \
     && rm -rf /var/lib/apt/lists/* \
-    && mkdir -p /www/dk_project/dk_app/shieldml/data
+    && mkdir -p /www/dk_project/dk_app/shieldml/data \
+    && mkdir -p /www/dk_project/dk_app/shieldml/data/tmp
 
 # 设置时区
 ENV TZ=Asia/Shanghai
@@ -54,6 +55,7 @@ RUN chmod +x /www/dk_project/dk_app/shieldml/shieldml_server && \
     echo '{"results":[]}' > /www/dk_project/dk_app/shieldml/data/webshellJson.json && \
     chmod 755 /www/dk_project/dk_app/shieldml/data/webshellJson.json && \
     chmod 755 /www/dk_project/dk_app/shieldml/data && \
+    chmod 755 /www/dk_project/dk_app/shieldml/data/tmp && \
     chown -R shieldml:shieldml /www/dk_project/dk_app/shieldml
 
 # 暴露端口

shieldml_scan.html

@@ -7,7 +7,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css" rel="stylesheet">
+    <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.8.0/font/bootstrap-icons.css" rel="stylesheet">
     <style>
         :root {
             --primary: #0a4da8;
@@ -87,6 +87,7 @@
             display: flex;
             align-items: center;
             margin-left: 10px;
+            text-decoration: none;
         }
 
         .header-btn:hover {
@@ -671,6 +672,89 @@
                 margin-bottom: 10px;
             }
         }
+        
+        .report-btn {
+            padding: 4px 8px;
+            background-color: #f8f9fa;
+            border: 1px solid #dee2e6;
+            border-radius: 4px;
+            font-size: 0.85rem;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+        
+        .report-btn:hover {
+            background-color: #e9ecef;
+            border-color: #ced4da;
+        }
+        
+        .report-btn:disabled {
+            cursor: default;
+            opacity: 0.7;
+        }
+        
+        .report-btn.reported {
+            background-color: #d4edda;
+            border-color: #c3e6cb;
+            color: #155724;
+        }
+        
+        .report-btn.report-error {
+            background-color: #f8d7da;
+            border-color: #f5c6cb;
+            color: #721c24;
+        }
+        
+        .action-cell {
+            white-space: nowrap;
+        }
+        
+        .report-btn, .detail-btn {
+            padding: 4px 8px;
+            background-color: #f8f9fa;
+            border: 1px solid #dee2e6;
+            border-radius: 4px;
+            font-size: 0.85rem;
+            cursor: pointer;
+            transition: all 0.2s;
+            margin-right: 5px;
+            margin-bottom: 5px;
+        }
+        
+        .detail-btn {
+            background-color: #e9ecef;
+        }
+        
+        .report-btn:hover, .detail-btn:hover {
+            background-color: #e9ecef;
+            border-color: #ced4da;
+        }
+        
+        .detail-btn:hover {
+            background-color: #dee2e6;
+        }
+        
+        .risk-score {
+            font-weight: 600;
+            padding: 2px 6px;
+            border-radius: 4px;
+            font-size: 0.9rem;
+        }
+        
+        .risk-score-0 {
+            background: rgba(40, 167, 69, 0.1);
+            color: var(--safe);
+        }
+        
+        .risk-score-1-3 {
+            background: rgba(253, 126, 20, 0.1);
+            color: var(--warning);
+        }
+        
+        .risk-score-4-5 {
+            background: rgba(220, 53, 69, 0.1);
+            color: var(--danger);
+        }
     </style>
 </head>
 <body>
@@ -686,10 +770,10 @@
                 <span>堡塔WebShell检测平台</span>
             </div>
             <div class="header-right">
-                <button class="header-btn">
+                <a href="https://github.com/aaPanel/btShieldML" target="_blank" class="header-btn" style="text-decoration: none;">
                     <i class="bi bi-question-circle"></i>
                     <span>使用指南</span>
-                </button>
+                </a>
                 <button class="header-btn">
                     <i class="bi bi-gear"></i>
                     <span>高级设置</span>