/* =========================================================
   首頁的手機瀏覽體驗：觸控回饋、字級、點擊範圍、捲動效能。
   只有 index.html 載入；樣式基底仍在 styles.css。
   ========================================================= */

/* iOS 橫向時不要自動放大字、點按時不要出現灰色方塊、雙擊不縮放（點擊立即反應） */
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
a, button, [role="button"]{ -webkit-tap-highlight-color:transparent; touch-action:manipulation; }

@media (max-width:1024px){
  /* 頁首毛玻璃會在背後動畫每一格重算模糊，手機改成實色半透明，捲動更順 */
  .site-header{ -webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(3,3,3,.9); }
  /* 漢堡選單鍵放大到 44px（手指好按） */
  .nav-toggle{ width:44px; height:44px; }

  /* 團隊輪播的小圓點：看起來一樣小，但可點範圍放大 */
  .tc-dots{ gap:14px; }
  .tc-dot{ position:relative; }
  .tc-dot::after{ content:""; position:absolute; inset:-12px -7px; }
}

/* 有「減少動態效果」設定的裝置：關掉漂浮與呼吸類的裝飾動畫 */
@media (prefers-reduced-motion:reduce){
  .hero-emblem{ animation:none; }
  html{ scroll-behavior:auto; }
}