弱网核销功能

apps/h5-shop/src/styles.css

@@ -1203,6 +1203,71 @@
   margin-top: 8px;
 }
 
+.shop-weaknet-panel {
+  margin: 0 16px 16px;
+  padding: 16px;
+  border-radius: 16px;
+  background: rgba(166, 29, 36, 0.06);
+  border: 1px solid rgba(166, 29, 36, 0.18);
+}
+
+.shop-weaknet-token {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-bottom: 12px;
+}
+
+.shop-weaknet-copy {
+  display: block;
+  width: 100%;
+  text-align: left;
+  word-break: break-all;
+  padding: 10px 12px;
+  border-radius: 10px;
+  border: 1px dashed rgba(166, 29, 36, 0.35);
+  background: #fff;
+  font-family: ui-monospace, monospace;
+  font-size: 12px;
+  color: var(--color-on-surface, #1c1b1b);
+  cursor: pointer;
+}
+
+.shop-weaknet-preview {
+  width: 100%;
+  max-height: 220px;
+  object-fit: contain;
+  border-radius: 12px;
+  margin-bottom: 12px;
+  background: #fff;
+}
+
+.shop-weaknet-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.shop-weaknet-success {
+  padding: 12px;
+  border-radius: 12px;
+  background: rgba(46, 125, 50, 0.08);
+}
+
+.shop-btn-outline {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-height: 48px;
+  border-radius: 999px;
+  border: 1px solid var(--color-heritage-red, #a61d24);
+  background: transparent;
+  color: var(--color-heritage-red, #a61d24);
+  font-size: 15px;
+  font-weight: 600;
+}
+
 .shop-redeem-ornament {
   margin-top: auto;
   display: flex;