/**
 * 近义词 / 反义词频道（/jinyici/、/fanyici/）
 * - 首页：字数筛选条、词条卡片
 * - 详情：近/反义列表 + 释义链
 */

/* 详情页标题区 */
.related-hero {
    padding: 20px 0 8px;
    text-align: center;
}

.related-hero .eyebrow {
    margin: 0 0 8px;
    color: var(--ink-muted, #666);
    font-size: 14px;
}

.related-hero h1 {
    margin: 0 0 10px;
    font-family: var(--font-kai);
    font-size: clamp(1.8rem, 4vw, 2.4rem);
    font-weight: 700;
    color: var(--ink);
}

.related-hero .lead {
    max-width: 36em;
    margin: 0 auto 14px;
    text-align: center;
}

.related-actions {
    justify-content: center;
    flex-wrap: wrap;
}

/* 近/反义词条列表 */
.related-peer-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
}

.related-peer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid var(--line);
    background: var(--paper-2, var(--paper));
}

.related-peer__main {
    flex: 1;
    color: var(--ink);
    text-decoration: none;
    font-size: 1.05rem;
    font-weight: 600;
}

.related-peer__main:hover {
    color: var(--azurite);
}

/* 复制 / 释义 操作组 */
.related-peer__acts {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.related-peer__btn {
    flex: none;
    min-height: 40px;
    min-width: 44px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--line);
    background: var(--paper);
    color: var(--ink-muted, #555);
    text-decoration: none;
    font: inherit;
    font-size: 14px;
    cursor: pointer;
}

.related-peer__btn:hover {
    border-color: var(--azurite);
    color: var(--azurite);
}

/* 详情页底部：返回大全 */
.related-back {
    margin: 20px 0 8px;
    text-align: center;
}

.related-back .btn {
    min-height: 44px;
}

/* 首页字数筛选 */
.related-len {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin: 12px 0 8px;
}

.related-len a {
    min-height: 40px;
    min-width: 44px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--line);
    background: var(--paper);
    color: var(--ink);
    text-decoration: none;
    font-size: 14px;
}

.related-len a:hover {
    border-color: var(--azurite);
    color: var(--azurite);
}

.related-len a.is-current {
    border-color: var(--azurite);
    background: var(--azurite);
    color: #fff;
    font-weight: 600;
}

/* 搜索无结果提示（对齐组词频道） */
.related-search-err {
    margin: 8px 0 0;
    color: var(--cinnabar);
    font-size: 15px;
    text-align: center;
}

/* 首页卡片：偏矮、信息紧凑 */
.related-cards.list-cards {
    gap: 10px;
}

.related-card.card {
    padding: 10px 12px;
}

.related-card .word {
    margin: 0;
    font-family: var(--font-kai);
    font-size: 1.15rem;
    line-height: 1.35;
    color: var(--ink);
}

.related-card__hint {
    margin: 2px 0 0;
    font-size: 12px;
    line-height: 1.3;
    color: var(--ink-muted, #666);
}

/* 手机：首页双列 */
@media (min-width: 480px) {
    .related-cards.list-cards {
        grid-template-columns: 1fr 1fr;
    }
}

/* Pad：首页三列；详情 peers 双列 */
@media (min-width: 768px) {
    .related-cards.list-cards {
        grid-template-columns: repeat(3, 1fr);
    }

    .related-peer-list {
        grid-template-columns: 1fr 1fr;
    }
}

/* 桌面：首页四列；详情 peers 三列 */
@media (min-width: 1025px) {
    .related-cards.list-cards {
        grid-template-columns: repeat(4, 1fr);
    }

    .related-peer-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}