好的！我将根据你的需求，创作一个名为“源启”的APP下载站品牌网站，采用“动态首页+静态内页+动态后台”的CMS架构。 ```html 源启 - 发现你的下一款必备应用
源启 源启
后台管理

发现你的下一款必备应用

精选全球优质应用，涵盖效率、创意、生活、游戏等热门分类。

浏览精选 查看分类

热门分类

发现属于你的效率工具、创意灵感与生活方式

最新上架

第一时间体验最新好应用

源启 · 品牌故事

源启成立于2023年，致力于为全球用户发现高品质的数字生活应用。我们从海量应用中精挑细选，每一款都经过专业编辑的深度评测，确保你在这里找到的每一款应用，都能为你的生活和工作带来真正的价值。我们相信，好的工具能激发无限潜能，这就是「源启」的使命。

``` ```php '源启', 'site_slogan' => '发现你的下一款必备应用', 'site_description' => '源启APP下载网，精选全球优质应用，涵盖效率、创意、生活、游戏等热门分类。', 'logo_text' => '源启', 'footer_brand' => '发现你的下一款必备应用' ]; // 如果 config.json 不存在，创建默认配置 if (!file_exists(CONFIG_FILE)) { file_put_contents(CONFIG_FILE, json_encode($defaultConfig, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE)); } // 读取配置 $config = json_decode(file_get_contents(CONFIG_FILE), true); if (!$config) { $config = $defaultConfig; } // 默认应用数据 (5-8条真实示例) $defaultApps = [ [ "id" => 1, "title" => "Notion 笔记", "category" => "效率工具", "description" => "一体化工作空间，融合笔记、任务、Wiki和数据库。", "icon" => "📝", "rating" => 4.8, "download_url" => "#", "is_featured" => true, "is_latest" => true, "created_at" => "2025-12-01" ], [ "id" => 2, "title" => "Figma 设计", "category" => "创意灵感", "description" => "基于浏览器的协作式UI设计工具，实时协作。", "icon" => "🎨", "rating" => 4.7, "download_url" => "#", "is_featured" => true, "is_latest" => true, "created_at" => "2025-11-28" ], [ "id" => 3, "title" => "潮汐冥想", "category" => "品质生活", "description" => "专注冥想与白噪音，帮你减压助眠，提升专注力。", "icon" => "🧘", "rating" => 4.9, "download_url" => "#", "is_featured" => true, "is_latest" => false, "created_at" => "2025-10-15" ], [ "id" => 4, "title" => "Arc 浏览器", "category" => "效率工具", "description" => "重新定义浏览体验，侧边栏、空间、分屏，优雅且强大。", "icon" => "🌐", "rating" => 4.6, "download_url" => "#", "is_featured" => false, "is_latest" => true, "created_at" => "2025-12-10" ], [ "id" => 5, "title" => "Procreate 绘画", "category" => "创意灵感", "description" => "iPad上最强大的数字绘画软件，笔触真实，功能专业。", "icon" => "✍️", "rating" => 4.9, "download_url" => "#", "is_featured" => true, "is_latest" => false, "created_at" => "2025-09-20" ], [ "id" => 6, "title" => "Keep 运动", "category" => "品质生活", "description" => "健身课程、跑步记录、饮食指导，你的随身健身教练。", "icon" => "🏃", "rating" => 4.5, "download_url" => "#", "is_featured" => false, "is_latest" => true, "created_at" => "2025-12-05" ], [ "id" => 7, "title" => "飞书文档", "category" => "效率工具", "description" => "多人实时协作文档，支持表格、思维导图、流程图。", "icon" => "📄", "rating" => 4.4, "download_url" => "#", "is_featured" => false, "is_latest" => false, "created_at" => "2025-08-01" ], [ "id" => 8, "title" => "剪映 专业版", "category" => "创意灵感", "description" => "全能的视频剪辑工具，AI辅助，轻松创作大片。", "icon" => "🎬", "rating" => 4.7, "download_url" => "#", "is_featured" => true, "is_latest" => true, "created_at" => "2025-11-15" ] ]; // 如果 data.json 不存在，创建默认数据 if (!file_exists(DATA_FILE)) { file_put_contents(DATA_FILE, json_encode($defaultApps, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE)); } // 读取应用数据 $apps = json_decode(file_get_contents(DATA_FILE), true); if (!$apps || !is_array($apps)) { $apps = $defaultApps; } // 提取分类、精选、最新 $categories = []; $featured = []; $latest = []; foreach ($apps as $app) { if (isset($app['category']) && !in_array($app['category'], $categories)) { $categories[] = $app['category']; } if (!empty($app['is_featured'])) { $featured[] = $app; } if (!empty($app['is_latest'])) { $latest[] = $app; } } // 如果分类为空，提供默认 if (empty($categories)) { $categories = ['效率工具', '创意灵感', '品质生活', '游戏娱乐']; } // 确保至少有数据展示 if (empty($featured)) { $featured = array_slice($apps, 0, 3); } if (empty($latest)) { $latest = array_slice($apps, 0, 3); } ?> <?php echo htmlspecialchars($config['site_name']); ?> - <?php echo htmlspecialchars($config['site_slogan']); ?>
<?php echo htmlspecialchars($config['logo_text']); ?>
后台管理

浏览精选 查看分类

热门分类

发现属于你的效率工具、创意灵感与生活方式

'⚡', '创意灵感' => '🎨', '品质生活' => '☀️', '游戏娱乐' => '🎮', ]; echo $iconMap[$cat] ?? '📦'; ?>

探索更多精彩应用

最新上架

第一时间体验最新好应用

⭐ 下载

源启 · 品牌故事

源启成立于2023年，致力于为全球用户发现高品质的数字生活应用。我们从海量应用中精挑细选，每一款都经过专业编辑的深度评测，确保你在这里找到的每一款应用，都能为你的生活和工作带来真正的价值。我们相信，好的工具能激发无限潜能，这就是「源启」的使命。

``` ```css /* ============================================ 源启 APP下载网 - 完整品牌样式表 品牌色板：主色 #6366f1 (靛蓝) / 辅色 #8b5cf6 (紫) / #06b6d4 (青) 字体层级：大标题 36-48px / 小标题 22-28px / 正文 15-16px / 辅助 12-13px ============================================ */ /* ---------- 基础重置与变量 ---------- */ :root { --primary: #6366f1; --primary-dark: #4f46e5; --secondary-1: #8b5cf6; --secondary-2: #06b6d4; --bg-light: #f8fafc; --bg-card: #ffffff; --text-primary: #1e293b; --text-secondary: #475569; --text-muted: #94a3b8; --border-color: #e2e8f0; --shadow-sm: 0 1px 3px rgba(0,0,0,0.06); --shadow-md: 0 4px 12px rgba(0,0,0,0.08); --shadow-lg: 0 8px 30px rgba(0,0,0,0.12); --radius-sm: 8px; --radius-md: 16px; --radius-lg: 24px; --transition: all 0.25s ease; --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: var(--font-sans); background: var(--bg-light); color: var(--text-primary); line-height: 1.6; -webkit-font-smoothing: antialiased; } .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } a { color: var(--primary); text-decoration: none; transition: var(--transition); } a:hover { color: var(--primary-dark); } img { max-width: 100%; height: auto; display: block; } /* ---------- 按钮 ---------- */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 24px; border-radius: var(--radius-sm); font-weight: 600; font-size: 15px; line-height: 1.4; border: 2px solid transparent; cursor: pointer; transition: var(--transition); text-align: center; white-space: nowrap; } .btn-primary { background: var(--primary); color: #fff; border-color: var(--primary); } .btn-primary:hover { background: var(--primary-dark); border-color: var(--primary-dark); transform: translateY(-1px); box-shadow: var(--shadow-md); } .btn-outline { background: transparent; color: var(--primary); border-color: var(--primary); } .btn-outline:hover { background: var(--primary); color: #fff; } .btn-lg { padding: 14px 32px; font-size: 17px; border-radius: var(--radius-md); } .btn-sm { padding: 6px 16px; font-size: 13px; border-radius: 6px; } /* ---------- 导航栏 ---------- */ .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(255,255,255,0.85); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--border-color); transition: var(--transition); } .site-header .container { display: flex; align-items: center; justify-content: space-between; height: 64px; } .header-left .logo-link { display: flex; align-items: center; gap: 10px; } .logo-icon { width: 36px; height: 36px; } .logo-text { font-size: 22px; font-weight: 700; color: var(--text-primary); letter-spacing: -0.5px; } .main-nav ul { display: flex; list-style: none; gap: 8px; } .main-nav a { padding: 8px 16px; border-radius: var(--radius-sm); font-weight: 500; color: var(--text-secondary); font-size: 15px; } .main-nav a:hover, .main-nav a.active { background: rgba(99,102,241,0.08); color: var(--primary); } .header-right { display: flex; align-items: center; gap: 12px; } .mobile-menu-toggle { display: none; background: none; border: none; flex-direction: column; gap: 5px; padding: 8px; cursor: pointer; } .mobile-menu-toggle span { display: block; width: 24px; height: 2px; background: var(--text-primary); border-radius: 2px; transition: var(--transition); } /* ---------- Hero 区域 ---------- */ .hero { padding: 140px 0 80px; background: linear-gradient(135deg, #eef2ff 0%, #f0fdf4 50%, #ecfeff 100%); text-align: center; } .hero-content { max-width: 720px; margin: 0 auto; } .hero-logo { width: 200px; margin: 0 auto 24px; } .hero-title { font-size: 44px; font-weight: 800; color: var(--text-primary); line-height: 1.2; margin-bottom: 16px; letter-spacing: -1px; } .hero-subtitle { font-size: 18px; color: var(--text-secondary); margin-bottom: 36px; max-width: 560px; margin-left: auto; margin-right: auto; } .hero-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } /* ---------- 通用 Section ---------- */ .section { padding: 80px 0; } .section-title { font-size: 32px; font-weight: 700; text-align: center; margin-bottom: 12px; color: var(--text-primary); } .section-subtitle { text-align: center; color: var(--text-muted); font-size: 16px; margin-bottom: 48px; } /* ---------- 分类网格 ---------- */ .categories-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 24px; } .category-card { background: var(--bg-card); border-radius: var(--radius-md); padding: 32px 20px; text-align: center; box-shadow: var(--shadow-sm); border: 1px solid var(--border-color); transition: var(--transition); cursor: pointer; } .category-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: var(--primary); } .category-icon { font-size: 40px; margin-bottom: 12px; } .category-card h3 { font-size: 20px; font-weight: 600; margin-bottom: 6px; } .category-card p { color: var(--text-muted); font-size: 14px; } /* ---------- 应用卡片网格 ---------- */ .apps-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; } .app-card { background: var(--bg-card); border-radius: var(--radius-md); padding: 24px; box-shadow: var(--shadow-sm); border: 1px solid var(--border-color); transition: var(--transition); display: flex; flex-direction: column; } .app-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: var(--secondary-2); } .app-icon { font-size: 40px; margin-bottom: 12px; } .app-card h3 { font-size: 20px; font-weight: 600; margin-bottom: 4px; } .app-category { font-size: 13px; color: var(--primary); font-weight: 500; margin-bottom: 8px; } .app-description { font-size: 14px; color: var(--text-secondary); flex: 1; margin-bottom: 16px; line-height: 1.5; } .app-footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--border-color); } .app-rating { font-size: 14px; font-weight: 600; color: #f59e0b; } /* ---------- 品牌故事 ---------- */ .brand-story { background: var(--text-primary); color: #fff; text-align: center; } .brand-story .story-content { max-width: 680px; margin: 0 auto; } .brand-story h2 { font-size: 32px; font-weight: 700; margin-bottom: 20px; } .brand-story p { font-size: 16px; line-height: 1.8; opacity: 0.9; } /* ---------- 页脚 ---------- */ .site-footer { background: #1e293b; color: #cbd5e1; padding: 48px 0 24px; } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; margin-bottom: 32px; } .footer-brand .footer-logo { width: 160px; margin-bottom: 12px; filter: brightness(0) invert(1); } .footer-brand p { font-size: 14px; opacity: 0.8; } .footer-links h4, .footer-contact h4 { color: #fff; font-size: 16px; font-weight: 600; margin-bottom: 12px; } .footer-links ul { list-style: none; } .footer-links li { margin-bottom: 8px; } .footer-links a { color: #94a3b8; font-size: 14px; } .footer-links a:hover { color: #fff; } .footer-contact p { font-size: 14px; margin-bottom: 6px; } .footer-bottom { border-top: 1px solid #334155; padding-top: 20px; text-align: center; font-size: 13px; color: #64748b; } /* ---------- 响应式设计 ---------- */ @media (max-width: 768px) { .site-header .container { height: 56px; } .main-nav { display: none; position: absolute; top: 56px; left: 0; right: 0; background: rgba(255,255,255,0.98); backdrop-filter: blur(16px); border-bottom: 1px solid var(--border-color); padding: 16px 24px; } .main-nav.open { display: block; } .main-nav ul { flex-direction: column; gap: 4px; } .mobile-menu-toggle { display: flex; } .header-right .btn { display: none; } .hero { padding: 100px 0 60px; } .hero-title { font-size: 32px; } .hero-subtitle { font-size: 16px; } .section { padding: 48px 0; } .section-title { font-size: 26px; } .categories-grid { grid-template-columns: repeat(2, 1fr); } .apps-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; gap: 24px; text-align: center; } .footer-brand .footer-logo { margin: 0 auto 12px; } } @media (max-width: 480px) { .container { padding: 0 16px; } .hero-title { font-size: 28px; } .hero-actions { flex-direction: column; align-items: center; } .btn-lg { width: 100%; max-width: 300px; } .categories-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .category-card { padding: 20px 12px; } } /* ---------- 滚动时导航阴影 ---------- */ .scrolled .site-header { box-shadow: 0 2px 20px rgba(0,0,0,0.08); } ``` ```javascript /** * 源启 APP下载网 - 前端交互逻辑 * 功能：导航栏滚动效果、移动端菜单、数据加载兜底 */ document.addEventListener('DOMContentLoaded', function() { // ---------- 导航栏滚动效果 ---------- const header = document.querySelector('.site-header'); let lastScroll = 0; window.addEventListener('scroll', function() { const currentScroll = window.pageYOffset || document.documentElement.scrollTop; if (currentScroll > 50) { header.classList.add('scrolled'); } else { header.classList.remove('scrolled'); } lastScroll = currentScroll; }); // ---------- 移动端菜单切换 ---------- const menuToggle = document.querySelector('.mobile-menu-toggle'); const mainNav = document.querySelector('.main-nav'); if (menuToggle && mainNav) { menuToggle.addEventListener('click', function(e) { e.stopPropagation(); mainNav.classList.toggle('open'); }); // 点击导航链接后关闭菜单 const navLinks = mainNav.querySelectorAll('a'); navLinks.forEach(link => { link.addEventListener('click', function() { mainNav.classList.remove('open'); }); }); // 点击页面其它区域关闭菜单 document.addEventListener('click', function(e) { if (!header.contains(e.target)) { mainNav.classList.remove('open'); } }); } // ---------- 数据渲染兜底 (JS渲染，用于非PHP环境或PHP数据未加载时的备用) ---------- // 如果PHP已经渲染了内容，此函数不会覆盖，仅作为备用方案 function renderFallbackData() { // 检查分类容器是否已有子元素（PHP已渲染） const catContainer = document.getElementById('categories-container'); if (catContainer && catContainer.children.length === 0) { // 默认分类数据 const categories = ['效率工具', '创意灵感', '品质生活', '游戏娱乐']; const icons = { '效率工具': '⚡', '创意灵感': '🎨', '品质生活': '☀️', '游戏娱乐': '🎮' }; catContainer.innerHTML = categories.map(cat => `
${icons[cat] || '📦'}

