<ion-content>
  <div>
    Tab 3
  </div>
  <input type="text" placeholder="Write here..." name="text" class="input">
</ion-content>


<!-- ai.page.html
<ion-content class="ai-guard">
  动态情绪仪表
  <div class="emotion-meter">
    <div class="wave"></div>
    <div class="face-avatar">
      <img [src]="currentMood.avatar" alt="AI头像">
    </div>
  </div>

  对话容器
  <div class="chat-container">
    <div #messageContainer class="messages">
      AI消息
      <div *ngFor="let msg of chatHistory" class="message" 
           [class.ai]="msg.isAI"
           [@messageAnim]>
        <div class="bubble">
          <div class="content">{{ msg.content }}</div>
          <div class="meta">
            <span class="time">{{ msg.time | date:'HH:mm' }}</span>
            <ion-icon *ngIf="msg.suggestion" name="bulb"></ion-icon>
          </div>
        </div>
      </div>
    </div>

    输入区域
    <div class="input-area">
      <ion-textarea [(ngModel)]="userInput" 
                    placeholder="和心灵伙伴聊聊..." 
                    autoGrow
                    (keyup.enter)="sendMessage()"></ion-textarea>
      <ion-button fill="clear" (click)="sendMessage()">
        <ion-icon name="send"></ion-icon>
      </ion-button>
    </div>
  </div>

  紧急求助浮窗
  <div class="emergency-card" [class.active]="showEmergency">
    <div class="header">需要立即帮助吗？</div>
    <div class="actions">
      <ion-button expand="block" fill="solid" color="danger">
        <ion-icon name="call"></ion-icon>
        联系紧急联系人
      </ion-button>
      <ion-button expand="block" fill="outline" (click)="startBreathingGuide()">
        <ion-icon name="play-circle"></ion-icon>
        启动呼吸引导
      </ion-button>
    </div>
  </div>
</ion-content> -->