.certificate-image-actual {
    padding: 10px 10px;
    display: flex;
    border: 12px double #d4af37;
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

    .certificate-image-actual > .left-section {
        width: 50%;
        margin-right: 40px;
    }

    .certificate-image-actual > .right-section {
        width: 50%;
        text-align: left;
        margin-left: 40px;
    }

    .certificate-image-actual img {
        max-width: 50%;
        height: auto;
        margin: 5% 20% 5% 20%
    }

    .certificate-image-actual .color-grading {
        display: flex;
        justify-content: space-around;
    }

    .certificate-image-actual .clarity-grading {
        display: flex;
        justify-content: space-around;
    }

    .certificate-image-actual p,
    .certificate-image-actual h1,
    .certificate-image-actual h2 {
        margin-bottom: 10px;
        font-family: 'LXGWWenKaiMono-Medium', sans-serif;
    }

.solution-inform-content-words {
    white-space: pre-wrap; /* 保留空格和换行 */
}



@media (max-width: 768px) {
    .certificate-image-actual {
        padding: 5px 5px;
        border: 6px double #d4af37;
        border-radius: 6px;
        box-shadow: 0 6px 40px rgba(0, 0, 0, 0.15);
    }

        .certificate-image-actual > .left-section {
            margin-right: 5px;
        }

        .certificate-image-actual > .right-section {
            margin-left: 5px;
        }

        .certificate-image-actual p {
            font-size: 8px;
        }

        .certificate-image-actual h1 {
            font-size: 10px;
        }

        .textContext,
        .color-grading,
        .clarity-grading,
        .certificate-image-actual h2,
        .certificate-image-actual h3 {
            font-size: 8px;
        }
}