/**
 * Minimal主题样式 - 紧凑列表设计
 * 参考截图3：图标+站点名+发布了+标题 / 时间 / 摘要
 * @package FindblogRss
 */

/* ========== 容器（无外围边框） ========== */
.findblog-rss-container {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    max-width: none !important;
    box-shadow: none !important;
}

/* ========== 网格布局 ========== */
.findblog-rss-grid {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

/* 单列布局 */
.findblog-rss-grid.columns-1 .findblog-rss-item {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.findblog-rss-grid.columns-1 .findblog-rss-item:last-child {
    border-bottom: none;
}

/* 多列布局 */
.findblog-rss-grid.columns-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.findblog-rss-grid.columns-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.findblog-rss-grid.columns-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* ========== 条目样式（左右布局） ========== */
.findblog-rss-item {
    padding: 20px 0;
    margin: 0;
    background: transparent;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

/* ========== 左侧站点图标 ========== */
.feed-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

/* ========== 右侧内容区 ========== */
.findblog-rss-content {
    flex: 1;
    min-width: 0;
}

/* ========== 第一行：站点名+发布了+标题（同一行） ========== */
.findblog-rss-main {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    margin-bottom: 8px;
    line-height: 1.5;
    gap: 6px; /* 添加合理间距 */
}

/* 站点名称 */
.feed-name {
    color: #333;
    font-weight: 500;
    font-size: 15px;
    flex-shrink: 0;
}

.feed-name a {
    color: inherit;
    text-decoration: none !important;
}

.feed-name a:hover {
    color: #2196F3;
}

/* "发布了："文字（跟随标题样式） */
.publish-text {
    color: inherit; /* 继承标题颜色 */
    font-size: inherit; /* 继承标题字号 */
    flex-shrink: 0;
}

/* 标题（inline，不换行） */
.post-title {
    margin: 0;
    font-weight: normal;
    font-size: 16px;
    flex: 1;
    min-width: 0;
    display: inline;
    color: #000; /* 默认标题颜色 */
}

.post-title a {
    color: inherit; /* 继承标题颜色 */
    text-decoration: none !important;
}

.post-title a:hover {
    color: #2196F3;
}

/* ========== 第二行：时间 ========== */
.post-time {
    color: #999;
    font-size: 13px;
    margin: 0 0 10px 0;
    line-height: 1.4;
}

/* ========== 第三行：摘要 ========== */
.post-summary {
    color: #666;
    line-height: 1.6;
    margin: 0;
    font-size: 14px;
}

/* ========== 移除所有下划线（强制优先级） ========== */
.findblog-rss-container a,
.findblog-rss-container a:hover,
.findblog-rss-container a:focus,
.findblog-rss-container a:active,
.findblog-rss-container a:visited {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* ========== 响应式设计 ========== */
@media (max-width: 768px) {
    .findblog-rss-grid.columns-2,
    .findblog-rss-grid.columns-3,
    .findblog-rss-grid.columns-4 {
        grid-template-columns: 1fr;
    }
    
    .feed-icon {
        width: 40px;
        height: 40px;
    }
    
    .findblog-rss-item {
        gap: 10px;
    }
    
    /* 移动端隐藏"发布了"文字 */
    .publish-text {
        display: none;
    }
    
    /* 移动端调整间距 */
    .findblog-rss-main {
        gap: 8px;
    }
}