/* 底部弹窗容器 */ .bottom-popup.data-v-6e1ab13b { border-radius: 24rpx 24rpx 0 0; } .popup-container.data-v-6e1ab13b { padding: 40rpx; background: #fff; border-radius: 24rpx 24rpx 0 0; width: 100%; box-sizing: border-box; max-height: 80vh; overflow-y: auto; /* padding-bottom: env(safe-area-inset-bottom); */ } /* 标题样式 */ .popup-title.data-v-6e1ab13b { font-size: 32rpx; font-weight: bold; text-align: left; margin-bottom: 30rpx; color: #333; } /* 内容样式 */ .popup-content.data-v-6e1ab13b { font-size: 28rpx; line-height: 1.6; color: #666; margin-bottom: 40rpx; word-wrap: break-word; word-break: break-all; } .highlight.data-v-6e1ab13b { color: #4c6eae; display: inline; } /* 按钮容器 */ .popup-buttons.data-v-6e1ab13b { display: flex; justify-content: space-between; padding: 0 20rpx; margin-top: 20rpx; } /* 按钮基础样式 */ .popup-btn.data-v-6e1ab13b { width: 45%; height: 88rpx; line-height: 88rpx; font-size: 32rpx; border-radius: 44rpx; text-align: center; } /* 拒绝按钮 */ .popup-btn.reject.data-v-6e1ab13b { background-color: #f5f5f5; color: #666; } /* 同意按钮 */ .popup-btn.agree.data-v-6e1ab13b { background-color: #07C160; color: #fff; } /* 去除按钮默认样式 */ .popup-btn.data-v-6e1ab13b::after { border: none; } /* 适配不同屏幕尺寸 */ @media screen and (max-height: 700px) { .popup-container.data-v-6e1ab13b { padding: 30rpx; } .popup-title.data-v-6e1ab13b { font-size: 28rpx; margin-bottom: 20rpx; } .popup-content.data-v-6e1ab13b { font-size: 26rpx; margin-bottom: 30rpx; } .popup-btn.data-v-6e1ab13b { height: 80rpx; line-height: 80rpx; font-size: 28rpx; } } /* 适配小屏幕 */ @media screen and (max-height: 600px) { .popup-container.data-v-6e1ab13b { padding: 20rpx; } .popup-title.data-v-6e1ab13b { font-size: 26rpx; margin-bottom: 15rpx; } .popup-content.data-v-6e1ab13b { font-size: 24rpx; margin-bottom: 20rpx; } .popup-btn.data-v-6e1ab13b { height: 70rpx; line-height: 70rpx; font-size: 26rpx; } }