<section class="popular-works">
  <h3 class="section-title">热门作品</h3>
  <div class="works-grid">
    <div class="work-item" *ngFor="let design of designs" (click)="showWorkDetail(design.title)">
      <div class="work-image" [style.background]="design.background">
        {{design.emoji}}
      </div>
      <div class="work-info">
        <div class="work-title">{{design.title}}</div>
        <div class="work-stats">
          <span (click)="toggleLike(design); $event.stopPropagation()" 
                [class.liked]="design.isLiked">
            {{design.isLiked ? '❤️' : '🤍'}} {{design.likes | number}}
          </span>
          <span (click)="showComments(design.id, $event)">
            💬 {{design.comments}}
          </span>
        </div>
      </div>
    </div>
  </div>
</section>