chore: establish V1.1 recovery baseline

2026-09-09 22:05:00 +08:00
commit b46b48eb33
947 changed files with 155471 additions and 0 deletions
@@ -0,0 +1,212 @@
+/* 举报页 U26 — Design Tokens */
+.page {
+  min-height: 100vh;
+  background: #FFF8F7;
+}
+
+.body {
+  padding: 24rpx;
+  box-sizing: border-box;
+}
+
+/* 被举报人提示条 */
+.target-bar {
+  background: #FFF3F2;
+  border-radius: 12rpx;
+  padding: 20rpx 24rpx;
+  margin-bottom: 24rpx;
+  font-size: 26rpx;
+  color: #E96B6B;
+}
+
+/* 卡片 */
+.card {
+  background: #fff;
+  border-radius: 20rpx;
+  padding: 24rpx 32rpx;
+  margin-bottom: 24rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+}
+
+/* 举报原因网格 */
+.reason-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+  margin-top: 16rpx;
+}
+
+.reason-item {
+  flex: 0 0 calc(33.333% - 12rpx);
+  box-sizing: border-box;
+  text-align: center;
+  padding: 20rpx 0;
+  border-radius: 12rpx;
+  background: #F7F8FA;
+  font-size: 26rpx;
+  color: #666;
+  border: 2rpx solid transparent;
+  transition: all 0.2s;
+}
+
+.reason-item.active {
+  background: #FFF3F2;
+  color: #E96B6B;
+  border-color: #E96B6B;
+  font-weight: bold;
+}
+
+/* 证据截图 */
+.evidence-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+  margin-top: 16rpx;
+}
+
+.evidence-item {
+  position: relative;
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 12rpx;
+  overflow: hidden;
+}
+
+.evidence-item image {
+  width: 100%;
+  height: 100%;
+}
+
+.remove-btn {
+  position: absolute;
+  top: 4rpx;
+  right: 4rpx;
+  width: 36rpx;
+  height: 36rpx;
+  line-height: 32rpx;
+  text-align: center;
+  background: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  border-radius: 50%;
+  font-size: 22rpx;
+}
+
+.evidence-add {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 12rpx;
+  background: #F7F8FA;
+  border: 2rpx dashed #D0D0D0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+}
+
+.add-icon {
+  font-size: 48rpx;
+  color: #B0B0B0;
+  line-height: 1;
+}
+
+.add-text {
+  font-size: 22rpx;
+  margin-top: 8rpx;
+}
+
+/* 提交按钮 */
+.btn-submit {
+  width: 100%;
+  height: 88rpx;
+  line-height: 88rpx;
+  border-radius: 44rpx;
+  background: #E96B6B;
+  color: #fff;
+  font-size: 32rpx;
+  border: none;
+  margin-top: 8rpx;
+}
+
+.btn-submit::after {
+  border: none;
+}
+
+.btn-submit[disabled] {
+  opacity: 0.5;
+}
+
+.btn-primary {
+  width: 80%;
+  height: 88rpx;
+  line-height: 88rpx;
+  border-radius: 44rpx;
+  background: #E96B6B;
+  color: #fff;
+  font-size: 32rpx;
+  border: none;
+  margin-top: 48rpx;
+}
+
+.btn-primary::after {
+  border: none;
+}
+
+.hint {
+  display: block;
+  text-align: center;
+  font-size: 22rpx;
+  color: #B0B0B0;
+  margin-top: 20rpx;
+  padding: 0 24rpx;
+}
+
+/* 成功态 */
+.success-wrap {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 120rpx 48rpx;
+}
+
+.success-icon {
+  width: 120rpx;
+  height: 120rpx;
+  line-height: 120rpx;
+  text-align: center;
+  border-radius: 50%;
+  background: #E8F5E9;
+  color: #1A6B3E;
+  font-size: 64rpx;
+  margin-bottom: 32rpx;
+}
+
+.success-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #1A1A1A;
+  margin-bottom: 16rpx;
+}
+
+.success-hint {
+  font-size: 26rpx;
+  color: #999;
+  text-align: center;
+  line-height: 1.6;
+}
+
+/* 公益免费标识 */
+.free-badge {
+  text-align: center;
+  padding: 24rpx;
+  margin-top: 16rpx;
+}
+
+.free-badge text {
+  display: inline-block;
+  font-size: 22rpx;
+  color: #1A6B3E;
+  background: #E8F5E9;
+  padding: 8rpx 24rpx;
+  border-radius: 24rpx;
+}