---
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="Geo-Layout Transformer技术报告 - Jiao77" 
  description="关于Geo-Layout Transformer统一基础模型的技术报告，介绍创新的几何布局转换架构"
  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">Geo-Layout Transformer统一基础模型</h1>
            <p class="report-subtitle">创新的几何布局转换架构，构建面向EDA领域的通用AI基础设施</p>
            <div class="report-meta">
              <span class="report-date">技术报告</span>
              <span class="report-type">架构设计</span>
            </div>
          </div>
        </Container>
      </AnimatedElement>

      <!-- 模型概述 -->
      <ReportSection 
        title="🏗️ 模型架构概述"
        subtitle="Geo-Layout Transformer是专为几何布局理解设计的统一基础模型"
        level={2}
      >
        <MetricsGrid columns={2} gap="large">
          <MetricCard
            title="模型参数"
            value="120M"
            icon="fas fa-microchip"
            color="primary"
          />
          
          <MetricCard
            title="支持任务"
            value="8+"
            icon="fas fa-tasks"
            color="success"
          />
          
          <MetricCard
            title="训练效率"
            value="3x"
            change="相比基线"
            changeType="positive"
            icon="fas fa-tachometer-alt"
            color="info"
          />
          
          <MetricCard
            title="推理速度"
            value="50ms"
            icon="fas fa-clock"
            color="warning"
          />
        </MetricsGrid>
      </ReportSection>

      <!-- 核心创新 -->
      <ReportSection 
        title="💡 核心技术创新"
        subtitle="Geo-Layout Transformer在架构设计上的关键突破"
        level={2}
      >
        <div class="innovation-grid">
          <div class="innovation-card">
            <div class="innovation-header">
              <i class="fas fa-compass"></i>
              <h3>几何感知注意力</h3>
            </div>
            <p class="innovation-description">
              创新的几何感知注意力机制，能够理解空间关系和几何约束，
              为版图分析提供更准确的空间建模能力。
            </p>
            <div class="innovation-features">
              <span class="feature-badge">空间建模</span>
              <span class="feature-badge">几何约束</span>
              <span class="feature-badge">关系推理</span>
            </div>
          </div>

          <div class="innovation-card">
            <div class="innovation-header">
              <i class="fas fa-layer-group"></i>
              <h3>多尺度特征融合</h3>
            </div>
            <p class="innovation-description">
              设计了层次化的多尺度特征融合策略，能够同时处理细粒度的几何细节
              和全局的布局模式，实现更好的特征表征。
            </p>
            <div class="innovation-features">
              <span class="feature-badge">层次化</span>
              <span class="feature-badge">多尺度</span>
              <span class="feature-badge">全局建模</span>
            </div>
          </div>

          <div class="innovation-card">
            <div class="innovation-header">
              <i class="fas fa-code"></i>
              <h3>位置编码优化</h3>
            </div>
            <p class="innovation-description">
              针对2D几何数据特点，设计了专门的位置编码方案，
              能够更好地表征坐标信息和相对位置关系。
            </p>
            <div class="innovation-features">
              <span class="feature-badge">2D编码</span>
              <span class="feature-badge">相对位置</span>
              <span class="feature-badge">坐标感知</span>
            </div>
          </div>

          <div class="innovation-card">
            <div class="innovation-header">
              <i class="fas fa-share-alt"></i>
              <h3>统一任务框架</h3>
            </div>
            <p class="innovation-description">
              通过统一的任务建模框架，支持检测、分割、匹配等多种下游任务，
              实现一个模型解决多个问题的目标。
            </p>
            <div class="innovation-features">
              <span class="feature-badge">多任务</span>
              <span class="feature-badge">统一框架</span>
              <span class="feature-badge">任务适配</span>
            </div>
          </div>
        </div>
      </ReportSection>

      <!-- 技术架构 -->
      <ReportSection 
        title="⚙️ 技术架构设计"
        subtitle="模型的详细技术架构与关键组件分析"
        level={2}
      >
        <div class="architecture-flow">
          <div class="arch-component">
            <div class="component-step">1</div>
            <div class="component-content">
              <h4>输入预处理</h4>
              <p>版图几何数据标准化，坐标归一化，多层信息整合</p>
            </div>
          </div>
          
          <div class="flow-arrow">→</div>
          
          <div class="arch-component">
            <div class="component-step">2</div>
            <div class="component-content">
              <h4>几何编码器</h4>
              <p>几何感知的Token嵌入，2D位置编码，空间关系建模</p>
            </div>
          </div>
          
          <div class="flow-arrow">→</div>
          
          <div class="arch-component">
            <div class="component-step">3</div>
            <div class="component-content">
              <h4>Transformer骨干</h4>
              <p>多头几何注意力，层次化特征提取，全局上下文建模</p>
            </div>
          </div>
          
          <div class="flow-arrow">→</div>
          
          <div class="arch-component">
            <div class="component-step">4</div>
            <div class="component-content">
              <h4>任务适配器</h4>
              <p>多任务输出头，任务特定解码，结果后处理</p>
            </div>
          </div>
        </div>
      </ReportSection>

      <!-- 实验结果 -->
      <ReportSection 
        title="📊 实验结果与性能分析"
        subtitle="在多个基准数据集上的综合性能评估"
        level={2}
      >
        <div class="results-overview">
          <div class="benchmark-results">
            <h3>基准测试结果</h3>
            <div class="results-table">
              <table class="performance-table">
                <thead>
                  <tr>
                    <th>任务类型</th>
                    <th>数据集</th>
                    <th>基线模型</th>
                    <th>Geo-Layout Transformer</th>
                    <th>提升幅度</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>版图识别</td>
                    <td>IC Layout Dataset</td>
                    <td>85.2%</td>
                    <td class="highlight-cell">92.7%</td>
                    <td class="improvement">+7.5%</td>
                  </tr>
                  <tr>
                    <td>缺陷检测</td>
                    <td>Defect Detection</td>
                    <td>78.9%</td>
                    <td class="highlight-cell">86.4%</td>
                    <td class="improvement">+7.5%</td>
                  </tr>
                  <tr>
                    <td>布局优化</td>
                    <td>Placement Dataset</td>
                    <td>0.73</td>
                    <td class="highlight-cell">0.89</td>
                    <td class="improvement">+21.9%</td>
                  </tr>
                  <tr>
                    <td>特征匹配</td>
                    <td>Feature Matching</td>
                    <td>91.1%</td>
                    <td class="highlight-cell">95.8%</td>
                    <td class="improvement">+4.7%</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>

          <div class="efficiency-analysis">
            <h3>效率分析</h3>
            <div class="efficiency-metrics">
              <div class="metric-item">
                <div class="metric-label">训练时间</div>
                <div class="metric-value">减少 40%</div>
              </div>
              <div class="metric-item">
                <div class="metric-label">内存使用</div>
                <div class="metric-value">降低 25%</div>
              </div>
              <div class="metric-item">
                <div class="metric-label">推理速度</div>
                <div class="metric-value">提升 60%</div>
              </div>
              <div class="metric-item">
                <div class="metric-label">模型大小</div>
                <div class="metric-value">压缩 30%</div>
              </div>
            </div>
          </div>
        </div>
      </ReportSection>

      <!-- 应用前景 -->
      <ReportSection 
        title="🚀 应用前景与发展方向"
        subtitle="模型的实际应用场景与未来发展潜力"
        level={2}
      >
        <div class="applications-grid">
          <div class="app-category">
            <div class="category-icon">
              <i class="fas fa-search"></i>
            </div>
            <h3>智能检测</h3>
            <ul class="app-list">
              <li>版图缺陷自动检测</li>
              <li>设计规则违规识别</li>
              <li>关键图形模式发现</li>
              <li>良率风险预警</li>
            </ul>
          </div>

          <div class="app-category">
            <div class="category-icon">
              <i class="fas fa-magic"></i>
            </div>
            <h3>布局优化</h3>
            <ul class="app-list">
              <li>自动化版图生成</li>
              <li>布局方案智能优化</li>
              <li>绕线路径规划</li>
              <li>面积效率提升</li>
            </ul>
          </div>

          <div class="app-category">
            <div class="category-icon">
              <i class="fas fa-link"></i>
            </div>
            <h3>特征匹配</h3>
            <ul class="app-list">
              <li>IP核自动识别</li>
              <li>标准单元匹配</li>
              <li>版图比对分析</li>
              <li>相似性搜索</li>
            </ul>
          </div>

          <div class="app-category">
            <div class="category-icon">
              <i class="fas fa-chart-line"></i>
            </div>
            <h3>分析预测</h3>
            <ul class="app-list">
              <li>性能参数预测</li>
              <li>工艺兼容性分析</li>
              <li>可制造性评估</li>
              <li>成本效益分析</li>
            </ul>
          </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;
  }
  
  .innovation-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
  }
  
  .innovation-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 1rem;
    padding: 1.5rem;
    transition: all 0.3s ease;
  }
  
  .innovation-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(91, 119, 142, 0.15);
  }
  
  .innovation-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  
  .innovation-header i {
    font-size: 1.5rem;
    color: #5b778e;
  }
  
  .innovation-header h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0;
  }
  
  .innovation-description {
    color: #2c4a6b;
    line-height: 1.6;
    margin-bottom: 1rem;
  }
  
  .innovation-features {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  
  .feature-badge {
    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;
  }
  
  .architecture-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 2rem 0;
  }
  
  .arch-component {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 1rem;
    padding: 1.5rem;
    text-align: center;
    min-width: 200px;
    flex: 1;
    max-width: 250px;
  }
  
  .component-step {
    background: linear-gradient(135deg, #5b778e, #b2c5d5);
    color: white;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin: 0 auto 1rem;
  }
  
  .component-content h4 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0 0 0.5rem 0;
  }
  
  .component-content p {
    color: #2c4a6b;
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
  }
  
  .flow-arrow {
    font-size: 1.5rem;
    color: #5b778e;
    font-weight: bold;
  }
  
  .results-overview {
    margin: 2rem 0;
  }
  
  .benchmark-results {
    margin-bottom: 2rem;
  }
  
  .benchmark-results h3,
  .efficiency-analysis h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0 0 1rem 0;
    text-align: center;
  }
  
  .results-table {
    overflow-x: auto;
    border-radius: 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .performance-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 1rem;
    overflow: hidden;
  }
  
  .performance-table th,
  .performance-table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
  }
  
  .performance-table th {
    background: #f8fafc;
    font-weight: 600;
    color: #011a2d;
  }
  
  .highlight-cell {
    background: rgba(91, 119, 142, 0.1);
    font-weight: 600;
    color: #011a2d;
  }
  
  .improvement {
    color: #10b981;
    font-weight: 600;
  }
  
  .efficiency-metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
  }
  
  .metric-item {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 0.5rem;
    padding: 1rem;
    text-align: center;
  }
  
  .metric-label {
    font-size: 0.875rem;
    color: #2c4a6b;
    margin-bottom: 0.5rem;
  }
  
  .metric-value {
    font-size: 1.25rem;
    font-weight: 600;
    color: #10b981;
  }
  
  .applications-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
  }
  
  .app-category {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 1rem;
    padding: 1.5rem;
    text-align: center;
  }
  
  .category-icon {
    width: 3rem;
    height: 3rem;
    background: linear-gradient(135deg, #5b778e, #b2c5d5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
    margin: 0 auto 1rem;
  }
  
  .app-category h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0 0 1rem 0;
  }
  
  .app-list {
    list-style: none;
    padding: 0;
    text-align: left;
  }
  
  .app-list li {
    background: rgba(91, 119, 142, 0.05);
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
    border-radius: 0.5rem;
    border-left: 3px solid #5b778e;
  }
  
  @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;
    }
    
    .innovation-grid {
      grid-template-columns: 1fr;
    }
    
    .architecture-flow {
      flex-direction: column;
    }
    
    .flow-arrow {
      transform: rotate(90deg);
    }
    
    .performance-table th,
    .performance-table td {
      padding: 0.5rem;
      font-size: 0.875rem;
    }
    
    .applications-grid {
      grid-template-columns: 1fr;
    }
  }
</style>