deving

static/style.css

@@ -181,7 +181,73 @@ body {
     gap: 10px;
 }
 
-/* 旧的category样式已移除，使用内联样式 */
+.category-section {
+    background: #f8f9fa;
+    border-radius: 10px;
+    padding: 20px;
+    border-left: 4px solid #3498db;
+    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+}
+
+.category-section:nth-child(1) {
+    border-left-color: #e74c3c;
+}
+
+.category-section:nth-child(2) {
+    border-left-color: #27ae60;
+}
+
+.category-section:nth-child(3) {
+    border-left-color: #f39c12;
+}
+
+.category-title {
+    font-size: 1.2em;
+    font-weight: bold;
+    margin-bottom: 15px;
+    color: #2c3e50;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid rgba(0,0,0,0.1);
+}
+
+.category-content {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.data-item {
+    background: white;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+    transition: transform 0.2s ease;
+}
+
+.data-item:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+}
+
+.data-label {
+    font-weight: bold;
+    color: #2c3e50;
+    margin-bottom: 8px;
+    font-size: 0.95em;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.data-value {
+    color: #34495e;
+    font-family: 'Courier New', monospace;
+    font-size: 1.1em;
+    font-weight: 600;
+}
 
 .data-unit {
     color: #7f8c8d;