<!-- 调试信息 -->
<!-- REQUEST_URI: /category/1?page=23 -->
<!-- GET参数: Array
(
    [page] => 23
    [category] => 1
)
 -->
<!-- categoryId: 1 -->
<!-- pageParam: 23 -->
<!-- page: 23 -->
<!-- 查询条件: Array
(
    [page] => 23
    [limit] => 20
    [category_id] => 1
)
 -->
<!-- 查询结果: Array
(
    [apps] => Array
        (
            [0] => Array
                (
                    [id] => 13
                    [site_id] => 1
                    [category_id] => 1
                    [third_party_id] => 127
                    [app_name] => Lorem文本生成
                    [app_type] => 3
                    [file_size] => 0.00
                    [version] => 1100
                    [description] => 
                    [cover_image] => /bak/images/screenshot/732b78811ce00586d27b312ec6fbf380.png
                    [icon] => 
                    [seo_title] => 
                    [seo_keywords] => 
                    [seo_description] => 
                    [developer] => 
                    [official_site] => 
                    [system_requirements] => 
                    [features] => 
                    [update_log] => 
                    [sort_order] => 0
                    [download_count] => 0
                    [view_count] => 36
                    [rating] => 10.00
                    [language] => 中文
                    [license_type] => 免费
                    [tags] => 
                    [status] => 1
                    [create_time] => 2025-07-23 22:34:37
                    [update_time] => 2025-08-02 11:50:06
                    [app_slug] => app_lorem_generate
                    [cover_thumbnail] => /bak/images/screenshot_thumb/732b78811ce00586d27b312ec6fbf380.jpg
                    [third_party_platform_id] => 2
                    [category_name] => 常用
                )

            [1] => Array
                (
                    [id] => 12
                    [site_id] => 1
                    [category_id] => 1
                    [third_party_id] => 128
                    [app_name] => MD5加密
                    [app_type] => 3
                    [file_size] => 0.00
                    [version] => 1100
                    [description] => 
                    [cover_image] => /bak/images/screenshot/034d6234d280df6a93e2677835fe11fd.png
                    [icon] => 
                    [seo_title] => 
                    [seo_keywords] => 
                    [seo_description] => 
                    [developer] => 
                    [official_site] => 
                    [system_requirements] => 
                    [features] => 
                    [update_log] => 
                    [sort_order] => 0
                    [download_count] => 0
                    [view_count] => 30
                    [rating] => 10.00
                    [language] => 中文
                    [license_type] => 免费
                    [tags] => 
                    [status] => 1
                    [create_time] => 2025-07-23 22:34:37
                    [update_time] => 2025-08-02 11:50:06
                    [app_slug] => app_md5_hash
                    [cover_thumbnail] => /bak/images/screenshot_thumb/034d6234d280df6a93e2677835fe11fd.jpg
                    [third_party_platform_id] => 2
                    [category_name] => 常用
                )

            [2] => Array
                (
                    [id] => 11
                    [site_id] => 1
                    [category_id] => 1
                    [third_party_id] => 129
                    [app_name] => QR码生成
                    [app_type] => 3
                    [file_size] => 0.00
                    [version] => 1100
                    [description] => 
                    [cover_image] => /bak/images/screenshot/9a44a8b018964d16224623ea0b406c42.png
                    [icon] => 
                    [seo_title] => 
                    [seo_keywords] => 
                    [seo_description] => 
                    [developer] => 
                    [official_site] => 
                    [system_requirements] => 
                    [features] => 
                    [update_log] => 
                    [sort_order] => 0
                    [download_count] => 0
                    [view_count] => 33
                    [rating] => 10.00
                    [language] => 中文
                    [license_type] => 免费
                    [tags] => 
                    [status] => 1
                    [create_time] => 2025-07-23 22:34:37
                    [update_time] => 2025-08-02 11:50:06
                    [app_slug] => app_qr_generate
                    [cover_thumbnail] => /bak/images/screenshot_thumb/9a44a8b018964d16224623ea0b406c42.jpg
                    [third_party_platform_id] => 2
                    [category_name] => 常用
                )

            [3] => Array
                (
                    [id] => 10
                    [site_id] => 1
                    [category_id] => 1
                    [third_party_id] => 131
                    [app_name] => SHA1加密
                    [app_type] => 3
                    [file_size] => 0.00
                    [version] => 1100
                    [description] => 
                    [cover_image] => /bak/images/screenshot/99f7bf38a8cf2ba6752b6eaf100e5a28.png
                    [icon] => 
                    [seo_title] => 
                    [seo_keywords] => 
                    [seo_description] => 
                    [developer] => 
                    [official_site] => 
                    [system_requirements] => 
                    [features] => 
                    [update_log] => 
                    [sort_order] => 0
                    [download_count] => 0
                    [view_count] => 43
                    [rating] => 10.00
                    [language] => 中文
                    [license_type] => 免费
                    [tags] => 
                    [status] => 1
                    [create_time] => 2025-07-23 22:34:37
                    [update_time] => 2025-08-02 11:50:06
                    [app_slug] => app_sha1_hash
                    [cover_thumbnail] => /bak/images/screenshot_thumb/99f7bf38a8cf2ba6752b6eaf100e5a28.jpg
                    [third_party_platform_id] => 2
                    [category_name] => 常用
                )

            [4] => Array
                (
                    [id] => 9
                    [site_id] => 1
                    [category_id] => 1
                    [third_party_id] => 132
                    [app_name] => SHA256加密
                    [app_type] => 3
                    [file_size] => 0.00
                    [version] => 1100
                    [description] => 
                    [cover_image] => /bak/images/screenshot/4b7c0c02ddf4e4e96292631b2145769d.png
                    [icon] => 
                    [seo_title] => 
                    [seo_keywords] => 
                    [seo_description] => 
                    [developer] => 
                    [official_site] => 
                    [system_requirements] => 
                    [features] => 
                    [update_log] => 
                    [sort_order] => 0
                    [download_count] => 0
                    [view_count] => 36
                    [rating] => 10.00
                    [language] => 中文
                    [license_type] => 免费
                    [tags] => 
                    [status] => 1
                    [create_time] => 2025-07-23 22:34:37
                    [update_time] => 2025-08-02 11:50:06
                    [app_slug] => app_sha256_hash
                    [cover_thumbnail] => /bak/images/screenshot_thumb/4b7c0c02ddf4e4e96292631b2145769d.jpg
                    [third_party_platform_id] => 2
                    [category_name] => 常用
                )

            [5] => Array
                (
                    [id] => 8
                    [site_id] => 1
                    [category_id] => 1
                    [third_party_id] => 133
                    [app_name] => SQL格式化
                    [app_type] => 3
                    [file_size] => 0.00
                    [version] => 1100
                    [description] => 
                    [cover_image] => /bak/images/screenshot/7075a896b87c8c45bfd7d5e266d4af0a.png
                    [icon] => 
                    [seo_title] => 
                    [seo_keywords] => 
                    [seo_description] => 
                    [developer] => 
                    [official_site] => 
                    [system_requirements] => 
                    [features] => 
                    [update_log] => 
                    [sort_order] => 0
                    [download_count] => 0
                    [view_count] => 30
                    [rating] => 10.00
                    [language] => 中文
                    [license_type] => 免费
                    [tags] => 
                    [status] => 1
                    [create_time] => 2025-07-23 22:34:37
                    [update_time] => 2025-08-02 11:50:06
                    [app_slug] => app_sql_format
                    [cover_thumbnail] => /bak/images/screenshot_thumb/7075a896b87c8c45bfd7d5e266d4af0a.jpg
                    [third_party_platform_id] => 2
                    [category_name] => 常用
                )

            [6] => Array
                (
                    [id] => 7
                    [site_id] => 1
                    [category_id] => 1
                    [third_party_id] => 134
                    [app_name] => Unicode编码
                    [app_type] => 3
                    [file_size] => 0.00
                    [version] => 1100
                    [description] => 
                    [cover_image] => /bak/images/screenshot/70a03dda5ab16f6632c5f7357008c47e.png
                    [icon] => 
                    [seo_title] => 
                    [seo_keywords] => 
                    [seo_description] => 
                    [developer] => 
                    [official_site] => 
                    [system_requirements] => 
                    [features] => 
                    [update_log] => 
                    [sort_order] => 0
                    [download_count] => 0
                    [view_count] => 46
                    [rating] => 10.00
                    [language] => 中文
                    [license_type] => 免费
                    [tags] => 
                    [status] => 1
                    [create_time] => 2025-07-23 22:34:37
                    [update_time] => 2025-08-02 11:50:06
                    [app_slug] => app_unicode_encode
                    [cover_thumbnail] => /bak/images/screenshot_thumb/70a03dda5ab16f6632c5f7357008c47e.jpg
                    [third_party_platform_id] => 2
                    [category_name] => 常用
                )

            [7] => Array
                (
                    [id] => 6
                    [site_id] => 1
                    [category_id] => 1
                    [third_party_id] => 135
                    [app_name] => Unicode解码
                    [app_type] => 3
                    [file_size] => 0.00
                    [version] => 1100
                    [description] => 
                    [cover_image] => /bak/images/screenshot/06fab8095096dab259c8c7558b93bad1.png
                    [icon] => 
                    [seo_title] => 
                    [seo_keywords] => 
                    [seo_description] => 
                    [developer] => 
                    [official_site] => 
                    [system_requirements] => 
                    [features] => 
                    [update_log] => 
                    [sort_order] => 0
                    [download_count] => 0
                    [view_count] => 42
                    [rating] => 10.00
                    [language] => 中文
                    [license_type] => 免费
                    [tags] => 
                    [status] => 1
                    [create_time] => 2025-07-23 22:34:37
                    [update_time] => 2025-08-02 11:50:06
                    [app_slug] => app_unicode_decode
                    [cover_thumbnail] => /bak/images/screenshot_thumb/06fab8095096dab259c8c7558b93bad1.jpg
                    [third_party_platform_id] => 2
                    [category_name] => 常用
                )

            [8] => Array
                (
                    [id] => 5
                    [site_id] => 1
                    [category_id] => 1
                    [third_party_id] => 136
                    [app_name] => URL编码
                    [app_type] => 3
                    [file_size] => 0.00
                    [version] => 1100
                    [description] => 
                    [cover_image] => /bak/images/screenshot/e30f021f5c3073da6c34d0cc18b9cc34.png
                    [icon] => 
                    [seo_title] => 
                    [seo_keywords] => 
                    [seo_description] => 
                    [developer] => 
                    [official_site] => 
                    [system_requirements] => 
                    [features] => 
                    [update_log] => 
                    [sort_order] => 0
                    [download_count] => 0
                    [view_count] => 28
                    [rating] => 10.00
                    [language] => 中文
                    [license_type] => 免费
                    [tags] => 
                    [status] => 1
                    [create_time] => 2025-07-23 22:34:37
                    [update_time] => 2025-08-02 11:50:06
                    [app_slug] => app_url_encode
                    [cover_thumbnail] => /bak/images/screenshot_thumb/e30f021f5c3073da6c34d0cc18b9cc34.jpg
                    [third_party_platform_id] => 2
                    [category_name] => 常用
                )

            [9] => Array
                (
                    [id] => 4
                    [site_id] => 1
                    [category_id] => 1
                    [third_party_id] => 137
                    [app_name] => URL解码
                    [app_type] => 3
                    [file_size] => 0.00
                    [version] => 1100
                    [description] => 
                    [cover_image] => /bak/images/screenshot/143e947f09f44647d393a198fb0e7d32.png
                    [icon] => 
                    [seo_title] => 
                    [seo_keywords] => 
                    [seo_description] => 
                    [developer] => 
                    [official_site] => 
                    [system_requirements] => 
                    [features] => 
                    [update_log] => 
                    [sort_order] => 0
                    [download_count] => 0
                    [view_count] => 34
                    [rating] => 10.00
                    [language] => 中文
                    [license_type] => 免费
                    [tags] => 
                    [status] => 1
                    [create_time] => 2025-07-23 22:34:37
                    [update_time] => 2025-08-02 11:50:06
                    [app_slug] => app_url_decode
                    [cover_thumbnail] => /bak/images/screenshot_thumb/143e947f09f44647d393a198fb0e7d32.jpg
                    [third_party_platform_id] => 2
                    [category_name] => 常用
                )

            [10] => Array
                (
                    [id] => 3
                    [site_id] => 1
                    [category_id] => 1
                    [third_party_id] => 138
                    [app_name] => UUID生成
                    [app_type] => 3
                    [file_size] => 0.00
                    [version] => 1100
                    [description] => 
                    [cover_image] => /bak/images/screenshot/bb0a33e8652b79b06950f72a9e9657f9.png
                    [icon] => 
                    [seo_title] => 
                    [seo_keywords] => 
                    [seo_description] => 
                    [developer] => 
                    [official_site] => 
                    [system_requirements] => 
                    [features] => 
                    [update_log] => 
                    [sort_order] => 0
                    [download_count] => 0
                    [view_count] => 34
                    [rating] => 10.00
                    [language] => 中文
                    [license_type] => 免费
                    [tags] => 
                    [status] => 1
                    [create_time] => 2025-07-23 22:34:37
                    [update_time] => 2025-08-02 11:50:06
                    [app_slug] => app_uuid_generate
                    [cover_thumbnail] => /bak/images/screenshot_thumb/bb0a33e8652b79b06950f72a9e9657f9.jpg
                    [third_party_platform_id] => 2
                    [category_name] => 常用
                )

            [11] => Array
                (
                    [id] => 2
                    [site_id] => 1
                    [category_id] => 1
                    [third_party_id] => 139
                    [app_name] => XML格式化
                    [app_type] => 3
                    [file_size] => 0.00
                    [version] => 1100
                    [description] => 
                    [cover_image] => /bak/images/screenshot/78e2b74b1257e7361dafb7b5463242c9.png
                    [icon] => 
                    [seo_title] => 
                    [seo_keywords] => 
                    [seo_description] => 
                    [developer] => 
                    [official_site] => 
                    [system_requirements] => 
                    [features] => 
                    [update_log] => 
                    [sort_order] => 0
                    [download_count] => 0
                    [view_count] => 28
                    [rating] => 10.00
                    [language] => 中文
                    [license_type] => 免费
                    [tags] => 
                    [status] => 1
                    [create_time] => 2025-07-23 22:34:37
                    [update_time] => 2025-08-02 11:50:06
                    [app_slug] => app_xml_format
                    [cover_thumbnail] => /bak/images/screenshot_thumb/78e2b74b1257e7361dafb7b5463242c9.jpg
                    [third_party_platform_id] => 2
                    [category_name] => 常用
                )

            [12] => Array
                (
                    [id] => 1
                    [site_id] => 1
                    [category_id] => 1
                    [third_party_id] => 140
                    [app_name] => YAML转JSON
                    [app_type] => 3
                    [file_size] => 0.00
                    [version] => 1100
                    [description] => 
                    [cover_image] => /bak/images/screenshot/9133fbeaa972295f3dec7626c925abdc.png
                    [icon] => 
                    [seo_title] => 
                    [seo_keywords] => 
                    [seo_description] => 
                    [developer] => 
                    [official_site] => 
                    [system_requirements] => 
                    [features] => 
                    [update_log] => 
                    [sort_order] => 0
                    [download_count] => 0
                    [view_count] => 24
                    [rating] => 10.00
                    [language] => 中文
                    [license_type] => 免费
                    [tags] => 
                    [status] => 1
                    [create_time] => 2025-07-23 22:34:37
                    [update_time] => 2025-08-02 11:50:06
                    [app_slug] => app_yaml_to_json
                    [cover_thumbnail] => /bak/images/screenshot_thumb/9133fbeaa972295f3dec7626c925abdc.jpg
                    [third_party_platform_id] => 2
                    [category_name] => 常用
                )

        )

    [total] => 453
    [current_page] => 23
    [total_pages] => 23
    [per_page] => 20
)
 -->
