.settings-panel.data-v-bcdd141a { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; border-top-left-radius: 30rpx; border-top-right-radius: 30rpx; padding: 30rpx; z-index: 200; /* box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); */ } .settings-header.data-v-bcdd141a { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30rpx; font-size: 32rpx; font-weight: bold; } .close-btn.data-v-bcdd141a { font-size: 40rpx; padding: 0 20rpx; } .settings-section.data-v-bcdd141a { display: flex; align-items: center; margin-bottom: 30rpx; } .section-title.data-v-bcdd141a { width: 120rpx; flex: none; font-size: 28rpx; margin-right: 20rpx; margin-bottom: 20rpx; color: #666; } .color-options.data-v-bcdd141a { width: 100%; display: flex; justify-content: space-between; margin-bottom: 20rpx; } .color-option.data-v-bcdd141a { width: 70rpx; height: 70rpx; border-radius: 50%; border: 2rpx solid #ddd; transition: all 0.3s ease; cursor: pointer; } .color-option.active.data-v-bcdd141a { border: 4rpx solid #988153; -webkit-transform: scale(1.1); transform: scale(1.1); } .slider-container.data-v-bcdd141a { width: 100%; display: flex; align-items: center; } .slider-label.data-v-bcdd141a { width: 60rpx; text-align: center; font-size: 28rpx; color: #666; } .data-v-bcdd141a uni-slider { margin: 0px; } .custom-slider.data-v-bcdd141a { width: 100%; } .data-v-bcdd141a uni-slider .uni-slider-handle-wrapper { height: 30rpx; border-radius: 40rpx; } .data-v-bcdd141a uni-slider .uni-slider-track { border-radius: 40rpx; }