.list-page {
    --list-ink: #232323;
    --list-muted: #666666;
    --list-border: #dddddd;
    max-width: 72rem;
    margin: 0 auto 3rem;
}

.list-head {
    margin-bottom: 1rem;
}

.list-head-back {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.45rem;
    color: var(--list-muted);
    font-size: 0.82rem;
    text-decoration: none;
}

.list-head h1 {
    margin: 0;
    color: var(--list-ink);
    font-size: 1.15rem;
    line-height: 1.35;
}

.list-head p {
    margin: 0.45rem 0 0;
    color: var(--list-muted);
    font-size: 0.86rem;
    line-height: 1.55;
    word-break: keep-all;
}

.list-items {
    margin-top: 1rem;
    padding: 0.25rem 0 0;
}

.list-items .topic_row {
    padding: 0.25rem 0 0.85rem;
    margin-bottom: 0.55rem;
    border-bottom: 1px solid var(--list-border);
}

.list-items .topic_row:first-child {
    padding-top: 0.15rem;
}

.list-items .topictitle h1 {
    display: inline;
    margin: 0;
    font-size: 0.98rem !important;
    line-height: 1.5;
    font-weight: 600;
    text-wrap: balance;
}

.list-items .topicdesc {
    margin-top: 0.1rem;
    font-size: 0.84rem;
    line-height: 1.55;
    color: var(--list-muted);
}

.list-items .topicinfo {
    margin-top: 0.05rem;
    font-size: 0.79rem;
    color: var(--list-muted);
}

.list-items .topic_row .votenum,
.list-items .topic_row .vote {
    padding-top: 0.15rem;
}

.list-page .next {
    margin-left: 36px;
    margin-top: 1rem;
}

@media only screen and (max-width: 596px) {
    .list-head h1 {
        font-size: 1.08rem;
    }
}

@media (prefers-color-scheme: dark) {
    .list-page {
        --list-ink: #e3e3e3;
        --list-muted: #a3a3a3;
        --list-border: #4a4a4a;
    }
}