1

src/public/search.html

@@ -9,7 +9,7 @@
     <title>Docker镜像搜索</title>
     <link rel="icon" href="./favicon.ico">
     <style>
-        /* 现代化设计系统 */
+
         :root {
             --background: #ffffff;
             --foreground: #0f172a;
@@ -87,7 +87,7 @@
             transition: background-color 0.3s, color 0.3s;
         }
 
-        /* 现代化导航栏 */
+
         .navbar {
             position: sticky;
             top: 0;
@@ -170,7 +170,7 @@
             color: var(--foreground);
         }
 
-        /* 主要内容区域 */
+
         .main {
             flex: 1;
             padding: 2rem 1rem;
@@ -206,7 +206,7 @@
             margin: 0 auto;
         }
 
-        /* 搜索区域 */
+
         .search-card {
             background-color: var(--card);
             border: 1px solid var(--border);
@@ -271,7 +271,7 @@
             transform: none;
         }
 
-        /* 加载状态 */
+
         .loading {
             display: none;
             text-align: center;
@@ -296,7 +296,7 @@
             100% { transform: rotate(360deg); }
         }
 
-        /* 结果区域 */
+
         .results-container {
             opacity: 0;
             transform: translateY(20px);
@@ -327,7 +327,7 @@
             font-size: 0.875rem;
         }
 
-        /* 结果卡片 */
+
         .result-card {
             background-color: var(--card);
             border: 1px solid var(--border);
@@ -408,7 +408,7 @@
             gap: 0.25rem;
         }
 
-        /* 分页 */
+
         .pagination {
             display: flex;
             justify-content: center;
@@ -437,7 +437,7 @@
             cursor: not-allowed;
         }
 
-        /* 标签详情 */
+
         .tag-list {
             display: none;
             opacity: 0;
@@ -451,7 +451,7 @@
             transform: translateY(0);
         }
 
-        /* 标签头部 */
+
         .tag-header {
             display: flex;
             justify-content: space-between;
@@ -594,7 +594,7 @@
             background-color: #1d4ed8;
         }
 
-        /* 标签项 */
+
         .tag-item {
             background-color: var(--card);
             border: 1px solid var(--border);
@@ -637,7 +637,7 @@
             font-size: 0.8rem;
         }
 
-        /* 漏洞指示器 */
+
         .vulnerability-indicator {
             display: inline-flex;
             gap: 5px;
@@ -657,14 +657,14 @@
         .vulnerability-low { background-color: #28a745; }
         .vulnerability-unknown { background-color: #6c757d; }
 
-        /* 组织标签 */
+
         .badge-organization {
             background-color: #6c757d;
             color: white;
             font-weight: normal;
         }
 
-        /* 返回按钮 */
+
         .back-to-search {
             display: none;
             margin-bottom: 1.5rem;
@@ -682,7 +682,7 @@
             display: block;
         }
 
-        /* Toast 通知 */
+
         .toast {
             position: fixed;
             top: 1rem;
@@ -705,7 +705,7 @@
             transform: translateX(0);
         }
 
-        /* 动画 */
+
         @keyframes fadeInUp {
             from {
                 opacity: 0;
@@ -717,7 +717,7 @@
             }
         }
 
-        /* 响应式设计 */
+
         @media (max-width: 768px) {
             .hero-title {
                 font-size: 2rem;