---
import BaseLayout from '../../../layouts/BaseLayout.astro';
import Header from '../../../components/Header.astro';
import Footer from '../../../components/Footer.astro';
import ReportSection from '../../../components/report/ReportSection.astro';
import MetricsGrid from '../../../components/report/MetricsGrid.astro';
import MetricCard from '../../../components/report/MetricCard.astro';
import Container from '../../../components/Container.astro';
import AnimatedElement from '../../../components/AnimatedElement.astro';
---

<BaseLayout 
  title="RoRD项目发展规划 20250928 - Jiao77" 
  description="RoRD项目技术优化规划与论文投稿策略的完整发展蓝图"
  type="report"
>
  <Header />
  
  <main class="report-main">
    <div class="container mx-auto px-4">
      <!-- 报告标题区域 -->
      <AnimatedElement animation="fadeInUp" delay={200}>
        <Container variant="glass" size="full" padding="xl" className="text-center mb-12 mt-24">
          <div class="report-header">
            <h1 class="report-title">RoRD项目发展规划蓝图</h1>
            <p class="report-subtitle">技术优化规划与论文投稿策略的完整发展蓝图，制定详细的研发时间表和里程碑目标</p>
            <div class="report-meta">
              <span class="report-date">规划日期：2025年9月28日</span>
              <span class="report-type">发展规划</span>
            </div>
          </div>
        </Container>
      </AnimatedElement>

      <!-- 项目发展概览 -->
      <ReportSection 
        title="🎯 项目发展概览"
        subtitle="RoRD项目的整体发展态势与关键指标"
        level={2}
      >
        <MetricsGrid columns={2} gap="large">
          <MetricCard
            title="技术成熟度"
            value="80%"
            change="+15%"
            changeType="positive"
            icon="fas fa-cogs"
            color="primary"
          />
          
          <MetricCard
            title="论文准备进度"
            value="60%"
            change="+20%"
            changeType="positive"
            icon="fas fa-file-alt"
            color="success"
          />
          
          <MetricCard
            title="实验验证"
            value="完成"
            icon="fas fa-check-circle"
            color="info"
          />
          
          <MetricCard
            title="产业化准备"
            value="启动"
            change="新阶段"
            changeType="positive"
            icon="fas fa-industry"
            color="warning"
          />
        </MetricsGrid>
      </ReportSection>

      <!-- 技术优化路线图 -->
      <ReportSection 
        title="🔧 技术优化路线图"
        subtitle="系统性的技术改进计划，聚焦核心算法优化与性能提升"
        level={2}
      >
        <div class="roadmap-container">
          <div class="roadmap-phase">
            <div class="phase-header">
              <span class="phase-number">1</span>
              <h3 class="phase-title">算法核心优化</h3>
              <span class="phase-duration">2个月</span>
            </div>
            <div class="phase-content">
              <ul class="optimization-list">
                <li>旋转鲁棒描述子精度提升算法</li>
                <li>几何验证流程优化与加速</li>
                <li>多尺度特征融合策略改进</li>
                <li>噪声鲁棒性增强技术</li>
              </ul>
              <div class="deliverables">
                <strong>交付物：</strong>优化算法原型，性能基准测试报告
              </div>
            </div>
          </div>

          <div class="roadmap-phase">
            <div class="phase-header">
              <span class="phase-number">2</span>
              <h3 class="phase-title">系统集成与优化</h3>
              <span class="phase-duration">1.5个月</span>
            </div>
            <div class="phase-content">
              <ul class="optimization-list">
                <li>端到端pipeline优化</li>
                <li>内存使用效率改进</li>
                <li>并行计算架构设计</li>
                <li>实时处理能力提升</li>
              </ul>
              <div class="deliverables">
                <strong>交付物：</strong>集成系统demo，性能压测报告
              </div>
            </div>
          </div>

          <div class="roadmap-phase">
            <div class="phase-header">
              <span class="phase-number">3</span>
              <h3 class="phase-title">工程化与部署</h3>
              <span class="phase-duration">1个月</span>
            </div>
            <div class="phase-content">
              <ul class="optimization-list">
                <li>生产环境适配优化</li>
                <li>API接口标准化设计</li>
                <li>监控与日志系统</li>
                <li>文档与用户指南</li>
              </ul>
              <div class="deliverables">
                <strong>交付物：</strong>生产级系统，完整技术文档
              </div>
            </div>
          </div>
        </div>
      </ReportSection>

      <!-- 论文投稿策略 -->
      <ReportSection 
        title="📝 论文投稿策略"
        subtitle="系统的学术发表计划，瞄准顶级会议和期刊的投稿时间线"
        level={2}
      >
        <div class="publication-strategy">
          <div class="strategy-timeline">
            <div class="publication-track">
              <div class="track-header">
                <h3 class="track-title">顶级会议投稿</h3>
                <span class="track-type">Conference Track</span>
              </div>
              <div class="publications">
                <div class="publication-item">
                  <div class="pub-info">
                    <h4 class="pub-title">ICCAD 2025</h4>
                    <p class="pub-deadline">截止：2025年4月</p>
                    <p class="pub-focus">聚焦：RoRD核心算法与EDA应用</p>
                  </div>
                  <div class="pub-status status-planned">计划中</div>
                </div>
                
                <div class="publication-item">
                  <div class="pub-info">
                    <h4 class="pub-title">DAC 2026</h4>
                    <p class="pub-deadline">截止：2025年11月</p>
                    <p class="pub-focus">聚焦：系统集成与工业应用</p>
                  </div>
                  <div class="pub-status status-preparation">准备中</div>
                </div>
              </div>
            </div>

            <div class="publication-track">
              <div class="track-header">
                <h3 class="track-title">期刊投稿</h3>
                <span class="track-type">Journal Track</span>
              </div>
              <div class="publications">
                <div class="publication-item">
                  <div class="pub-info">
                    <h4 class="pub-title">IEEE TCAD</h4>
                    <p class="pub-deadline">目标：2025年6月</p>
                    <p class="pub-focus">聚焦：理论创新与算法分析</p>
                  </div>
                  <div class="pub-status status-writing">撰写中</div>
                </div>
                
                <div class="publication-item">
                  <div class="pub-info">
                    <h4 class="pub-title">Pattern Recognition</h4>
                    <p class="pub-deadline">目标：2025年8月</p>
                    <p class="pub-focus">聚焦：计算机视觉应用</p>
                  </div>
                  <div class="pub-status status-planned">计划中</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </ReportSection>

      <!-- 产业化路径 -->
      <ReportSection 
        title="🏭 产业化发展路径"
        subtitle="从学术研究到产业应用的转化策略与商业化前景"
        level={2}
      >
        <div class="industrialization-path">
          <div class="path-stage">
            <div class="stage-icon">
              <i class="fas fa-lightbulb"></i>
            </div>
            <div class="stage-content">
              <h3 class="stage-title">技术验证阶段</h3>
              <p class="stage-description">
                与EDA厂商合作进行技术验证，建立标准化测试基准，
                验证在实际工业环境中的效果。
              </p>
              <div class="stage-milestones">
                <span class="milestone">POC验证</span>
                <span class="milestone">性能基准</span>
                <span class="milestone">合作协议</span>
              </div>
            </div>
          </div>

          <div class="path-stage">
            <div class="stage-icon">
              <i class="fas fa-tools"></i>
            </div>
            <div class="stage-content">
              <h3 class="stage-title">产品化开发</h3>
              <p class="stage-description">
                开发商业级产品原型，建立完整的软件架构，
                提供标准API和集成接口。
              </p>
              <div class="stage-milestones">
                <span class="milestone">产品原型</span>
                <span class="milestone">API设计</span>
                <span class="milestone">集成测试</span>
              </div>
            </div>
          </div>

          <div class="path-stage">
            <div class="stage-icon">
              <i class="fas fa-rocket"></i>
            </div>
            <div class="stage-content">
              <h3 class="stage-title">市场推广</h3>
              <p class="stage-description">
                建立销售渠道，开展客户试点，
                收集市场反馈，迭代产品功能。
              </p>
              <div class="stage-milestones">
                <span class="milestone">客户试点</span>
                <span class="milestone">市场反馈</span>
                <span class="milestone">规模化</span>
              </div>
            </div>
          </div>
        </div>
      </ReportSection>

      <!-- 风险评估与应对 -->
      <ReportSection 
        title="⚠️ 风险评估与应对策略"
        subtitle="项目实施过程中的潜在风险识别与预防措施"
        level={2}
      >
        <div class="risk-assessment">
          <div class="risk-category">
            <h3 class="risk-title">技术风险</h3>
            <div class="risk-items">
              <div class="risk-item">
                <div class="risk-desc">算法性能达不到工业标准</div>
                <div class="risk-mitigation">建立多层次验证体系，提前与用户测试</div>
              </div>
              <div class="risk-item">
                <div class="risk-desc">计算复杂度过高影响实用性</div>
                <div class="risk-mitigation">并行优化算法，硬件加速方案</div>
              </div>
            </div>
          </div>

          <div class="risk-category">
            <h3 class="risk-title">市场风险</h3>
            <div class="risk-items">
              <div class="risk-item">
                <div class="risk-desc">竞争对手技术领先</div>
                <div class="risk-mitigation">加强技术壁垒，专利保护策略</div>
              </div>
              <div class="risk-item">
                <div class="risk-desc">客户接受度不足</div>
                <div class="risk-mitigation">用户教育，分阶段推广</div>
              </div>
            </div>
          </div>

          <div class="risk-category">
            <h3 class="risk-title">资源风险</h3>
            <div class="risk-items">
              <div class="risk-item">
                <div class="risk-desc">人才团队不足</div>
                <div class="risk-mitigation">人才储备计划，外部合作</div>
              </div>
              <div class="risk-item">
                <div class="risk-desc">研发资金压力</div>
                <div class="risk-mitigation">多元化融资，阶段性交付</div>
              </div>
            </div>
          </div>
        </div>
      </ReportSection>
    </div>
  </main>
  
  <Footer />
