.type-table th,
.type-table td {
    padding: 0;
    border: 1px solid #f0f0f0
}

.cell-atkdef {
    font-size: .625rem;
    font-weight: normal;
    line-height: 1
}

.type-cell {
    display: block;
    width: 66px !important;
    height: 28px !important;
    font-size: .625rem;
    margin-bottom: 0;
    line-height: 26px !important
}

.type-abbr {
    width: 28px
}

.type-fx-cell,
.type-fx-icon {
    color: #ffdd57;
    font-size: .625rem;
    width: 28px !important;
    height: 28px !important;
    line-height: 26px;
    text-align: center
}

.type-fx-icon {
    display: inline-block;
    border: 1px solid #f0f0f0
}

.type-fx-25,
.type-fx-50 {
    font-size: .75rem
}

.type-fx-null {
    background-color: #f0f0f0
}

.type-fx-0 {
    background-color: #2e3436
}

.type-fx-25 {
    background-color: #7c0000
}

.type-fx-50 {
    background-color: #a40000
}

.type-fx-100 {
    background-color: #fff
}

.type-fx-200 {
    background-color: #4e9a06
}

.type-fx-400 {
    background-color: #73d216
}

@media(min-width: 900px) {

    .type-cell,
    .type-fx-cell,
    .type-fx-icon {
        height: 36px !important;
        font-size: .75rem;
        line-height: 34px !important
    }

    .type-abbr,
    .type-fx-cell,
    .type-fx-icon {
        width: 36px !important
    }

    .cell-atkdef {
        line-height: 1.2
    }

    .type-fx-cell,
    .type-fx-icon {
        font-size: .75rem
    }

    .type-fx-25,
    .type-fx-50 {
        font-size: .875rem
    }
}

.type-fx-list {
    margin-left: 1.75rem
}

.cell-dual-type {
    display: flex
}

.cell-dual-type .type-icon:first-child {
    margin-right: 1px
}

.type-table .cell-total {
    padding: 0 10px
}

.has-pkmn>.cell-total {
    cursor: pointer
}

.has-pkmn>.cell-total:hover {
    background-color: #fffacd;
    text-decoration: underline
}

.modal-content>table {
    margin-bottom: 0
}

.type-table-dense .type-cell,
.type-table-dense .type-fx-cell,
.type-table-dense .type-fx-icon {
    height: 26px;
    font-size: .625rem;
    line-height: 24px
}

.type-table-dense .type-abbr,
.type-table-dense .type-fx-cell,
.type-table-dense .type-fx-icon {
    width: 26px
}

.infocard-list-types>.infocard {
    width: 168px
}

@supports(display: grid) {
    .infocard-list-types {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr))
    }
}
/* 这里样式这么写纯粹是为了增加优先级，因为details.js 中的样式更改会变动很多页面，所以只能这样写 */
.resp-scroll.text-center table.type-table-pokedex {
    display: inline-block ;
    margin: 0 0 0 -1px;
    border: 0;
    width: initial;
    border-bottom: initial;
    overflow: initial;
}
.resp-scroll.text-center table.type-table th:not(.dummy){
    background-color: #fff;
    height: initial;
}
.resp-scroll.text-center table.type-table th:not(.dummy) a{
    margin: initial;
    margin-bottom: 0;
}