.nav a.menu-hsc-results {
    color: var(--orange-color);
}

/* HSC RESULTS */
.results-header {
    margin-top: 30px;
}

.results-header .title {
    font-size: var(--largest-font-size);
    font-weight: var(--large-font-weight);
    text-align: center;
}

.results-header .description {
    font-size: var(--large-font-size);
    font-weight: var(--normal-font-weight);
    text-align: center;
}

.results-header .congrats-banner {
    background: #e9e5ff;
    padding: 12px 25px;
    margin-top: 20px;
    border-radius: var(--small-border-radius);
    font-size: var(--larger-font-size);
    font-weight: var(--large-font-weight);
    text-align: center;
}

.results-header .congrats-banner .icon {
    font-size: var(--larger-font-size);
}

/* Card Styling */
.student-card {
    padding: 20px;
    margin-top: 30px;
    background: #FFFFFF;
    border-radius: var(--large-border-radius);
    display: flex;
    align-items: flex-start;
    grid-template-columns: 3;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: var(--shadow);
}

.student-card .profile-pic img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    margin-right: 25px;
    align-self: center;
}

.student-card .student-info {
    flex-grow: 1;
}

.student-card .student-info .score-card {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
    grid-template-columns: repeat(2, 1fr);
}

.student-card .student-info .score-card .score-box {
    text-align: center;
    background: #fff9f0;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 5px;
    background: #ffffff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 247, 186, 1) 100%);
}

.student-card .student-info .score-card .score-box label {
    display: block;
    color: var(--navy-color);
    font-size: var(--larger-font-size);
}

.student-card .student-info .score-card .score-box .score {
    font-size: var(--score-font-size);
    font-weight: var(--large-font-weight);
    color: var(--gold-color);
}

.student-card .student-info .student-name {
    margin: 0;
    color: var(--navy-color);
    font-size: var(--largest-font-size);
}

.student-name-mobile {
    display: none;
}

.atar-laurel {
    text-align: center;
    margin-left: 20px;
    margin-top: -48px;
    align-self: center;
    padding: 10px;
    background: radial-gradient(circle, rgba(255, 247, 186, 1) 0%, rgba(255, 251, 219, 0.1) 48%, rgba(255, 255, 255, 0) 60%);
}

.atar-laurel img {
    width: 100%;
}

.atar-laurel-container {
    margin-top: -134px;
}

.laurel-text label {
    display: block;
    font-size: var(--larger-font-size);
    color: var(--gold-dark-color);
    font-weight: var(--large-font-weight);
}

.laurel-text .atar-val {
    font-weight: var(--large-font-weight);
    font-size: var(--atar-font-size);
    color: var(--gold-dark-color);
}

/* Footer & Buttons */
.action-footer {
    text-align: center;
    margin-top: 40px;
}

.read-more {
    background: #fff9f0;
    border: 1px solid #ffd8a8;
    color: #9B5D08;
    padding: 10px 30px;
    border-radius: 20px;
    cursor: pointer;
    margin-bottom: 40px;
}

/* 2. 手机端样式分割点 (屏幕宽度 < 768px) */
@media screen and (max-width: 767px) {
    .student-card {
        padding: 10px 10px 20px;
        position: relative;
    }

    .student-card .profile-pic,
    .student-card .profile-pic img {
        width: 120px;
        height: 120px;
    }

    .student-card .student-info {
        width: 40%;
        padding-left: 10px;
    }

    .student-card .student-info .score-card {
        display: block;
    }

    .student-card .student-info .score-card .score-box {
        padding: 5px;
        margin-top: 0;
        width: 96px;
    }

    .student-card .student-info .score-card .score-box label {
        font-size: var(--large-font-size);
    }

    .student-card .student-info .student-name {
        display: none;
    }

    .atar-laurel {
        padding: 5px;
        margin: 0;
        margin-top: -10px;
    }

    .laurel-text label {
        font-size: 20px;
        font-weight: var(--large-font-weight);
    }

    .laurel-text .atar-val {
        font-size: 26px;
        font-weight: var(--large-font-weight);
    }

    .atar-laurel-container {
        margin-top: -58px;
    }

    .student-name-mobile {
        display: block;
        position: absolute;
        left: 10px;
        bottom: -3px;
        font-weight: var(--large-font-weight);
        font-size: var(--large-font-size);
    }

    .atar-laurel img {
        display: none;
    }

    .atar-laurel-container {
        margin-top: 0;
        margin-left: 10px;
    }

    .student-card .student-info .score-card .score-box {
        width: 100%;
    }
}