.container {
        max-width: 100%; /* 사이드메뉴(260px)를 제외한 화면 너비 */
        margin: 20px auto;
        padding: 20px;
        background-color: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        overflow-x: auto; /* 순수익 이후 항목들을 스크롤로 표시 */
    }

    .container .trophy-icon {
        font-size: 48px; /* 트로피 크기 */
        color: gold;
        text-align: center;
        margin-bottom: 30px; /* 트로피와 제목 사이의 여백 */
    }

    .container h1 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .container p {
        text-align: center;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .container table {
        width: 100%;
        table-layout: auto; /* 열 크기를 자동으로 조정하여 남은 공간을 채움 */
        border-collapse: collapse;
        margin: 0 auto;
        display: block;
        overflow-x: auto; /* 테이블이 스크롤 가능하도록 */
        white-space: nowrap; /* 열들이 한 줄로 유지 */
    }

    .container table, .container th, .container td {
        border: 1px solid #ddd;
    }

    .container th, .container td {
        padding: 12px;
        text-align: center;
    }

    .container th {
        background-color: #f4f4f4;
        font-weight: bold;
    }

    .container .trophy {
        font-size: 18px;
        color: gold;
    }

    .container .medal-silver {
        color: silver;
    }

    .container .medal-bronze {
        color: #cd7f32;
    }

    .container .other-icon {
        font-size: 18px;
        color: #555;
    }

   .container .emphasize {
        font-weight: bold;
    }

    /* 순위 열의 너비를 최소화 */
    .container td:nth-child(1) {
        white-space: nowrap;
        min-width: 60px;
    }

    /* 닉네임과 순수익 열 */
    .container td:nth-child(2),
    .container td:nth-child(3),
    .container td:nth-child(4),
    .container td:nth-child(5) {
        white-space: nowrap;
        min-width: 110px;
    }

    /* 코멘트 열이 남은 공간을 차지하게 설정 */
    .container td:nth-child(6) {
        width: 100%; /* 남은 공간을 코멘트 열이 차지하도록 */
    }

    /* 반응형 스타일 */
    @media (max-width: 768px) {
        .container {
            max-width: 100%;
            padding: 10px;
        }

        .container th, .container td {
            font-size: 14px;
            padding: 8px;
            min-width: 80px;
        }

        /* 순위 열의 최소 너비를 더 줄임 */
        .container td:nth-child(1) {
            min-width: 40px; /* 작은 화면에서는 순위 열을 40px로 축소 */
        }
    }