<div class="result-container">
  <div class="result-header">
    <h2 class="neon-title">面试结果</h2>
    <p class="subtitle">AI分析报告</p>
  </div>

  <div class="score-card">
    <div class="radar-chart">
      <div class="radar-grid">
        <div class="grid-circle" *ngFor="let circle of [1,2,3,4]"></div>
      </div>
      <div class="radar-axes">
        <div class="axis" *ngFor="let skill of skills; let i = index" 
             [style.transform]="'rotate(' + (i * 72) + 'deg)'"></div>
      </div>
      <div class="radar-polygon" [style.clip-path]="getRadarPath()"></div>
      <div class="skill-labels">
        <div class="label" *ngFor="let skill of skills; let i = index" 
             [style.transform]="'rotate(' + (i * 72) + 'deg) translate(0, -110px)'">
          {{ skill.name }}
        </div>
      </div>
    </div>
    <div class="score-display">
      <div class="overall-score">{{ overallScore }}</div>
      <div class="score-label">综合得分</div>
      <div class="match-badge" [class.high-match]="overallScore >= 80"
                             [class.medium-match]="overallScore >= 60 && overallScore < 80"
                             [class.low-match]="overallScore < 60">
        {{ jobMatch }}
      </div>
    </div>
  </div>

  <div class="feedback-section">
    <h3 class="section-title">AI反馈</h3>
    <div class="feedback-text">{{ feedback }}</div>
  </div>

  <div class="suggestions-section">
    <h3 class="section-title">改进建议</h3>
    <div class="suggestions-list">
      <div class="suggestion-item" *ngFor="let suggestion of suggestions">
        <div class="suggestion-icon">
          <svg viewBox="0 0 24 24">
            <path fill="currentColor" d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" />
          </svg>
        </div>
        <div class="suggestion-text">{{ suggestion }}</div>
      </div>
    </div>
  </div>

  <div class="action-buttons">
    <button (click)="restartInterview()" class="restart-btn">
      重新开始面试
    </button>
    <button class="download-btn">
      下载完整报告
    </button>
  </div>

  <div class="tech-overlay">
    <div class="data-grid"></div>
    <div class="particles"></div>
  </div>
</div>
