
.complaint-root.data-v-b5530f64 { width: 100vw; height: 100vh; background: #f8fafb; display: flex; flex-direction: column; overflow: hidden;
}
.custom-navbar.data-v-b5530f64 { background: #fff; width: 100%; flex-shrink: 0; border-bottom: 1rpx solid #f0f0f0;
}
.nav-content.data-v-b5530f64 { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 30rpx;
}
.back-area.data-v-b5530f64 { width: 60rpx; height: 44px; display: flex; align-items: center;
}
.back-arrow.data-v-b5530f64 { width: 22rpx; height: 22rpx; border-left: 4rpx solid #333; border-bottom: 4rpx solid #333; transform: rotate(45deg); margin-left: 10rpx;
}
.nav-title.data-v-b5530f64 { font-size: 34rpx; font-weight: bold; color: #333;
}
.right-placeholder.data-v-b5530f64 { width: 60rpx;
}
.scroll-container.data-v-b5530f64 { flex: 1; height: 0; width: 100%; position: relative;
}
.scroll-content.data-v-b5530f64 { width: 100%; height: 100%;
}
.form-body.data-v-b5530f64 { padding: 30rpx;
}
.section-card.data-v-b5530f64 { background: #fff; border-radius: 24rpx; padding: 40rpx 30rpx; margin-bottom: 30rpx; box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.02);
}
.section-title.data-v-b5530f64 { font-size: 30rpx; font-weight: bold; color: #1a1a1a; margin-bottom: 30rpx; border-left: 8rpx solid #C1001C; padding-left: 20rpx; line-height: 1.2;
}
.type-grid.data-v-b5530f64 { display: flex; gap: 20rpx;
}
.type-item.data-v-b5530f64 { flex: 1; height: 80rpx; background: #f5f6f8; border-radius: 12rpx; display: flex; align-items: center; justify-content: center; font-size: 28rpx; color: #666; border: 2rpx solid #f5f6f8; transition: all 0.2s;
}
.type-item.active.data-v-b5530f64 { background: rgba(193, 0, 28, 0.05); color: #C1001C; border-color: #C1001C; font-weight: bold;
}
.content-input.data-v-b5530f64 { width: 100%; height: 300rpx; background: #f9fafb; border-radius: 16rpx; padding: 24rpx; box-sizing: border-box; font-size: 30rpx; color: #333;
}
.word-count.data-v-b5530f64 { text-align: right; font-size: 24rpx; color: #ccc; margin-top: 12rpx;
}
.upload-grid.data-v-b5530f64 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20rpx;
}
.img-item.data-v-b5530f64 { position: relative; width: 100%; padding-top: 100%;
}
.img-item image.data-v-b5530f64 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 16rpx;
}
.del-btn.data-v-b5530f64 { position: absolute; top: -10rpx; right: -10rpx; width: 40rpx; height: 40rpx; background: rgba(0,0,0,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 10;
}
.close-icon.data-v-b5530f64 { color: #fff; font-size: 30rpx; line-height: 1;
}
.add-btn.data-v-b5530f64 { width: 100%; padding-top: 100%; border: 2rpx dashed #ddd; border-radius: 16rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; background: #fcfcfc;
}
.add-icon.data-v-b5530f64 { position: absolute; top: 35%; left: 50%; transform: translateX(-50%); font-size: 60rpx; color: #bbb;
}
.add-txt.data-v-b5530f64 { position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%); font-size: 22rpx; color: #999;
}
.footer-bar.data-v-b5530f64 { background: #fff; padding: 30rpx 40rpx calc(30rpx + env(safe-area-inset-bottom)); flex-shrink: 0; border-top: 1rpx solid #f0f0f0;
}
.submit-btn.data-v-b5530f64 { width: 100%; height: 96rpx; background: #C1001C; color: #fff; border-radius: 48rpx; display: flex; align-items: center; justify-content: center; font-size: 32rpx; font-weight: bold; border: none;
}
.submit-btn[disabled].data-v-b5530f64 { background: #edb3bb !important; color: rgba(255,255,255,0.6) !important;
}
.bottom-placeholder.data-v-b5530f64 { height: 40rpx;
}
