/* 🎓 新版新手引導（js/tutorial.js）：
   窄條 #tut-bar：小地圖正下方（放不下就放小地圖左邊），左緣不過畫面中線右邊（角色站在正中間），下緣停在 AUTO 那排、強制攻擊鈕上面，位置由 tutorial.js placeBar() 量版面設；放在 #game 裡、壓在 #lmui-hud 下面（z-index 49），開了視窗就被蓋住。
   高亮 #tut-ring／標籤 #tut-tag：掛在 body、在所有視窗上面，但不吃點擊（pointer-events: none）——只標出要點哪裡，不擋操作。
   完成了伺服器直接給（站長 2026-10-20「不用再點確認鍵」，確認框拿掉了）：領到的特效 #tut-fx 蓋在畫面正中間 2.6 秒、不吃點擊。 */
#tut-bar { position: fixed; z-index: 49; box-sizing: border-box; top: calc(var(--orig-bar-h, 0px) + 200px); right: 6px; width: 220px; padding: 5px 8px 6px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none;
  border: 1px solid rgba(214,180,110,.8); border-radius: 8px; background: rgba(12,10,8,.86); box-shadow: 0 2px 8px rgba(0,0,0,.6);
  color: #f1e6cf; font: 13px/1.35 "Microsoft JhengHei", system-ui, sans-serif; text-shadow: 0 1px 0 #000; pointer-events: auto;
  -webkit-tap-highlight-color: transparent; user-select: none; -webkit-user-select: none; }
