/* ═══════════════════════════════════════════════
     交互区域头部：标题 + 图标组 左右布局
     ═══════════════════════════════════════════════ */
  .interaction-header {
      display: flex;
      justify-content: space-between;  /* 标题左，图标右 */
      align-items: center;
      margin-bottom: 15px;             /* 替代原 h2 的 margin-bottom */
  }
  
  .interaction-header h2 {
      margin: 0;                       /* 清除默认 margin */
      color: var(--dark-accent);
      font-family: 'Playfair Display', 'Ma Shan Zheng', serif;
      font-size: 1.3em;
      font-weight: 600;
      letter-spacing: 1px;
  }
  
  /* ═══════════════════════════════════════════════
     示例问题图标组
     ═══════════════════════════════════════════════ */
  .sample-icons-group {
      display: flex;
      align-items: center;
      gap: 8px;
  }
  
  .sample-q-icon,
  .sample-q-icon2,
  .sample-q-icon3 {
      width: 28px;
      height: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 6px;
      font-size: 13px;
      cursor: pointer;
      transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
      
      /* 移除边框 */
      border: none;
      background: transparent;
      
      /* 默认颜色 */
      color: rgba(0, 223, 216, 0.5);   /* 思想默认，其他在各自选择器覆盖 */

      /* 移除焦点轮廓 */
      outline: none;      
      /* 移动端移除点击高亮 */
      -webkit-tap-highlight-color: transparent;

      /* 新增：确保 Font Awesome 图标居中 */
      line-height: 1;                    /* 清除继承的行高 */
      text-align: center;                /* 文本水平居中 */    
  }

  /* 强制 Font Awesome 伪元素在 flex 容器中正确对齐 */
  .sample-q-icon::before,
  .sample-q-icon2::before,
  .sample-q-icon3::before {
      display: inline-flex;              /* 或 block */
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      margin: 0;                         /* 清除可能的默认 margin */
      line-height: 1;
  }

  /* 键盘导航时保留可见焦点（无障碍最佳实践） */
  .sample-q-icon:focus-visible,
  .sample-q-icon2:focus-visible,
  .sample-q-icon3:focus-visible {
      outline: 2px solid rgba(0, 223, 216, 0.5);
      outline-offset: 2px;
      border-radius: 4px;
  }
  
  /* 思想 · 青色灯泡 */
  .sample-q-icon {
      color: rgba(0, 223, 216, 0.5);
  }
  
  .sample-q-icon:hover {
      color: #00DFD8;
      text-shadow: 0 0 15px rgba(0, 223, 216, 0.6),
                   0 0 30px rgba(0, 223, 216, 0.3);
      transform: translateY(-2px) scale(1.1);
      background: rgba(0, 223, 216, 0.1);  /* 极淡背景替代边框 */
  }
  
  /* 实践 · 琥珀金指南针 */
  .sample-q-icon2 {
      color: rgba(243, 156, 18, 0.5);
  }
  
  .sample-q-icon2:hover {
      color: #F39C12;
      text-shadow: 0 0 15px rgba(243, 156, 18, 0.6),
                   0 0 30px rgba(243, 156, 18, 0.3);
      transform: translateY(-2px) scale(1.1);
      background: rgba(243, 156, 18, 0.1);
  }
  
  /* 潜能 · 天空蓝山峰 */
  .sample-q-icon3 {
      color: rgba(74, 144, 226, 0.5);
  }
  
  .sample-q-icon3:hover {
      color: #4A90E2;
      text-shadow: 0 0 15px rgba(74, 144, 226, 0.6),
                   0 0 30px rgba(74, 144, 226, 0.3);
      transform: translateY(-2px) scale(1.1);
      background: rgba(74, 144, 226, 0.1);
  }
  
  /* 点击反馈 */
  .sample-q-icon:active,
  .sample-q-icon2:active,
  .sample-q-icon3:active {
      transform: translateY(0) scale(0.95);
  }
  
  /* 选中动画 */
  .sample-q-icon.active,
  .sample-q-icon2.active,
  .sample-q-icon3.active {
      animation: iconPulse 0.6s ease-out;
  }
  
  @keyframes iconPulse {
      0% { transform: scale(1); }
      50% { transform: scale(1.2); filter: brightness(1.3); }
      100% { transform: scale(1); }
  }
  
  /* ═══════════════════════════════════════════════
     手机端适配
     ═══════════════════════════════════════════════ */
  @media (max-width: 768px) {
      .interaction-header {
          flex-wrap: wrap;           /* 空间不足时换行 */
          gap: 10px;
      }
      
      .sample-icons-group {
          gap: 6px;
          margin-left: auto;         /* 靠右对齐 */
      }
      
      .sample-q-icon,
      .sample-q-icon2,
      .sample-q-icon3 {
          width: 24px;
          height: 24px;
          font-size: 11px;
          border-radius: 4px;
      }