// global
@import "./global.scss";
// color-ui
@import "@/static/scss/colorui.css";
// iconfont
@import "@/static/font/iconfont.css";
@import "@/static/font_ve87r6kfq3/iconfont.css";



/* 新增：弹窗样式 */
.modal-container {
  width: 600rpx;
  background: #fff;
  border-radius: 16rpx;
  padding: 30rpx 20rpx;
}

.modal-title {
  font-size: 30rpx;
  font-weight: 500;
  text-align: center;
  margin-bottom: 40rpx;
  color: #333;
}

.modal-input-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 35rpx;
  font-size: 26rpx;
  margin-left: 20rpx;
}

.modal-content {
  line-height: 50rpx;
  margin-bottom: 20rpx;
}

.modal-remark {
  text-align: right;
  color: #999999;
  font-size: 24rpx;
  line-height: 30rpx;
  margin-right: 20rpx;
}
.modal-label {
  width: 160rpx;
  color: #666;
}

.modal-current {
  margin-left: 14rpx;
  color: #333;
}

.modal-input {
  height: 60rpx;
  border: 1px solid #eee;
  border-radius: 8rpx;
  padding: 0 15rpx;
  font-size: 26rpx;
  width: 80rpx;
}

.modal-unit {
  margin-left: 10rpx;
  color: #666;
}

.modal-btn-wrap {
  display: flex;
  gap: 20rpx;
  margin-top: 40rpx;
}

.modal-btn {
  flex: 1;
  height: 70rpx;
  border-radius: 8rpx;
  font-size: 26rpx;
}

.modal-btn.cancel {
  background: #f5f5f5;
  color: #666;
}

.modal-btn.confirm {
  background: #007aff;
  color: #fff;
}