/* ================================================================
   WAERFA.COM - 社区整合最终版样式表
   ================================================================ */

/* --- 1. 侧边栏：社区热议话题列表 --- */
.article-list .discourse-topics-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.article-list .discourse-topic {
    overflow: hidden;
    padding: 12px 0 !important;
    border-bottom: 1px solid #f5f5f7 !important;
}
.article-list .discourse-topic img.avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 4px !important;
    float: left;
    margin-right: 12px;
}
.article-list .discourse-topic-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}
.article-list .discourse-topic-title a {
    color: #333 !important;
    text-decoration: none !important;
}

/* --- 2. 文章页：Discourse 社区讨论区内容 --- */
.discourse-comments-area h2.comments-title,
.discourse-comments-area h2.discourse-comments-title {
    display: none !important; /* 隐藏英文标题 */
}
.discourse-comments-area .comment-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.discourse-comments-area li.comment {
    padding: 20px 0 !important;
    border-bottom: 1px solid #f2f2f5 !important;
}
.discourse-comments-area .avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 4px !important;
    float: left;
    margin-right: 12px !important;
}
.discourse-comments-area .fn {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #007aff !important; /* Apple 蓝 */
}
.discourse-comments-area .comment-content p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-left: 48px !important;
}

/* --- 3. 文章页：底部跳转引导 (强制按钮化) --- */

/* 缩小引导语字号 */
.waerfa-discourse-comments p,
.discourse-comments-area ~ p,
.wpds-topiclist-footer-meta {
    font-size: 14px !important;
    color: #666 !important;
    margin-top: 25px !important;
}

/* 域名链接：强制变成 Apple 蓝按钮风格 */
.waerfa-discourse-comments a[href*="talk.waerfa.com"],
.discourse-comments-area ~ p a,
.discourse-comments-area ~ a,
.wpds-topiclist-footer-meta a {
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #007aff !important; /* 强制蓝色 */
    background-color: #f0f6ff !important; /* 淡淡的背景色 */
    padding: 4px 12px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    border: 1px solid #d0e3ff !important;
    margin-left: 5px !important;
    transition: all 0.2s ease;
}

.waerfa-discourse-comments a[href*="talk.waerfa.com"]:hover {
    background-color: #007aff !important;
    color: #ffffff !important;
}

/* 缩小“参加讨论”标题 */
.waerfa-discourse-comments h3,
.discourse-comments-area ~ h3,
.wpds-participants-title {
    font-size: 14px !important;
    color: #999 !important;
    font-weight: 600 !important;
    margin-top: 20px !important;
    text-transform: none !important;
}

/* 参与者头像列表 */
.wpds-participants {
    display: flex !important;
    gap: 8px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px dashed #eee !important;
}
.wpds-participants img {
    width: 28px !important;
    height: 28px !important;
    border-radius: 4px !important;
}

/* --- 4. 文章页：原生历史评论样式 --- */
.waerfa-comment-list, .waerfa-comment-list ol {
    list-style: none !important;
    padding: 0 !important;
}
.waerfa-comment-list li.comment {
    padding: 20px 0 !important;
    border-bottom: 1px solid #f5f5f7 !important;
}
.waerfa-comment-list .avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 4px !important;
    float: left !important;
    margin-right: 15px !important;
}
.waerfa-comment-list .fn {
    font-size: 14px !important;
    font-weight: 600 !important;
}
.waerfa-comment-list .comment-content p {
    font-size: 15px !important;
    margin-left: 55px !important;
    color: #666 !important;
}
.waerfa-comment-list .says, .waerfa-comment-list .edit-link {
    display: none !important;
}