<!DOCTYPE html> <html lang="zh-CN"> <head>
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>多智能体RAG系统演示 - 智能问答优化</title> <!-- Tailwind CSS CDN --> <script src="https://cdn.tailwindcss.com"></script> <!-- DaisyUI CDN --> <link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.10/dist/full.min.css" rel="stylesheet" type="text/css" /> <!-- Font Awesome Icons --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <!-- Google Fonts: Fira Code & Fira Sans --> <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <!-- Chart.js for data visualization --> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <style> :root { --primary: #3B82F6; --secondary: #60A5FA; --cta: #F97316; --background: #F8FAFC; --text: #1E293B; } body .code-font { font-family: 'Fira Code', monospace; } .agent-card { transition: all 0.3s ease; border-left: 4px solid var(--primary); } .agent-card:hover { transform: translateY(-2px); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .process-step { position: relative; padding-left: 2rem; } .process-step:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, var(--primary), var(--secondary)); } .step-number .prompt-box { background-color: #1E293B; color: #E2E8F0; border-radius: 0.5rem; font-family: 'Fira Code', monospace; font-size: 0.875rem; } .response-badge { padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; } .no-retrieval { background-color: #10B981; color: white; } .retrieval { background-color: #3B82F6; color: white; } .planning { background-color: #F59E0B; color: white; } .decision-maker { background-color: #8B5CF6; color: white; } </style>
</head> <body class="min-h-screen">
GPT plus 代充 只需 145<!-- Navigation --> <nav class="navbar bg-base-100 shadow-lg sticky top-0 z-50"> <div class="navbar-start"> <div class="dropdown"> <div tabindex="0" role="button" class="btn btn-ghost lg:hidden"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /></svg> </div> <ul tabindex="0" class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow"> <li><a href=https://download.csdn.net/download/cake8/"#overview">系统概述</a></li> <li><a href=https://download.csdn.net/download/cake8/"#demo">交互演示</a></li> <li><a href=https://download.csdn.net/download/cake8/"#agents">智能体详解</a></li> <li><a href=https://download.csdn.net/download/cake8/"#workflow">工作流程</a></li> </ul> </div> <a class="btn btn-ghost text-xl"> <i class="fas fa-robot text-primary mr-2"></i> <span class="font-bold">多智能体RAG系统</span> </a> </div> <div class="navbar-center hidden lg:flex"> <ul class="menu menu-horizontal px-1"> <li><a href=https://download.csdn.net/download/cake8/"#overview">系统概述</a></li> <li><a href=https://download.csdn.net/download/cake8/"#demo">交互演示</a></li> <li><a href=https://download.csdn.net/download/cake8/"#agents">智能体详解</a></li> <li><a href=https://download.csdn.net/download/cake8/"#workflow">工作流程</a></li> </ul> </div> <div class="navbar-end"> <button class="btn btn-primary" onclick="startDemo()"> <i class="fas fa-play mr-2"></i> 开始演示 </button> </div> </nav> <!-- Hero Section --> <div class="hero min-h-[60vh] bg-gradient-to-br from-blue-50 to-indigo-50"> <div class="hero-content text-center"> <div class="max-w-4xl"> <h1 class="text-5xl font-bold mb-6"> 多智能体优化<span class="text-primary">RAG技术</span> </h1> <p class="text-xl mb-8 text-gray-600"> 通过推理路由器、信息过滤器和决策制定者三个智能体的协同工作,轻松应对复杂问答场景 </p> <div class="flex flex-col md:flex-row gap-4 justify-center"> <button class="btn btn-primary btn-lg" onclick="scrollToDemo()"> <i class="fas fa-bolt mr-2"></i> 立即体验 </button> <button class="btn btn-outline btn-lg" onclick="scrollToAgents()"> <i class="fas fa-book mr-2"></i> 查看文档 </button> </div> </div> </div> </div> <!-- Main Content --> <div class="container mx-auto px-4 py-12"> <!-- System Overview --> <section id="overview" class="mb-16"> <h2 class="text-3xl font-bold mb-8 text-center">系统架构概述</h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <div class="card bg-base-100 shadow-xl"> <div class="card-body"> <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="fas fa-route text-blue-600 text-xl"></i> </div> <h3 class="card-title">推理路由器</h3> </div> <p class="text-gray-600">评估问题复杂度,决定是否需要检索或规划。处理三种决策:[No Retrieval]、[Retrieval]、[Planning]</p> <div class="card-actions justify-end mt-4"> <span class="badge badge-primary">路由决策</span> <span class="badge badge-secondary">问题评估</span> </div> </div> </div> <div class="card bg-base-100 shadow-xl"> <div class="card-body"> <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="fas fa-filter text-green-600 text-xl"></i> </div> <h3 class="card-ti
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/235310.html