<!DOCTYPE html> <html lang=”zh-CN” data-theme=”light”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>DeepSeek文案助手 – AI文案创作工具演示</title> <meta name=”description” content=”基于DeepSeek的AI文案创作助手，提供产品文案优化、小红书标题生成、技术文档翻译、跨界文案迁移等功能演示”> <!– Tailwind CSS CDN –> <script src=”https://cdn.tailwindcss.com”></script> <!– DaisyUI CDN –> <link href=”https://cdn.bootcdn.net/ajax/libs/daisyui/4.12.10/full.min.css” rel=”stylesheet”> <!– Font Awesome Icons –> <link href=”https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css” rel=”stylesheet”> <!– Google Fonts: Newsreader & Roboto –> <link href=”https://fonts.proxy.ustclug.org/css2?family=Newsreader:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap” rel=”stylesheet”> <style> :root { –primary: #3B82F6; –secondary: #60A5FA; –cta: #F97316; –background: #F8FAFC; –text: #1E293B; } * { margin: 0; padding: 0; box-sizing: border-box; } body h1, h2, h3, h4, h5, h6 .container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; } .grid-12 { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1rem; } .typewriter { overflow: hidden; border-right: .15em solid var(–primary); white-space: nowrap; margin: 0 auto; letter-spacing: .15em; animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite; } @keyframes typing { from { width: 0 } to { width: 100% } } @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: var(–primary) } } .card-hover { transition: all 0.3s ease; cursor: pointer; } .card-hover:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .gradient-text { background: linear-gradient(135deg, var(–primary), var(–cta)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .glass-effect { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } @media (prefers-reduced-motion: reduce) { .typewriter, .card-hover { animation: none; transition: none; } } </style> </head> <body> <!– Navigation –> <nav class=”navbar glass-effect sticky top-4 left-4 right-4 z-50 rounded-box shadow-lg mb-8″> <div class=”container mx-auto”> <div class=”flex justify-between items-center p-4″> <div class=”flex items-center space-x-2″> <div class=”w-10 h-10 rounded-full bg-gradient-to-r from-[#3B82F6] to-[#F97316] flex items-center justify-center”> <i class=”fas fa-robot text-white text-xl”></i> </div> <div> <h1 class=”text-xl font-bold”>DeepSeek文案助手</h1> <p class=”text-sm text-gray-600″>AI文案创作工具演示</p> </div> </div> <div class=”flex items-center space-x-4″> <a href=https://download.csdn.net/download/grass/”#features” class=”btn btn-ghost”>功能演示</a> <a href=https://download.csdn.net/download/grass/”#cases” class=”btn btn-ghost”>实战案例</a> <a href=https://download.csdn.net/download/grass/”#try” class=”btn btn-primary”>立即体验</a> </div> </div> </div> </nav> <!– Hero Section –> <section class=”py-12 md:py-20″> <div class=”container mx-auto”> <div class=”grid-12″> <div class=”col-span-12 md:col-span-7″> <div class=”space-y-6″> <h1 class=”text-4xl md:text-5xl lg:text-6xl font-bold”> <span class=”typewriter”>用AI提升效率，</span><br> <span class=”gradient-text”>扣子 Coze 教程;告别”憋文案”的痛苦</span> </h1> <p class=”text-xl text-gray-600″> 基于DeepSeek的AI文案创作助手，为文案人提供快速生成、多风格切换、语言优化等核心功能，让创意不再枯竭。 </p> <div class=”flex flex-wrap gap-4″> <div class=”badge badge-primary badge-lg”> <i class=”fas fa-bolt mr-2″></i>5秒生成初稿 </div> <div class=”badge badge-secondary badge-lg”> <i class=”fas fa-palette mr-2″></i>多风格切换 </div> <div class=”badge badge-accent badge-lg”> <i class=”fas fa-magic mr-2″></i>语言优化 </div> </div> <div class=”pt-4″> <a href=https://download.csdn.net/download/grass/”#try” class=”btn btn-lg btn-primary”> <i class=”fas fa-play mr-2″></i>立即体验 </a> <a href=https://download.csdn.net/download/grass/”#cases” class=”btn btn-lg btn-ghost ml-4″> <i class=”fas fa-book-open mr-2″></i>查看案例 </a> </div> </div> </div> <div class=”col-span-12 md:col-span-5 mt-8 md:mt-0″> <div class=”card bg-base-100 shadow-xl card-hover”> <div class=”card-body”> <h3 class=”card-title text-2xl”> <i class=”fas fa-star text-yellow-500 mr-2″></i> DeepSeek的价值 </h3> <ul class=”space-y-3″> <li class=”flex items-start”> <i class=”fas fa-check-circle text-green-500 mt-1 mr-3″></i> <span><strong>快速生成初稿：</strong>5秒输出灵感框架，告别空白文档焦虑</span> </li> <li class=”flex items-start”> <i class=”fas fa-check-circle text-green-500 mt-1 mr-3″></i> <span><strong>多风格切换：</strong>一句指令切换”专业风””搞笑梗””治愈系”</span> </li> <li class=”flex items-start”> <i class=”fas fa-check-circle text-green-500 mt-1 mr-3″></i> <span><strong>语言优化：</strong>自动检测”废话”，提炼核心卖点</span> </li>
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/276406.html原文链接：https://javaforall.net
