.container { margin: 0rpx 30rpx; width: calc(100% - 60rpx); padding: 0 0; height: calc(100% - 60rpx); overflow: hidden; overflow-y: hidden; } .section { border-radius: 13rpx; width: calc(100% - 60rpx); background: #fff; margin-top: 20rpx; padding: 30rpx; } .section-title { font-size: 38rpx; font-weight: bold; margin-bottom: 20rpx; padding-bottom: 20rpx; border-bottom: 1rpx solid #e7e7e7; } .field-title { display: flex; justify-content: space-between; align-items: center; font-size: 34rpx; color: #333; margin-bottom: 20rpx; } .word-limit { color: #999; font-size: 24rpx; } .textarea { width: calc(100% - 60rpx); border-radius: 8rpx; height: 200rpx; border: 1px solid #eee; padding: 20rpx; font-size: 26rpx; background: #fafafa; } .upload-box { width: 160rpx; height: 160rpx; border: 2rpx dashed #ccc; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #999; } .upload-icon { width: 60rpx; height: 60rpx; margin-bottom: 10rpx; } .upload-text { font-size: 24rpx; } .upload-tip { margin-top: 10rpx; font-size: 22rpx; color: #409eff; } .submit-btn { margin: 40rpx 30rpx 0; background: #409eff; color: #fff; font-size: 32rpx; border-radius: 8rpx; } .img-container { display: flex; flex-wrap: wrap; gap: 20rpx; } .img-wrapper { position: relative; } .img-thumb { width: 195rpx; height: 195rpx; border-radius: 8rpx; } .delete-btn { position: absolute; top: -10rpx; right: -10rpx; background: rgba(0,0,0,0.6); color: white; border-radius: 50%; width: 40rpx; height: 40rpx; display: flex; justify-content: center; align-items: center; font-size: 28rpx; } .upload-btn { width: 195rpx; height: 195rpx; background: #f0f0f0; display: flex; justify-content: center; align-items: center; border-radius: 8rpx; font-size: 48rpx; color: #999; }