添加预警详情页样式

h5/css/variables.css

@@ -620,3 +620,87 @@ body {
 .text-primary { color: var(--color-primary); }
 .font-bold { font-weight: 700; }
 .hidden { display: none; }
+
+/* ===== 预警详情页 ===== */
+.alert-detail-header {
+  text-align: center;
+  padding: 32px 16px;
+  background: var(--color-card);
+  margin-bottom: 12px;
+}
+
+.alert-icon-wrap--lg {
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 12px;
+  font-size: 28px;
+}
+
+.alert-icon-wrap--lg.danger { background: #fff3e6; color: var(--color-danger); }
+.alert-icon-wrap--lg.warning { background: #fef9c3; color: var(--color-warning); }
+
+.alert-level-text {
+  font-size: 18px;
+  font-weight: 700;
+  margin-bottom: 8px;
+}
+
+.alert-level-text.danger { color: var(--color-danger); }
+.alert-level-text.warning { color: var(--color-warning); }
+
+.alert-message {
+  font-size: 15px;
+  color: var(--color-text);
+  line-height: 1.5;
+  padding: 0 16px;
+}
+
+/* ===== 信息网格 ===== */
+.info-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1px;
+  background: var(--color-border);
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.info-grid-item {
+  background: var(--color-card);
+  padding: 14px 12px;
+  text-align: center;
+}
+
+.info-grid-label {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+  margin-bottom: 4px;
+}
+
+.info-grid-value {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--color-text);
+  word-break: break-all;
+}
+
+/* ===== 处理操作区 ===== */
+.action-area {
+  padding: 12px 16px;
+}
+
+.weui-btn-area {
+  margin-bottom: 12px;
+}
+
+.weui-btn-area .weui-btn {
+  margin-bottom: 10px;
+}
+
+.weui-btn-area .weui-btn:last-child {
+  margin-bottom: 0;
+}