.container.data-v-6d1f8ee2 { background-color: #f8f8f8; min-height: 100vh; padding-bottom: 40rpx; } /* 顶部导航栏 */ .header.data-v-6d1f8ee2 { display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 24rpx 32rpx; border-bottom: 1rpx solid #f0f0f0; position: -webkit-sticky; position: sticky; top: 0; z-index: 10; } .cancel.data-v-6d1f8ee2 { color: #666; font-size: 30rpx; } .placeholder.data-v-6d1f8ee2 { width: 60rpx; } .title.data-v-6d1f8ee2 { font-size: 34rpx; font-weight: 600; color: #000; text-align: center; flex: 1; } /* 打星区域 */ .rating-section.data-v-6d1f8ee2 { background-color: #fff; padding: 30rpx 30rpx 1rpx 20rpx; margin: 20rpx; border-radius: 20rpx; } .rating-item.data-v-6d1f8ee2 { display: flex; align-items: center; margin-bottom: 52rpx; justify-content: space-between; } .rating-item-left.data-v-6d1f8ee2 { display: flex; align-items: center; gap: 22rpx; } .rating-label.data-v-6d1f8ee2 { font-size: 28rpx; color: #333; word-break: keep-all; } .stars.data-v-6d1f8ee2 { display: flex; gap: 45rpx; flex-shrink: 0; } /* 星星图片基础样式 */ .star-img.data-v-6d1f8ee2 { width: 48rpx; height: 48rpx; transition: opacity 0.2s ease, -webkit-transform 0.2s ease; transition: transform 0.2s ease, opacity 0.2s ease; transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease; } /* 星星点击动画 */ .star-animate.data-v-6d1f8ee2 { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0.9; } /* 星星描述文字 */ .star-text.data-v-6d1f8ee2 { width: 100rpx; font-size: 26rpx; text-align: right; color: #a7a7a7; opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } /* 字体动画 */ .text-animate.data-v-6d1f8ee2 { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* 猜你想说 */ .guess-section.data-v-6d1f8ee2 { padding: 8rpx 0rpx; margin: 20rpx; } .guess-title.data-v-6d1f8ee2 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 30rpx; color: #000000; line-height: 42rpx; text-align: left; font-style: normal; flex-shrink: 0; margin: 10rpx 10rpx 0rpx 5rpx ; } .guess-tags.data-v-6d1f8ee2 { display: flex; flex-wrap: wrap; gap: 11rpx; } .guess-tag.data-v-6d1f8ee2 { display: flex; align-items: center; background-color: #f1f1f1f1; border-radius: 10rpx; padding: 12rpx 14rpx; gap: 12rpx; margin: 3rpx 0; } .tag-icon.data-v-6d1f8ee2 { width: 26rpx; height: 26rpx; } .tag-text.data-v-6d1f8ee2 { font-size: 26rpx; color: #666; } /* 评论区 */ .comment-section.data-v-6d1f8ee2 { background-color: #fff; padding: 24rpx 32rpx; margin: 20rpx; border-radius: 12rpx; position: relative; } .comment-input.data-v-6d1f8ee2 { width: 100%; height: 390rpx; } /* 评论区底部功能 */ .comment-footer.data-v-6d1f8ee2 { display: flex; flex-direction: column; gap: 5rpx; } /* 上传图片按钮 */ .upload-label.data-v-6d1f8ee2 { display: inline-block; } .upload-icon.data-v-6d1f8ee2 { width: 140rpx; height: 140rpx; } /* 匿名评价 */ .anonymous-wrapper.data-v-6d1f8ee2 { display: flex; align-items: center; gap: 4rpx; } .anonymous-text.data-v-6d1f8ee2 { font-size: 26rpx; color: #666; font-weight: bold; } .tips.data-v-6d1f8ee2 { font-weight: 400; font-size: 20rpx; color: #C3C3C3; text-align: left; font-style: normal; } /* 发布按钮 */ .submitPage.data-v-6d1f8ee2 { position: fixed; bottom: 0; left: 0; right: 0; padding: 27rpx 0; background-color: #fff; } .submitPage .submit-button.data-v-6d1f8ee2 { width: 670rpx; margin: 0 40rpx; display: block; background-color: #e10011; color: #fff; border: none; border-radius: 50rpx; font-size: 32rpx; font-weight: bold; } .small-radio.data-v-6d1f8ee2 { border: none; -webkit-transform: scale(0.7); transform: scale(0.7); }