.el-avatar{--el-avatar-text-color:var(--el-color-white);--el-avatar-bg-color:var(--el-text-color-disabled);--el-avatar-text-size:14px;--el-avatar-icon-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-size-large:56px;--el-avatar-size-small:24px;--el-avatar-size:40px;align-items:center;background:var(--el-avatar-bg-color);box-sizing:border-box;color:var(--el-avatar-text-color);display:inline-flex;font-size:var(--el-avatar-text-size);height:var(--el-avatar-size);justify-content:center;outline:none;overflow:hidden;text-align:center;width:var(--el-avatar-size)}.el-avatar>img{display:block;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-size)}.el-avatar--small{--el-avatar-size:24px}.el-avatar--large{--el-avatar-size:56px}[data-v-8c15bd3d]:root{--el-color-primary:#3274fe;--el-color-primary-light-3:#6995f0;--el-color-primary-light-5:#cecece;--el-color-primary-light-7:#80a5ef;--el-color-primary-light-8:#b8d4ff;--el-color-primary-light-9:#e0e7ff;--el-color-primary-dark-2:#3274fe;--el-button-bg-color:transparent}.comment-card[data-v-8c15bd3d]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease}.comment-card[data-v-8c15bd3d]:hover{box-shadow:0 4px 16px #0000001a}.comment-card .image-section[data-v-8c15bd3d]{height:200px;overflow:hidden;position:relative;width:100%}.comment-card .image-section .comment-image[data-v-8c15bd3d]{height:100%;width:100%}.comment-card .image-section .no-image[data-v-8c15bd3d]{align-items:center;background:#f5f5f5;display:flex;height:100%;justify-content:center;width:100%}.comment-card .image-section .no-image .image-icon[data-v-8c15bd3d]{color:#ccc;font-size:48px}.comment-card .image-section .status-badge[data-v-8c15bd3d]{background:transparent;border:1px solid;border-radius:4px;font-size:12px;font-weight:500;left:8px;padding:4px 12px;position:absolute;top:8px;z-index:101}.comment-card .image-section .status-badge.status-pending[data-v-8c15bd3d]{border-color:#ff8d1a;color:#ff8d1a}.comment-card .image-section .status-badge.status-approved[data-v-8c15bd3d]{border-color:#59bb3b;color:#59bb3b}.comment-card .image-section .status-badge.status-rejected[data-v-8c15bd3d]{border-color:#e31e1e;color:#e31e1e}.comment-card .image-section .delete-btn[data-v-8c15bd3d]{align-items:center;background:#f56c6c;border:none;border-radius:50%;cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:26px;z-index:101}.comment-card .image-section .delete-btn[data-v-8c15bd3d] .el-icon{color:#fff;font-size:16px}.comment-card .image-section .delete-btn[data-v-8c15bd3d]:hover{background:#e43939}.comment-card .info-section[data-v-8c15bd3d]{padding:16px}.comment-card .info-section .rating-row[data-v-8c15bd3d]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.comment-card .info-section .rating-row .rating-left[data-v-8c15bd3d]{align-items:center;display:flex}.comment-card .info-section .rating-row .rating-left .star-rating[data-v-8c15bd3d]{display:flex;gap:2px}.comment-card .info-section .rating-row .rating-left .star-rating .star[data-v-8c15bd3d]{color:#e5e5e5;font-size:16px}.comment-card .info-section .rating-row .rating-left .star-rating .star.active[data-v-8c15bd3d]{color:#ffb800}.comment-card .info-section .rating-row .rating-left .evaluate-type[data-v-8c15bd3d]{border-radius:4px;font-size:12px;margin-left:4px;padding:2px 8px}.comment-card .info-section .rating-row .rating-left .evaluate-type.good[data-v-8c15bd3d],.comment-card .info-section .rating-row .rating-left .evaluate-type.positive[data-v-8c15bd3d]{background:#e8f5e9;color:#2e7d32}.comment-card .info-section .rating-row .rating-left .evaluate-type.medium[data-v-8c15bd3d],.comment-card .info-section .rating-row .rating-left .evaluate-type.moderate[data-v-8c15bd3d]{background:#fff3e0;color:#ef6c00}.comment-card .info-section .rating-row .rating-left .evaluate-type.bad[data-v-8c15bd3d],.comment-card .info-section .rating-row .rating-left .evaluate-type.negative[data-v-8c15bd3d]{background:#ffebee;color:#c62828}.comment-card .info-section .rating-row .material-tag[data-v-8c15bd3d]{background:#e3ecff;border-radius:4px;color:#3274fe;font-size:12px;max-width:74px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.comment-card .info-section .user-info[data-v-8c15bd3d]{align-items:center;display:flex;gap:8px;margin-bottom:12px}.comment-card .info-section .user-info .user-avatar[data-v-8c15bd3d]{background:#eee;color:#fff;font-size:14px}.comment-card .info-section .user-info .user-name[data-v-8c15bd3d]{color:#333;font-size:14px;font-weight:500}.comment-card .info-section .content[data-v-8c15bd3d]{color:#666;display:-webkit-box;font-size:14px;height:67px;line-height:1.6;margin-bottom:12px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.comment-card .info-section .bottom-row[data-v-8c15bd3d]{align-items:center;display:flex;justify-content:space-between}.comment-card .info-section .bottom-row .like-section[data-v-8c15bd3d]{align-items:center;cursor:pointer;display:flex;gap:4px;position:relative}.comment-card .info-section .bottom-row .like-section .like-icon[data-v-8c15bd3d]{height:16px;width:16px}.comment-card .info-section .bottom-row .like-section .like-count[data-v-8c15bd3d]{color:#999;font-size:14px;line-height:1}.comment-card .info-section .bottom-row .like-section .float-plus[data-v-8c15bd3d]{animation:floatUp-8c15bd3d 1s ease-out forwards;color:#eec628;font-size:18px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes floatUp-8c15bd3d{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-100px) scale(1.2)}}.comment-card .info-section .bottom-row .evaluate-time[data-v-8c15bd3d]{color:#999;font-size:12px}[data-v-8c15bd3d] .el-rate__icon{margin-right:2px!important}[data-v-66d61577]:root{--el-color-primary:#3274fe;--el-color-primary-light-3:#6995f0;--el-color-primary-light-5:#cecece;--el-color-primary-light-7:#80a5ef;--el-color-primary-light-8:#b8d4ff;--el-color-primary-light-9:#e0e7ff;--el-color-primary-dark-2:#3274fe;--el-button-bg-color:transparent}.comment-detail[data-v-66d61577]{background:#fff;border-radius:8px;overflow:hidden}.comment-detail .detail-content[data-v-66d61577]{display:flex;gap:30px}.comment-detail .left-section[data-v-66d61577]{flex-shrink:0;width:315px}.comment-detail .left-section .main-image[data-v-66d61577]{border-radius:8px;height:500px;margin-bottom:16px;overflow:hidden;width:100%}.comment-detail .left-section .main-image .image-main[data-v-66d61577]{height:100%;width:100%}.comment-detail .left-section .main-image .no-image[data-v-66d61577]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.comment-detail .left-section .main-image .no-image .image-icon[data-v-66d61577]{color:#ccc;font-size:64px}.comment-detail .left-section .thumbnails[data-v-66d61577]{display:flex;gap:12px}.comment-detail .left-section .thumbnails .thumbnail-item[data-v-66d61577]{border:2px solid transparent;border-radius:6px;cursor:pointer;height:50px;overflow:hidden;transition:all .3s ease;width:50px}.comment-detail .left-section .thumbnails .thumbnail-item.active[data-v-66d61577]{border-color:#3274fe}.comment-detail .left-section .thumbnails .thumbnail-item .thumbnail[data-v-66d61577]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.comment-detail .right-section[data-v-66d61577]{flex:1;max-height:600px;min-width:0;overflow-y:auto;scrollbar-color:#ccc #fff;scrollbar-width:thin}.comment-detail .right-section[data-v-66d61577]::-webkit-scrollbar{height:6px;width:6px}.comment-detail .right-section[data-v-66d61577]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.comment-detail .right-section[data-v-66d61577]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.comment-detail .right-section[data-v-66d61577]::-webkit-scrollbar-thumb:hover{background:#999}.comment-detail .right-section .rating-row[data-v-66d61577]{align-items:center;display:flex;gap:12px;margin-bottom:16px}.comment-detail .right-section .rating-row .star-rating[data-v-66d61577]{display:flex;gap:4px}.comment-detail .right-section .rating-row .star-rating .star[data-v-66d61577]{color:#e5e5e5;font-size:20px}.comment-detail .right-section .rating-row .star-rating .star[data-v-66d61577] .active{color:#ffb800}.comment-detail .right-section .rating-row .evaluate-type[data-v-66d61577]{border-radius:4px;font-size:14px;font-weight:500;padding:4px 12px}.comment-detail .right-section .rating-row .evaluate-type.good[data-v-66d61577],.comment-detail .right-section .rating-row .evaluate-type.positive[data-v-66d61577]{background:#e8f5e9;color:#2e7d32}.comment-detail .right-section .rating-row .evaluate-type.medium[data-v-66d61577],.comment-detail .right-section .rating-row .evaluate-type.moderate[data-v-66d61577]{background:#fff3e0;color:#ef6c00}.comment-detail .right-section .rating-row .evaluate-type.bad[data-v-66d61577],.comment-detail .right-section .rating-row .evaluate-type.negative[data-v-66d61577]{background:#ffebee;color:#c62828}.comment-detail .right-section .user-info[data-v-66d61577]{align-items:center;margin-bottom:16px}.comment-detail .right-section .user-info .user-avatar[data-v-66d61577]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px}.comment-detail .right-section .user-info .user-avatar .user-avatar-img[data-v-66d61577]{height:100%;width:100%}.comment-detail .right-section .user-info .user-detail[data-v-66d61577]{align-items:end}.comment-detail .right-section .user-info .user-detail .user-name[data-v-66d61577]{color:#333;font-size:16px;font-weight:600}.comment-detail .right-section .user-info .user-detail .evaluate-time[data-v-66d61577]{color:#999;font-size:12px;text-align:right}.comment-detail .right-section .material-info[data-v-66d61577]{margin-bottom:16px}.comment-detail .right-section .material-info .material-label[data-v-66d61577]{color:#383838;font-size:14px}.comment-detail .right-section .material-name[data-v-66d61577]{color:#000;font-size:14px;font-weight:500;margin-bottom:16px}.comment-detail .right-section .material-name .el-text[data-v-66d61577]{color:#000;font-size:14px}.comment-detail .right-section .delivery-info[data-v-66d61577]{align-items:center;background:#fff9e6;border-radius:6px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.comment-detail .right-section .delivery-info .delivery-icon[data-v-66d61577]{color:#ff9800;font-size:16px}.comment-detail .right-section .delivery-info span[data-v-66d61577]{color:#666;font-size:14px}.comment-detail .right-section .content-section[data-v-66d61577]{border-bottom:1px solid #f0f0f0;gap:5px;margin-bottom:20px;padding-bottom:20px}.comment-detail .right-section .content-section.no-border[data-v-66d61577]{border-bottom:none;margin-bottom:0}.comment-detail .right-section .content-section .content-label[data-v-66d61577]{color:#a6a6a6;font-size:14px;font-weight:500;line-height:1.8}.comment-detail .right-section .content-section .content-text[data-v-66d61577]{color:#383838;font-size:14px;line-height:1.8;white-space:pre-wrap}.comment-detail .right-section .reply-section[data-v-66d61577]{background:#f8fafc;border-radius:8px;padding:16px}.comment-detail .right-section .reply-section .reply-item[data-v-66d61577]{padding-bottom:16px}.comment-detail .right-section .reply-section .reply-item[data-v-66d61577]:last-child{padding-bottom:0}.comment-detail .right-section .reply-section .reply-item .reply-label[data-v-66d61577]{color:#333;font-size:14px;font-weight:500;margin-bottom:8px}.comment-detail .right-section .reply-section .reply-item .reply-content[data-v-66d61577]{color:#666;font-size:14px;line-height:1.6;margin-bottom:8px}.comment-detail .right-section .bottom-row[data-v-66d61577]{display:flex;justify-content:flex-start}.comment-detail .right-section .bottom-row .like-section[data-v-66d61577]{align-items:center;cursor:pointer;display:flex;gap:8px;position:relative}.comment-detail .right-section .bottom-row .like-section .like-icon[data-v-66d61577]{height:20px;width:20px}.comment-detail .right-section .bottom-row .like-section .like-count[data-v-66d61577]{color:#666;font-size:16px}.comment-detail .right-section .bottom-row .like-section .float-plus[data-v-66d61577]{animation:floatUp-66d61577 1s ease-out forwards;color:#eec628;font-size:18px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes floatUp-66d61577{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-100px) scale(1.2)}}.reply-images[data-v-66d61577]{margin:10px 0 0 80px}.reply-item[data-v-66d61577]{color:gray}.null-avtar[data-v-66d61577]{background:#eee;height:40px;width:40px}.reply-time[data-v-66d61577]{color:#999;font-size:12px}.comment-content-box[data-v-66d61577]{height:305px;overflow-x:hidden;overflow-y:auto}.comment-content-box[data-v-66d61577] ::-webkit-scrollbar,.comment-content-box[data-v-66d61577] ::-webkit-scrollbar-thumb{background-color:#fff!important;height:8px;width:8px}