<!-- apps数量: 13 -->
<!-- pagination: Array
(
    [current_page] => 23
    [total_pages] => 23
    [total_items] => 453
    [per_page] => 20
)
 -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
        <title>常用 - 小鸟软件库</title>
        
        <meta name="description" content="">
        
        <meta name="keywords" content="常用,软件下载,应用程序">
        
    <meta name="author" content="小鸟软件库">
    <meta property="og:title" content="常用">
    <meta property="og:description" content="">
    <meta property="og:type" content="website">
    
    <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
    
    <!-- 结构化数据 -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "小鸟软件库",
        "url": "http://www.371down.com",
        "potentialAction": {
            "@type": "SearchAction",
            "target": "http://www.371down.com/search/{search_term_string}",
            "query-input": "required name=search_term_string"
        }
    }
    </script>
    
    <script src="//oss.myoss.top/assets/js/tailwind4.1.js"></script>
    <script src="//oss.myoss.top/assets/js/jquery.min.js"></script>
    <script src="//oss.myoss.top/assets/libs/layer-v3.5.1/layer/layer.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    
    <style>
        /* 自定义滚动条 */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        ::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
        
        /* 平滑过渡 */
        .transition-all {
            transition: all 0.3s ease;
        }
        
        /* 卡片悬停效果 */
        .card-hover:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(0,0,0,0.1);
        }
        
        /* 分类标签样式 */
        .category-tag {
            transition: all 0.2s ease;
        }
        .category-tag:hover {
            transform: scale(1.05);
        }
        .category-tag.active {
            background-color: #3b82f6;
            color: white;
        }
        
        /* 分页样式 */
        .pagination .page-link {
            color: #3b82f6;
            border: 1px solid #e5e7eb;
            padding: 0.5rem 0.75rem;
            margin: 0 2px;
            border-radius: 0.375rem;
            text-decoration: none;
            transition: all 0.2s ease;
        }
        .pagination .page-link:hover {
            background-color: #3b82f6;
            color: white;
            border-color: #3b82f6;
        }
        .pagination .page-link.active {
            background-color: #3b82f6;
            color: white;
            border-color: #3b82f6;
        }
        .pagination .page-link.disabled {
            color: #6b7280;
            background-color: #f9fafb;
            border-color: #e5e7eb;
            cursor: not-allowed;
        }
        
        /* 应用类型标签样式 */
        .app-type-tag {
            transition: all 0.3s ease;
        }
        .app-type-tag:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        
        /* 应用类型徽章动画 */
        .app-type-badge {
            animation: fadeInUp 0.3s ease-out;
        }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- 顶部导航 -->
    <nav class="bg-white shadow-md sticky top-0 z-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between items-center h-16">
                <div class="flex items-center">
                    <a href="/" class="text-xl sm:text-2xl font-bold text-gray-800 hover:text-blue-600 transition-colors">
                        小鸟软件库                    </a>
                </div>
                <div class="flex items-center space-x-4">
                    <a href="/submit" 
                       class="hidden sm:inline-block bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 transition-all text-sm">
                        软件收录
                    </a>
                    <form onsubmit="return redirectToSearch()" class="flex items-center space-x-2">
                        <input type="search" id="searchInput" placeholder="搜索软件..." 
                               value=""
                               class="w-32 sm:w-48 md:w-64 px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
                        <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 transition-all hidden sm:block">
                            搜索
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </nav>

    <script>
    function redirectToSearch() {
        const keyword = document.getElementById('searchInput').value.trim();
        if (keyword) {
            window.location.href = '/search/' + encodeURIComponent(keyword);
        } else {
            window.location.href = '/search';
        }
        return false;
    }
    </script>