${cat}

探索更多精彩应用

`).join(''); } // 精选应用 const featuredContainer = document.getElementById('featured-apps-container'); if (featuredContainer && featuredContainer.children.length === 0) { const featuredApps = [ { title: 'Notion 笔记', category: '效率工具', description: '一体化工作空间，融合笔记、任务、Wiki和数据库。', icon: '📝', rating: 4.8 }, { title: 'Figma 设计', category: '创意灵感', description: '基于浏览器的协作式UI设计工具。', icon: '🎨', rating: 4.7 }, { title: '潮汐冥想', category: '品质生活', description: '专注冥想与白噪音，帮你减压助眠。', icon: '🧘', rating: 4.9 } ]; featuredContainer.innerHTML = featuredApps.map(app => `
${app.icon}

${app.title}

${app.category}

${app.description}

⭐ ${app.rating} 下载
`).join(''); } // 最新应用 const latestContainer = document.getElementById('latest-apps-container'); if (latestContainer && latestContainer.children.length === 0) { const latestApps = [ { title: 'Arc 浏览器', category: '效率工具', description: '重新定义浏览体验，侧边栏、空间、分屏。', icon: '🌐', rating: 4.6 }, { title: 'Keep 运动', category: '品质生活', description: '健身课程、跑步记录、饮食指导。', icon: '🏃', rating: 4.5 }, { title: '剪映 专业版', category: '创意灵感', description: '全能的视频剪辑工具，AI辅助创作。', icon: '🎬', rating: 4.7 } ]; latestContainer.innerHTML = latestApps.map(app => `
${app.icon}

