/* v495 新手教學：整片變灰、要點的地方用虛線圈起來（圈外變灰、圈內清楚），旁邊一張大廳同一套的說明卡 */
#ttCoach{position:fixed;inset:0;z-index:12000;font-family:var(--sk-head,'LINE Seed TW'),'TT Huninn',sans-serif;color:var(--sk-ink,#1C2156)}
#ttCoach .tc-dim{position:absolute;inset:0;background:rgba(28,33,86,.55)}
#ttCoach .tc-dim[hidden],#ttCoach .tc-ring[hidden]{display:none}
#ttCoach .tc-ring{position:fixed;border:3px dashed #fff;box-shadow:0 0 0 4px rgba(255,79,139,.55),0 0 0 9999px rgba(28,33,86,.55);
  transition:left .32s ease,top .32s ease,width .32s ease,height .32s ease,border-radius .32s ease;animation:tcBreath 1.6s ease-in-out infinite;pointer-events:none}
@keyframes tcBreath{0%,100%{box-shadow:0 0 0 4px rgba(255,79,139,.55),0 0 0 9999px rgba(28,33,86,.55)}50%{box-shadow:0 0 0 9px rgba(255,79,139,.25),0 0 0 9999px rgba(28,33,86,.55)}}
#ttCoach .tc-card{position:fixed;width:min(320px,calc(100vw - 16px));box-sizing:border-box;padding:16px 18px 14px;background:var(--sk-paper,#FDFDFF);
  border:3px solid var(--sk-ink,#1C2156);border-radius:18px;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3.5px #CFEFFF,6px 6px 0 #FFB6CF,6px 6px 0 3px var(--sk-ink,#1C2156);
  transition:left .32s ease,top .32s ease}
#ttCoach .tc-card.tc-pop{animation:tcPop .36s cubic-bezier(.3,1.5,.5,1)}
@keyframes tcPop{0%{transform:scale(.9)}60%{transform:scale(1.03)}100%{transform:scale(1)}}
#ttCoach .tc-step{font-size:11px;font-weight:700;letter-spacing:2px;color:#FF4F8B}
#ttCoach h3{margin:4px 0 6px;font-size:18px;line-height:1.35}
#ttCoach h3::after{content:'';display:block;width:42px;height:6px;margin-top:4px;border-radius:3px;background:#FFC6DD}
#ttCoach p{margin:0 0 12px;font-size:14px;line-height:1.7;color:var(--sk-mute,#3E4280)}
#ttCoach .tc-btns{display:flex;justify-content:flex-end;gap:8px}
#ttCoach button{font:inherit;font-size:14px;font-weight:700;padding:8px 16px;border-radius:12px;border:3px solid var(--sk-ink,#1C2156);cursor:pointer;box-shadow:0 3px 0 var(--sk-ink,#1C2156)}
#ttCoach .tc-skip{background:#fff;color:var(--sk-ink,#1C2156)}
#ttCoach .tc-next{background:linear-gradient(180deg,#FF7AA8,#FF3F80);color:#fff}
#ttCoach button[hidden]{display:none}
#ttCoach button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sk-ink,#1C2156)}
#ttCoach button:focus-visible{outline:3px solid #8FD3FF;outline-offset:2px}
@media (prefers-reduced-motion:reduce){#ttCoach .tc-ring{animation:none;transition:none}#ttCoach .tc-card{transition:none}#ttCoach .tc-card.tc-pop{animation:none}}