/*
 * 关于本站（/about）专用样式，只由 templates/about.html 加载。
 */

.about-title {
    margin-bottom: var(--space-4);
}

.about-text {
    margin: 0 0 var(--space-4);
    color: var(--color-text-secondary);
}

.about-text--strong {
    color: var(--color-text);
    font-weight: var(--weight-semibold);
}

.about-quote {
    padding: var(--space-3) var(--space-4);
    margin: 0 0 var(--space-4);
    border-left: 3px solid var(--color-border-emphasis);
    background: var(--color-surface-sunken);
    color: var(--color-text-secondary);
    font-style: italic;
}

/* 社区公约条目 */
.about-rules {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
}

.about-rule {
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
}

.about-rule__icon {
    display: block;
    margin-bottom: var(--space-2);
    color: var(--color-accent);
    font-size: var(--text-xl);
}

.about-rule__title {
    margin: 0 0 var(--space-1);
    font-size: var(--text-md);
    font-weight: var(--weight-medium);
}

.about-rule__text {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
}

/* 开发团队成员：中性卡片，不再按序彩色 */
.about-team-member {
    width: 9rem;
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    text-align: center;
}

.about-team-member__avatar {
    display: block;
    width: 5rem;
    height: 5rem;
    margin: 0 auto var(--space-3);
    overflow: hidden;
    border: 2px solid var(--color-accent-soft-border);
    border-radius: var(--radius-full);
}

.about-team-member__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-team-member__name {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
}