| | <!DOCTYPE html> |
| | <html> |
| | <head> |
| | <title>My app</title> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| | <meta charset="utf-8"> |
| | <style> |
| | body { |
| | display: flex; |
| | justify-content: center; |
| | align-items: center; |
| | overflow: hidden; |
| | height: 100dvh; |
| | font-family: "Arial", sans-serif; |
| | text-align: center; |
| | } |
| | .arrow { |
| | position: absolute; |
| | bottom: 32px; |
| | left: 0px; |
| | width: 100px; |
| | transform: rotate(30deg); |
| | } |
| | h1 { |
| | font-size: 50px; |
| | } |
| | h1 span { |
| | color: #acacac; |
| | font-size: 32px; |
| | } |
| | </style> |
| | </head> |
| | <body> |
| | <h1> |
| | <span>I'm ready to work,</span><br /> |
| | Ask me anything. |
| | </h1> |
| | <img src="https://enzostvs-deepsite.hf.space/arrow.svg" class="arrow" /> |
| | <script></script> |
| | <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=echo3700/ai-2025" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| | </html> |
| | <!DOCTYPE html> |
| | <html lang="zh-CN"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>AI超声检查机器人 - 智能医疗新时代</title> |
| | <style> |
| | * { |
| | margin: 0; |
| | padding: 0; |
| | box-sizing: border-box; |
| | } |
| | |
| | body { |
| | font-family: 'Microsoft YaHei', 'Arial', sans-serif; |
| | line-height: 1.6; |
| | color: #333; |
| | background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| | } |
| | |
| | .container { |
| | max-width: 1200px; |
| | margin: 0 auto; |
| | padding: 0 20px; |
| | } |
| | |
| | header { |
| | background: rgba(255, 255, 255, 0.95); |
| | backdrop-filter: blur(15px); |
| | padding: 1rem 0; |
| | position: fixed; |
| | width: 100%; |
| | top: 0; |
| | z-index: 1000; |
| | box-shadow: 0 4px 20px rgba(0,0,0,0.1); |
| | } |
| | |
| | nav { |
| | display: flex; |
| | justify-content: space-between; |
| | align-items: center; |
| | } |
| | |
| | .logo { |
| | font-size: 1.8rem; |
| | font-weight: bold; |
| | color: #4a90e2; |
| | display: flex; |
| | align-items: center; |
| | gap: 10px; |
| | } |
| | |
| | .nav-links { |
| | display: flex; |
| | list-style: none; |
| | gap: 2rem; |
| | } |
| | |
| | .nav-links a { |
| | text-decoration: none; |
| | color: #333; |
| | font-weight: 500; |
| | transition: color 0.3s ease; |
| | } |
| | |
| | .nav-links a:hover { |
| | color: #4a90e2; |
| | } |
| | |
| | .hero { |
| | padding: 140px 0 100px; |
| | text-align: center; |
| | color: white; |
| | } |
| | |
| | .hero h1 { |
| | font-size: 3.5rem; |
| | margin-bottom: 1.5rem; |
| | text-shadow: 2px 2px 4px rgba(0,0,0,0.3); |
| | animation: fadeInUp 1s ease-out; |
| | } |
| | |
| | .hero p { |
| | font-size: 1.4rem; |
| | margin-bottom: 2.5rem; |
| | opacity: 0.9; |
| | animation: fadeInUp 1s ease-out 0.3s both; |
| | } |
| | |
| | .cta-button { |
| | display: inline-block; |
| | background: linear-gradient(45deg, #ff6b6b, #ee5a52); |
| | color: white; |
| | padding: 18px 40px; |
| | text-decoration: none; |
| | border-radius: 50px; |
| | font-weight: bold; |
| | font-size: 1.1rem; |
| | transition: all 0.3s ease; |
| | animation: fadeInUp 1s ease-out 0.6s both; |
| | } |
| | |
| | .cta-button:hover { |
| | transform: translateY(-3px); |
| | box-shadow: 0 15px 35px rgba(255, 107, 107, 0.4); |
| | } |
| | |
| | .section { |
| | padding: 100px 0; |
| | background: white; |
| | } |
| | |
| | .section:nth-child(even) { |
| | background: #f8f9fa; |
| | } |
| | |
| | .section-title { |
| | text-align: center; |
| | font-size: 2.8rem; |
| | margin-bottom: 4rem; |
| | color: #333; |
| | position: relative; |
| | } |
| | |
| | .section-title::after { |
| | content: ''; |
| | position: absolute; |
| | bottom: -10px; |
| | left: 50%; |
| | transform: translateX(-50%); |
| | width: 80px; |
| | height: 4px; |
| | background: linear-gradient(45deg, #4a90e2, #357abd); |
| | border-radius: 2px; |
| | } |
| | |
| | .features-grid { |
| | display: grid; |
| | grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); |
| | gap: 3rem; |
| | margin-top: 4rem; |
| | } |
| | |
| | .feature-card { |
| | background: white; |
| | padding: 3rem 2rem; |
| | border-radius: 20px; |
| | box-shadow: 0 15px 40px rgba(0,0,0,0.1); |
| | transition: all 0.3s ease; |
| | text-align: center; |
| | } |
| | |
| | .feature-card:hover { |
| | transform: translateY(-15px); |
| | box-shadow: 0 25px 60px rgba(0,0,0,0.15); |
| | } |
| | |
| | .feature-icon { |
| | width: 80px; |
| | height: 80px; |
| | background: linear-gradient(45deg, #4a90e2, #357abd); |
| | border-radius: 50%; |
| | display: flex; |
| | align-items: center; |
| | justify-content: center; |
| | margin: 0 auto 2rem; |
| | font-size: 2rem; |
| | color: white; |
| | } |
| | |
| | .feature-card h3 { |
| | font-size: 1.5rem; |
| | margin-bottom: 1rem; |
| | color: #333; |
| | } |
| | |
| | .feature-card p { |
| | color: #666; |
| | line-height: 1.8; |
| | } |
| | |
| | .tech-architecture { |
| | background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| | color: white; |
| | padding: 100px 0; |
| | } |
| | |
| | .tech-grid { |
| | display: grid; |
| | grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); |
| | gap: 2rem; |
| | margin-top: 3rem; |
| | } |
| | |
| | .tech-item { |
| | background: rgba(255, 255, 255, 0.1); |
| | backdrop-filter: blur(10px); |
| | padding: 2rem; |
| | border-radius: 15px; |
| | text-align: center; |
| | border: 1px solid rgba(255, 255, 255, 0.2); |
| | transition: all 0.3s ease; |
| | } |
| | |
| | .tech-item:hover { |
| | background: rgba(255, 255, 255, 0.2); |
| | transform: translateY(-5px); |
| | } |
| | |
| | .tech-item h4 { |
| | font-size: 1.3rem; |
| | margin-bottom: 1rem; |
| | color: #fff; |
| | } |
| | |
| | .applications-grid { |
| | display: grid; |
| | grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); |
| | gap: 2rem; |
| | margin-top: 3rem; |
| | } |
| | |
| | .app-card { |
| | background: white; |
| | border-radius: 15px; |
| | overflow: hidden; |
| | box-shadow: 0 10px 30px rgba(0,0,0,0.1); |
| | transition: all 0.3s ease; |
| | } |
| | |
| | .app-card:hover { |
| | transform: scale(1.03); |
| | box-shadow: 0 20px 50px rgba(0,0,0,0.15); |
| | } |
| | |
| | .app-image { |
| | width: 100%; |
| | height: 200px; |
| | background: linear-gradient(45deg, #e3f2fd, #bbdefb); |
| | display: flex; |
| | align-items: center; |
| | justify-content: center; |
| | font-size: 3rem; |
| | color: #1976d2; |
| | } |
| | |
| | .app-content { |
| | padding: 2rem; |
| | } |
| | |
| | .app-content h3 { |
| | color: #333; |
| | margin-bottom: 1rem; |
| | } |
| | |
| | .contact-section { |
| | background: #333; |
| | color: white; |
| | padding: 80px 0; |
| | } |
| | |
| | .contact-form { |
| | max-width: 600px; |
| | margin: 0 auto; |
| | background: rgba(255, 255, 255, 0.1); |
| | padding: 3rem; |
| | border-radius: 20px; |
| | backdrop-filter: blur(10px); |
| | } |
| | |
| | .form-group { |
| | margin-bottom: 2rem; |
| | } |
| | |
| | .form-group label { |
| | display: block; |
| | margin-bottom: 0.5rem; |
| | font-weight: bold; |
| | color: white; |
| | } |
| | |
| | .form-group input, |
| | .form-group textarea, |
| | .form-group select { |
| | width: 100%; |
| | padding: 15px; |
| | border: 2px solid rgba(255, 255, 255, 0.3); |
| | border-radius: 10px; |
| | font-size: 1rem; |
| | background: rgba(255, 255, 255, 0.1); |
| | color: white; |
| | transition: border-color 0.3s ease; |
| | } |
| | |
| | .form-group input:focus, |
| | .form-group textarea:focus, |
| | .form-group select:focus { |
| | outline: none; |
| | border-color: #4a90e2; |
| | } |
| | |
| | .submit-btn { |
| | background: linear-gradient(45deg, #4a90e2, #357abd); |
| | color: white; |
| | padding: 15px 40px; |
| | border: none; |
| | border-radius: 10px; |
| | font-size: 1.1rem; |
| | font-weight: bold; |
| | cursor: pointer; |
| | transition: all 0.3s ease; |
| | width: 100%; |
| | } |
| | |
| | .submit-btn:hover { |
| | transform: translateY(-2px); |
| | box-shadow: 0 10px 25px rgba(74, 144, 226, 0.3); |
| | } |
| | |
| | footer { |
| | background: #222; |
| | color: #ccc; |
| | text-align: center; |
| | padding: 3rem 0; |
| | } |
| | |
| | .footer-content { |
| | display: grid; |
| | grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); |
| | gap: 3rem; |
| | margin-bottom: 2rem; |
| | } |
| | |
| | .footer-section h3 { |
| | margin-bottom: 1rem; |
| | color: #4a90e2; |
| | } |
| | |
| | .footer-section ul { |
| | list-style: none; |
| | } |
| | |
| | .footer-section ul li { |
| | margin-bottom: 0.8rem; |
| | } |
| | |
| | .footer-section ul li a { |
| | color: #ccc; |
| | text-decoration: none; |
| | transition: color 0.3s ease; |
| | } |
| | |
| | .footer-section ul li a:hover { |
| | color: #4a90e2; |
| | } |
| | |
| | @keyframes fadeInUp { |
| | from { |
| | opacity: 0; |
| | transform: translateY(30px); |
| | } |
| | to { |
| | opacity: 1; |
| | transform: translateY(0); |
| | } |
| | } |
| | |
| | @media (max-width: 768px) { |
| | .hero h1 { |
| | font-size: 2.5rem; |
| | } |
| | |
| | .nav-links { |
| | display: none; |
| | } |
| | |
| | .features-grid, |
| | .applications-grid { |
| | grid-template-columns: 1fr; |
| | } |
| | |
| | .section { |
| | padding: 60px 0; |
| | } |
| | } |
| | </style> |
| | </head> |
| | <body> |
| | <header> |
| | <nav class="container"> |
| | <div class="logo"> |
| | 🤖 AI超声机器人 |
| | </div> |
| | <ul class="nav-links"> |
| | <li><a href="#home">首页</a></li> |
| | <li><a href="#features">核心功能</a></li> |
| | <li><a href="#technology">技术架构</a></li> |
| | <li><a href="#applications">应用场景</a></li> |
| | <li><a href="#contact">联系我们</a></li> |
| | </ul> |
| | </nav> |
| | </header> |
| |
|
| | <section id="home" class="hero"> |
| | <div class="container"> |
| | <h1>AI超声检查机器人</h1> |
| | <p>基于深度学习视觉模型的智能医疗解决方案，开启精准医疗新时代</p> |
| | <a href="#features" class="cta-button">探索创新技术</a> |
| | </div> |
| | </section> |
| |
|
| | <section id="features" class="section"> |
| | <div class="container"> |
| | <h2 class="section-title">**核心技术特点**</h2> |
| | <div class="features-grid"> |
| | <div class="feature-card"> |
| | <div class="feature-icon">👁️</div> |
| | <h3>深度学习视觉模型</h3> |
| | <p>采用先进的卷积神经网络架构，经过大量医学图像训练，能够精确识别人体解剖结构，实现亚毫米级精度的探头智能定位和目标区域自动识别。</p> |
| | </div> |
| | <div class="feature-card"> |
| | <div class="feature-icon">🎯</div> |
| | <h3>智能轨迹规划</h3> |
| | <p>基于强化学习算法，结合医学先验知识和实时视觉反馈，为不同患者体型和检查部位自动生成最优扫描路径，实现个性化检查方案。</p> |
| | </div> |
| | <div class="feature-card"> |
| | <div class="feature-icon">⚡</div> |
| | <h3>多引擎推理架构</h3> |
| | <p>集成FAST Core Library框架，支持TensorFlow、TensorRT、OpenVINO等多种推理引擎，实现高效的多模型并行处理和跨平台部署。</p> |
| | </div> |
| | <div class="feature-card"> |
| | <div class="feature-icon">🔄</div> |
| | <h3>实时反馈控制</h3> |
| | <p>采用图像处理和机器人轨迹修正的闭环反馈控制系统，实时分析超声图像质量，动态调整探头位置、角度和接触压力。</p> |
| | </div> |
| | <div class="feature-card"> |
| | <div class="feature-icon">🧠</div> |
| | <h3>AI辅助诊断</h3> |
| | <p>智能识别解剖结构边界、病灶区域和图像伪影，自动调整成像参数，提供基于AI的初步诊断建议，提高检出率和诊断准确性。</p> |
| | </div> |
| | <div class="feature-card"> |
| | <div class="feature-icon">🤝</div> |
| | <h3>人机协作界面</h3> |
| | <p>支持触控、语音和手势的多模态交互设计，医生可实时监控扫描过程，随时进行人工干预，确保检查安全性和有效性。</p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | <section id="technology" class="tech-architecture"> |
| | <div class="container"> |
| | <h2 class="section-title" style="color: white;">**技术架构体系**</h2> |
| | <p style="text-align: center; font-size: 1.2rem; margin-bottom: 2rem; opacity: 0.9;"> |
| | 采用模块化设计理念，集成多种先进技术栈，确保系统的高可靠性、可扩展性和临床适用性 |
| | </p> |
| | <div class="tech-grid"> |
| | <div class="tech-item"> |
| | <h4>🤖 机械控制系统</h4> |
| | <p>多自由度机械臂<br>六维力/力矩传感器<br>自适应力控制算法</p> |
| | </div> |
| | <div class="tech-item"> |
| | <h4>👁️ 视觉感知系统</h4> |
| | <p>立体视觉摄像头<br>深度传感器<br>CNN深度学习模型</p> |
| | </div> |
| | <div class="tech-item"> |
| | <h4>🧮 AI推理引擎</h4> |
| | <p>FAST Core Library<br>多引擎管理器<br>动态模型调度</p> |
| | </div> |
| | <div class="tech-item"> |
| | <h4>🎮 人机交互</h4> |
| | <p>多模态界面设计<br>触控/语音/手势<br>实时监控系统</p> |
| | </div> |
| | <div class="tech-item"> |
| | <h4>📡 通信与控制</h4> |
| | <p>实时数据传输<br>闭环反馈控制<br>远程监控支持</p> |
| | </div> |
| | <div class="tech-item"> |
| | <h4>🔒 安全保障</h4> |
| | <p>多重安全机制<br>数据加密存储<br>故障检测与恢复</p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | <section id="applications" class="section"> |
| | <div class="container"> |
| | <h2 class="section-title">**临床应用场景**</h2> |
| | <div class="applications-grid"> |
| | <div class="app-card"> |
| | <div class="app-image">🫀</div> |
| | <div class="app-content"> |
| | <h3>心脏超声检查</h3> |
| | <p>自动识别心脏标准切面，精确测量心功能参数，检测心脏结构异常，支持胸骨旁长轴、短轴和心尖四腔心等多个标准切面的自动扫描。</p> |
| | </div> |
| | </div> |
| | <div class="app-card"> |
| | <div class="app-image">🤰</div> |
| | <div class="app-content"> |
| | <h3>产科超声筛查</h3> |
| | <p>胎儿生物测量、三维重建、先天性异常筛查，自动识别胎头双顶径、腹围、股骨长度等关键测量点，计算胎儿体重和孕周。</p> |
| | </div> |
| | </div> |
| | <div class="app-card"> |
| | <div class="app-image">🫁</div> |
| | <div class="app-content"> |
| | <h3>腹部器官检查</h3> |
| | <p>肝脏、胆囊、胰腺、肾脏等器官的自动扫描和病变识别，根据腹部器官分布生成包含重点区域的扫描路径。</p> |
| | </div> |
| | </div> |
| | <div class="app-card"> |
| | <div class="app-image">🩻</div> |
| | <div class="app-content"> |
| | <h3>血管超声检查</h3> |
| | <p>颈动脉、下肢血管等血管系统的自动检查和狭窄评估，实时分析血流动力学参数，检测血管病变。</p> |
| | </div> |
| | </div> |
| | <div class="app-card"> |
| | <div class="app-image">🏥</div> |
| | <div class="app-content"> |
| | <h3>急诊快速检查</h3> |
| | <p>创伤患者的快速超声评估，提高急诊科诊断效率，支持FAST（Focused Assessment with Sonography for Trauma）协议。</p> |
| | </div> |
| | </div> |
| | <div class="app-card"> |
| | <div class="app-image">🌐 |
