<!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>Coze知识库管理系统 – 给AI装上”私有大脑”</title> <script src=”https://cdn.tailwindcss.com”></script> <link href=”https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css” rel=”stylesheet”> <link href=”https://fonts.proxy.ustclug.org/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap” rel=”stylesheet”> <style> * .hero-title { font-size: clamp(3rem, 10vw, 5rem); font-weight: 900; letter-spacing: -0.05em; line-height: 1.1; } .section-title { font-size: clamp(2rem, 6vw, 3rem); font-weight: 800; letter-spacing: -0.03em; } .card-hover { transition: all 0.3s ease; } .card-hover:hover cursor 教程 { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); } .knowledge-chunk { border-left: 4px solid #3B82F6; padding-left: 1rem; margin: 1rem 0; } .upload-area { border: 2px dashed #60A5FA; border-radius: 1rem; transition: all 0.3s ease; } .upload-area:hover { border-color: #3B82F6; background-color: rgba(59, 130, 246, 0.05); } .ai-response { background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%); border-radius: 1rem; position: relative; } .ai-response::before { content: “AI”; position: absolute; top: -12px; left: 20px; background: #3B82F6; color: white; padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; } .step-number @media (prefers-reduced-motion: reduce) { .card-hover, .upload-area { transition: none; } .card-hover:hover { transform: none; } } </style> </head> <body class=”bg-[#F8FAFC] text-[#1E293B] min-h-screen”> <!– 导航栏 –> <nav class=”sticky top-4 left-4 right-4 mx-4 bg-white/90 backdrop-blur-lg rounded-2xl shadow-lg z-50″> <div class=”max-w-7xl mx-auto px-6 py-4″> <div class=”flex items-center justify-between”> <div class=”flex items-center space-x-2″> <div class=”w-10 h-10 bg-gradient-to-br from-[#3B82F6] to-[#60A5FA] rounded-xl flex items-center justify-center”> <i class=”fas fa-brain text-white text-xl”></i> </div> <span class=”text-xl font-bold”>Coze知识库</span> </div> <div class=”hidden md:flex space-x-8″> <a href=https://download.csdn.net/download/tea88/”#features” class=”font-medium hover:text-[#3B82F6] transition-colors duration-200 cursor-pointer”>功能特性</a> <a href=https://download.csdn.net/download/tea88/”#workflow” class=”font-medium hover:text-[#3B82F6] transition-colors duration-200 cursor-pointer”>操作流程</a> <a href=https://download.csdn.net/download/tea88/”#demo” class=”font-medium hover:text-[#3B82F6] transition-colors duration-200 cursor-pointer”>在线演示</a> <a href=https://download.csdn.net/download/tea88/”#benefits” class=”font-medium hover:text-[#3B82F6] transition-colors duration-200 cursor-pointer”>核心优势</a> </div> <button class=”bg-[#3B82F6] text-white px-6 py-2 rounded-xl font-semibold hover:bg-[#2563EB] transition-colors duration-200 cursor-pointer”> 立即体验 </button> </div> </div> </nav> <!– Hero区域 –> <section class=”max-w-7xl mx-auto px-6 py-20 md:py-32″> <div class=”text-center”> <h1 class=”hero-title mb-6″> 拒绝AI胡说八道！ <span class=”block text-[#3B82F6]”>给机器人装上”私有大脑”</span> </h1> <p class=”text-xl text-gray-600 max-w-3xl mx-auto mb-10″> 在Coze平台上轻松搭建知识库，让AI真正理解你的业务逻辑、公司流程和私有文档，告别”一本正经地胡说八道”。 </p> <div class=”flex flex-col sm:flex-row gap-4 justify-center”> <button class=”bg-[#F97316] text-white px-8 py-4 rounded-xl font-bold text-lg hover:bg-[#EA580C] transition-colors duration-200 cursor-pointer”> <i class=”fas fa-play mr-2″></i>开始创建知识库 </button> <button class=”bg-white text-[#1E293B] px-8 py-4 rounded-xl font-bold text-lg border-2 border-gray-200 hover:border-[#3B82F6] hover:text-[#3B82F6] transition-colors duration-200 cursor-pointer”> <i class=”fas fa-book mr-2″></i>查看完整教程 </button> </div> </div> <!– 模拟界面展示 –> <div class=”mt-20 relative”> <div class=”absolute inset-0 bg-gradient-to-r from-[#3B82F6]/20 to-[#60A5FA]/20 blur-3xl rounded-full”></div> <div class=”relative bg-white rounded-3xl shadow-2xl overflow-hidden”> <div class=”p-6 border-b border-gray-100″> <div class=”flex items-center space-x-4″> <div class=”w-3 h-3 rounded-full bg-red-500″></div> <div class=”w-3 h-3 rounded-full bg-yellow-500″></div> <div class=”w-3 h-3 rounded-full bg-green-500″></div> <div class=”flex-1 text-center font-medium”>Coze知识库管理平台</div> </div> </div> <div class=”p-8″> <div class=”grid grid-cols-1 lg:grid-cols-3 gap-8″> <!– 左侧：知识库列表 –> <div class=”lg:col-span-1 space-y-4″> <h3 class=”font-bold text-lg”>我的知识库</h3> <div class=”space-y-3″> <div class=”p-4 bg-[#F8FAFC] rounded-xl border border-gray-200 cursor-pointer hover:border-[#3B82F6] transition-colors duration-200″> <div class=”flex items-center justify-between”> <div class=”flex items-center space-x-3″> <i class=”fas fa-database text-[#3B82F6]”></i> <span class=”font-medium”>产品文档库</span> </div> <span class=”text-sm text-gray-500″>12个文档</span> </div> </div> <div class=”p-4 bg-[#F8FAFC] rounded-xl border border-gray-200 cursor-pointer hover:border-[#3B82F6] transition-colors duration-200″> <div class=”flex items-center justify-between”> <div class=”flex items-center space-x-3″> <i class=”fas fa-file-pdf text-[#F97316]”></i> <span class=”font-medium”>公司流程库</s
发布者：Ai探索者，转载请注明出处：https://javaforall.net/273260.html原文链接：https://javaforall.net
