// 在sab_enqueue_styles函数后添加以下代码：

// 为文章列表添加Steam风格包装
add_filter('the_content', 'sab_add_steam_layout');
function sab_add_steam_layout($content) {
    if (is_single()) {
        // 获取当前文章的特色图片
        $thumbnail_url = get_the_post_thumbnail_url(null, 'medium');
        $thumbnail_html = '';
        
        if ($thumbnail_url) {
            $thumbnail_html = sprintf(
                '<div class="steam-article-thumbnail">
                    <img src="%s" alt="%s" class="steam-cover-image">
                    <div class="steam-image-overlay">
                        <span class="steam-play-icon">▶</span>
                    </div>
                </div>',
                esc_url($thumbnail_url),
                esc_attr(get_the_title())
            );
        } else {
            // 如果没有特色图片，使用默认占位图
            $thumbnail_html = sprintf(
                '<div class="steam-article-thumbnail no-image">
                    <div class="steam-default-cover">
                        <span class="steam-default-icon">🦆</span>
                        <p>无封面图片</p>
                    </div>
                </div>'
            );
        }
        
        // 获取文章标签（模仿Steam标签）
        $tags_html = '';
        $post_tags = get_the_tags();
        if ($post_tags) {
            $tags_html = '<div class="steam-tags-container">';
            foreach ($post_tags as $tag) {
                $tags_html .= sprintf(
                    '<span class="steam-tag">%s</span>',
                    esc_html($tag->name)
                );
            }
            $tags_html .= '</div>';
        }
        
        // Steam风格布局结构
        $steam_layout = '
        <div class="steam-game-page">
            <!-- 顶部横幅区域 -->
            <div class="steam-header-section">
                <div class="steam-game-title">
                    <h1>' . get_the_title() . '</h1>
                    <div class="steam-meta-bar">
                        <span class="steam-uploader">' . get_the_author() . '</span>
                        <span class="steam-date">' . get_the_date('Y年m月d日') . '</span>
                        <span class="steam-source">yqgame.vip</span>
                    </div>
                </div>
            </div>
            
            <!-- 主内容区 -->
            <div class="steam-content-area">
                <!-- 左侧：文章缩略图 -->
                <div class="steam-left-panel">
                    ' . $thumbnail_html . '
                    ' . $tags_html . '
                    
                    <!-- Steam账号信息框 -->
                    <div class="steam-account-info">
                        <h3>📋 Steam账号信息</h3>
                        <div class="steam-account-details">
                            <p><strong>版本：</strong>Steam正版离线</p>
                            <p><strong>状态：</strong>可用</p>
                            <p><strong>更新：</strong>2025年12月12日</p>
                        </div>
                    </div>
                </div>
                
                <!-- 右侧：文章内容 -->
                <div class="steam-right-panel">
                    <div class="steam-article-content">
                        ' . $content . '
                    </div>
                    
                    <!-- 相关文章展示（模仿截图2） -->
                    <div class="steam-related-articles">
                        <h3 class="steam-section-title">📰 文章展示</h3>
                        <div class="steam-articles-grid">
                            ' . sab_get_related_posts() . '
                        </div>
                    </div>
                </div>
            </div>
        </div>';
        
        return $steam_layout;
    }
    return $content;
}

// 获取相关文章（带缩略图）
function sab_get_related_posts() {
    $args = array(
        'posts_per_page' => 6,
        'post__not_in' => array(get_the_ID()),
        'orderby' => 'rand',
        'meta_key' => '_thumbnail_id', // 只获取有特色图片的文章
    );
    
    $related_posts = get_posts($args);
    $output = '';
    
    if ($related_posts) {
        foreach ($related_posts as $post) {
            setup_postdata($post);
            $thumbnail_url = get_the_post_thumbnail_url($post->ID, 'thumbnail');
            $output .= sprintf(
                '<a href="%s" class="steam-article-card">
                    <div class="steam-article-img">
                        %s
                    </div>
                    <div class="steam-article-info">
                        <h4>%s</h4>
                    </div>
                </a>',
                esc_url(get_permalink($post->ID)),
                $thumbnail_url ? 
                    '<img src="' . esc_url($thumbnail_url) . '" alt="' . esc_attr(get_the_title($post->ID)) . '">' : 
                    '<div class="no-thumbnail">📄</div>',
                esc_html(get_the_title($post->ID))
            );
        }
        wp_reset_postdata();
    } else {
        // 如果没有相关文章，显示占位内容
        $placeholder_titles = [
            'Palworld / 幻兽帕鲁',
            '冰汽时代2',
            '光与影：33号远征队',
            '《四海兄弟：最终版》',
            '深海迷航',
            '了不起的修仙模拟器'
        ];
        
        foreach ($placeholder_titles as $title) {
            $output .= sprintf(
                '<div class="steam-article-card placeholder">
                    <div class="steam-article-img">
                        <div class="no-thumbnail">🎮</div>
                    </div>
                    <div class="steam-article-info">
                        <h4>%s</h4>
                    </div>
                </div>',
                esc_html($title)
            );
        }
    }
    
    return $output;
}

// 确保文章有特色图片时，能被正确提取
add_action('after_setup_theme', 'sab_setup_thumbnails');
function sab_setup_thumbnails() {
    add_theme_support('post-thumbnails');
    add_image_size('steam-cover', 400, 200, true);
    add_image_size('steam-thumbnail', 180, 100, true);
}