| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- .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;
- }
|
