---
import BaseLayout from '../../layouts/BaseLayout.astro';
import Header from '../../components/Header.astro';
import Footer from '../../components/Footer.astro';
import NavigationGrid from '../../components/navigation/NavigationGrid.astro';
import NavigationCard from '../../components/navigation/NavigationCard.astro';
import Container from '../../components/Container.astro';
---

<BaseLayout title="技术报告 - Jiao77" description="我的所有技术研究与分析报告都在这里" type="navigation">
  <Header />
  
  <main class="main-content">
    <div class="container mx-auto px-4">
      <Container
        variant="glass"
        size="large"
        padding="xl"
        className="text-center mb-12"
        revealDistance="48px"
      >
        <h1 class="hero-title"><i class="fas fa-book-open"></i> 技术报告</h1>
        <p class="hero-subtitle">研究与分析报告集锦</p>
        <p class="hero-description">我的所有技术研究与分析报告都在这里。从AI集成电路版图识别到EDA工具应用，探索技术前沿的深度分析。</p>
      </Container>
    </div>
    
    <NavigationGrid 
      title="技术报告导航"
      description="深入的技术研究与分析文档，涵盖AI、EDA、集成电路等前沿领域"
      columns={3}
      gap="large"
    >
      <NavigationCard
        title="报告 20250609"
        description="关于基于AI的集成电路版图识别的开题报告。详细介绍了项目背景、研究方法和预期成果。"
        href="/report/20250609/"
        icon="fas fa-calendar-alt"
        color="primary"
        size="large"
      />
      
      <NavigationCard
        title="报告 20250722"
        description="关于RoRD模型及其在IC版图应用中的详细技术解析。深入探讨模型架构与优化策略。"
        href="/report/20250722/"
        icon="fas fa-calendar-alt"
        color="secondary"
        size="large"
      />
      
      <NavigationCard
        title="AI in EDA 论文报告"
        description="关于AI在EDA领域的学术论文发表指南与分析。涵盖投稿策略和研究方向建议。"
        href="/report/ai-eda-paper-report/"
        icon="fas fa-microchip"
        color="accent"
        size="large"
      />
      
      <NavigationCard
        title="Geo-Layout Transformer"
        description="关于Geo-Layout Transformer统一基础模型的技术报告。介绍了创新的几何布局转换架构。"
        href="/report/Geo-Layout-Transformer/"
        icon="fas fa-robot"
        color="primary"
        size="medium"
      />
      
      <NavigationCard
        title="Siemens EDA Forum"
        description="聚焦SONR与SDPAL的AI良率提升实践报告。分享工业界最新的EDA技术应用案例。"
        href="/report/Siemens-EDA-Forum/"
        icon="fas fa-industry"
        color="secondary"
        size="medium"
      />
      
      <NavigationCard
        title="组会报告 20250912"
        description="关于RoRD改进、Geo-Layout-Transformer框架、西门子论坛及服务器脚本的进展总结。"
        href="/report/20250912/"
        icon="fas fa-tasks"
        color="accent"
        size="medium"
      />
      
      <NavigationCard
        title="RoRD项目发展规划 20250928"
        description="RoRD项目技术优化规划与论文投稿策略的完整发展蓝图。制定了详细的研发时间表。"
        href="/report/20250928/"
        icon="fas fa-map-marked-alt"
        color="primary"
        size="medium"
      />
    </NavigationGrid>
  </main>
  
  <Footer />
</BaseLayout>

<style>
  .main-content {
    min-height: 100vh;
    padding-top: 6rem;
    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;
  }
  
  .hero-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;
  }
  
  .hero-subtitle {
    font-size: 1.5rem;
    color: #011a2d;
    margin: 0 0 1rem 0;
    font-weight: 600;
  }
  
  .hero-description {
    font-size: 1rem;
    color: #2c4a6b;
    margin: 0;
    font-weight: 300;
    line-height: 1.6;
  }
  
  @media (max-width: 768px) {
    .hero-title {
      font-size: 2.25rem;
    }
    
    .hero-subtitle {
      font-size: 1.1rem;
    }
    
    .main-content {
      padding-top: 5rem;
    }
  }
</style>
