/* awaken —「甦醒」入場（模糊→清晰為主，極輕的一顫為輔）
   只動 opacity / filter / color，不碰任何排版屬性（鐵律 #6 安全）。
   v2：加重薄霧(12px)、放慢對焦(1.15s)、拉開灰階，讓逐字對焦更明顯驚艷。 */
/* ⚠️ 不要在 .awk-ch 上掛 will-change：一首長詩拆成幾百個字，每個都 will-change＝幾百個 GPU
   圖層，記憶體/效能爆掉，就是「甦醒一會卡、字一會沒了」的元兇（Kaii 2026-07-23）。
   動畫期間瀏覽器自會暫時合成，不需要預先提升。 */
.awk-ch{ opacity:0; display:inline; }
/* 動畫結束後由 JS 加上 .awk-done：把最終狀態定死、拿掉動畫與 will-change，
   之後滑動/位址列縮放都不會再重播（手機重觸發的解法）。 */
.awk-ch.awk-done{ opacity:1 !important; filter:none !important;
                  animation:none !important; will-change:auto !important; }
/* 甦醒＝真實字色（黑）從「模糊＋半透明」對焦成「清晰＋不透明」。
   ⚠️ 不再用灰色（#d6d6d6→#a0a0a0）上色——那在紅底手機選單上會顯出「灰」，而不是
   「半透明的黑」。Kaii 2026-07-23 指定：改成純透明度變化（顏色一直是真實黑，只是透明度不同）。 */
/* .6s＋輕霧(4px)：更快、且 blur 半徑砍半＝GPU 成本大降（Kaii 2026-07-23 要省效能）。
   blur 是這裡最貴的一項；4px 仍有對焦感，但比 8px 便宜很多。 */
.awk-on{ animation:awkFocus .6s cubic-bezier(.22,.6,.12,1) both; }
@keyframes awkFocus{
  0%  { filter:blur(4px);   opacity:0; }
  35% { opacity:.65; }
  60% { filter:blur(1.5px); opacity:.8; }
  to  { filter:blur(0);     opacity:1; }
}
@media (prefers-reduced-motion: reduce){
  .awk-ch{ opacity:1 !important; animation:none !important; filter:none !important; }
}