<!-- 主要内容区 -->
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
    
    <!-- 分类信息 - 极简版 -->
    <div class="mb-4">
        <h1 class="text-2xl font-bold text-gray-900 mb-1">常用</h1>
        <p class="text-sm text-gray-500">共 453 个应用</p>
    </div>
    
    <!-- 分类标签 -->
    <div class="mb-6">
        <div class="flex flex-wrap gap-2">
            <a href="/categories" 
               class="category-tag px-3 py-1.5 bg-gray-200 text-gray-700 rounded-full text-sm transition-all hover:bg-blue-500 hover:text-white">
                全部分类
            </a>
            <a href="/" 
               class="category-tag px-3 py-1.5 bg-gray-200 text-gray-700 rounded-full text-sm transition-all hover:bg-blue-500 hover:text-white">
                全部软件
            </a>
            <a href="/hot" 
               class="category-tag px-3 py-1.5 bg-gray-200 text-gray-700 rounded-full text-sm transition-all hover:bg-orange-500 hover:text-white">
                热门应用
            </a>
                        <a href="/category/1" 
               class="category-tag px-3 py-1.5 bg-blue-500 text-white rounded-full text-sm transition-all hover:bg-blue-500 hover:text-white">
                常用            </a>
                    </div>
    </div>
    
    <!-- 应用列表 -->
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 mb-8">
                                <a href="/app/app_lorem_generate" 
               class="software-card card-hover bg-white rounded-lg shadow-md overflow-hidden transition-all block">
                                <img src="/bak/images/screenshot_thumb/732b78811ce00586d27b312ec6fbf380.jpg" 
                     alt="Lorem文本生成" 
                     class="w-full h-48 object-cover">
                                
                <div class="p-4">
                    <div class="flex items-center justify-between mb-2">
                        <span class="text-xs text-gray-500">常用</span>
                                            </div>
                    <h3 class="font-semibold text-lg mb-2">Lorem文本生成</h3>
                    <p class="text-gray-600 text-sm mb-3 line-clamp-2">
                                                                    </p>
                    <div class="flex justify-between items-center text-xs text-gray-500 mb-3">
                        <span>
                                                        大小: 未知                                                    </span>
                        <span>下载: 0</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <div class="flex items-center space-x-2">
                                                        <div class="flex items-center">
                                <span class="text-yellow-400">★</span>
                                <span class="text-sm text-gray-600">10.0</span>
                            </div>
                                                                                    <span class="text-xs text-gray-500">中文</span>
                                                    </div>
                        <span class="bg-blue-500 text-white px-3 py-1 rounded text-sm">
                            查看详情
                        </span>
                    </div>
                </div>
            </a>
                        <a href="/app/app_md5_hash" 
               class="software-card card-hover bg-white rounded-lg shadow-md overflow-hidden transition-all block">
                                <img src="/bak/images/screenshot_thumb/034d6234d280df6a93e2677835fe11fd.jpg" 
                     alt="MD5加密" 
                     class="w-full h-48 object-cover">
                                
                <div class="p-4">
                    <div class="flex items-center justify-between mb-2">
                        <span class="text-xs text-gray-500">常用</span>
                                            </div>
                    <h3 class="font-semibold text-lg mb-2">MD5加密</h3>
                    <p class="text-gray-600 text-sm mb-3 line-clamp-2">
                                                                    </p>
                    <div class="flex justify-between items-center text-xs text-gray-500 mb-3">
                        <span>
                                                        大小: 未知                                                    </span>
                        <span>下载: 0</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <div class="flex items-center space-x-2">
                                                        <div class="flex items-center">
                                <span class="text-yellow-400">★</span>
                                <span class="text-sm text-gray-600">10.0</span>
                            </div>
                                                                                    <span class="text-xs text-gray-500">中文</span>
                                                    </div>
                        <span class="bg-blue-500 text-white px-3 py-1 rounded text-sm">
                            查看详情
                        </span>
                    </div>
                </div>
            </a>
                        <a href="/app/app_qr_generate" 
               class="software-card card-hover bg-white rounded-lg shadow-md overflow-hidden transition-all block">
                                <img src="/bak/images/screenshot_thumb/9a44a8b018964d16224623ea0b406c42.jpg" 
                     alt="QR码生成" 
                     class="w-full h-48 object-cover">
                                
                <div class="p-4">
                    <div class="flex items-center justify-between mb-2">
                        <span class="text-xs text-gray-500">常用</span>
                                            </div>
                    <h3 class="font-semibold text-lg mb-2">QR码生成</h3>
                    <p class="text-gray-600 text-sm mb-3 line-clamp-2">
                                                                    </p>
                    <div class="flex justify-between items-center text-xs text-gray-500 mb-3">
                        <span>
                                                        大小: 未知                                                    </span>
                        <span>下载: 0</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <div class="flex items-center space-x-2">
                                                        <div class="flex items-center">
                                <span class="text-yellow-400">★</span>
                                <span class="text-sm text-gray-600">10.0</span>
                            </div>
                                                                                    <span class="text-xs text-gray-500">中文</span>
                                                    </div>
                        <span class="bg-blue-500 text-white px-3 py-1 rounded text-sm">
                            查看详情
                        </span>
                    </div>
                </div>
            </a>
                        <a href="/app/app_sha1_hash" 
               class="software-card card-hover bg-white rounded-lg shadow-md overflow-hidden transition-all block">
                                <img src="/bak/images/screenshot_thumb/99f7bf38a8cf2ba6752b6eaf100e5a28.jpg" 
                     alt="SHA1加密" 
                     class="w-full h-48 object-cover">
                                
                <div class="p-4">
                    <div class="flex items-center justify-between mb-2">
                        <span class="text-xs text-gray-500">常用</span>
                                            </div>
                    <h3 class="font-semibold text-lg mb-2">SHA1加密</h3>
                    <p class="text-gray-600 text-sm mb-3 line-clamp-2">
                                                                    </p>
                    <div class="flex justify-between items-center text-xs text-gray-500 mb-3">
                        <span>
                                                        大小: 未知                                                    </span>
                        <span>下载: 0</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <div class="flex items-center space-x-2">
                                                        <div class="flex items-center">
                                <span class="text-yellow-400">★</span>
                                <span class="text-sm text-gray-600">10.0</span>
                            </div>
                                                                                    <span class="text-xs text-gray-500">中文</span>
                                                    </div>
                        <span class="bg-blue-500 text-white px-3 py-1 rounded text-sm">
                            查看详情
                        </span>
                    </div>
                </div>
            </a>
                        <a href="/app/app_sha256_hash" 
               class="software-card card-hover bg-white rounded-lg shadow-md overflow-hidden transition-all block">
                                <img src="/bak/images/screenshot_thumb/4b7c0c02ddf4e4e96292631b2145769d.jpg" 
                     alt="SHA256加密" 
                     class="w-full h-48 object-cover">
                                
                <div class="p-4">
                    <div class="flex items-center justify-between mb-2">
                        <span class="text-xs text-gray-500">常用</span>
                                            </div>
                    <h3 class="font-semibold text-lg mb-2">SHA256加密</h3>
                    <p class="text-gray-600 text-sm mb-3 line-clamp-2">
                                                                    </p>
                    <div class="flex justify-between items-center text-xs text-gray-500 mb-3">
                        <span>
                                                        大小: 未知                                                    </span>
                        <span>下载: 0</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <div class="flex items-center space-x-2">
                                                        <div class="flex items-center">
                                <span class="text-yellow-400">★</span>
                                <span class="text-sm text-gray-600">10.0</span>
                            </div>
                                                                                    <span class="text-xs text-gray-500">中文</span>
                                                    </div>
                        <span class="bg-blue-500 text-white px-3 py-1 rounded text-sm">
                            查看详情
                        </span>
                    </div>
                </div>
            </a>
                        <a href="/app/app_sql_format" 
               class="software-card card-hover bg-white rounded-lg shadow-md overflow-hidden transition-all block">
                                <img src="/bak/images/screenshot_thumb/7075a896b87c8c45bfd7d5e266d4af0a.jpg" 
                     alt="SQL格式化" 
                     class="w-full h-48 object-cover">
                                
                <div class="p-4">
                    <div class="flex items-center justify-between mb-2">
                        <span class="text-xs text-gray-500">常用</span>
                                            </div>
                    <h3 class="font-semibold text-lg mb-2">SQL格式化</h3>
                    <p class="text-gray-600 text-sm mb-3 line-clamp-2">
                                                                    </p>
                    <div class="flex justify-between items-center text-xs text-gray-500 mb-3">
                        <span>
                                                        大小: 未知                                                    </span>
                        <span>下载: 0</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <div class="flex items-center space-x-2">
                                                        <div class="flex items-center">
                                <span class="text-yellow-400">★</span>
                                <span class="text-sm text-gray-600">10.0</span>
                            </div>
                                                                                    <span class="text-xs text-gray-500">中文</span>
                                                    </div>
                        <span class="bg-blue-500 text-white px-3 py-1 rounded text-sm">
                            查看详情
                        </span>
                    </div>
                </div>
            </a>
                        <a href="/app/app_unicode_encode" 
               class="software-card card-hover bg-white rounded-lg shadow-md overflow-hidden transition-all block">
                                <img src="/bak/images/screenshot_thumb/70a03dda5ab16f6632c5f7357008c47e.jpg" 
                     alt="Unicode编码" 
                     class="w-full h-48 object-cover">
                                
                <div class="p-4">
                    <div class="flex items-center justify-between mb-2">
                        <span class="text-xs text-gray-500">常用</span>
                                            </div>
                    <h3 class="font-semibold text-lg mb-2">Unicode编码</h3>
                    <p class="text-gray-600 text-sm mb-3 line-clamp-2">
                                                                    </p>
                    <div class="flex justify-between items-center text-xs text-gray-500 mb-3">
                        <span>
                                                        大小: 未知                                                    </span>
                        <span>下载: 0</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <div class="flex items-center space-x-2">
                                                        <div class="flex items-center">
                                <span class="text-yellow-400">★</span>
                                <span class="text-sm text-gray-600">10.0</span>
                            </div>
                                                                                    <span class="text-xs text-gray-500">中文</span>
                                                    </div>
                        <span class="bg-blue-500 text-white px-3 py-1 rounded text-sm">
                            查看详情
                        </span>
                    </div>
                </div>
            </a>
                        <a href="/app/app_unicode_decode" 
               class="software-card card-hover bg-white rounded-lg shadow-md overflow-hidden transition-all block">
                                <img src="/bak/images/screenshot_thumb/06fab8095096dab259c8c7558b93bad1.jpg" 
                     alt="Unicode解码" 
                     class="w-full h-48 object-cover">
                                
                <div class="p-4">
                    <div class="flex items-center justify-between mb-2">
                        <span class="text-xs text-gray-500">常用</span>
                                            </div>
                    <h3 class="font-semibold text-lg mb-2">Unicode解码</h3>
                    <p class="text-gray-600 text-sm mb-3 line-clamp-2">
                                                                    </p>
                    <div class="flex justify-between items-center text-xs text-gray-500 mb-3">
                        <span>
                                                        大小: 未知                                                    </span>
                        <span>下载: 0</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <div class="flex items-center space-x-2">
                                                        <div class="flex items-center">
                                <span class="text-yellow-400">★</span>
                                <span class="text-sm text-gray-600">10.0</span>
                            </div>
                                                                                    <span class="text-xs text-gray-500">中文</span>
                                                    </div>
                        <span class="bg-blue-500 text-white px-3 py-1 rounded text-sm">
                            查看详情
                        </span>
                    </div>
                </div>
            </a>
                        <a href="/app/app_url_encode" 
               class="software-card card-hover bg-white rounded-lg shadow-md overflow-hidden transition-all block">
                                <img src="/bak/images/screenshot_thumb/e30f021f5c3073da6c34d0cc18b9cc34.jpg" 
                     alt="URL编码" 
                     class="w-full h-48 object-cover">
                                
                <div class="p-4">
                    <div class="flex items-center justify-between mb-2">
                        <span class="text-xs text-gray-500">常用</span>
                                            </div>
                    <h3 class="font-semibold text-lg mb-2">URL编码</h3>
                    <p class="text-gray-600 text-sm mb-3 line-clamp-2">
                                                                    </p>
                    <div class="flex justify-between items-center text-xs text-gray-500 mb-3">
                        <span>
                                                        大小: 未知                                                    </span>
                        <span>下载: 0</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <div class="flex items-center space-x-2">
                                                        <div class="flex items-center">
                                <span class="text-yellow-400">★</span>
                                <span class="text-sm text-gray-600">10.0</span>
                            </div>
                                                                                    <span class="text-xs text-gray-500">中文</span>
                                                    </div>
                        <span class="bg-blue-500 text-white px-3 py-1 rounded text-sm">
                            查看详情
                        </span>
                    </div>
                </div>
            </a>
                        <a href="/app/app_url_decode" 
               class="software-card card-hover bg-white rounded-lg shadow-md overflow-hidden transition-all block">
                                <img src="/bak/images/screenshot_thumb/143e947f09f44647d393a198fb0e7d32.jpg" 
                     alt="URL解码" 
                     class="w-full h-48 object-cover">
                                
                <div class="p-4">
                    <div class="flex items-center justify-between mb-2">
                        <span class="text-xs text-gray-500">常用</span>
                                            </div>
                    <h3 class="font-semibold text-lg mb-2">URL解码</h3>
                    <p class="text-gray-600 text-sm mb-3 line-clamp-2">
                                                                    </p>
                    <div class="flex justify-between items-center text-xs text-gray-500 mb-3">
                        <span>
                                                        大小: 未知                                                    </span>
                        <span>下载: 0</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <div class="flex items-center space-x-2">
                                                        <div class="flex items-center">
                                <span class="text-yellow-400">★</span>
                                <span class="text-sm text-gray-600">10.0</span>
                            </div>
                                                                                    <span class="text-xs text-gray-500">中文</span>
                                                    </div>
                        <span class="bg-blue-500 text-white px-3 py-1 rounded text-sm">
                            查看详情
                        </span>
                    </div>
                </div>
            </a>
                        <a href="/app/app_uuid_generate" 
               class="software-card card-hover bg-white rounded-lg shadow-md overflow-hidden transition-all block">
                                <img src="/bak/images/screenshot_thumb/bb0a33e8652b79b06950f72a9e9657f9.jpg" 
                     alt="UUID生成" 
                     class="w-full h-48 object-cover">
                                
                <div class="p-4">
                    <div class="flex items-center justify-between mb-2">
                        <span class="text-xs text-gray-500">常用</span>
                                            </div>
                    <h3 class="font-semibold text-lg mb-2">UUID生成</h3>
                    <p class="text-gray-600 text-sm mb-3 line-clamp-2">
                                                                    </p>
                    <div class="flex justify-between items-center text-xs text-gray-500 mb-3">
                        <span>
                                                        大小: 未知                                                    </span>
                        <span>下载: 0</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <div class="flex items-center space-x-2">
                                                        <div class="flex items-center">
                                <span class="text-yellow-400">★</span>
                                <span class="text-sm text-gray-600">10.0</span>
                            </div>
                                                                                    <span class="text-xs text-gray-500">中文</span>
                                                    </div>
                        <span class="bg-blue-500 text-white px-3 py-1 rounded text-sm">
                            查看详情
                        </span>
                    </div>
                </div>
            </a>
                        <a href="/app/app_xml_format" 
               class="software-card card-hover bg-white rounded-lg shadow-md overflow-hidden transition-all block">
                                <img src="/bak/images/screenshot_thumb/78e2b74b1257e7361dafb7b5463242c9.jpg" 
                     alt="XML格式化" 
                     class="w-full h-48 object-cover">
                                
                <div class="p-4">
                    <div class="flex items-center justify-between mb-2">
                        <span class="text-xs text-gray-500">常用</span>
                                            </div>
                    <h3 class="font-semibold text-lg mb-2">XML格式化</h3>
                    <p class="text-gray-600 text-sm mb-3 line-clamp-2">
                                                                    </p>
                    <div class="flex justify-between items-center text-xs text-gray-500 mb-3">
                        <span>
                                                        大小: 未知                                                    </span>
                        <span>下载: 0</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <div class="flex items-center space-x-2">
                                                        <div class="flex items-center">
                                <span class="text-yellow-400">★</span>
                                <span class="text-sm text-gray-600">10.0</span>
                            </div>
                                                                                    <span class="text-xs text-gray-500">中文</span>
                                                    </div>
                        <span class="bg-blue-500 text-white px-3 py-1 rounded text-sm">
                            查看详情
                        </span>
                    </div>
                </div>
            </a>
                        <a href="/app/app_yaml_to_json" 
               class="software-card card-hover bg-white rounded-lg shadow-md overflow-hidden transition-all block">
                                <img src="/bak/images/screenshot_thumb/9133fbeaa972295f3dec7626c925abdc.jpg" 
                     alt="YAML转JSON" 
                     class="w-full h-48 object-cover">
                                
                <div class="p-4">
                    <div class="flex items-center justify-between mb-2">
                        <span class="text-xs text-gray-500">常用</span>
                                            </div>
                    <h3 class="font-semibold text-lg mb-2">YAML转JSON</h3>
                    <p class="text-gray-600 text-sm mb-3 line-clamp-2">
                                                                    </p>
                    <div class="flex justify-between items-center text-xs text-gray-500 mb-3">
                        <span>
                                                        大小: 未知                                                    </span>
                        <span>下载: 0</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <div class="flex items-center space-x-2">
                                                        <div class="flex items-center">
                                <span class="text-yellow-400">★</span>
                                <span class="text-sm text-gray-600">10.0</span>
                            </div>
                                                                                    <span class="text-xs text-gray-500">中文</span>
                                                    </div>
                        <span class="bg-blue-500 text-white px-3 py-1 rounded text-sm">
                            查看详情
                        </span>
                    </div>
                </div>
            </a>
                        </div>

    <!-- 分页 -->
        <div class="flex justify-center">
        <nav class="pagination flex items-center space-x-1">
                        <a href="/category/1?page=22" 
               class="page-link">上一页</a>
                        
                            <a href="/category/1?page=1" class="page-link">1</a>
                                <span class="page-link disabled">...</span>
                                        
                                            <a href="/category/1?page=21" class="page-link">21</a>
                                                            <a href="/category/1?page=22" class="page-link">22</a>
                                                            <span class="page-link active">23</span>
                                        
                        
                    </nav>
    </div>
    
    <div class="text-center text-gray-500 text-sm mt-4">
        共 453 个应用，
        当前第 23/23 页
    </div>
    
