.list {
    padding: 0 10rpx;
}

.article {
    border-bottom: 1px dashed var(--gray-color);
}

.article:last-child {
    border-bottom: none;
}

.article a {
    color: var(--deep-gray-color);
    text-decoration: none;
}

.article-title {
    font-weight: bold;
}

.article-desc {
    color: var(--gray-color);
    word-wrap: break-word;
}

.article-time {
    font-size: var(--desc-font-size);
    color: var(--gray-color);
}

.page {
    display: flex;
    flex-direction: row;
    margin: var(--item-margin);
}

.page-item {
    padding: calc(var(--item-padding) / 2) var(--item-padding);
    margin-left: var(--item-margin);
    background-color: var(--most-light-gray-color);
    color: var(--black-color);
    border-radius: var(--round-radius);
}

.page-current {
    background-color: var(--blue-color);
    color: white;
    font-weight: bold;
}

.empty {
    margin: var(--item-margin);
}