/*
Theme Name: Riven
Theme URI: https://zhoutian.com/
Author: manxin
Author URI: https://zhoutian.com/
Description: Riven WordPress edition, converted from the Typecho theme with shared styles and assets.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: riven
*/

.guidang-page .post_content ul,
.riven-heart-comments {
    list-style: none;
    margin: 0;
    padding: 0;
}

.guidang-page .post_content li,
.riven-heart-comments li {
    border-bottom: 1px solid rgba(120, 93, 72, .16);
    padding: 12px 0;
}

.guidang-page time,
.riven-heart-comments small {
    color: var(--text-secondary, #8b8078);
    font-size: 13px;
}

.page-links {
    margin-top: 24px;
}

.riven-about-tags,
.riven-about-contacts,
.rank-stats {
    display: grid;
    gap: 12px;
}

.riven-about-tags {
    grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
    margin: 16px 0 24px;
}

.riven-about-tags span,
.rank-stat,
.rank-card,
.riven-about-contacts a,
.riven-link-rules li,
.riven-link-info {
    border: 1px solid rgba(120, 93, 72, .16);
    border-radius: 8px;
    background: rgba(255, 252, 246, .48);
}

.riven-about-tags span {
    padding: 10px 12px;
    text-align: center;
}

.riven-about-history {
    list-style: none;
    padding: 0;
}

.riven-about-history li {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(120, 93, 72, .14);
}

.riven-about-contacts {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.riven-about-contacts a,
.rank-card,
.riven-link-rules li {
    padding: 14px;
    text-decoration: none;
}

.rank-stats {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    margin: 0 0 20px;
}

.rank-stat {
    padding: 14px;
}

.rank-stat strong {
    display: block;
    font-size: 24px;
}

.rank-list {
    display: grid;
    gap: 14px;
}

.rank-card {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 14px;
}

.rank-avatar img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}

.riven-link-rules {
    list-style: none;
    padding: 0;
}

.riven-link-rules li {
    display: grid;
    gap: 6px;
    margin-bottom: 12px;
}

.riven-link-info {
    padding: 14px;
}

.riven-link-info dt {
    font-weight: 700;
}

.riven-link-info dd {
    margin: 0 0 10px;
}

@media (max-width: 640px) {
    .riven-about-history li {
        grid-template-columns: 1fr;
    }
}