</main>

    <!-- 网站底部 -->
    <footer class="bg-gray-800 text-white mt-16">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                <div>
                    <h3 class="text-lg font-semibold mb-4">关于我们</h3>
                    <p class="text-gray-400 text-sm">
                        小鸟软件库致力于为用户提供安全、快速、免费的软件下载服务。
                    </p>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-4">快速链接</h3>
                    <ul class="space-y-2 text-sm">
                        <li><a href="/" class="text-gray-400 hover:text-white transition-colors">首页</a></li>
                        <li><a href="/apps" class="text-gray-400 hover:text-white transition-colors">软件大全</a></li>
                        <li><a href="/hot" class="text-gray-400 hover:text-white transition-colors">热门下载</a></li>
                        <li><a href="/categories" class="text-gray-400 hover:text-white transition-colors">软件分类</a></li>
                        <li><a href="/submit" class="text-gray-400 hover:text-white transition-colors">软件收录</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-4">软件分类</h3>
                    <ul class="space-y-2 text-sm">
                                                                                <li><a href="/category/1" class="text-gray-400 hover:text-white transition-colors">
                                常用                            </a></li>
                                                                        </ul>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-4">免责声明</h3>
                    <p class="text-gray-400 text-sm">
                        本站仅提供软件信息展示，所有软件版权归原作者所有。下载前请确认软件来源的合法性。
                    </p>
                </div>
            </div>
            <div class="border-t border-gray-700 mt-8 pt-8 text-center text-sm text-gray-400">
                <p>&copy; 2025 小鸟软件库. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <script>
        // 全局JavaScript函数
        window.downloadApp = function(linkId, appId) {
            // 记录下载
            $.ajax({
                url: '/ajax/download.php',
                type: 'POST',
                data: {
                    link_id: linkId,
                    app_id: appId
                },
                dataType: 'json',
                success: function(response) {
                    if (response.code === 1) {
                        layer.msg('下载记录成功', {icon: 1, time: 1000});
                    }
                },
                error: function() {
                    // 忽略记录错误，不影响用户下载
                }
            });
        };

        // 分页函数
        window.goToPage = function(page) {
            const url = new URL(window.location);
            url.searchParams.set('page', page);
            window.location.href = url.toString();
        };

        // 分类筛选
        window.filterByCategory = function(categoryId) {
            const url = new URL(window.location);
            if (categoryId) {
                url.searchParams.set('category', categoryId);
            } else {
                url.searchParams.delete('category');
            }
            url.searchParams.delete('page'); // 重置页码
            window.location.href = url.toString();
        };

        // 搜索功能增强
        $(document).ready(function() {
            // 搜索框回车提交
            $('input[name="q"]').on('keypress', function(e) {
                if (e.which === 13) {
                    $(this).closest('form').submit();
                }
            });

            // 显示加载状态
            $('form').on('submit', function() {
                const submitBtn = $(this).find('button[type="submit"]');
                if (submitBtn.length) {
                    submitBtn.prop('disabled', true).text('搜索中...');
                }
            });
        });
    </script>
</body>
</html>