新增添加到桌面引导

2026-06-15 11:09:50 +08:00
parent 2a8c1e5c37
commit 85f2d9b3b3
5 changed files with 541 additions and 0 deletions
@@ -82,6 +82,76 @@
  font-weight: 700;
 }

+.add-home-strip {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  min-height: 50px;
+  margin-top: 10px;
+  padding: 8px 10px;
+  border: 1px solid #fed7aa;
+  border-radius: 8px;
+  background: #fff7ed;
+  color: #7c2d12;
+  text-decoration: none;
+}
+
+.add-home-mark {
+  display: grid;
+  flex: 0 0 auto;
+  width: 34px;
+  height: 34px;
+  place-items: center;
+  border-radius: 8px;
+  background: linear-gradient(135deg, #ff7a1a, #ef4444);
+  color: #fff;
+  box-shadow: 0 8px 18px rgba(239, 68, 68, 0.2);
+}
+
+.add-home-copy {
+  display: grid;
+  flex: 1;
+  min-width: 0;
+  gap: 2px;
+}
+
+.add-home-copy strong,
+.add-home-copy small {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.add-home-copy strong {
+  color: #7c2d12;
+  font-size: 14px;
+  font-weight: 900;
+}
+
+.add-home-copy small {
+  color: #c2410c;
+  font-size: 11px;
+  font-weight: 700;
+}
+
+.add-home-cta {
+  display: grid;
+  flex: 0 0 auto;
+  min-width: 64px;
+  height: 32px;
+  place-items: center;
+  border-radius: 8px;
+  background: #ef4444;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 900;
+  box-shadow: 0 8px 18px rgba(239, 68, 68, 0.18);
+}
+
+.add-home-strip:active {
+  transform: translateY(1px);
+}
+
 .fraud-tip {
  display: flex;
  align-items: center;