@media (max-width: 720px) {
    #plaza-list .quiz-published-card {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    #plaza-list .quiz-published-card .quiz-list-row-left {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        justify-self: stretch !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    #plaza-list .quiz-published-card .quiz-bazi-stack {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: start !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 2px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    #plaza-list .quiz-published-card .case-gender {
        width: 42px !important;
        min-width: 0 !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        box-sizing: border-box !important;
    }

    #plaza-list .quiz-published-card .quiz-bazi-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    #plaza-list .quiz-published-card .quiz-bazi-main .bazi-wrapper {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 6px 4px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    #plaza-list .quiz-published-card .quiz-bazi-main .case-bazi {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 4px minmax(0, 1fr) 4px minmax(0, 1fr) 4px minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    #plaza-list .quiz-published-card .quiz-bazi-main .bazi-pillar-cell {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    #plaza-list .quiz-published-card .quiz-bazi-main .bazi-sep {
        width: 4px !important;
        min-width: 0 !important;
        text-align: center !important;
    }

    #plaza-list .quiz-published-card .quiz-plaza-action-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }

    #plaza-list .quiz-published-card .quiz-plaza-action-row .quiz-btn {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    #plaza-list .quiz-published-card .quiz-plaza-action-row .quiz-answer-entry {
        grid-column: 1 / -1 !important;
    }

    #plaza-list .quiz-published-card .quiz-plaza-action-row .quiz-participants-entry,
    #plaza-list .quiz-published-card .quiz-plaza-action-row .quiz-case-detail-entry {
        grid-column: auto !important;
    }
}

@media (max-width: 430px) {
    #plaza-list .quiz-published-card.quiz-list-row-card {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}