@charset "utf-8";
/* CSS Document */

  /* 浮動圓標主體 */
  .hy-ai-fab { position: fixed; right: 10px; bottom: 10px; /* 避開網站原本可能有的置底選單高度 */ width: 75px; height: 75px; background: linear-gradient(135deg, #FF9E00 0%, #CB4A1A 100%); /* 信誼亮橘金漸層 */ border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 15px rgba(255, 138, 0, 0.4); z-index: 99999; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: hy-pulse 2s infinite; text-align: center;line-height: 1; }
	
  /* 右上角通知紅點 */
  .hy-ai-badge { position: absolute; top: -2px; right: -2px; background-color: #FF3B30; color: white; font-size: 12px; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid #ffffff; font-weight: bold; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }

.hy-ai-content{}
	
  /* 文字樣式：強制換行讓視覺平衡 */
  .hy-ai-text { color: #ffffff; font-size: 16px; font-weight: 900; text-align: center;text-shadow: 0 0px 2px #000000; }

  /* 提示氣泡：衝量關鍵 */
  .hy-ai-tooltip { position: absolute; right: 80px; top: 50%; transform: translateY(-50%); background: #484848; color: #fff; padding: 8px 15px; border-radius: 20px; font-size: 14px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.5s; }

  /* 氣泡小箭頭 */
  .hy-ai-tooltip::after { content: ""; position: absolute; right: -5px; top: 50%; margin-top: -6px; border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent transparent transparent #484848; }

  /* 滑鼠移入：停止動畫並放大 */
  .hy-ai-fab:hover { transform: scale(1.15); animation: none; }
  .hy-ai-fab:hover .hy-ai-tooltip { opacity: 1; }

  /* 呼吸動畫 */
   @keyframes hy-pulse {
    0% { box-shadow: 0 0 0 0px rgba(255, 184, 0, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(255, 184, 0, 0); }
    100% { box-shadow: 0 0 0 0px rgba(255, 184, 0, 0); }
  }

  /* 手機版自動調整位子，避免擋到原本的 Tab Bar */
  @media (max-width: 768px) {
    .hy-ai-fab { display: none; width: 65px; height: 65px; right: 15px; bottom: 91px; }
    .hy-ai-text { font-size: 13px; }
    .hy-ai-tooltip { display: none; right: 70px; font-size: 12px; }
    /* 手機版隱藏氣泡避免遮擋內容 */
  }