<!DOCTYPE html> <html lang=”zh-CN”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>AI金融分析师 TradingAgents-CN – 部署演示</title> <script src=”https://cdn.tailwindcss.com”></script> <link href=”https://fonts.proxy.ustclug.org/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap” rel=”stylesheet”> <link href=”https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css” rel=”stylesheet”> <script> tailwind.config = , colors: { ‘primary’: ‘#3B82F6’, ‘secondary’: ‘#60A5FA’, ‘cta’: ‘#F97316’, ‘dark-bg’: ‘#0F172A’, ‘dark-card’: ‘#1E293B’, ‘dark-text’: ‘#F8FAFC’, ‘dark-muted’: ‘#94A3B8’, } } } } </script> <style> body .glow { text-shadow: 0 0 10px rgba(59, 130, 246, 0.5); } .card-hover { transition: all 0.3s ease; } .card-hover:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); } .step-number { background: linear-gradient(135deg, #3B82F6, #60A5FA); } .progress-bar { background: linear-gradient(90deg, #3B82F6, #60A5FA); } .status-indicator { animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } </style> </head> <body class=”bg-dark-bg text-dark-text min-h-screen”> <!– Hero Section –> <section class=”relative overflow-hidden py-20″> <div class=”absolute inset-0 bg-gradient-to-br from-dark-bg via-dark-card to-dark-bg opacity-90″></div> <div class=”relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8″> <div class=”text-center”> <div class=”inline-flex items-center px-4 py-2 bg-primary/20 text-primary rounded-full text-sm font-medium mb-6″> gpt 教程 <i class=”fas fa-robot mr-2″></i> AI金融投研系统 </div> <h1 class=”text-4xl sm:text-5xl lg:text-6xl font-bold mb-6 glow”> <span class=”italic”>TradingAgents-CN</span> </h1> <p class=”text-xl text-dark-muted mb-8 max-w-3xl mx-auto leading-relaxed”> 30分钟零基础部署你的专属AI金融分析师 <br> <span class=”text-secondary font-medium”>全天候盯盘 • 财报分析 • 风险评估 • 操作建议</span> </p> <div class=”flex flex-col sm:flex-row gap-4 justify-center”> <button class=”bg-cta hover:bg-orange-600 text-white px-8 py-4 rounded-lg font-semibold text-lg transition-all duration-200 card-hover cursor-pointer”> <i class=”fas fa-rocket mr-2″></i> 立即部署 </button> <button class=”border border-primary text-primary hover:bg-primary hover:text-white px-8 py-4 rounded-lg font-semibold text-lg transition-all duration-200 card-hover cursor-pointer”> <i class=”fas fa-play mr-2″></i> 观看演示 </button> </div> </div> </div> </section> <!– Features Section –> <section class=”py-20 bg-dark-card/50″> <div class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8″> <div class=”text-center mb-16″> <h2 class=”text-3xl sm:text-4xl font-bold mb-4″>为什么选择 TradingAgents-CN？</h2> <p class=”text-dark-muted text-lg max-w-2xl mx-auto”> 专为中国市场优化的AI投研系统，深度整合金融数据，支持顶尖大模型 </p> </div> <div class=”grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8″> <div class=”bg-dark-card rounded-xl p-8 card-hover border border-white/10″> <div class=”w-12 h-12 bg-primary/20 rounded-lg flex items-center justify-center mb-6″> <i class=”fas fa-brain text-primary text-xl”></i> </div> <h3 class=”text-xl font-semibold mb-4″>顶尖AI大脑</h3> <p class=”text-dark-muted”> 接入GPT-5.2、Claude Opus 4.5、Gemini 3 Pro等顶尖模型，一个账号畅用所有主流大模型 </p> </div> <div class=”bg-dark-card rounded-xl p-8 card-hover border border-white/10″> <div class=”w-12 h-12 bg-secondary/20 rounded-lg flex items-center justify-center mb-6″> <i class=”fas fa-chart-line text-secondary text-xl”></i> </div> <h3 class=”text-xl font-semibold mb-4″>实时金融数据</h3> <p class=”text-dark-muted”> 直接读取A股、美股实时行情和财报数据，支持TuShare等专业数据源 </p> </div> <div class=”bg-dark-card rounded-xl p-8 card-hover border border-white/10″> <div class=”w-12 h-12 bg-cta/20 rounded-lg flex items-center justify-center mb-6″> <i class=”fas fa-shield-alt text-cta text-xl”></i> </div> <h3 class=”text-xl font-semibold mb-4″>数据安全私密</h3> <p class=”text-dark-muted”> 数据完全掌握在自己手里，安全、私密、可定制，无需担心封号风险 </p> </div> <div class=”bg-dark-card rounded-xl p-8 card-hover border border-white/10″> <div class=”w-12 h-12 bg-green-500/20 rounded-lg flex items-center justify-center mb-6″> <i class=”fas fa-clock text-green-400 text-xl”></i> </div> <h3 class=”text-xl font-semibold mb-4″>全天候监控</h3> <p class=”text-dark-muted”> 24小时不间断盯盘，智能预警，及时捕捉市场机会和风险 </p> </div> <div class=”bg-dark-card rounded-xl p-8 card-hover border border-white/10″> <div class=”w-12 h-12 bg-purple-500/20 rounded-lg flex items-center justify-center mb-6″> <i class=”fas fa-cogs text-purple-400 text-xl”></i> </div> <h3 class=”text-xl font-semibold mb-4″>高度可定制</h3> <p class=”text-dark-muted”> 支持自定义分析策略、预警规则、数据源配置，满足不同投资需求 </p> </div> <div class=”bg-dark-card rounded-xl p-8 card-hover border border-white/10″> <div class=”w-12 h-12 bg-red-500/20 rounded-lg flex items-center justify-center mb-6″> <i class=”fas fa-mobile-alt text-red-400 text-xl”></i> </div> <h3 class=”text-xl font-semibold mb-4″>响应式设计</h3> <p class=”text-dark-muted”> 完美适配各种设备，随时随地查看分析报告和市场动态 </p> </div> </div> </div> </section> <!– Deployment Steps –> <section class=”py-20″> <div class=”max-w-7xl mx-auto px-4 sm:px-6 lg:px-8″> <div class=”text-center mb-16″> <h2 class=”text-3xl sm:text-4xl font-bold mb-4″>30分钟部署指南</h2> <p class=”text-dark-muted text-lg”> 跟着步骤走，零基础也能快速搭建属于自己的AI投研系统 </p> </div> <div class=”max-w-4xl mx-auto”> <!– Step 1 –> <div class=”flex flex-col lg:flex-row items-start mb-12″> <div class=”flex-shrink-0 mb-4 lg:mb-0 lg:mr-8″> <div class=”step-number w-1
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/273884.html原文链接：https://javaforall.net