${app.title}

${app.category}

${app.description}

⭐ ${app.rating} 下载
`).join(''); } } // 执行兜底渲染（如果PHP已渲染，不会覆盖） renderFallbackData(); }); ``` ```svg ``` ```svg 源启 YUANQI ``` ```svg ``` ```json [ { "id": 1, "title": "Notion 笔记", "category": "效率工具", "description": "一体化工作空间，融合笔记、任务、Wiki和数据库，团队协作利器。", "icon": "📝", "rating": 4.8, "download_url": "#", "is_featured": true, "is_latest": true, "created_at": "2025-12-01" }, { "id": 2, "title": "Figma 设计", "category": "创意灵感", "description": "基于浏览器的协作式UI设计工具，实时协作，矢量编辑强大。", "icon": "🎨", "rating": 4.7, "download_url": "#", "is_featured": true, "is_latest": true, "created_at": "2025-11-28" }, { "id": 3, "title": "潮汐冥想", "category": "品质生活", "description": "专注冥想与白噪音，帮你减压助眠，提升专注力与幸福感。", "icon": "🧘", "rating": 4.9, "download_url": "#", "is_featured": true, "is_latest": false, "created_at": "2025-10-15" }, { "id": 4, "title": "Arc 浏览器", "category": "效率工具", "description": "重新定义浏览体验，侧边栏、空间、分屏，优雅且强大。", "icon": "🌐", "rating": 4.6, "download_url": "#", "is_featured": false, "is_latest": true, "created_at": "2025-12-10" }, { "id": 5, "title": "Procreate 绘画", "category": "创意灵感", "description": "iPad上最强大的数字绘画软件，笔触真实，功能专业。", "icon": "✍️", "rating": 4.9, "download_url": "#", "is_featured": true, "is_latest": false, "created_at": "2025-09-20" }, { "id": 6, "title": "Keep 运动", "category": "品质生活", "description": "健身课程、跑步记录、饮食指导，你的随身健身教练。", "icon": "🏃", "rating": 4.5, "download_url": "#", "is_featured": false, "is_latest": true, "created_at": "2025-12-05" }, { "id": 7, "title": "飞书文档", "category": "效率工具", "description": "多人实时协作文档，支持表格、思维导图、流程图。", "icon": "📄", "rating": 4.4, "download_url": "#", "is_featured": false, "is_latest": false, "created_at": "2025-08-01" }, { "id": 8, "title": "剪映 专业版", "category": "创意灵感", "description": "全能的视频剪辑工具，AI辅助，轻松创作大片。", "icon": "🎬", "rating": 4.7, "download_url": "#", "is_featured": true, "is_latest": true, "created_at": "2025-11-15" } ] ``` ```json { "site_name": "源启", "site_slogan": "发现你的下一款必备应用", "site_description": "源启APP下载网，精选全球优质应用，涵盖效率、创意、生活、游戏等热门分类。", "logo_text": "源启", "footer_brand": "发现你的下一款必备应用" } ``` ```html 源启 - 后台管理

🔐 后台登录

📊 源启后台管理

管理应用数据与网站配置

添加新应用

现有应用列表

ID 名称 分类 评分 精选 最新 操作

基本配置

``` ```html 源启 - 全部应用
源启 源启
后台管理

全部应用

发现更多精彩应用，总有一款适合你

``` ```html 源启 - 效率工具
源启 源启
后台管理

⚡ 效率工具

提升工作与学习效率，让每一分钟更有价值

``` ```html 源启 - 创意灵感
源启 源启
后台管理

🎨 创意灵感

释放你的创造力，用设计、绘画与视频表达自我

``` ```html 源启 - 品质生活
源启 源启
后台管理

☀️ 品质生活

关注身心健康，享受精致生活的每一刻