// ============ Home ============
function renderHome() {
    var regions = getSortedRegions();
    var html = '';
    
    // ====== 顶部欢迎语 ======
    html += '<div class="home-welcome">';
    html += '    <div class="welcome-text">街头巷尾，都藏着生活的千百种答案</div>';
    html += '    <div class="welcome-sub">「SHANlife」把整座城的好...发现城市的美好</div>';
    html += '</div>';
    
    // ====== 快捷分类入口（类似图中"吃喝玩乐"板块） ======
    html += '<div class="quick-categories">';
    html += '    <div class="quick-cat-item" onclick="window._filterByQuickCat(\'food\')">';
    html += '        <span class="quick-icon">🍽️</span>';
    html += '        <span class="quick-label">美食餐饮</span>';
    html += '    </div>';
    html += '    <div class="quick-cat-item" onclick="window._filterByQuickCat(\'hotel\')">';
    html += '        <span class="quick-icon">🏨</span>';
    html += '        <span class="quick-label">酒店民宿</span>';
    html += '    </div>';
    html += '    <div class="quick-cat-item" onclick="window._filterByQuickCat(\'shopping\')">';
    html += '        <span class="quick-icon">🛍️</span>';
    html += '        <span class="quick-label">购物逛街</span>';
    html += '    </div>';
    html += '    <div class="quick-cat-item" onclick="window._filterByQuickCat(\'travel\')">';
    html += '        <span class="quick-icon">🎒</span>';
    html += '        <span class="quick-label">旅游玩乐</span>';
    html += '    </div>';
    html += '</div>';
    
    // ====== 服务分类网格（第二行） ======
    html += '<div class="service-grid">';
    
    var services = [
        { icon: '🍽️', label: '美食餐饮', desc: '发现身边好味道', cat: 'food' },
        { icon: '🏨', label: '酒店民宿', desc: '舒适住宿精选', cat: 'hotel' },
        { icon: '🛍️', label: '购物逛街', desc: '好店好物推荐', cat: 'shopping' },
        { icon: '🎒', label: '旅游玩乐', desc: '景点活动攻略', cat: 'travel' },
        { icon: '🚗', label: '交通出行', desc: '便捷出行服务', cat: 'transport' },
        { icon: '🛠️', label: '生活服务', desc: '便民服务集合', cat: 'service' },
        { icon: '🏥', label: '健康医疗', desc: '健康服务保障', cat: 'health' },
        { icon: '📚', label: '教育培训', desc: '学习成长平台', cat: 'education' },
        { icon: '🏠', label: '房产家居', desc: '房产家居服务', cat: 'realestate' }
    ];
    
    services.forEach(function(s, index) {
        html += '<div class="service-item" onclick="window._filterByQuickCat(\'' + s.cat + '\')">';
        html += '    <span class="service-icon">' + s.icon + '</span>';
        html += '    <div class="service-info">';
        html += '        <span class="service-label">' + s.label + '</span>';
        html += '        <span class="service-desc">' + s.desc + '</span>';
        html += '    </div>';
        html += '</div>';
    });
    
    html += '</div>';
    
    // ====== 精选程序（第三行） ======
    html += '<div class="section-header">';
    html += '    <span class="section-title-text">精选程序</span>';
    html += '    <span class="section-more" onclick="window._showToast(\'更多程序开发中...\')">更多程序 ></span>';
    html += '</div>';
    
    var apps = [
        { icon: '🍜', name: 'SHAN外卖', desc: '美食送到家', action: 'food' },
        { icon: '🛒', name: 'SHAN优选', desc: '精选好物', action: 'shopping' },
        { icon: '🚗', name: 'SHAN出行', desc: '便捷出行', action: 'transport' },
        { icon: '🎉', name: 'SHAN活动', desc: '活动资讯', action: 'travel' },
        { icon: '💬', name: 'SHAN客服', desc: '贴心服务', action: 'service' }
    ];
    
    html += '<div class="app-grid">';
    apps.forEach(function(app) {
        html += '<div class="app-item" onclick="window._filterByQuickCat(\'' + app.action + '\')">';
        html += '    <span class="app-icon">' + app.icon + '</span>';
        html += '    <span class="app-name">' + app.name + '</span>';
        html += '    <span class="app-desc">' + app.desc + '</span>';
        html += '</div>';
    });
    html += '</div>';
    
    // ====== 地区列表（原有逻辑，保留但改为"城市列表"样式） ======
    if (regions.length > 0) {
        html += '<div class="section-header" style="margin-top:20px;">';
        html += '    <span class="section-title-text">🏙️ 城市列表</span>';
        html += '</div>';
        html += '<div class="region-grid">';
        regions.forEach(function(item) {
            var id = item[0];
            var r = item[1];
            var imgHtml = r.coverPhoto ?
                '<img src="' + escapeAttr(r.coverPhoto) + '" alt="' + escapeHtml(r.name) + '" loading="lazy">' :
                '<div class="placeholder">🏙️</div>';
            html += '\n                            <div class="region-card" data-region-id="' + escapeHtml(id) + '" onclick="window._goToRegion(\'' + escapeHtml(id) + '\')">\n                    <div class="card-img">' + imgHtml + '</div>\n                    <div class="card-body">' + escapeHtml(r.name || '未命名') + '</div>\n                  </div>';
        });
        html += '</div>';
    }
    
    mainContent.innerHTML = html;
}

// ============ 快捷分类筛选 ============
window._filterByQuickCat = function(cat) {
    // 如果有地区视图，应用筛选
    if (window.currentView === 'region' && window.currentRegionId) {
        // 先找到对应的分类ID
        var targetCatId = null;
        Object.keys(window.allCategories).forEach(function(key) {
            var c = window.allCategories[key];
            if (c.regionId === window.currentRegionId && c.quickCat === cat) {
                targetCatId = key;
            }
        });
        if (targetCatId) {
            window._filterCategory(targetCatId);
        } else {
            window._showToast('该地区暂无此分类');
        }
    } else {
        // 在首页点击，跳转到第一个有该分类的地区
        var found = false;
        var sortedRegions = getSortedRegions();
        for (var i = 0; i < sortedRegions.length; i++) {
            var regionId = sortedRegions[i][0];
            var foundCat = null;
            Object.keys(window.allCategories).forEach(function(key) {
                var c = window.allCategories[key];
                if (c.regionId === regionId && c.quickCat === cat) {
                    foundCat = key;
                }
            });
            if (foundCat) {
                window._goToRegion(regionId);
                setTimeout(function() {
                    window._filterCategory(foundCat);
                }, 300);
                found = true;
                break;
            }
        }
        if (!found) {
            window._showToast('暂未找到相关分类');
        }
    }
};