/* 页面整体背景 */ .green-box { background-color: #4caf50; /* 绿色背景 */ padding: 10px 20px; /* 减小上下内边距,控制高度 */ text-align: center; display: flex; flex-direction: column; /* 设置垂直方向布局 */ justify-content: center; align-items: center; max-height: 100rpx; /* 限制最大高度 */ max-width: calc(100% - 10px); /* 宽度最大100%,两边各留5px */ margin-left: 15px; /* 左边留5px */ margin-right: 15px; /* 右边留5px */ box-sizing: border-box; /* 确保 padding 和 margin 不影响宽度计算 */ } .title-en { font-size: 16px; color: #fff; display: block; } .container { margin: 20rpx; padding: 10rpx; } .row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20rpx; } .input-group { display: flex; align-items: center; flex: 1; margin-right: 20rpx; } .label { font-size: 30rpx; color: #333; margin-right: 10rpx; } .picker-text { font-size: 28rpx; color: #007acc; /* 选择框的文字颜色 */ margin-right: 10rpx; } .input { width: 200rpx; padding: 7rpx; font-size: 28rpx; border: 1px solid #ccc; border-radius: 8rpx; color: #333; } .save-btn { width: 50%; padding: 5rpx; background-color: #e6f7ff; /* 保存按钮的背景颜色 */ color: #303030; border-radius: 10rpx; font-size: 32rpx; text-align: center; } .countOptions { font-weight: 400; }