.comment-message-card {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 24rpx;
    padding: 40rpx;
    color: #fff;
    box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.3);
    max-width: 600rpx;
    margin: 0 auto;
    display: flex;
    flex-direction: column;

    .comment-header {
        margin-bottom: 32rpx;
        text-align: center;

        .comment-title {
            font-size: 32rpx;
            font-weight: 500;
        }
    }

    .comment-body {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32rpx;

        .star-rating {
            display: flex;
            flex-direction: row;
            gap: 16rpx;

            .star-item {
                transition: transform 0.2s ease;

                &:active:not(.is-disabled) {
                    transform: scale(1.15);
                }

                &.is-disabled {
                    opacity: 0.8;
                }

                .star-icon {
                    font-size: 56rpx;
                    line-height: 1;

                    &.star-filled {
                        color: #FFD700;
                    }

                    &.star-empty {
                        color: rgba(255, 255, 255, 0.4);
                    }
                }
            }
        }

        .rating-desc {
            .rating-desc-text {
                font-size: 28rpx;
                color: rgba(255, 255, 255, 0.9);
                font-weight: 500;
            }
        }

        .submitted-status {
            display: flex;
            align-items: center;
            padding: 16rpx 32rpx;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 40rpx;

            .submitted-text {
                font-size: 28rpx;
                font-weight: 500;
            }
        }

        .no-permission {
            padding: 16rpx 32rpx;
            background: rgba(255, 255, 255, 0.15);
            border-radius: 40rpx;

            .no-permission-text {
                font-size: 26rpx;
                color: rgba(255, 255, 255, 0.7);
            }
        }

        .submit-btn {
            padding: 20rpx 56rpx;
            background: rgba(255, 255, 255, 0.2);
            border: 2rpx solid rgba(255, 255, 255, 0.4);
            border-radius: 48rpx;
            color: #fff;
            font-size: 28rpx;
            font-weight: 500;

            &.is-active {
                background: rgba(255, 255, 255, 0.95);
                border-color: transparent;

                .submit-btn-text {
                    color: #667eea;
                }
            }

            &[disabled] {
                opacity: 0.6;
            }

            .submit-btn-text {
                color: #fff;
            }
        }
    }
}
