.fund-type-switch { display: flex; gap: 12rpx; margin-top: 12rpx; padding: 8rpx; border-radius: 24rpx; background: #f1e4d4; } .fund-type { flex: 1; height: 72rpx; border-radius: 20rpx; color: #7f7065; font-size: 27rpx; font-weight: 700; line-height: 72rpx; text-align: center; } .fund-type.active { background: #fffaf3; color: #6b1f2b; } .fund-type.income { color: #1f7a4d; } .fund-type.expense { color: #9a3a2f; } .form-label-row { display: flex; align-items: center; justify-content: space-between; } .fund-image-grid { margin-top: 16rpx; } .image-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12rpx; } .image-cell { position: relative; overflow: hidden; height: 180rpx; border-radius: 18rpx; background: #efe0ca; } .image-cell image { width: 100%; height: 100%; } .image-remove { position: absolute; top: 8rpx; right: 8rpx; width: 40rpx; height: 40rpx; border-radius: 999rpx; background: rgba(47, 33, 28, 0.72); color: #fff; font-size: 32rpx; line-height: 36rpx; text-align: center; }