---
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="Siemens EDA Forum技术报告 - Jiao77" 
  description="参与Siemens EDA Forum技术论坛的收获与思考，分析EDA行业前沿技术趋势与发展方向"
  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">Siemens EDA Forum 2024</h1>
            <p class="report-subtitle">探索下一代EDA技术创新，引领智能化电子设计未来</p>
            <div class="report-meta">
              <span class="report-date">技术论坛</span>
              <span class="report-type">行业洞察</span>
            </div>
          </div>
        </Container>
      </AnimatedElement>

      <!-- 论坛概况 -->
      <ReportSection 
        title="🎯 论坛概况"
        subtitle="Siemens EDA Forum 2024的整体情况与参与概览"
        level={2}
      >
        <MetricsGrid columns={2} gap="large">
          <MetricCard
            title="参会人数"
            value="2,500+"
            icon="fas fa-users"
            color="primary"
          />
          
          <MetricCard
            title="主题演讲"
            value="15"
            icon="fas fa-microphone"
            color="success"
          />
          
          <MetricCard
            title="技术展示"
            value="45"
            icon="fas fa-desktop"
            color="info"
          />
          
          <MetricCard
            title="参展厂商"
            value="120+"
            icon="fas fa-building"
            color="warning"
          />
        </MetricsGrid>
      </ReportSection>

      <!-- 核心主题 -->
      <ReportSection 
        title="🚀 论坛核心主题"
        subtitle="本届论坛重点关注的技术方向与行业趋势"
        level={2}
      >
        <div class="themes-grid">
          <div class="theme-card featured">
            <div class="theme-icon">
              <i class="fas fa-brain"></i>
            </div>
            <h3>AI驱动的EDA</h3>
            <p class="theme-description">
              人工智能技术在EDA工具链中的深度集成，从设计优化到验证测试的全流程智能化升级。
            </p>
            <div class="theme-highlights">
              <div class="highlight-item">
                <span class="highlight-label">机器学习优化</span>
                <span class="highlight-value">性能提升 35%</span>
              </div>
              <div class="highlight-item">
                <span class="highlight-label">AI辅助验证</span>
                <span class="highlight-value">效率提升 50%</span>
              </div>
            </div>
          </div>

          <div class="theme-card">
            <div class="theme-icon">
              <i class="fas fa-microchip"></i>
            </div>
            <h3>先进工艺节点</h3>
            <p class="theme-description">
              3nm及以下工艺节点的设计挑战，新材料、新架构对EDA工具提出的更高要求。
            </p>
            <div class="theme-highlights">
              <div class="highlight-item">
                <span class="highlight-label">3nm工艺</span>
                <span class="highlight-value">全面支持</span>
              </div>
              <div class="highlight-item">
                <span class="highlight-label">新架构</span>
                <span class="highlight-value">GAA/CFE</span>
              </div>
            </div>
          </div>

          <div class="theme-card">
            <div class="theme-icon">
              <i class="fas fa-cloud"></i>
            </div>
            <h3>云端EDA平台</h3>
            <p class="theme-description">
              云计算与EDA的深度融合，弹性计算资源、协同设计、数据安全的全新解决方案。
            </p>
            <div class="theme-highlights">
              <div class="highlight-item">
                <span class="highlight-label">云端计算</span>
                <span class="highlight-value">弹性扩展</span>
              </div>
              <div class="highlight-item">
                <span class="highlight-label">协同设计</span>
                <span class="highlight-value">实时同步</span>
              </div>
            </div>
          </div>

          <div class="theme-card">
            <div class="theme-icon">
              <i class="fas fa-lock"></i>
            </div>
            <h3>安全与可信</h3>
            <p class="theme-description">
              设计安全、IP保护、供应链安全等关键议题，构建可信的EDA生态系统。
            </p>
            <div class="theme-highlights">
              <div class="highlight-item">
                <span class="highlight-label">IP保护</span>
                <span class="highlight-value">端到端加密</span>
              </div>
              <div class="highlight-item">
                <span class="highlight-label">安全验证</span>
                <span class="highlight-value">形式化方法</span>
              </div>
            </div>
          </div>
        </div>
      </ReportSection>

      <!-- 关键技术发布 -->
      <ReportSection 
        title="💡 关键技术发布"
        subtitle="论坛上发布的重要技术创新与产品更新"
        level={2}
      >
        <div class="tech-releases">
          <div class="release-timeline">
            <div class="release-item">
              <div class="release-date">Day 1</div>
              <div class="release-content">
                <h4>Calibre AI Platform 2024</h4>
                <p>集成深度学习的版图验证平台，支持智能OPC、DRC优化和良率预测</p>
                <div class="release-tags">
                  <span class="tech-tag">机器学习</span>
                  <span class="tech-tag">版图验证</span>
                  <span class="tech-tag">良率优化</span>
                </div>
              </div>
            </div>

            <div class="release-item">
              <div class="release-date">Day 1</div>
              <div class="release-content">
                <h4>Questa Cloud Suite</h4>
                <p>云原生验证解决方案，支持大规模并行仿真和智能回归测试</p>
                <div class="release-tags">
                  <span class="tech-tag">云计算</span>
                  <span class="tech-tag">验证平台</span>
                  <span class="tech-tag">并行仿真</span>
                </div>
              </div>
            </div>

            <div class="release-item">
              <div class="release-date">Day 2</div>
              <div class="release-content">
                <h4>Hyperlynx 3D-EM Solver</h4>
                <p>下一代3D电磁场求解器，支持先进封装和高频信号完整性分析</p>
                <div class="release-tags">
                  <span class="tech-tag">电磁仿真</span>
                  <span class="tech-tag">信号完整性</span>
                  <span class="tech-tag">3D建模</span>
                </div>
              </div>
            </div>

            <div class="release-item">
              <div class="release-date">Day 2</div>
              <div class="release-content">
                <h4>Xcelerator Studio</h4>
                <p>统一的设计协作平台，实现跨团队、跨地域的实时协同设计</p>
                <div class="release-tags">
                  <span class="tech-tag">协同设计</span>
                  <span class="tech-tag">平台集成</span>
                  <span class="tech-tag">实时同步</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </ReportSection>

      <!-- 行业洞察 -->
      <ReportSection 
        title="📊 行业洞察与趋势"
        subtitle="论坛透露的EDA行业发展趋势与未来方向"
        level={2}
      >
        <div class="insights-analysis">
          <div class="market-trends">
            <h3>市场发展趋势</h3>
            <div class="trend-items">
              <div class="trend-item">
                <div class="trend-indicator positive"></div>
                <div class="trend-content">
                  <h4>市场规模持续增长</h4>
                  <p>全球EDA市场预计2025年达到180亿美元，年复合增长率12%</p>
                </div>
              </div>
              
              <div class="trend-item">
                <div class="trend-indicator positive"></div>
                <div class="trend-content">
                  <h4>AI技术融合加速</h4>
                  <p>80%的EDA厂商已将AI技术集成到核心产品中</p>
                </div>
              </div>
              
              <div class="trend-item">
                <div class="trend-indicator neutral"></div>
                <div class="trend-content">
                  <h4>云端化转型</h4>
                  <p>60%的企业考虑迁移到云端EDA平台，安全性仍是主要关切</p>
                </div>
              </div>
              
              <div class="trend-item">
                <div class="trend-indicator positive"></div>
                <div class="trend-content">
                  <h4>开源生态兴起</h4>
                  <p>开源EDA工具获得更多关注，推动技术创新和成本优化</p>
                </div>
              </div>
            </div>
          </div>

          <div class="technical-challenges">
            <h3>技术挑战分析</h3>
            <div class="challenge-matrix">
              <div class="challenge-row">
                <div class="challenge-category">复杂性管理</div>
                <div class="challenge-level high">极高</div>
                <div class="challenge-description">芯片复杂度指数级增长，传统设计方法面临极限</div>
              </div>
              
              <div class="challenge-row">
                <div class="challenge-category">功耗优化</div>
                <div class="challenge-level high">极高</div>
                <div class="challenge-description">先进工艺下的功耗墙问题日益严峻</div>
              </div>
              
              <div class="challenge-row">
                <div class="challenge-category">时间窗口</div>
                <div class="challenge-level medium">中等</div>
                <div class="challenge-description">上市时间压力要求更高效的设计流程</div>
              </div>
              
              <div class="challenge-row">
                <div class="challenge-category">人才缺口</div>
                <div class="challenge-level high">较高</div>
                <div class="challenge-description">高级EDA人才稀缺，技能要求不断提升</div>
              </div>
            </div>
          </div>
        </div>
      </ReportSection>

      <!-- 技术演示亮点 -->
      <ReportSection 
        title="✨ 技术演示亮点"
        subtitle="论坛现场展示的创新技术与应用案例"
        level={2}
      >
        <div class="demo-showcase">
          <div class="demo-categories">
            <div class="demo-category">
              <div class="category-header">
                <div class="category-badge">AI & ML</div>
                <h3>人工智能应用</h3>
              </div>
              <div class="demo-list">
                <div class="demo-item">
                  <div class="demo-title">智能布局优化</div>
                  <div class="demo-description">
                    基于强化学习的自动化布局工具，实现20%的面积优化
                  </div>
                  <div class="demo-metrics">
                    <span class="metric">面积优化: 20%</span>
                    <span class="metric">时间节省: 40%</span>
                  </div>
                </div>
                
                <div class="demo-item">
                  <div class="demo-title">预测性验证</div>
                  <div class="demo-description">
                    ML驱动的缺陷预测系统，提前发现潜在设计问题
                  </div>
                  <div class="demo-metrics">
                    <span class="metric">预测准确率: 92%</span>
                    <span class="metric">验证效率: +60%</span>
                  </div>
                </div>
                
                <div class="demo-item">
                  <div class="demo-title">智能参数调优</div>
                  <div class="demo-description">
                    自动化工具参数优化，适应不同设计需求
                  </div>
                  <div class="demo-metrics">
                    <span class="metric">性能提升: 35%</span>
                    <span class="metric">调优时间: -70%</span>
                  </div>
                </div>
              </div>
            </div>

            <div class="demo-category">
              <div class="category-header">
                <div class="category-badge">Cloud</div>
                <h3>云端解决方案</h3>
              </div>
              <div class="demo-list">
                <div class="demo-item">
                  <div class="demo-title">弹性计算平台</div>
                  <div class="demo-description">
                    按需分配计算资源，支持大规模并行处理
                  </div>
                  <div class="demo-metrics">
                    <span class="metric">扩展性: 1000x</span>
                    <span class="metric">成本降低: 40%</span>
                  </div>
                </div>
                
                <div class="demo-item">
                  <div class="demo-title">全球协同设计</div>
                  <div class="demo-description">
                    跨时区团队实时协作，统一数据管理平台
                  </div>
                  <div class="demo-metrics">
                    <span class="metric">协作效率: +80%</span>
                    <span class="metric">数据同步: 实时</span>
                  </div>
                </div>
                
                <div class="demo-item">
                  <div class="demo-title">安全数据保护</div>
                  <div class="demo-description">
                    端到端加密，满足企业级安全要求
                  </div>
                  <div class="demo-metrics">
                    <span class="metric">加密等级: AES-256</span>
                    <span class="metric">合规性: SOC2</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </ReportSection>

      <!-- 收获与思考 -->
      <ReportSection 
        title="💭 收获与思考"
        subtitle="参与论坛的个人收获与对行业发展的思考"
        level={2}
      >
        <div class="insights-personal">
          <div class="insight-categories">
            <div class="insight-category">
              <div class="category-icon">
                <i class="fas fa-lightbulb"></i>
              </div>
              <h3>技术启发</h3>
              <div class="insight-content">
                <p>
                  AI技术在EDA中的应用已从概念验证走向实用化阶段。特别是机器学习在
                  设计优化、验证加速等方面展现出巨大潜力，值得深入研究和应用。
                </p>
                <ul class="key-points">
                  <li>图神经网络在电路建模中的优势明显</li>
                  <li>强化学习为设计空间探索提供新思路</li>
                  <li>多模态AI技术有望突破传统EDA界限</li>
                </ul>
              </div>
            </div>

            <div class="insight-category">
              <div class="category-icon">
                <i class="fas fa-chart-line"></i>
              </div>
              <h3>市场趋势</h3>
              <div class="insight-content">
                <p>
                  EDA行业正经历深刻变革，云端化、AI化、开源化成为主要趋势。
                  传统EDA厂商积极转型，新兴企业带来创新思维。
                </p>
                <ul class="key-points">
                  <li>云端EDA平台成为竞争新焦点</li>
                  <li>开源EDA工具生态逐步完善</li>
                  <li>垂直领域专用EDA工具兴起</li>
                </ul>
              </div>
            </div>

            <div class="insight-category">
              <div class="category-icon">
                <i class="fas fa-users"></i>
              </div>
              <h3>人才发展</h3>
              <div class="insight-content">
                <p>
                  EDA行业对人才的要求越来越复合化，需要同时具备EDA专业知识
                  和AI技术背景。产学研合作培养成为重要途径。
                </p>
                <ul class="key-points">
                  <li>跨学科背景成为核心竞争力</li>
                  <li>持续学习能力至关重要</li>
                  <li>实践经验与理论知识并重</li>
                </ul>
              </div>
            </div>

            <div class="insight-category">
              <div class="category-icon">
                <i class="fas fa-road"></i>
              </div>
              <h3>发展方向</h3>
              <div class="insight-content">
                <p>
                  未来EDA发展将更加注重智能化、自动化和协同化。
                  需要在技术创新和工程实践之间找到平衡点。
                </p>
                <ul class="key-points">
                  <li>全流程智能化设计成为目标</li>
                  <li>人机协同设计模式值得探索</li>
                  <li>可解释AI在EDA中的应用前景</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </ReportSection>

      <!-- 行动计划 -->
      <ReportSection 
        title="🎯 后续行动计划"
        subtitle="基于论坛收获制定的研究和发展计划"
        level={2}
      >
        <div class="action-plan">
          <div class="plan-timeline">
            <div class="plan-phase">
              <div class="phase-header">
                <div class="phase-number">1</div>
                <div class="phase-title">短期计划（3个月）</div>
              </div>
              <div class="phase-content">
                <div class="action-items">
                  <div class="action-item">
                    <i class="fas fa-book"></i>
                    <span>深入学习图神经网络在EDA中的应用</span>
                  </div>
                  <div class="action-item">
                    <i class="fas fa-code"></i>
                    <span>实践云端EDA平台开发技术</span>
                  </div>
                  <div class="action-item">
                    <i class="fas fa-network-wired"></i>
                    <span>建立与行业专家的联系网络</span>
                  </div>
                </div>
              </div>
            </div>

            <div class="plan-phase">
              <div class="phase-header">
                <div class="phase-number">2</div>
                <div class="phase-title">中期计划（6个月）</div>
              </div>
              <div class="phase-content">
                <div class="action-items">
                  <div class="action-item">
                    <i class="fas fa-project-diagram"></i>
                    <span>启动AI-EDA融合项目研究</span>
                  </div>
                  <div class="action-item">
                    <i class="fas fa-users-cog"></i>
                    <span>参与开源EDA社区贡献</span>
                  </div>
                  <div class="action-item">
                    <i class="fas fa-presentation"></i>
                    <span>准备相关技术分享和论文</span>
                  </div>
                </div>
              </div>
            </div>

            <div class="plan-phase">
              <div class="phase-header">
                <div class="phase-number">3</div>
                <div class="phase-title">长期计划（1年）</div>
              </div>
              <div class="phase-content">
                <div class="action-items">
                  <div class="action-item">
                    <i class="fas fa-rocket"></i>
                    <span>推出创新EDA工具原型</span>
                  </div>
                  <div class="action-item">
                    <i class="fas fa-handshake"></i>
                    <span>寻求产业合作机会</span>
                  </div>
                  <div class="action-item">
                    <i class="fas fa-graduation-cap"></i>
                    <span>建立EDA人才培养体系</span>
                  </div>
                </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;
  }
  
  .themes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
  }
  
  .theme-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;
    position: relative;
  }
  
  .theme-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(91, 119, 142, 0.15);
  }
  
  .theme-card.featured {
    border: 2px solid rgba(91, 119, 142, 0.4);
    background: rgba(91, 119, 142, 0.05);
  }
  
  .theme-card.featured::before {
    content: '⭐ 重点关注';
    position: absolute;
    top: -10px;
    right: 1rem;
    background: linear-gradient(135deg, #5b778e, #b2c5d5);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
  }
  
  .theme-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-bottom: 1rem;
  }
  
  .theme-card h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0 0 1rem 0;
  }
  
  .theme-description {
    color: #2c4a6b;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  
  .theme-highlights {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .highlight-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(91, 119, 142, 0.05);
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
  }
  
  .highlight-label {
    color: #2c4a6b;
    font-size: 0.875rem;
  }
  
  .highlight-value {
    color: #011a2d;
    font-weight: 600;
    font-size: 0.875rem;
  }
  
  .tech-releases {
    margin: 2rem 0;
  }
  
  .release-timeline {
    position: relative;
    padding-left: 2rem;
  }
  
  .release-timeline::before {
    content: '';
    position: absolute;
    left: 0.75rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, #5b778e, #b2c5d5);
  }
  
  .release-item {
    position: relative;
    margin-bottom: 2rem;
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
  }
  
  .release-item::before {
    content: '';
    position: absolute;
    left: -2.25rem;
    top: 0.5rem;
    width: 1rem;
    height: 1rem;
    background: linear-gradient(135deg, #5b778e, #b2c5d5);
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  .release-date {
    background: linear-gradient(135deg, #5b778e, #b2c5d5);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    font-weight: 600;
    font-size: 0.875rem;
    min-width: 80px;
    text-align: center;
  }
  
  .release-content {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 0.75rem;
    padding: 1.25rem;
    flex-grow: 1;
  }
  
  .release-content h4 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0 0 0.5rem 0;
  }
  
  .release-content p {
    color: #2c4a6b;
    line-height: 1.5;
    margin: 0 0 1rem 0;
  }
  
  .release-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  
  .tech-tag {
    background: rgba(91, 119, 142, 0.1);
    color: #011a2d;
    padding: 0.25rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
  }
  
  .insights-analysis {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin: 2rem 0;
  }
  
  .market-trends h3,
  .technical-challenges h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0 0 1.5rem 0;
    text-align: center;
  }
  
  .trend-items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  
  .trend-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 0.75rem;
    padding: 1rem;
  }
  
  .trend-indicator {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    margin-top: 0.125rem;
    flex-shrink: 0;
  }
  
  .trend-indicator.positive {
    background: #10b981;
  }
  
  .trend-indicator.neutral {
    background: #f59e0b;
  }
  
  .trend-content h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0 0 0.25rem 0;
  }
  
  .trend-content p {
    color: #2c4a6b;
    font-size: 0.875rem;
    line-height: 1.4;
    margin: 0;
  }
  
  .challenge-matrix {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .challenge-row {
    display: grid;
    grid-template-columns: 100px 80px 1fr;
    gap: 1rem;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 0.5rem;
    padding: 0.75rem;
  }
  
  .challenge-category {
    font-weight: 600;
    color: #011a2d;
    font-size: 0.875rem;
  }
  
  .challenge-level {
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-align: center;
  }
  
  .challenge-level.high {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
  }
  
  .challenge-level.medium {
    background: #fffbeb;
    color: #d97706;
    border: 1px solid #fed7aa;
  }
  
  .challenge-description {
    color: #2c4a6b;
    font-size: 0.875rem;
    line-height: 1.3;
  }
  
  .demo-showcase {
    margin: 2rem 0;
  }
  
  .demo-categories {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 2rem;
  }
  
  .demo-category {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 1rem;
    padding: 1.5rem;
  }
  
  .category-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
  
  .category-badge {
    background: linear-gradient(135deg, #5b778e, #b2c5d5);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
  }
  
  .category-header h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0;
  }
  
  .demo-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  
  .demo-item {
    background: rgba(91, 119, 142, 0.05);
    border-radius: 0.5rem;
    padding: 1rem;
  }
  
  .demo-title {
    font-weight: 600;
    color: #011a2d;
    margin-bottom: 0.5rem;
  }
  
  .demo-description {
    color: #2c4a6b;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 0.75rem;
  }
  
  .demo-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  
  .metric {
    background: rgba(91, 119, 142, 0.1);
    color: #011a2d;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
  }
  
  .insights-personal {
    margin: 2rem 0;
  }
  
  .insight-categories {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
  }
  
  .insight-category {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 1rem;
    padding: 1.5rem;
  }
  
  .category-icon {
    width: 2.5rem;
    height: 2.5rem;
    background: linear-gradient(135deg, #5b778e, #b2c5d5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: white;
    margin-bottom: 1rem;
  }
  
  .insight-category h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #011a2d;
    margin: 0 0 1rem 0;
  }
  
  .insight-content p {
    color: #2c4a6b;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  
  .key-points {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .key-points li {
    background: rgba(91, 119, 142, 0.05);
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    border-radius: 0.5rem;
    border-left: 3px solid #5b778e;
    color: #2c4a6b;
    font-size: 0.875rem;
    line-height: 1.4;
  }
  
  .action-plan {
    margin: 2rem 0;
  }
  
  .plan-timeline {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  
  .plan-phase {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(91, 119, 142, 0.2);
    border-radius: 1rem;
    padding: 1.5rem;
  }
  
  .phase-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  
  .phase-number {
    width: 2rem;
    height: 2rem;
    background: linear-gradient(135deg, #5b778e, #b2c5d5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
  }
  
  .phase-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #011a2d;
  }
  
  .action-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
  }
  
  .action-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(91, 119, 142, 0.05);
    padding: 0.75rem;
    border-radius: 0.5rem;
    color: #2c4a6b;
    font-size: 0.875rem;
  }
  
  .action-item i {
    color: #5b778e;
    font-size: 1rem;
  }
  
  @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;
    }
    
    .themes-grid {
      grid-template-columns: 1fr;
    }
    
    .release-timeline {
      padding-left: 0;
    }
    
    .release-timeline::before {
      display: none;
    }
    
    .release-item::before {
      display: none;
    }
    
    .release-item {
      flex-direction: column;
      gap: 1rem;
    }
    
    .insights-analysis {
      grid-template-columns: 1fr;
    }
    
    .demo-categories {
      grid-template-columns: 1fr;
    }
    
    .insight-categories {
      grid-template-columns: 1fr;
    }
    
    .challenge-row {
      grid-template-columns: 1fr;
      gap: 0.5rem;
    }
    
    .action-items {
      grid-template-columns: 1fr;
    }
  }
</style>