feat(ui): 优化多个页面的UI设计和交互体验

重构公共电子屏、分支机构信息、设备间图片和活动统计页面的UI设计
- 添加渐变背景、阴影和悬停效果提升视觉体验
- 使用图标增强信息展示和交互提示
- 改进表格和卡片布局提高可读性
- 统一各页面的设计风格和交互模式
- 添加CSS组件类支持新的UI效果

fzjgact/huodong/static/huodong/input.css

@@ -1,3 +1,37 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+  .card-gradient {
+    @apply bg-gradient-to-br from-white via-blue-50/30 to-blue-100/50;
+  }
+  
+  .card-gradient-early {
+    @apply bg-gradient-to-br from-emerald-50 via-white to-teal-100/50;
+  }
+  
+  .card-gradient-latest {
+    @apply bg-gradient-to-br from-amber-50 via-white to-orange-100/50;
+  }
+  
+  .table-header-gradient {
+    @apply bg-gradient-to-r from-blue-600 via-blue-700 to-indigo-700;
+  }
+  
+  .hover-lift {
+    @apply transition-all duration-300 hover:-translate-y-1 hover:shadow-xl;
+  }
+  
+  .timeline-dot {
+    @apply absolute top-1/2 w-5 h-5 rounded-full transform -translate-y-1/2 border-4 border-white shadow-lg;
+  }
+  
+  .glass-effect {
+    @apply backdrop-blur-sm bg-white/80;
+  }
+  
+  .section-divider {
+    @apply h-1 my-8 rounded-full bg-gradient-to-r from-transparent via-blue-400 to-transparent;
+  }
+}