</BaseLayout>

<style>
  .report-main {
    min-height: 100vh;
    padding-bottom: 2rem;
  }
  
  .container {
    max-width: 1200px;
    width: 100%;
  }
  
  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .report-header {
    padding: 2rem 0;
  }
  
  .report-title {
    font-size: 3rem;
    font-weight: 800;
    color: #011a2d;
    margin: 0 0 1rem 0;
    background: linear-gradient(135deg, #011a2d, #2c4a6b, #5b778e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.2;
  }
  
  .report-subtitle {
    font-size: 1.25rem;
    color: #2c4a6b;
    margin: 0 0 2rem 0;
    line-height: 1.6;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .report-meta {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
  }
  
  .report-date,
  .report-type {
    background: rgba(91, 119, 142, 0.1);
    color: #011a2d;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    font-weight: 500;
    font-size: 0.875rem;
  }
  
  .roadmap-container {
    margin: 2rem 0;
  }
  
  .roadmap-phase {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 1rem;
    padding: 2rem;
    margin-bottom: 2rem;
  }
  
  .phase-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
  
  .phase-number {
    background: linear-gradient(135deg, #5b778e, #b2c5d5);
    color: white;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.25rem;
  }
  
  .phase-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0;
    flex: 1;
  }
  
  .phase-duration {
    background: rgba(91, 119, 142, 0.1);
    color: #011a2d;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
  }
  
  .optimization-list {
    list-style: none;
    padding: 0;
    margin-bottom: 1.5rem;
  }
  
  .optimization-list li {
    background: rgba(91, 119, 142, 0.05);
    padding: 0.75rem 1rem;
    margin-bottom: 0.5rem;
    border-radius: 0.5rem;
    border-left: 3px solid #5b778e;
  }
  
  .deliverables {
    background: rgba(91, 119, 142, 0.1);
    padding: 1rem;
    border-radius: 0.5rem;
    border-left: 4px solid #5b778e;
  }
  
  .publication-strategy {
    margin: 2rem 0;
  }
  
  .strategy-timeline {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 2rem;
  }
  
  .publication-track {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 1rem;
    padding: 1.5rem;
  }
  
  .track-header {
    margin-bottom: 1.5rem;
    text-align: center;
  }
  
  .track-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0 0 0.5rem 0;
  }
  
  .track-type {
    background: rgba(91, 119, 142, 0.1);
    color: #5b778e;
    padding: 0.25rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
  }
  
  .publication-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(91, 119, 142, 0.05);
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
  }
  
  .pub-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0 0 0.25rem 0;
  }
  
  .pub-deadline,
  .pub-focus {
    font-size: 0.875rem;
    color: #2c4a6b;
    margin: 0;
  }
  
  .pub-status {
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
  }
  
  .status-planned {
    background: rgba(91, 119, 142, 0.2);
    color: #011a2d;
  }
  
  .status-preparation {
    background: rgba(255, 193, 7, 0.2);
    color: #856404;
  }
  
  .status-writing {
    background: rgba(40, 167, 69, 0.2);
    color: #155724;
  }
  
  .industrialization-path {
    margin: 2rem 0;
  }
  
  .path-stage {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 1rem;
    padding: 2rem;
    margin-bottom: 2rem;
  }
  
  .stage-icon {
    width: 4rem;
    height: 4rem;
    background: linear-gradient(135deg, #5b778e, #b2c5d5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
    flex-shrink: 0;
  }
  
  .stage-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0 0 1rem 0;
  }
  
  .stage-description {
    color: #2c4a6b;
    line-height: 1.6;
    margin-bottom: 1rem;
  }
  
  .stage-milestones {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  
  .milestone {
    background: rgba(91, 119, 142, 0.1);
    color: #011a2d;
    padding: 0.25rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
  }
  
  .risk-assessment {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
  }
  
  .risk-category {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 1rem;
    padding: 1.5rem;
  }
  
  .risk-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0 0 1rem 0;
    text-align: center;
  }
  
  .risk-item {
    background: rgba(91, 119, 142, 0.05);
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    border-left: 3px solid #5b778e;
  }
  
  .risk-desc {
    font-weight: 600;
    color: #011a2d;
    margin-bottom: 0.5rem;
  }
  
  .risk-mitigation {
    color: #2c4a6b;
    font-size: 0.875rem;
  }
  
  @media (max-width: 768px) {
    .report-title {
      font-size: 2rem;
    }
    
    .report-subtitle {
      font-size: 1.1rem;
    }
    
    .report-meta {
      flex-direction: column;
      align-items: center;
      gap: 1rem;
    }
    
    .phase-header {
      flex-direction: column;
      text-align: center;
      gap: 1rem;
    }
    
    .strategy-timeline {
      grid-template-columns: 1fr;
    }
    
    .publication-item {
      flex-direction: column;
      gap: 1rem;
      align-items: flex-start;
    }
    
    .path-stage {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    
    .risk-assessment {
      grid-template-columns: 1fr;
    }
  }
</style>