#tut-bar[hidden] { display: none; }
/* 第 4 步：強化視窗標題下面的說明（tutorial.js enhNote；手機直式強化視窗會蓋住任務條，所以寫在視窗裡） */
.tut-enh-note { margin: 4px 8px 2px; padding: 6px 9px; border: 1px solid rgba(232,207,143,.85); border-radius: 6px; background: rgba(70,52,22,.92);
  color: #fff3d0; font: 700 13px/1.35 "Microsoft JhengHei", system-ui, sans-serif; text-shadow: 0 1px 0 #000; }
.tut-enh-note b { color: #f2d58a; font-size: 12px; margin-right: 4px; }
.tut-enh-note span { display: block; margin-top: 2px; color: #e6d3a6; font-weight: 400; font-size: 12px; }
/* 魔法娃娃、製作工匠（20 步制最後一步）、其他蓋住任務條的視窗（設定、背包、狩獵場、快捷格選單、簽到、掛機紀錄）：同一塊放在視窗標題下面
   （tutorial.js dollNote／craftNote／winNote），介紹一行一句 */
.tut-doll-note, .tut-craft-note, .tut-win-note { flex: none; }
.tut-doll-note span, .tut-craft-note span, .tut-win-note span { margin-top: 1px; line-height: 1.35; }
.tut-doll-note span::before, .tut-craft-note span::before, .tut-win-note span::before { content: "・"; color: #a8997a; }
#lmui-win > .tut-win-note, #lmui-win2 > .tut-win-note { margin: 3px 6px 2px; }
#tut-bar::-webkit-scrollbar { display: none; }
#tut-bar .tb-hd { display: flex; align-items: flex-start; gap: 6px; cursor: pointer; min-height: 18px; }
#tut-bar .tb-hd b { flex: none; color: #f2d58a; font-size: 11.5px; line-height: 17px; white-space: nowrap; }
#tut-bar .tb-hd span { flex: 1; min-width: 0; color: #fff; font-weight: 700; font-size: 12.5px; line-height: 17px; }
#tut-bar .tb-hd i { flex: none; font-style: normal; color: #cdb98a; font-size: 11px; line-height: 17px; }
#tut-bar .tb-hint { margin-top: 3px; color: #ffe9a8; font-weight: 700; font-size: 13px; line-height: 1.3; }
#tut-bar .tb-prog { position: relative; margin-top: 5px; height: 14px; border: 1px solid #6b5636; border-radius: 7px; background: rgba(0,0,0,.55); overflow: hidden; }
#tut-bar .tb-prog span { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(#e9c46a, #b98a2a); }
#tut-bar .tb-prog em { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 11px; line-height: 1; color: #fff; text-shadow: 0 1px 1px #000, 0 0 3px #000; }
#tut-bar .tb-tips { list-style: none; margin: 4px 0 0; padding: 3px 0 0; border-top: 1px solid rgba(214,180,110,.3); }
#tut-bar .tb-tips li { position: relative; padding-left: 10px; color: #cfc6ac; font-size: 11.5px; line-height: 1.35; }
#tut-bar .tb-tips li::before { content: "・"; position: absolute; left: -3px; color: #a8997a; }
#tut-bar .tb-claim { display: block; width: 100%; margin-top: 5px; padding: 5px 6px; border: 1px solid #f2c14e; border-radius: 6px; background: linear-gradient(#8a6417, #4a3309);
  color: #fff3cf; font: 700 14px/1.2 "Microsoft JhengHei", system-ui, sans-serif; letter-spacing: 1px; text-shadow: 0 1px 0 #000; cursor: pointer; animation: tutBtn 1.4s ease-in-out infinite; }
#tut-bar.min { padding: 3px 6px 4px; }
/* 收起來（站長 2026-11-01「太長了 會擋到畫面」）：放在小地圖底下時跟小地圖一樣寬（tutorial.js placeBar）——字縮一點、不換行，一行放得下 */
#tut-bar.min .tb-hd { gap: 4px; }
#tut-bar.min .tb-hd span { font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#tut-bar.min .tb-claim { margin-top: 3px; padding: 3px 6px; font-size: 13px; }
/* 「領取獎勵」鈕只剩舊伺服器回放不下時才有（新伺服器自己給）；擠在強制鈕上面放不下（tutorial.js placeBar）：收起說明那行，鈕整顆露出來 */
#tut-bar.tight.done .tb-hint { display: none; }
#tut-bar.done { border-color: #f2c14e; box-shadow: 0 0 10px rgba(242,193,78,.55); }
#tut-bar.pop { animation: tutPop .9s ease-out; }
/* 完成一步的特效跟任務條疊到（手機直式）：任務條先藏、不吃點擊，特效收掉再跳出來（tutorial.js fxCover） */
#tut-bar { transition: opacity .2s; }
#tut-bar.fxhide { opacity: 0; pointer-events: none; }
/* 左上的線上玩家清單（hud.js #lmui-who，人多時拉得很長）跟特效的字疊到也一樣先藏 */
#lmui-who { transition: opacity .2s; }
#lmui-who.tut-fxhide { opacity: 0; pointer-events: none; }
/* 任務條開著（手機直式）：浮上來的系統訊息（hud.js #lmui-flt）右緣收到畫面中線右邊 20px——任務條左緣一定在中線右邊 26px 以外（tutorial.js placeBar），
   長的訊息（「新手任務送你 …×27，把身上的象牙塔防具都強化到 +4。」）原本伸到任務條底下疊字。電腦版面（.pcui）訊息在左下、任務條在右上，不用 */
body.tut-bar-on:not(.pcui) #lmui-flt .list { right: calc(50% - 20px); }

/* 高亮：閃爍的框＋小標籤（箭頭指著目標，--ax＝箭頭離標籤左邊多遠） */
#tut-ring { position: fixed; z-index: 2147482000; pointer-events: none; box-sizing: border-box; border: 3px solid #ffec8a; border-radius: 9px;
  box-shadow: 0 0 0 2px rgba(0,0,0,.65), 0 0 16px 5px rgba(255,205,80,.95), inset 0 0 8px rgba(255,220,120,.6); animation: tutRing 1.1s ease-in-out infinite; }
#tut-tag { position: fixed; z-index: 2147482001; pointer-events: none; padding: 5px 10px; border: 2px solid #f2c14e; border-radius: 10px; background: rgba(40,28,8,.97);
  color: #ffe38a; font: 700 15px/1.35 "Microsoft JhengHei", system-ui, sans-serif; max-width: 230px; text-align: center; text-shadow: 0 1px 0 #000;
  box-shadow: 0 0 14px rgba(255,200,80,.55); animation: tutBob 1.1s ease-in-out infinite; }
/* 第 363 項：標籤第二行＝為什麼要做（小字） */
#tut-tag b { display: block; font-weight: 700; }
#tut-tag small { display: block; margin-top: 2px; font: 400 12px/1.35 "Microsoft JhengHei", system-ui, sans-serif; color: #f1e2bd; }
#tut-tag::after { content: ""; position: absolute; left: var(--ax, 50%); top: 100%; margin-left: -6px; border: 6px solid transparent; border-top-color: #f2c14e; }
#tut-tag.below::after { top: auto; bottom: 100%; border-top-color: transparent; border-bottom-color: #f2c14e; }
#tut-tag.left::after, #tut-tag.right::after { left: 100%; top: 50%; margin: -6px 0 0; border-top-color: transparent; border-left-color: #f2c14e; }
#tut-tag.right::after { left: auto; right: 100%; border-left-color: transparent; border-right-color: #f2c14e; }
#tut-ring[hidden], #tut-tag[hidden] { display: none; }
/* 引導時其他地方稍微調暗（站長 2026-10-19）：跟框同位置的透明洞＋外圍大陰影；壓在框和標籤下面、所有視窗上面；不吃點擊、不閃爍；框藏起來就一起藏 */
#tut-dim { position: fixed; z-index: 2147481999; pointer-events: none; border-radius: 9px; box-shadow: 0 0 0 200vmax rgba(0,0,0,.58); transition: left .15s, top .15s, width .15s, height .15s; }
#tut-ring[hidden] ~ #tut-dim { display: none; }

/* 設定自動變身那步（順序版本 4 第 5 步）：設定頁外型選單裡推薦的（hud.js polyMenu 的 .pm-rec，tutorial.js polyRec 給名單） */
#lmui-polymenu .pm-c.pm-rec:not(.on) { border-color: #8fd47f; }
#lmui-polymenu .pm-c .pm-t i.pm-rec-t { color: #d4f7cb; border-color: rgba(143,212,127,.75); background: rgba(90,170,70,.25); }
/* 新手任務全部做完：介紹離線掛機的小卡（tutorial.js doneCard；外框借 .lmui-ov.cl-ov） */
#tut-done .cl-ask span { white-space: nowrap; }   /* 一句拆兩段、段裡不斷行：窄手機不會斷成「網／頁」 */

/* ⊞ 功能鈕：伺服器說 10 級以前不給（套用新版新手引導的角色） */
body.tut-nofn #lmui-skbtn, body.tut-nofn #lmui-fnmenu { display: none !important; }
/* ⊞ 藏起來時，強制攻擊鈕（手機，平常在 ⊞ 正上方）往下補到 ⊞ 的位置：不懸在空位上，小地圖下面也多出一截給任務條（手機直式 390×664 才放得下） */
body.tut-nofn #lmui-force { margin-bottom: 8px; }
body.pcui.pcui-sm.tut-nofn #lmui-force { margin-bottom: 5px; }

/* 領到的特效：金光一閃＋旋轉的光芒＋獎勵圖示一個個彈出＋字；整個不吃點擊 */
#tut-fx { position: fixed; inset: 0; z-index: 2147482002; pointer-events: auto; cursor: pointer; overflow: hidden; }   /* 第 372 項：點一下才收，所以吃點擊、蓋在最上面 */
#tut-fx .tf-pos { position: absolute; left: 50%; top: var(--cy, 50%); width: min(360px, calc(var(--vw1, 1vw) * 94)); transform: translate(-50%, -50%); }
#tut-fx .tf-core { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 18px 22px; animation: tutIn .35s cubic-bezier(.2, 1.4, .4, 1); }
#tut-fx .tf-flash { position: absolute; left: 50%; top: 50%; width: 340px; height: 340px; margin: -170px 0 0 -170px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,236,160,.9) 0%, rgba(255,200,80,.45) 30%, rgba(255,180,60,0) 65%); animation: tutFlash 1.4s ease-out forwards; }
#tut-fx .tf-rays { position: absolute; left: 50%; top: 50%; width: 420px; height: 420px; margin: -210px 0 0 -210px; border-radius: 50%;
  background: repeating-conic-gradient(rgba(255,220,120,.38) 0 8deg, rgba(255,220,120,0) 8deg 24deg);
  -webkit-mask: radial-gradient(circle, #000 18%, transparent 68%); mask: radial-gradient(circle, #000 18%, transparent 68%); animation: tutSpin 4s linear infinite; }
#tut-fx .tf-icons { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; max-width: min(300px, calc(var(--vw1, 1vw) * 86)); }
#tut-fx .tf-icons span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #f2c14e; border-radius: 8px; background: rgba(30,22,8,.92);
  box-shadow: 0 0 10px rgba(255,200,80,.7); opacity: 0; animation: tutIcon .5s cubic-bezier(.2, 1.6, .4, 1) forwards; animation-delay: calc(var(--i) * 90ms + 150ms); }
#tut-fx .tf-ic { width: 32px; height: 32px; object-fit: contain; }
#tut-fx .tf-ic.ic35 { image-rendering: pixelated; }
#tut-fx .tf-title { position: relative; width: max-content; max-width: min(340px, calc(var(--vw1, 1vw) * 88)); text-align: center; color: #fff3c4; font: 700 18px/1.3 "Microsoft JhengHei", system-ui, sans-serif; text-shadow: 0 0 8px rgba(255,190,60,.95), 0 2px 0 #000; }
#tut-fx .tf-sub, #tut-fx .tf-next { position: relative; width: max-content; max-width: min(340px, calc(var(--vw1, 1vw) * 88)); text-align: center; color: #fff; font: 700 14px/1.3 "Microsoft JhengHei", system-ui, sans-serif; text-shadow: 0 1px 2px #000, 0 0 6px #000, 0 0 6px #000; }
#tut-fx .tf-next { color: #b5f0ad; }
/* 完成 AUTO 那步多寫的一句（tutorial.js TIP_OF）：一段一段不斷行，窄手機在段和段之間換行 */
#tut-fx .tf-tip { color: #ffe9a8; font-size: 15px; }
#tut-fx .tf-tip span { white-space: nowrap; }
/* 量特效的字佔多大（tutorial.js playFx）：不放動畫、不畫出來，量完馬上拿掉 */
#tut-fx.measure, #tut-fx.measure * { animation: none !important; }
#tut-fx.measure { visibility: hidden; }
#tut-fx.out { animation: tutOut .45s ease-in forwards; }
#tut-fx.still *, #tut-fx.still { animation: none !important; }
#tut-fx.still .tf-icons span { opacity: 1; }

@keyframes tutRing { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .5; transform: scale(1.05); } }
@keyframes tutBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes tutBtn { 0%, 100% { box-shadow: 0 0 4px rgba(242,193,78,.5); } 50% { box-shadow: 0 0 12px 2px rgba(242,193,78,.95); } }
@keyframes tutPop { 0% { transform: scale(1); } 30% { transform: scale(1.05); box-shadow: 0 0 16px 3px rgba(255,214,100,.85); } 100% { transform: scale(1); } }
@keyframes tutIn { 0% { transform: scale(.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
@keyframes tutFlash { 0% { transform: scale(.3); opacity: 1; } 60% { opacity: .85; } 100% { transform: scale(1.25); opacity: .25; } }
@keyframes tutSpin { to { transform: rotate(360deg); } }
@keyframes tutIcon { 0% { opacity: 0; transform: translateY(14px) scale(.4); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes tutOut { to { opacity: 0; transform: scale(1.04); } }
@media (prefers-reduced-motion: reduce) { #tut-ring, #tut-tag, #tut-bar .tb-claim, #tut-bar.pop { animation: none; } }
/* 引導每一下「這樣做有什麼用」（tutorial.js guide 的 why）：任務條上寫在要點哪裡那句下面；視窗裡的說明塊也一樣 */
#tut-bar .tb-why { margin-top: 2px; color: #b5f0ad; font-size: 12px; line-height: 1.35; }
.tut-enh-note span.tut-why { color: #b5f0ad; }
/* 穿上第一件裝備後問要不要全部穿上（tutorial.js wearAsk；外框借 .lmui-ov.cl-ov）：一句拆三段、段裡不斷行 */
#tut-wear .cl-ask span { white-space: nowrap; }
/* 強化帶過一次後問要自己衝還是繼續帶（tutorial.js enhAsk；外框同全部穿上） */
#tut-enh-ask .cl-ask span { white-space: nowrap; }

/* 新手引導不壓暗畫面（站長 2026-10-24「新手任務的說明視窗不要變暗」：聚光燈暗幕把任務條、視窗裡的說明框一起壓暗；說明框在各視窗裡面，提不到暗幕上面）。
   只留金框（#tut-ring）＋「點這裡」標籤指位置 */
#tut-dim { display: none !important; }

/* 第 364 項：完成特效「學會了…」（金色）、獎勵用途（淡色小字） */
#tut-fx .tf-learn { color: #ffe38a; font-size: 16px; }
#tut-fx .tf-use { color: #e8dcc0; font-weight: 400; font-size: 13px; }
/* 第 364 項：強制引導的擋板（透明，吃掉框以外的點擊；跟框同一層之下）與點錯時標籤晃一下 */
.tut-block { position: fixed; z-index: 2147481998; background: transparent; touch-action: none; }
.tut-block[hidden] { display: none; }
#tut-tag.nudge { animation: tutNudge .45s ease-in-out 1, tutBob 1.1s ease-in-out .45s infinite; }
@keyframes tutNudge { 0%,100% { transform: translateX(0); } 20%,60% { transform: translateX(-6px); } 40%,80% { transform: translateX(6px); } }
/* 第 364 項之二（站長 2026-10-27「新手任務送獎勵的字體明顯一點，太融入背景了」）：每行字墊深色底、加框、字放大 */
/* 第 370 項：一行一個框太碎（「顯示沒很順暢」）→ 標題留框，用途、下一個任務只墊淡淡的深色、不加框，看起來是同一塊 */
#tut-fx .tf-title { padding: 5px 16px; border: 1px solid rgba(242,193,78,.75); border-radius: 10px; background: rgba(14,9,2,.9); box-shadow: 0 2px 12px rgba(0,0,0,.6); }
#tut-fx .tf-sub, #tut-fx .tf-next { padding: 2px 12px; border-radius: 8px; background: rgba(14,9,2,.86); }
#tut-fx .tf-title { font-size: 22px; color: #fff3c4; }
#tut-fx .tf-learn { font-size: 19px; color: #ffe38a; }
#tut-fx .tf-use { font-size: 16px; font-weight: 700; color: #fff; }
#tut-fx .tf-next { font-size: 17px; color: #b5f0ad; }
#tut-fx .tf-tip { font-size: 16px; }

/* 第 372 項：獎勵那行、點一下繼續的提示 */
#tut-fx .tf-gift { color: #fff3c4; font-size: 17px; }
#tut-fx .tf-hint { position: relative; margin-top: 4px; color: #e8dcc0; font: 400 13px/1.3 "Microsoft JhengHei", system-ui, sans-serif; padding: 1px 10px; border-radius: 8px; background: rgba(14,9,2,.8); text-shadow: 0 1px 2px #000; animation: tutHint 1.2s ease-in-out infinite; }
@keyframes tutHint { 50% { opacity: .45; } }
/* 第 372 項（站長挑樣式 A）：任務完成視窗——置中、金框、標題列、三段（學會了／獎勵／下一個任務）、「繼續」鈕 */
#tut-fx .tf-card { position: relative; width: min(360px, calc(var(--vw1, 1vw) * 92)); border: 2px solid #c9a24a; border-radius: 12px; background: linear-gradient(#2a1d0c, #140c03); box-shadow: 0 0 0 3px #000, 0 0 30px rgba(255,190,60,.45); color: #fff; font-family: "Microsoft JhengHei", system-ui, sans-serif; overflow: hidden; animation: tutIn .3s cubic-bezier(.2, 1.3, .4, 1); }
#tut-fx .tf-hd { padding: 8px; text-align: center; font: 700 20px/1.3 "Microsoft JhengHei", system-ui, sans-serif; letter-spacing: 4px; color: #ffe38a; background: linear-gradient(#6b4a17, #3e2a0c); }
#tut-fx .tf-bd { padding: 12px 18px 6px; }
#tut-fx .tf-lb { color: #b9a77d; font-size: 13px; margin-top: 8px; }
#tut-fx .tf-lb:first-child { margin-top: 0; }
#tut-fx .tf-learn { font: 700 18px/1.35 "Microsoft JhengHei", system-ui, sans-serif; color: #ffe9a8; }
#tut-fx .tf-g { display: flex; align-items: center; gap: 8px; margin: 4px 0; }
#tut-fx .tf-g b, #tut-fx .tf-gname { font-size: 16px; color: #fff; }
#tut-fx .tf-g span, #tut-fx .tf-gicons span { display: flex; flex: none; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid #c9a24a; border-radius: 6px; background: #1a1206; }
#tut-fx .tf-gicons { display: flex; flex-wrap: wrap; gap: 5px; margin: 4px 0; }
#tut-fx .tf-gname { display: block; margin-bottom: 2px; }
#tut-fx .tf-tipl { margin-top: 8px; color: #ffe9a8; font-size: 14px; }
#tut-fx .tf-nx { font: 700 17px/1.35 "Microsoft JhengHei", system-ui, sans-serif; color: #b5f0ad; }
#tut-fx .tf-ft { margin-top: 8px; padding: 10px; text-align: center; border-top: 1px solid #5a4317; }
#tut-fx .tf-go { padding: 7px 34px; border: 1px solid #c9a24a; border-radius: 8px; background: #5a4317; color: #ffe9a8; font: 700 16px "Microsoft JhengHei", system-ui, sans-serif; cursor: pointer; }
#tut-fx .tf-go:active { filter: brightness(1.25); }
/* 本機改動第 375 項（站長 2026-10-27「剛創人物進遊戲先歡迎一下再進入任務引導」）：歡迎視窗（tutorial.js welShow）——跟任務完成視窗同一套外框；
   整片透明吃點擊（點外面不關、點不到後面的遊戲），不壓暗 */
#tut-wel { position: fixed; inset: 0; z-index: 2147482002; pointer-events: auto; overflow: hidden; background: transparent; }
#tut-wel.out { animation: tutOut .3s ease-in forwards; }
#tut-wel .tf-pos { position: absolute; left: 50%; top: var(--cy, 50%); width: min(360px, calc(var(--vw1, 1vw) * 94)); transform: translate(-50%, -50%); }
#tut-wel .tf-card { position: relative; width: min(360px, calc(var(--vw1, 1vw) * 92)); border: 2px solid #c9a24a; border-radius: 12px; background: linear-gradient(#2a1d0c, #140c03); box-shadow: 0 0 0 3px #000, 0 0 30px rgba(255,190,60,.45); color: #fff; font-family: "Microsoft JhengHei", system-ui, sans-serif; overflow: hidden; animation: tutIn .3s cubic-bezier(.2, 1.3, .4, 1); }
#tut-wel .tf-hd { padding: 8px; text-align: center; font: 700 20px/1.3 "Microsoft JhengHei", system-ui, sans-serif; letter-spacing: 4px; color: #ffe38a; background: linear-gradient(#6b4a17, #3e2a0c); }
#tut-wel .tf-bd { padding: 12px 18px 6px; }
#tut-wel .tw-hi { font: 700 18px/1.35 "Microsoft JhengHei", system-ui, sans-serif; color: #ffe9a8; word-break: break-all; }
#tut-wel .tw-pts { margin: 8px 0 0; padding: 0 0 0 1.2em; list-style: disc; }
#tut-wel .tw-pts li { margin: 5px 0; font-size: 15px; line-height: 1.4; color: #fff; }
#tut-wel .tw-pts li::marker { color: #c9a24a; }
#tut-wel .tf-ft { margin-top: 8px; padding: 10px; text-align: center; border-top: 1px solid #5a4317; }
#tut-wel .tf-go { padding: 7px 34px; border: 1px solid #c9a24a; border-radius: 8px; background: #5a4317; color: #ffe9a8; font: 700 16px "Microsoft JhengHei", system-ui, sans-serif; cursor: pointer; }
#tut-wel .tf-go:active { filter: brightness(1.25); }
@media (prefers-reduced-motion: reduce) { #tut-wel, #tut-wel * { animation: none !important; } }
/* 第 448 項（經營者檢查 2026-10-29「任務條擋住 NPC：手機直式半透明一大塊，點 NPC 會點到任務條」）：手機直式（不是 .pcui）
   任務條只有標題那行（收合／展開）和「領取」鈕吃點擊，其他地方點下去穿到底下的 NPC、怪、地面；底色淡一點看得到後面；
   說明只留第一句（其他的寫在打開的視窗裡），寬度 tutorial.js placeBar 也縮到 204 */
body:not(.pcui) #tut-bar { pointer-events: none; background: rgba(12,10,8,.7); }
body:not(.pcui) #tut-bar :is(.tb-hd, .tb-claim) { pointer-events: auto; }
body:not(.pcui) #tut-bar .tb-tips li:nth-child(n+2) { display: none; }
body:not(.pcui) #tut-bar.fxhide :is(.tb-hd, .tb-claim) { pointer-events: none; }