/* study999-score-columns-aligned-v1 */

/*
 * 固定列：
 * 次数 | 日期 | 时间 | 正确率标签 | 百分比 | 分号 | 等级
 */
#app .study999-score-line {
    display: grid !important;
    grid-template-columns:
        5.8em 10ch 8ch 5em 6ch 1ch minmax(0, 1fr) !important;

    align-items: baseline !important;
    column-gap: 5px !important;
    row-gap: 3px !important;
    justify-content: start !important;

    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1 !important;
}

#app .study999-score-line > span {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

/* 百分号右对齐：8.2%、18.2%、100.0% 都以 % 为基准 */
#app .study999-score-line > .study999-score-value {
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1 !important;
}

/*
 * 手机窄屏改为两行：
 * 第一行：次数、日期、时间
 * 第二行：正确率、百分比、等级
 */
@media (max-width: 600px) {
    #app .study999-score-line {
        grid-template-columns:
            5.8em 10ch 8ch minmax(0, 1fr) !important;
        row-gap: 2px !important;
    }

    #app .study999-score-order {
        grid-column: 1;
        grid-row: 1;
    }

    #app .study999-score-date {
        grid-column: 2;
        grid-row: 1;
    }

    #app .study999-score-time {
        grid-column: 3;
        grid-row: 1;
    }

    #app .study999-score-label {
        grid-column: 2;
        grid-row: 2;
    }

    #app .study999-score-value {
        grid-column: 3;
        grid-row: 2;
        text-align: right !important;
    }

    #app .study999-score-separator {
        display: none !important;
    }

    #app .study999-score-line > span:last-child {
        grid-column: 4;
        grid-row: 2;
    }
}