From be5bfa14e9e9333078e3d4fe06e79b5f21f4d166 Mon Sep 17 00:00:00 2001
From: Jesxion <jesxion@gmail.com>
Date: Tue, 14 Apr 2026 12:57:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A2=84=E8=AD=A6=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 h5/css/variables.css | 84 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 84 insertions(+)

diff --git a/h5/css/variables.css b/h5/css/variables.css
index e9674b9..7f04005 100644
--- a/h5/css/variables.css
+++ b/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;
+}