console
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI工具精选 - 燕归来为HR专业人士打造</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#4F46E5',
secondary: '#10B981',
accent: '#8B5CF6',
dark: '#1F2937',
light: '#F9FAFB'
},
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
},
boxShadow: {
'card': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
'card-hover': '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
}
},
}
}
</script>
<style type="text/tailwindcss">
@layer utilities {
.content-auto {
content-visibility: auto;
}
.gradient-bg {
background: linear-gradient(135deg, #4F46E5 0%, #8B5CF6 100%);
}
.card-gradient {
background: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.08) 100%);
}
.text-balance {
text-wrap: balance;
}
}
</style>
</head>
<body class="bg-gray-50 text-gray-800 font-sans min-h-screen flex flex-col">
<header class="sticky top-0 z-50 bg-white/90 backdrop-blur-sm shadow-sm transition-all duration-300">
<div class="container mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-2">
<i class="fa fa-robot text-primary text-2xl"></i>
<h1 class="text-xl md:text-2xl font-bold text-dark">AI工具精选 </h1>
</div>
<nav class="hidden md:flex space-x-8">
<a href="#general" class="text-gray-600 hover:text-primary transition-colors duration-200">综合类</a>
<a href="#writing" class="text-gray-600 hover:text-primary transition-colors duration-200">文案类</a>
<a href="#image" class="text-gray-600 hover:text-primary transition-colors duration-200">图片类</a>
<a href="#ppt" class="text-gray-600 hover:text-primary transition-colors duration-200">PPT类</a>
</nav>
<button class="md:hidden text-gray-600 focus:outline-none" id="mobile-menu-button">
<i class="fa fa-bars text-xl"></i>
</button>
</div>
<div class="md:hidden hidden bg-white border-t" id="mobile-menu">
<div class="container mx-auto px-4 py-3 flex flex-col space-y-3">
<a href="#general" class="text-gray-600 hover:text-primary transition-colors duration-200 py-2">综合类</a>
<a href="#writing" class="text-gray-600 hover:text-primary transition-colors duration-200 py-2">文案类</a>
<a href="#image" class="text-gray-600 hover:text-primary transition-colors duration-200 py-2">图片类</a>
<a href="#ppt" class="text-gray-600 hover:text-primary transition-colors duration-200 py-2">PPT类</a>
</div>
</div>
</header>
<section class="gradient-bg text-white py-16 md:py-24">
<div class="container mx-auto px-4">
<div class="max-w-3xl mx-auto text-center">
<h2 class="text-[clamp(2rem,5vw,3.5rem)] font-bold mb-6 leading-tight">燕归来-为HR专业人士精选的AI工具 </h2>
<p class="text-xl md:text-2xl mb-8 opacity-90 text-balance">探索适合不同场景的人工智能工具，提升工作效率和决策质量</p>
<div class="flex flex-wrap justify-center gap-4">
<a href="#general" class="bg-white text-primary px-6 py-3 rounded-full font-medium hover:bg-gray-100 transition-colors duration-200 shadow-lg">
综合类工具
</a>
<a href="#writing" class="bg-white text-primary px-6 py-3 rounded-full font-medium hover:bg-gray-100 transition-colors duration-200 shadow-lg">
文案类工具
</a>
<a href="#image" class="bg-white text-primary px-6 py-3 rounded-full font-medium hover:bg-gray-100 transition-colors duration-200 shadow-lg">
图片类工具
</a>
<a href="#ppt" class="bg-white text-primary px-6 py-3 rounded-full font-medium hover:bg-gray-100 transition-colors duration-200 shadow-lg">
PPT类工具
</a>
</div>
</div>
</div>
</section>
<main class="flex-grow container mx-auto px-4 py-16">
<section id="general" class="mb-20">
<div class="mb-10">
<h3 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-dark mb-4">
<i class="fa fa-th-large text-primary mr-3"></i>综合类工具
</h3>
<p class="text-gray-600 text-lg max-w-3xl">功能全面的AI助手，适用于多种场景和任务</p>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-purple-500 to-pink-600"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center mr-4">
<i class="fa fa-rocket text-purple-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">deepseek</h4>
<p class="text-sm text-gray-500">深度求索</p>
</div>
</div>
<p class="text-gray-600 mb-6">专注于深度学习的大型语言模型，在知识推理和代码生成方面表现出色。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-purple-100 text-purple-800 text-xs rounded-full">综合</span>
<a href="https://www.deepseek.com" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-purple-500 to-pink-600"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center mr-4">
<i class="fa fa-rocket text-purple-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">豆包</h4>
<p class="text-sm text-gray-500">字节跳动</p>
</div>
</div>
<p class="text-gray-600 mb-6">国内领先的AI助手，支持多轮对话和多种实用工具，中文理解能力出色。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-purple-100 text-purple-800 text-xs rounded-full">综合</span>
<a href="https://www.doubao.com" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-blue-500 to-teal-600"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mr-4">
<i class="fa fa-lightbulb-o text-blue-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">通义千问</h4>
<p class="text-sm text-gray-500">阿里巴巴</p>
</div>
</div>
<p class="text-gray-600 mb-6">阿里云推出的大型语言模型，专注于企业级应用和知识服务。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">综合</span>
<a href="https://tongyi.aliyun.com" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-green-500 to-teal-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-green-100 flex items-center justify-center mr-4">
<i class="fa fa-comment text-green-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">讯飞星火</h4>
<p class="text-sm text-gray-500">科大讯飞</p>
</div>
</div>
<p class="text-gray-600 mb-6">由科大讯飞开发的认知智能大模型，在教育、医疗等领域有深入应用。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-green-100 text-green-800 text-xs rounded-full">综合</span>
<a href="https://xinghuo.xfyun.cn" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-amber-500 to-orange-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-amber-100 flex items-center justify-center mr-4">
<i class="fa fa-lightbulb-o text-amber-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">文心一言</h4>
<p class="text-sm text-gray-500">百度</p>
</div>
</div>
<p class="text-gray-600 mb-6">百度推出的知识增强大语言模型，提供跨模态生成能力和行业解决方案。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-amber-100 text-amber-800 text-xs rounded-full">综合</span>
<a href="https://yiyan.baidu.com" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-blue-500 to-indigo-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mr-4">
<i class="fa fa-tencent-weibo text-blue-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">腾讯混元</h4>
<p class="text-sm text-gray-500">腾讯</p>
</div>
</div>
<p class="text-gray-600 mb-6">腾讯推出的通用大语言模型，具备强大的理解和生成能力，支持多领域应用。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">综合</span>
<a href="https://hunyuan.tencent.com/" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<section id="writing" class="mb-20">
<div class="mb-10">
<h3 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-dark mb-4">
<i class="fa fa-pencil text-secondary mr-3"></i>文案类工具
</h3>
<p class="text-gray-600 text-lg max-w-3xl">提升写作效率和质量的AI辅助工具</p>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-blue-500 to-teal-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mr-4">
<i class="fa fa-file-text-o text-blue-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">秘塔写作猫</h4>
<p class="text-sm text-gray-500">秘塔科技</p>
</div>
</div>
<p class="text-gray-600 mb-6">AI驱动的专业写作辅助工具，支持多场景文案生成和文本优化。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">文案</span>
<a href="https://xiezuocat.com" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-red-500 to-orange-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-red-100 flex items-center justify-center mr-4">
<i class="fa fa-fire text-red-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">火山写作</h4>
<p class="text-sm text-gray-500">字节跳动</p>
</div>
</div>
<p class="text-gray-600 mb-6">智能写作助手，专注于内容创作和文案生成，提供多语言支持和实时语法检查。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-red-100 text-red-800 text-xs rounded-full">文案</span>
<a href="https://writingo.net/document?docId=1" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-amber-500 to-yellow-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-amber-100 flex items-center justify-center mr-4">
<i class="fa fa-magic text-amber-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">易撰</h4>
<p class="text-sm text-gray-500">易撰科技</p>
</div>
</div>
<p class="text-gray-600 mb-6">自媒体内容创作助手，提供热点追踪、素材库和AI智能写作功能。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-amber-100 text-amber-800 text-xs rounded-full">文案</span>
<a href="https://www.yizhuan5.com" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-teal-500 to-cyan-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-teal-100 flex items-center justify-center mr-4">
<i class="fa fa-pencil-square-o text-teal-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">写作狐</h4>
<p class="text-sm text-gray-500">写作狐科技</p>
</div>
</div>
<p class="text-gray-600 mb-6">专注于新媒体写作的AI助手，提供标题优化、文案生成和数据分析功能。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-teal-100 text-teal-800 text-xs rounded-full">文案</span>
<a href="https://www.xiezuohu.com" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<section id="image" class="mb-20">
<div class="mb-10">
<h3 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-dark mb-4">
<i class="fa fa-picture-o text-accent mr-3"></i>图片类工具
</h3>
<p class="text-gray-600 text-lg max-w-3xl">AI驱动的图像生成和编辑工具</p>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-indigo-500 to-purple-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-indigo-100 flex items-center justify-center mr-4">
<i class="fa fa-paint-brush text-indigo-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">文心一格</h4>
<p class="text-sm text-gray-500">百度</p>
</div>
</div>
<p class="text-gray-600 mb-6">百度推出的AI艺术和创意辅助平台，通过文本生成高质量图像。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-indigo-100 text-indigo-800 text-xs rounded-full">图片</span>
<a href="https://yige.baidu.com" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-purple-500 to-pink-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center mr-4">
<i class="fa fa-camera text-purple-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">无界AI</h4>
<p class="text-sm text-gray-500">成都无界科技</p>
</div>
</div>
<p class="text-gray-600 mb-6">国内领先的AI绘画平台，支持多种风格和高质量图像生成。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-purple-100 text-purple-800 text-xs rounded-full">图片</span>
<a href="https://www.wujieai.com" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-teal-500 to-cyan-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-teal-100 flex items-center justify-center mr-4">
<i class="fa fa-picture-o text-teal-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">稿定AI</h4>
<p class="text-sm text-gray-500">稿定科技</p>
</div>
</div>
<p class="text-gray-600 mb-6">一站式设计平台，提供AI图像生成、编辑和模板设计功能，简单易用。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-teal-100 text-teal-800 text-xs rounded-full">图片</span>
<a href="https://www.gaoding.com/ai" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-amber-500 to-orange-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-amber-100 flex items-center justify-center mr-4">
<i class="fa fa-paint-brush text-amber-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">即梦</h4>
<p class="text-sm text-gray-500">即梦科技</p>
</div>
</div>
<p class="text-gray-600 mb-6">专注于AI梦境生成的平台，提供独特的图像风格和创意体验。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-amber-100 text-amber-800 text-xs rounded-full">图片</span>
<a href="https://www.jimeng.com" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-pink-500 to-purple-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-pink-100 flex items-center justify-center mr-4">
<i class="fa fa-paint-brush text-pink-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">意间AI画</h4>
<p class="text-sm text-gray-500">意间科技</p>
</div>
</div>
<p class="text-gray-600 mb-6">专注于AI绘画的平台，提供多种绘画风格和高质量图像生成服务。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-pink-100 text-pink-800 text-xs rounded-full">图片</span>
<a href="https://portal.yjai.art/" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<section id="ppt" class="mb-20">
<div class="mb-10">
<h3 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-dark mb-4">
<i class="fa fa-slideshare text-amber-500 mr-3"></i>PPT类工具
</h3>
<p class="text-gray-600 text-lg max-w-3xl">AI辅助的演示文稿创建和优化工具</p>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-red-500 to-pink-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-red-100 flex items-center justify-center mr-4">
<i class="fa fa-object-group text-red-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">Canva可画</h4>
<p class="text-sm text-gray-500">Canva中国</p>
</div>
</div>
<p class="text-gray-600 mb-6">多功能设计平台，提供丰富的PPT模板和AI设计工具，帮助用户快速创建专业演示文稿。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-red-100 text-red-800 text-xs rounded-full">PPT</span>
<a href="https://www.canva.cn" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-xl shadow-card hover:shadow-card-hover transition-all duration-300 transform hover:-translate-y-1 overflow-hidden">
<div class="h-3 bg-gradient-to-r from-indigo-500 to-blue-500"></div>
<div class="p-6">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-indigo-100 flex items-center justify-center mr-4">
<i class="fa fa-slideshare text-indigo-600 text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold">稿定设计</h4>
<p class="text-sm text-gray-500">稿定科技</p>
</div>
</div>
<p class="text-gray-600 mb-6">提供海量PPT模板和AI智能设计功能，支持一键生成专业演示文稿。</p>
<div class="flex justify-between items-center">
<span class="px-3 py-1 bg-indigo-100 text-indigo-800 text-xs rounded-full">PPT</span>
<a href="https://www.gaoding.com" target="_blank" class="text-primary hover:text-indigo-700 font-medium transition-colors duration-200">
访问官网 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="bg-dark text-white py-12">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
<h4 class="text-xl font-bold mb-4">AI工具精选</h4>
<p class="text-gray-400 mb-4">为HR专业人士精心挑选的人工智能工具，提升工作效率和决策质量。</p>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white transition-colors duration-200">
<i class="fa fa-weibo text-xl"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition-colors duration-200">
<i class="fa fa-wechat text-xl"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition-colors duration-200">
<i class="fa fa-linkedin text-xl"></i>
</a>
</div>
</div>
<div>
<h4 class="text-lg font-bold mb-4">快速链接</h4>
<ul class="space-y-2">
<li><a href="#general" class="text-gray-400 hover:text-white transition-colors duration-200">综合类工具</a></li>
<li><a href="#writing" class="text-gray-400 hover:text-white transition-colors duration-200">文案类工具</a></li>
<li><a href="#image" class="text-gray-400 hover:text-white transition-colors duration-200">图片类工具</a></li>
<li><a href="#ppt" class="text-gray-400 hover:text-white transition-colors duration-200">PPT类工具</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-bold mb-4">联系我们</h4>
<ul class="space-y-2">
<li class="flex items-center">
<i class="fa fa-envelope-o mr-2 text-gray-400"></i>
<a href="mailto:471584697@qq.com" class="text-gray-400 hover:text-white transition-colors duration-200">471584697@qq.com</a>
</li>
<li class="flex items-center">
<i class="fa fa-phone mr-2 text-gray-400"></i>
<span class="text-gray-400">13878543272</span>
</li>
</ul>
</div>
</div>
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
<p>© 2025 AI工具精选 - 燕归来. 保留所有权利.</p>
</div>
</div>
</footer>
</html>