/* ark_lingqian.css — 8/3 由 ARK_LINGQIAN.html 抽出的 <style>(原封不動) */
 *{box-sizing:border-box;margin:0;padding:0}
 body{background:#F3ECDD;min-height:100vh;
   color:#2B2320;font-family:"DFKai-SB","BiauKai","標楷體",serif;font-weight:700;padding:20px 14px 80px;
   background-image:radial-gradient(circle at 30% 6%,rgba(168,50,42,.045),transparent 60%)}
 #w{max-width:560px;margin:0 auto}
 h1{font-size:24px;letter-spacing:8px;text-align:center;color:#7A5418;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.06)}
 .sub{text-align:center;color:#6A5B4D;font-size:13px;letter-spacing:2px;margin:6px 0 14px}
 h2{font-size:16px;color:#5C5147;font-weight:700;letter-spacing:2px;margin:18px 0 10px;text-align:center}
 /* 神明聖照(7/7:跟籤本連動切換;有照放照,沒照顯神明名佔位)
    v2.7(7/9 兔兔):同一間廟不只一尊神——左右箭頭切換「今日所拜」(龍山寺主神觀音=求籤來源,
    後殿還有月老/媽祖/文昌…),小字跟供品提醒跟著換;先共用同一張廟照,各神聖照她之後給 */
 #deity{max-width:420px;margin:0 auto 4px;text-align:center;position:relative}
 .darr{position:absolute;top:44%;transform:translateY(-50%);z-index:3;width:36px;height:36px;border-radius:50%;
   border:1.5px solid #B8873A;background:rgba(243,236,221,.94);color:#7A5418;font-size:15px;cursor:pointer;
   font-family:inherit;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.2)}
 /* 7/9 兔兔二改:箭頭放在照片「外側」左右;窄螢幕沒外側空間才貼回照片邊 */
 #dprev{left:-46px}#dnext{right:-46px}
 @media(max-width:520px){#dprev{left:-4px}#dnext{right:-4px}}
 #dtip{font-size:12.5px;color:#A8322A;letter-spacing:1px;margin-top:4px;line-height:1.9}
 /* 7/18 兔兔:本尊不要裁掉→改 contain 顯示整尊(原 cover 會把身體裁掉);固定高度、置中,神龕裝飾裁在圖檔那端 */
 #dimg{display:none;height:350px;max-width:100%;object-fit:contain;border-radius:12px;margin:2px auto 0;
   border:3px solid #B8873A;box-shadow:0 6px 18px rgba(0,0,0,.18)}
 #dph{border:1.5px dashed #CBB98F;border-radius:12px;padding:14px;color:#9C8F79;font-size:12px;
   letter-spacing:1px;background:#EFE6D2}
 #dph .roof{font-size:34px;letter-spacing:4px;color:#B8873A;text-shadow:1px 1px 0 rgba(0,0,0,.08)}
 #dcap{font-size:13px;color:#6A5B4D;letter-spacing:2px;margin:8px 0 2px}
 /* 香爐(v2.3 兔兔:更立體=銅口沿+三足+高光;香加高;蠟燭點香才能插;金爐搬頁尾) */
 /* 7/30:max-width 從 98vw 改 100%(跟 #offarea 同一個病)——它現在住在第三步的框裡,
    拿整個視窗比會比框還寬,右邊的鐵箱就頂出畫面。100% = 跟著框走。 */
 #alt{width:372px;max-width:100%;height:172px;margin:6px auto 18px;position:relative;cursor:pointer}
 /* 8/31 兔兔:繞爐/香譜下放——底部複製一座香爐(#alt2),尺寸座標全同 #alt(爐身/香/煙直接共用座標),
    只是沒香袋/鐵箱/手;爐身 selector 用 .brn2 系「併進」上面原規則,不另抄一份 */
 #alt2{width:372px;max-width:100%;height:172px;margin:10px auto 6px;position:relative}
 /* v2.9 下邊距讓流程小字1234那排不跟底下提示句疊字 */
 /* 香袋 v2.8(7/10 兔兔:紅色長條紙袋+花紋,一大把香很多根裝在袋裡;點=一根一根抽,九根成把) */
 #incbox{position:absolute;left:0;bottom:6px;width:48px;height:150px;cursor:pointer}
 /* 7/12 兔兔:改長方形紙袋(花色不變),袋口橢圓省去免得香像在筒外;z-index=袋身蓋住香腳=香在袋裡 */
 #incbox:before{content:"";position:absolute;left:7px;right:7px;bottom:0;height:92px;border-radius:3px;z-index:1;
   background-image:radial-gradient(circle,rgba(255,215,130,.55) 1.5px,transparent 2.1px),
    radial-gradient(circle,rgba(255,190,110,.3) 1.2px,transparent 1.7px),
    linear-gradient(90deg,#7E1F18,#B23A2E 42%,#C0473A 50%,#9E2E24 62%,#6E1A14);
   background-size:13px 15px,13px 15px,100% 100%;background-position:1px 3px,7px 10px,0 0;
   border:1px solid #58120E;box-shadow:0 3px 6px rgba(0,0,0,.25),inset 0 2px 3px rgba(255,200,140,.25)}
 #incbox i{position:absolute;width:3px;border-radius:2px;
   background:linear-gradient(180deg,#B8452E 0 9px,#9A7040 9px)}/* 香=JS 撒一大把在袋裡 */
 #brn,.brn2{position:absolute;left:72px;width:152px;bottom:12px;height:66px;border-radius:16px 16px 44px 44px/14px 14px 48px 48px;
   background:linear-gradient(180deg,#96754020,transparent 30%),linear-gradient(120deg,#5E4622,#8A6B3A 30%,#A8875A 46%,#8A6B3A 62%,#4E3A1C);
   border:1px solid #3E2E14;box-shadow:0 5px 12px rgba(0,0,0,.28),inset 0 4px 6px rgba(255,230,180,.18)}
 #brn:before,#brn:after,.brn2:before,.brn2:after{content:"";position:absolute;top:-8px;width:17px;height:28px;border-radius:7px;
   background:linear-gradient(120deg,#8A6B3A,#A8875A 45%,#5E4622);border:1px solid #3E2E14}
 #brn:before,.brn2:before{left:-13px}#brn:after,.brn2:after{right:-13px}/* 雙耳 */
 #brn b,.brn2 b{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);color:#D8C08A;font-size:13px;letter-spacing:3px}
 #brim,.brim2{position:absolute;left:66px;width:164px;bottom:68px;height:20px;border-radius:50%;
   background:radial-gradient(ellipse at 50% 34%,#B9A078 38%,#8A6B3A 62%,#5E4622);border:2px solid #3E2E14;
   box-shadow:inset 0 3px 5px rgba(0,0,0,.35),0 2px 3px rgba(255,230,180,.25)}/* 銅口沿(立體開口) */
 .bleg{position:absolute;bottom:0;width:14px;height:18px;border-radius:4px 4px 7px 7px;
   background:linear-gradient(120deg,#6E5228,#8A6B3A 50%,#4E3A1C);border:1px solid #3E2E14}/* 三足 */
 #sand,.sand2{position:absolute;left:80px;width:138px;bottom:70px;height:14px;border-radius:50%;
   background:radial-gradient(ellipse at 50% 40%,#B9A078,#8F7448);border:1px solid #6E5228}
 /* 鐵箱 v2.8(7/10 兔兔照 inbox/gas.jpg 手繪重畫):正面開口的「立體」鐵箱——
    正面框(內腔挖黑)+頂面平行四邊形往右後收+右側面,三面透視;火源(蠟燭/瓦斯)在箱內正中間 */
 #cnd{position:absolute;right:2px;bottom:6px;width:118px;height:162px}
 #cnd .cbox{position:absolute;left:0;width:100px;bottom:6px;top:44px;border-radius:3px;
   background:linear-gradient(90deg,#50505A,#7A7A88 26%,#90909E 50%,#6E6E7A 78%,#46464E);
   border:2.5px solid #3A3A44;box-shadow:0 5px 10px rgba(0,0,0,.35)}/* 正面(開口框) */
 #cnd .cbox:after{content:"";position:absolute;left:5px;right:5px;top:5px;bottom:5px;border-radius:2px;
   background:radial-gradient(ellipse at 50% 78%,#332A34,#17141C 78%);
   box-shadow:inset 0 4px 10px rgba(0,0,0,.8),inset 0 -2px 6px rgba(255,170,80,.22)}/* 內腔(火光微映) */
 #cnd .ctop{position:absolute;left:0;width:100px;top:30px;height:14px;
   transform:skewX(-46deg);transform-origin:bottom left;border-radius:2px 3px 0 0;
   background:linear-gradient(180deg,#A6A6B4,#62626E);border:2px solid #3A3A44}/* 頂面往右後收 */
 #cnd .cside{position:absolute;left:100px;width:15px;top:44px;bottom:6px;border-radius:0 3px 3px 0;
   transform:skewY(-43deg);transform-origin:top left;
   background:linear-gradient(90deg,#565662,#3E3E48);border:2px solid #32323C}/* 右側面(接頂面稜線) */
 /* 點火方式切換(v2.6:有人喜歡古代有人喜歡現代) */
 .ftab{position:absolute;top:0;z-index:6;font-size:10px;letter-spacing:1px;padding:2px 6px;border-radius:9px;
   border:1px solid #9A6B24;background:#EBE1CC;color:#7A5A18;cursor:pointer;font-family:inherit;font-weight:700}
 #tabC{left:0}#tabG{right:0}/* v2.8 兔兔:兩鈕黏在一起字看不清→箱加寬到118,兩鈕左右分開 */
 .ftab.on{background:#B8873A;color:#fff;border-color:#B8873A}
 /* 蠟燭整套在箱內(避風;v2.8 兔兔:放箱裡面「中間一點」=水平置中,整套在內腔正中) */
 #cnd .tray{position:absolute;left:25px;width:50px;bottom:13px;height:8px;border-radius:50%;
   background:radial-gradient(ellipse at 50% 30%,#C9A24B,#8A5A20);border:1px solid #6E4E1C}
 #cnd .stem{position:absolute;left:46px;bottom:18px;width:8px;height:16px;
   background:linear-gradient(90deg,#8A5A20,#C9A24B 50%,#8A5A20);border:1px solid #6E4E1C}
 #cnd .cup2{position:absolute;left:35px;bottom:33px;width:30px;height:8px;border-radius:50%;
   background:radial-gradient(ellipse at 50% 30%,#E0BD62,#8A5A20);border:1px solid #6E4E1C}
 #cnd .wax{position:absolute;left:42px;bottom:40px;width:16px;height:44px;border-radius:3px 3px 2px 2px;
   background:linear-gradient(90deg,#D8CDB8,#F7F0DC 45%,#CBBFA2);border:1px solid #B8AC90}
 #cnd .fl{position:absolute;left:50px;bottom:84px;width:12px;height:19px;
   background:radial-gradient(ellipse at 50% 82%,#FFF3C0,#FFC24A 45%,#FF7A2A 72%,transparent 88%);
   border-radius:50% 50% 50% 50%/68% 68% 32% 32%;animation:cfl 1.7s ease-in-out infinite;
   filter:drop-shadow(0 0 6px rgba(255,150,60,.55))}
 /* 瓦斯箱(v2.6:同款鐵箱,裡面是瓦斯爐頭+藍火,常明) */
 #cnd .gas-el{display:none}
 #cnd.gas .cnd-el{display:none}
 #cnd.gas .gas-el{display:block}
 #cnd .gtank{position:absolute;left:37px;bottom:13px;width:26px;height:19px;border-radius:4px 4px 3px 3px;
   background:linear-gradient(90deg,#7A2A20,#B0483A 45%,#6E241C);border:1px solid #4E1810}/* 小瓦斯罐(箱內正中) */
 #cnd .gpipe{position:absolute;left:48px;bottom:32px;width:4px;height:10px;background:#3A3A44}
 #cnd .gring{position:absolute;left:34px;bottom:41px;width:32px;height:11px;border-radius:50%;
   background:radial-gradient(ellipse at 50% 40%,#3A3A44 40%,#17141C 75%);border:1px solid #000}/* 爐頭 */
 #cnd .gfl{position:absolute;left:50px;bottom:49px;width:24px;height:23px;
   border-radius:50% 50% 45% 45%/70% 70% 30% 30%;
   background:radial-gradient(ellipse at 50% 88%,#EAF4FF,#8FC4FF 38%,#3E7BFF 68%,transparent 88%);
   animation:cfl 1.15s ease-in-out infinite;filter:drop-shadow(0 0 7px rgba(90,150,255,.6))}/* 藍火 */
 @keyframes cfl{0%{transform:translateX(-50%) scale(1,.9) rotate(-2deg)}23%{transform:translateX(-53%) scale(.86,1.12) rotate(3deg)}
  41%{transform:translateX(-48%) scale(1.05,.95) rotate(-4deg)}67%{transform:translateX(-51%) scale(.9,1.2) rotate(2deg)}
  84%{transform:translateX(-50%) scale(1.1,.88) rotate(-1deg)}100%{transform:translateX(-50%) scale(1,.9) rotate(-2deg)}}
 #alt .lb2{position:absolute;left:50%;transform:translateX(-50%);bottom:-16px;font-size:11px;color:#9C8F79;letter-spacing:1px;white-space:nowrap}
 #lb3{left:236px;bottom:-16px}/* v2.9 流程小字3:甩香(在香把休息位下方,1香袋/2鐵箱/4香爐各自掛) */
 /* 手上那把香(v2.4:九炷一把;未點→整把著火→吹一下剩紅頭細煙) */
 #handinc{position:absolute;right:126px;bottom:34px;width:13px;height:62px;display:none;cursor:pointer;
   transform:rotate(20deg);border-radius:3px;
   transition:right .55s ease,bottom .55s ease,transform .55s ease,width .3s;
   background:repeating-linear-gradient(90deg,#9A7040 0 2px,#B08050 2px 4px)}
 /* v2.9 兔兔(REF.jpg):點香=香頭「斜伸進火焰」燒幾秒——整把斜角伸向箱內火,不再直挺挺浮在箱前 */
 #handinc.dip{right:88px;bottom:41px;transform:rotate(50deg)}
 #cnd.gas~#handinc.dip{bottom:9px}/* 瓦斯火比蠟燭低,香頭跟著低 */
 #handinc:after{content:"";position:absolute;top:0;left:0;right:0;height:12px;border-radius:3px 3px 0 0;background:#B8452E}
 #handinc.fire:before{content:"";position:absolute;top:-24px;left:50%;transform:translateX(-50%);
   width:24px;height:28px;border-radius:50% 50% 40% 40%/68% 68% 32% 32%;
   background:radial-gradient(ellipse at 50% 85%,#FFF3C0,#FFC24A 45%,#FF7A2A 72%,transparent 90%);
   animation:cfl .8s ease-in-out infinite}
 #handinc.ember:before{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);
   width:10px;height:10px;border-radius:50%;
   background:#FF9A4A;box-shadow:0 0 9px 4px rgba(255,120,50,.55);animation:cfl 1.3s ease-in-out infinite}
 #handinc.ember i{position:absolute;top:-34px;left:50%;margin-left:-1.5px;width:3px;height:26px;border-radius:3px;opacity:.7;
   background:linear-gradient(180deg,transparent,rgba(130,130,142,.5));filter:blur(.7px);animation:sm 2.6s ease-in infinite}
 /* v2.6 兔兔:滅明火=整把「搖一搖」(甩香),不是吹——點香把時整把上下甩的動畫 */
 #handinc.wav{animation:wav .3s ease-in-out 3}
 @keyframes wav{0%,100%{transform:rotate(20deg)}30%{transform:rotate(42deg) translateY(-8px)}
  65%{transform:rotate(4deg) translateY(3px)}}
 #smoke i,#smoke2 i{position:absolute;bottom:118px;width:4px;height:34px;border-radius:4px;opacity:0;
   background:linear-gradient(180deg,transparent,rgba(120,120,135,.5) 55%,rgba(140,140,150,.35));filter:blur(.6px)}
 #alt.lit #smoke i,#alt2.lit #smoke2 i{animation:sm 3.8s ease-in infinite}
 #smoke i:nth-child(1),#smoke2 i:nth-child(1){left:98px}#smoke i:nth-child(2),#smoke2 i:nth-child(2){left:118px;animation-delay:.7s!important}
 #smoke i:nth-child(3),#smoke2 i:nth-child(3){left:138px;animation-delay:1.5s!important}#smoke i:nth-child(4),#smoke2 i:nth-child(4){left:158px;animation-delay:2.2s!important}
 #smoke i:nth-child(5),#smoke2 i:nth-child(5){left:178px;animation-delay:1.1s!important}#smoke i:nth-child(6),#smoke2 i:nth-child(6){left:198px;animation-delay:2.9s!important}
 #alt.full #smoke i,#alt2.full #smoke2 i{height:48px;filter:blur(1px)}/* 九炷插滿=香火更旺 */
 @keyframes sm{0%{opacity:0;transform:translateY(18px) translateX(0) scaleX(1)}
  25%{opacity:.85}55%{opacity:.6;transform:translateY(-26px) translateX(-8px) scaleX(1.6)}
  100%{opacity:0;transform:translateY(-62px) translateX(9px) scaleX(2.4)}}
 /* 謝神儀程(v2.2 兔兔:抽完解完籤才燒金→問神取供→繞爐;金爐=小屋子一堆窗口丟紙,有火才有效) */
 #rite{display:none;margin-top:22px;border-top:2px dashed #CBB98F;padding-top:14px}
 .moon.sm{width:40px;height:18px;margin:0 5px}
 .rq{text-align:center;color:#5C5147;font-size:14px;letter-spacing:1px;line-height:1.8;margin:8px 0 4px}
 .rres{min-height:20px;text-align:center;font-size:13px;letter-spacing:1px;color:#5C5147}
 /* 金爐(v2.3 兔兔:立體圓弧房子+煙囪出煙+窗下檯面放金紙+打火機點了才能燒+火不規則有大有小) */
 #ghouse{width:210px;height:196px;margin:12px auto 0;position:relative;display:none}
 #gchim{position:absolute;top:0;left:50%;transform:translateX(-50%);width:26px;height:34px;
   background:linear-gradient(90deg,#6E2018,#9E362A 45%,#5E1810);border:1px solid #4E140E;border-radius:4px 4px 0 0}
 #gchim:before{content:"";position:absolute;left:-4px;top:-7px;right:-4px;height:8px;border-radius:4px;
   background:linear-gradient(90deg,#5E1810,#8E2820 50%,#4E140E)}/* 囪帽 */
 #gsmk i{position:absolute;top:-12px;left:50%;width:5px;height:30px;border-radius:5px;opacity:0;
   background:linear-gradient(180deg,rgba(150,150,160,.4),rgba(110,110,120,.55) 55%,transparent);filter:blur(1px)}
 #ghouse.lit #gsmk i{animation:gsm 3.4s ease-in infinite}
 #gsmk i:nth-child(2){animation-delay:1.2s!important}#gsmk i:nth-child(3){animation-delay:2.3s!important}
 @keyframes gsm{0%{opacity:0;transform:translate(-50%,10px) scaleX(1)}25%{opacity:.85}
  60%{opacity:.55;transform:translate(calc(-50% - 9px),-30px) scaleX(1.8)}
  100%{opacity:0;transform:translate(calc(-50% + 10px),-64px) scaleX(2.6)}}
 #groof{position:absolute;top:26px;left:2px;right:2px;height:34px;border-radius:50% 50% 4px 4px/100% 100% 4px 4px;
   background:linear-gradient(180deg,#9E362A,#6E1E18);border:1px solid #4E140E}/* 圓弧簷 */
 #groof:after{content:"金爐";position:absolute;left:50%;bottom:1px;transform:translateX(-50%);
   color:#E8C060;font-size:12px;letter-spacing:6px}
 #gbody{position:absolute;top:56px;left:16px;right:16px;bottom:0;border-radius:26% 26% 12px 12px/34px 34px 12px 12px;
   background:linear-gradient(90deg,#6E4E24,#A87F42 26%,#C9A45C 50%,#A87F42 74%,#6E4E24);
   border:1px solid #5E4220;box-shadow:inset 0 4px 6px rgba(255,235,190,.22),0 5px 12px rgba(0,0,0,.25)}/* 圓弧爐身 */
 .gw{position:absolute;top:24px;width:36px;height:48px;border-radius:18px 18px 4px 4px;
   background:#241806;border:2px solid #5E4220;overflow:hidden}
 .gw:nth-child(1){left:14px}.gw:nth-child(2){left:70px}.gw:nth-child(3){left:126px}
 .gw i{position:absolute;left:3px;right:3px;bottom:0;height:0;border-radius:50% 50% 0 0;
   background:radial-gradient(ellipse at 50% 100%,#FFE28A,#FF8A2A 55%,#C0392B 85%,transparent);transition:height .4s}
 /* 火不規則:三窗各自的節奏與大小,永遠不同步 */
 #ghouse.lit .gw:nth-child(1) i{height:20px;animation:gf1 .62s ease-in-out infinite alternate}
 #ghouse.lit .gw:nth-child(2) i{height:30px;animation:gf2 .43s ease-in-out .17s infinite alternate}
 #ghouse.lit .gw:nth-child(3) i{height:16px;animation:gf3 .78s ease-in-out .31s infinite alternate}
 @keyframes gf1{from{height:14px;filter:brightness(.8)}to{height:26px;filter:brightness(1.2)}}
 @keyframes gf2{from{height:20px;filter:brightness(1.25)}to{height:36px;filter:brightness(.9)}}
 @keyframes gf3{from{height:10px;filter:brightness(.75)}to{height:24px;filter:brightness(1.35)}}
 .gw.hit i{height:44px!important;filter:brightness(1.6)}
 #gledge{position:absolute;top:150px;left:6px;right:6px;height:10px;border-radius:4px;
   background:linear-gradient(180deg,#8A6B3A,#5E4622);border:1px solid #3E2E14;
   box-shadow:0 3px 5px rgba(0,0,0,.3)}/* 檯面(v2.4:在三個爐窗「下方」;金紙放這,點著往上丟進窗) */
 /* v2.6 兔兔:金紙造型查證重做(遠傳/新華芳/神爐等金紙行資料對過)——
    竹製粗紙=米紙色底,中央貼方形金箔,金箔外一圈正紅框(壽金另印福祿壽三仙,這裡以紅框代印記);
    大小分級:福金小/刈金/壽金/天公金最大 */
 .gpend{position:absolute;top:134px;width:24px;height:15px;z-index:2;
   background:repeating-linear-gradient(90deg,#EDE2C0 0 3px,#E5D7B0 3px 6px);border:1px solid #C9B489}
 .gpend:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
   width:46%;height:60%;background:linear-gradient(135deg,#FFE79A,#DCAD3E);border:1.5px solid #C0392B}
 .gpaper{position:absolute;width:22px;height:15px;z-index:3;pointer-events:none;
   background:repeating-linear-gradient(90deg,#EDE2C0 0 3px,#E5D7B0 3px 6px);border:1px solid #C9B489}
 .gpaper:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
   width:46%;height:60%;background:linear-gradient(135deg,#FFE79A,#DCAD3E);border:1.5px solid #C0392B}
 .gpaper.burnfly{animation:pfly .8s ease-in forwards}
 .gpaper.burnfly:before{content:"";position:absolute;top:-4px;left:2px;width:8px;height:9px;border-radius:50% 50% 40% 40%;
   background:radial-gradient(ellipse at 50% 85%,#FFE28A,#FF7A2A 60%,transparent 85%)}/* 紙角著火 */
 @keyframes pfly{0%{transform:translate(0,0) rotate(0);opacity:1}
  45%{transform:translate(calc(var(--dx)/2),-64px) rotate(-70deg);opacity:1}
  100%{transform:translate(var(--dx),-34px) rotate(-160deg) scale(.7);opacity:0}}/* 從下方檯面揚起,飛進上方爐窗 */
 #lighter{cursor:pointer;font-family:inherit;font-weight:700;background:#EBE1CC;border:1.5px solid #A8322A;
   border-radius:14px;padding:7px 14px;font-size:13px;color:#A8322A;letter-spacing:1px}
 .gp{cursor:pointer;font-family:inherit;font-weight:700;background:#EBE1CC;border:1px solid #9A6B24;
   border-radius:12px;padding:6px 12px 8px;font-size:12px;color:#7A5A18;letter-spacing:1px}
 .gp i{display:block;margin:4px auto 0;background:linear-gradient(135deg,#FFE28A,#D9A93A);border:1px solid #B8873A}
 #gcnt{min-height:18px}
 /* 繞三圈(v2.4 兔兔:位置=香的「上方」,此時香已燒短、上方都是煙) */
 .orbit{position:absolute;left:148px;top:22px;font-size:26px;z-index:5;pointer-events:none;
   animation:orb .85s linear 3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
 @keyframes orb{from{transform:rotate(0deg) translateX(58px) rotate(0deg)}
  to{transform:rotate(360deg) translateX(58px) rotate(-360deg)}}
 /* 供桌(v2.1:紅盤;拜完帶回家吃;將來接農產合作)
    v3.0:外包一層 #offarea=供桌置中+左右各一座高聳燭台(兔兔:燭台通常很高聳,設計在供桌左右) */
 /* 🐞 7/30:max-width 用 98vw 是拿**整個視窗**去比,可是它住在 #w(max-width:560+body 邊距)裡面
    ⟶ 390 手機上 #w 只有 363 寬,這裡卻撐到 383,右邊那座燭台整個頂出畫面。改成 100%=跟著父層走。 */
 #offarea{width:460px;max-width:100%;height:212px;margin:8px auto 0;position:relative}
 /* 🐞 7/30 兔兔 b1.jpg:「燭台跟桌子卡的很緊…現在變成在桌前 很奇怪」
    真因:#offarea 會跟著螢幕縮(她 390 手機上只有 361),桌子卻寫死 330 置中、燭台又釘在左右邊
    ⟶ 每邊壓進桌子 72.5px=整座站在桌裙上;我桌機 460 只壓 23px 所以看不出來(又一次「量她的螢幕」)。
    照她給的兩條路一起走:①桌子「長的部分」跟著容器縮(min 300 / 100%-140) ②燭台的臂縮短變瘦(88→64)
    ⟹ 兩座真的站在桌旁,不再壓桌。⚠️ 桌寬會變 ⟹ 盤子的 left 一律改 %,別再寫死 px。 */
 #atab{position:absolute;left:50%;transform:translateX(-50%);bottom:0;
   width:min(300px,calc(100% - 140px));height:150px}
 /* 燭台 v3.2(7/30 兔兔 b2.jpg:「蠟燭燭台有三層　但其實真實燭台跟聖誕樹一樣旋轉的
    　所以不會對稱成這樣子　你要重畫一下有旋轉的　然後蠟燭也要做成可以放到正確位置」)
    v3.1 是**平面的**:兩根橫臂左右各伸一半、支夾左右鏡射 ⟶ 怎麼看都是一個十字,沒有厚度。
    v3.2 改成**繞著中桿放射**:每層三臂在圓周上均分、上下兩層再錯開角度＝聖誕樹那種螺旋。
    投影 x=R·sinθ、上下 y=層高+R·cosθ·KZ ⟶ 朝觀眾(cosθ<0)畫得低而大、朝後(cosθ>0)高而小,
    同一座自然就不對稱。桿/臂/足畫成一張 SVG,順序是**後臂→中桿→前臂**,前後遮擋才對。
    幾何只有 JS 那張 `STK` 表一處,要多轉少轉改方位角/KZ 就好,支夾會自己跟著跑。 */
 /* v3.3 7/30:88→64=她說的「長的部分縮短一點」(臂短了,蠟燭本身沒縮),兩座才擺得進桌旁 */
 .cdlstk{position:absolute;bottom:8px;width:64px;height:186px;cursor:pointer;z-index:3}/* 站桌旁,下臂支夾別被桌面蓋住(小紅燭跟紅桌裙同色會隱形) */
 #stkL,#stkLd{left:0}#stkR,#stkRd{right:0}
 /* 8/31:供桌那對=純裝飾(pointer-events 整座關掉,第2步插好的蠟燭同步亮上來) */
 .cdlstk.deco{pointer-events:none;cursor:default}
 /* 8/31 第2步蠟燭區:左右燭台+中央長明母燈+手上蠟燭,一區包辦買→點→插 */
 #cdlarea{width:460px;max-width:100%;height:216px;margin:8px auto 0;position:relative}
 #mlamp{position:absolute;left:50%;transform:translateX(-50%);bottom:8px;width:64px;height:124px;cursor:pointer}
 #mlamp .mbase{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:44px;height:12px;border-radius:50%;
   background:linear-gradient(120deg,#5E4622,#8A6B3A 45%,#4E3A1C);border:1px solid #3E2E14}
 #mlamp .mstem{position:absolute;left:50%;transform:translateX(-50%);bottom:9px;width:9px;height:62px;border-radius:4px;
   background:linear-gradient(90deg,#8A5A20,#E0BD62 50%,#8A5A20);border:1px solid #6E4E1C}
 #mlamp .mcup{position:absolute;left:50%;transform:translateX(-50%);bottom:66px;width:40px;height:16px;
   border-radius:4px 4px 18px 18px/4px 4px 14px 14px;
   background:linear-gradient(120deg,#5E4622,#A8875A 45%,#8A6B3A 62%,#4E3A1C);border:1px solid #3E2E14;
   box-shadow:inset 0 2px 3px rgba(255,230,180,.25)}
 #mlamp .moil{position:absolute;left:50%;transform:translateX(-50%);bottom:78px;width:32px;height:7px;border-radius:50%;
   background:radial-gradient(ellipse at 50% 40%,#F0D890,#C8A050);border:1px solid #8A6B3A}/* 油面 */
 #mlamp .mfl{position:absolute;left:50%;transform:translateX(-50%);bottom:84px;width:13px;height:21px;
   border-radius:50% 50% 50% 50%/68% 68% 32% 32%;
   background:radial-gradient(ellipse at 50% 82%,#FFF3C0,#FFC24A 45%,#FF7A2A 72%,transparent 88%);
   animation:cfl 1.2s ease-in-out infinite;filter:drop-shadow(0 0 7px rgba(255,150,60,.55))}
 #mlamp .lb2{position:absolute;left:50%;transform:translateX(-50%);bottom:-16px;font-size:11px;color:#9C8F79;
   letter-spacing:1px;white-space:nowrap}
 #mlamp .lb2.glow{color:#9A6B24}
 .cdlstk .stkart{position:absolute;left:0;bottom:0;width:64px;height:186px;z-index:2;pointer-events:none}
 /* 支夾=小蠟盤+尖釘;空位可點,插上蠟燭釘就藏。
    v3.2:盤是橢圓,**越靠後看到越多盤面**(--ph 高)、越靠觀眾越扁;整夾再按遠近微縮放(--sc)。
    ⚠️ 蠟燭腳站在**盤心**(bottom=--ph/2)不是盤緣——這就是她說的「放到正確位置」;
       以前寫死 bottom:7px,盤一變扁蠟燭就浮在盤上面、看起來沒插進去。 */
 /* ⚠️ 夾子的**外框只包住盤子**(height=--ph),尖釘跟蠟燭是溢出去畫的(它們是子元素,照樣點得到)。
    第一版把框做成 --ph+9 高 ⟶ 上層前面那夾的空白區剛好蓋住後面那夾的盤心=後面那個點不到。 */
 .sock{position:absolute;width:22px;height:var(--ph,9px);cursor:pointer;z-index:3;
   transform-origin:50% 100%;transform:scale(var(--sc,1))}
 .sock.bk{z-index:1}/* 中桿後面那幾臂:蠟燭被桿擋掉一角=對的,別把它調到前面來 */
 .sock:before{content:"";position:absolute;left:2px;right:2px;bottom:0;height:var(--ph,9px);border-radius:50%;
   background:radial-gradient(ellipse at 50% 32%,#E0BD62,#8A5A20);border:1px solid #6E4E1C}
 .sock:after{content:"";position:absolute;left:50%;margin-left:-1px;bottom:calc(var(--ph,9px)/2);width:2px;height:8px;
   background:#6E4E1C;border-radius:1px}
 .sock.has:after{display:none}
 .sock .cdl{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(--ph,9px)/2);border-radius:3px 3px 2px 2px;
   background:linear-gradient(90deg,#B03A30,#E05648 45%,#8E241C);border:1px solid #7E1F18}
 .sock .cdl.big{width:14px;height:40px}
 .sock .cdl.small{width:10px;height:24px}
 /* 🕯 7/30 兔兔:「蠟燭的確會燒短或燒暗　風吹　按照隨機」+「點燈的電子燈才會一直亮，
    蠟燭通常都有專人收走　因為蠟油要刮除　蠟燭會燒短」
    → 火焰外面包一層 .wk 專門吃風(繞燭芯轉),裡面的 .cf 保留它原本的搖曳動畫,兩層不打架。 */
 .sock .wk{position:absolute;left:50%;top:0;width:0;height:0;transform-origin:50% 100%}
 /* 燒完剩下的蠟頭:火沒了,只留一小截蠟跟燒黑的芯(廟方要刮的就是這截) */
 .sock .cdl.out{filter:brightness(.88) saturate(.85)}
 .sock .cdl.out:after{content:"";position:absolute;left:50%;margin-left:-1px;top:-3px;width:2px;height:4px;
   background:#3A2A22;border-radius:1px}
 /* 7/30 二修 兔兔:「蠟燭燒完沒了頂多變成蠟燭油　被師父給刮掉」→ 蠟頭再放一下就塌成一灘蠟油 */
 .sock .cdl.pool{transform:translateX(-50%) scaleX(1.7);border-radius:50%/70%;opacity:.8;
   filter:brightness(1.05) saturate(.6)}
 .sock .cdl.pool:after{display:none}
 /* 被風吹熄的那一兩秒:只有一縷煙,師父就過來點回來了(不出提示、不改狀態) */
 .sock .cdl.blown:before{content:"";position:absolute;left:50%;margin-left:-1px;top:-13px;width:2px;height:12px;
   border-radius:2px;background:linear-gradient(180deg,rgba(150,140,130,0),rgba(150,140,130,.5));
   animation:cfl 1.9s ease-in-out infinite}
 .sock .cf{position:absolute;left:50%;top:-15px;width:11px;height:16px;
   border-radius:50% 50% 50% 50%/68% 68% 32% 32%;
   background:radial-gradient(ellipse at 50% 82%,#FFF3C0,#FFC24A 45%,#FF7A2A 72%,transparent 88%);
   animation:cfl 1.6s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,150,60,.55))}
 .sock .cdl.small .cf{width:9px;height:13px;top:-12px}
 .sock.mir:before{box-shadow:0 0 9px 3px rgba(255,200,90,.6)}/* 對稱位置微光提示 */
 .cdlstk .lbl{position:absolute;left:50%;transform:translateX(-50%);bottom:-8px;font-size:10px;
   color:#9C8F79;letter-spacing:1px;white-space:nowrap}
 /* 手上的蠟燭(7/11 兔兔:買完拿在手上;8/31 搬進第2步 #cdlarea——火源改母燈,座標改相對 cdlarea,
    dip=往母燈火湊(母燈置中,手從右側伸過去) */
 #handcdl{position:absolute;right:96px;bottom:34px;width:64px;height:58px;display:none;cursor:pointer;
   transition:right .55s ease,bottom .55s ease,transform .55s ease}
 #handcdl.dip{right:138px;bottom:64px;transform:rotate(-32deg)}/* 燭頭湊向母燈火 */
 #handcdl .hc{position:absolute;bottom:0;border-radius:3px 3px 2px 2px;transform-origin:bottom center;
   background:linear-gradient(90deg,#B03A30,#E05648 45%,#8E241C);border:1px solid #7E1F18}
 #handcdl .hc.big{width:13px;height:38px}
 #handcdl .hc.small{width:9px;height:24px}
 #handcdl .hc .hcf{display:none;position:absolute;left:50%;top:-14px;width:10px;height:15px;
   border-radius:50% 50% 50% 50%/68% 68% 32% 32%;
   background:radial-gradient(ellipse at 50% 82%,#FFF3C0,#FFC24A 45%,#FF7A2A 72%,transparent 88%);
   animation:cfl 1.4s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(255,150,60,.5))}
 #handcdl.lit .hc .hcf{display:block}
 /* 桌面立體(v2.4:梯形透視面=桌面往後收,像真的立體貢桌) */
 /* v3.3 7/30 兔兔「把桌子做寬一點」= 桌面前後加深(30→44,往上長,桌裙不動),
    長度縮短之後看起來才是一張「短而深」的供桌,不是一條扁板 */
 #ttop{position:absolute;left:0;right:0;top:16px;height:44px;
   clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);border-radius:3px;
   background:linear-gradient(180deg,#B8873A,#8A5A28 45%,#6E4420);border:1px solid #4E3014;
   box-shadow:0 3px 8px rgba(0,0,0,.2),inset 0 2px 3px rgba(255,230,180,.3)}
 #tfront{position:absolute;left:12px;right:12px;top:60px;height:76px;border-radius:0 0 10px 10px;
   background:linear-gradient(180deg,#A8322A,#7E1F18);border:1px solid #5E1610;overflow:hidden}
 /* 桌裙=傳統刺繡金龍搶珠(v2.3 兔兔:不是一個福字)+上下金滾邊 */
 #tfront svg{position:absolute;left:0;top:0;width:100%;height:100%}
 /* 盤子 v3.0(兔兔:橢圓不像盤→盤身有厚度+一點點底座,貼在立體桌面上;不止三個,前3後2共5盤) */
 .plate{position:absolute;width:66px;height:26px;z-index:2}
 .plate:before{content:"";position:absolute;left:0;right:0;top:0;height:17px;border-radius:50%;
   background:radial-gradient(ellipse at 50% 36%,#D8564A 26%,#B03A30 58%,#8E241C);
   border:1.5px solid #E8C060;
   box-shadow:0 3px 0 -1px #7E1F18,inset 0 -2px 4px rgba(0,0,0,.28),inset 0 2px 3px rgba(255,200,150,.3)}/* 盤面+盤緣厚度 */
 .plate:after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:18px;width:26px;height:7px;
   border-radius:2px 2px 6px 6px;background:linear-gradient(180deg,#8E241C,#6E1812);
   border:1px solid #5E1610;border-top:none;box-shadow:0 3px 4px rgba(0,0,0,.35)}/* 一點點底座,影子貼桌 */
 .plate.bk{transform:scale(.85);transform-origin:bottom center;z-index:1}/* 後排小一點=透視 */
 .pit{position:absolute;bottom:12px;font-size:17px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
 .off{cursor:pointer;font-family:inherit;font-weight:700;background:#EBE1CC;border:1px solid #9A6B24;
   border-radius:14px;padding:5px 10px;font-size:12px;color:#7A5A18}
 #ocnt{min-height:18px}
 /* 正確求籤方式(兔兔的欄位) */
 #guide{max-width:420px;margin:10px auto 0;border:1px solid #CBB98F;border-radius:10px;background:#EFE6D2;
   padding:8px 12px;font-size:13px;color:#5C5147}
 #guide summary{cursor:pointer;letter-spacing:1px;color:#7A5418}
 #gtxt{margin-top:8px;line-height:1.9;font-size:13px}
 .inc{position:absolute;width:4px;border-radius:2px;bottom:76px;transform-origin:bottom;
   background:linear-gradient(180deg,#B8452E 0 8px,#E0C89A 8px 12px,#9A7040 12px);box-shadow:0 0 3px rgba(0,0,0,.15)}
 .inc:before{content:"";position:absolute;top:-2px;left:0;width:4px;height:4px;border-radius:50%;
   background:#FF7A4A;box-shadow:0 0 6px 2px rgba(255,110,60,.55)}
 /* (v2.8 清掉舊三道煙殘留CSS——它排在後面蓋掉 v2.2 六道濃煙,現在六道才真生效) */
 #icnt{min-height:18px}
 /* 默念 */
 .qbox{margin:8px auto 0;max-width:420px}
 .qbox input{width:100%;background:#fff;border:1px solid #CBB98F;border-radius:20px;padding:9px 16px;
   color:#2B2320;font-family:inherit;font-size:14px;text-align:center}
 .hint{text-align:center;color:#9C8F79;font-size:12px;margin-top:8px;letter-spacing:1px}
 /* 籤筒 v2.6(7/9 兔兔:照香爐的立體邏輯——竹箍要「環形」橢圓,頂部底部也要環形;
    筒再加大,因為籤很大隻;抽籤前雙手捧整捆搖勻=洗牌,放回才抽一支,往上抽,看完籤回筒) */
 /* v2.7(7/9 兔兔):①竹箍是「整圈橢圓浮在外面」害筒看起來透明→改只留前半弧(跟筒口前唇同 clip 邏輯)
    ②筒前牆(直紋竹棍)提到籤的前面=籤「插在筒裡」只露上半,不再半截浮空 ③籤加長,真的長長放入 */
 #tube{width:170px;height:264px;margin:18px auto 0;position:relative;cursor:pointer}
 /* 7/13 兔兔:陰筊要重抽時玩家會卡住→籤筒「左邊」字幕提醒,抽完消失
    🔴 7/30 兔兔:「抽到不是的簽 按下重抽後就沒反應了 卡住了 不能重抽」——真兇就是這條:
      ① 它是 `pointer-events:none` 的**純字幕**,她按的就是它(紅字粗體+👉,看起來就是按鈕),按了程式上什麼都沒發生
      ② 390px 手機上量到 left=**-2px**=已經被切出畫面左邊
    → 現在它**自己就是按鈕**(#redraw 是 #tube 的子元素,事件自己冒泡到籤筒的 onclick=按它等於點籤筒)。
    📐 7/30 她裁示「**統一**」(問她桌機要不要也搬下面,她答統一)⟹ 不分寬窄一律擺**籤筒正下方置中**,
      7/13 那條「在籤筒左邊」就此作廢(手機根本放不下:量到 left=-2px)。
      擺在筒身上會壓到她的「觀音靈籤」名牌(截圖看到名牌畫在字上面),所以往下出筒;
      顯示時 #tube.rdon 把筒下緣撐開 82px=不壓名牌也不壓「筒內 N 支籤」那行(52px 不夠,量出來按鈕 64+6)。 */
 #redraw{position:absolute;left:50%;transform:translateX(-50%);top:100%;margin:6px 0 0;
   width:min(206px,80vw);text-align:center;
   font-size:12.5px;line-height:1.7;color:#A8322A;font-weight:700;letter-spacing:1px;
   cursor:pointer;padding:10px 8px;border-radius:10px;border:1px dashed #C99A3A;
   background:rgba(251,246,234,.96);box-shadow:0 1px 6px rgba(90,60,20,.18);z-index:9}
 /* ⚠️ 寬度用 vw 不用 %:% 是吃 #tube 的 170px(算出來 142px),量起來會跟我想的不一樣 */
 #redraw:active{background:#F6E3B4}
 #tube.rdon{margin-bottom:82px}
 /* 7/13 兔兔:看完香譜後安插「呼吸廣告」——導去結緣市集(小物+代買真實供品) */
 #xpad{text-align:center;font-size:12.5px;color:#7A5A18;margin-top:8px;letter-spacing:1px;line-height:1.9}
 #xpad a{color:#A8322A;text-decoration:none;border-bottom:1px dashed #A8322A}
 #xpad.glow{color:#9A6B24}
 /* 7/14 禮成後左側直立大禮鈕(按了轉頁底發送結果) */
 #giftbtn{position:fixed;left:8px;top:50%;transform:translateY(-50%);z-index:70;writing-mode:vertical-rl;
  background:linear-gradient(180deg,#C0392B,#A8322A);color:#FFE9B0;border:2px solid #E8B050;border-radius:14px;
  padding:14px 9px;font-size:15px;letter-spacing:4px;cursor:pointer;font-family:inherit;
  box-shadow:0 4px 14px rgba(168,50,42,.4);animation:brglow 1.8s ease-in-out infinite}
 #sharetoast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:80;display:none;
  background:#3A2E20;color:#FBF0DC;font-size:13px;line-height:1.8;letter-spacing:1px;
  padding:10px 18px;border-radius:12px;max-width:82vw;box-shadow:0 6px 18px rgba(0,0,0,.3)}
 #cup{position:absolute;left:16px;right:16px;bottom:8px;top:100px;border-radius:10px 10px 14px 14px;z-index:2;
   background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 14%),
    repeating-linear-gradient(90deg,#9A6B24 0 2px,#C9A45C 2px 13px,#B8873A 13px 16px),
    linear-gradient(90deg,#8A5A20,#C9A24A 50%,#8A5A20);
   border:1px solid #6E4E1C;box-shadow:0 5px 12px rgba(0,0,0,.18),inset 0 3px 5px rgba(255,235,190,.2)}
 /* 名牌 v2.9 兔兔:「觀音靈籤」被竹箍蓋住→改真元素搬到最外層(z5),像貼在筒外的紙牌;
    米紙底+紅字(她指定紅字的名字);換籤本 JS 換字 */
 #cupnm{position:absolute;left:50%;top:178px;transform:translate(-50%,-50%);writing-mode:vertical-rl;
   white-space:nowrap;color:#A8322A;font-size:14px;letter-spacing:5px;font-family:inherit;z-index:5;pointer-events:none;
   background:linear-gradient(180deg,#F7EDD2,#EBDDB8);border:1.5px solid #A8322A;border-radius:6px;
   padding:10px 3px;box-shadow:0 2px 5px rgba(0,0,0,.3)}
 /* 竹箍 v2.7:只留「前半弧」貼在前牆上(整圈橢圓浮在外=透明感的元兇) */
 .hp{position:absolute;left:10px;right:10px;height:13px;border-radius:50%;z-index:3;
   clip-path:inset(46% 0 0 0);
   background:linear-gradient(180deg,#A88448,#6E4E1C);
   border:1px solid #3E2E10;box-shadow:0 1px 2px rgba(255,230,180,.2)}
 #hp1{top:150px}#hp2{top:210px}
 #cupbase{position:absolute;left:8px;right:8px;bottom:0;height:18px;border-radius:50%;z-index:3;
   clip-path:inset(46% 0 0 0);
   background:linear-gradient(180deg,#A88448,#6E4E1C);
   border:2px solid #3E2E10;box-shadow:0 3px 6px rgba(0,0,0,.28)}
 /* v2.9 兔兔(REF.jpg):底座=只留「前半弧」跟竹箍同邏輯——正面看是圓弧,不是透視橢圓 */
 #cuprim{position:absolute;left:13px;right:13px;top:93px;height:16px;border-radius:50%;z-index:0;
   background:radial-gradient(ellipse at 50% 40%,#4E3A14 45%,#8A6B3A 75%,#6E4E1C);
   border:2px solid #3E2E10;box-shadow:inset 0 3px 5px rgba(0,0,0,.4)}/* 筒口環形暗面(籤從口裡長出來) */
 #cuplip{position:absolute;left:13px;right:13px;top:93px;height:16px;border-radius:50%;z-index:3;
   clip-path:inset(50% 0 0 0);border:2px solid #3E2E10;
   background:linear-gradient(180deg,#A88448,#6E4E1C)}/* 筒口前唇(蓋住籤腳)=立體 */
 .pool{border-radius:20px;cursor:pointer;font-family:inherit;font-weight:700;background:#EBE1CC;
   border:1px solid #9A6B24;padding:7px 14px;font-size:13px;color:#7A5A18}
 .pool.on{background:#B8873A;color:#fff;border-color:#B8873A}
 /* 整捆籤裝在 #bundle 裡=雙手捧起整捆搖(v2.6 洗牌概念);z=1 在前牆(z2)後=籤插在筒「裡面」 */
 #bundle{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;transition:transform .8s ease;z-index:1}
 #tube.lift #bundle{transform:translateY(-84px)}/* v2.8 兔兔:不用舉那麼高,比之前低一點 */
 #tube.wob #bundle{animation:bwob .17s linear infinite}
 @keyframes bwob{0%{transform:translateY(-84px) translateX(-4px) rotate(-4deg)}
  50%{transform:translateY(-76px) translateX(4px) rotate(4deg)}
  100%{transform:translateY(-84px) translateX(-4px) rotate(-4deg)}}
 /* 兩隻手(v2.6 兔兔:抽籤前要做兩隻手把整捆籤拿起來搖) */
 .hand{position:absolute;width:38px;height:30px;border-radius:10px 10px 9px 9px;z-index:4;opacity:0;
   transition:opacity .35s;background:linear-gradient(180deg,#EFC59B,#DDA872);
   border:1px solid #C08A52;box-shadow:0 2px 4px rgba(0,0,0,.2)}
 .hand:before{content:"";position:absolute;top:3px;width:17px;height:25px;
   background:repeating-linear-gradient(0deg,#EFC59B 0 5px,#C08A52 5px 6.5px)}
 .hand.hl{left:0;bottom:168px}.hand.hl:before{right:-15px;border-radius:0 9px 9px 0}
 .hand.hr{right:0;bottom:190px}.hand.hr:before{left:-15px;border-radius:9px 0 0 9px}
 #tube.lift .hand{opacity:1}
 .stick{position:absolute;width:9px;height:96px;bottom:26px;border-radius:3px 3px 0 0;
   background:linear-gradient(180deg,#A8322A 0 17px,#E4D8BE 17px 26px,#CBB98F);
   border:1px solid #B89A6A;border-bottom:none;transform-origin:50% 92%}
 /* 上紅下木=真籤;v2.7 腳踩到筒底(長長放入),下半被前牆蓋住
    v2.8 兔兔:真籤筒裡的籤都有點角度不會那麼垂直——每支隨機小角度(JS 撒),搖完落下也各自新角度 */
 #tube.shake{animation:shk .14s linear infinite}
 @keyframes shk{0%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}100%{transform:rotate(-4deg)}}
 .stick.ret{transition:all .9s ease}/* 看完籤放回筒(不影響別人抽) */
 /* 抽籤=先「往上」整支抽出筒口(v2.6),再站到筒旁看號碼 */
 .stick.pull{transition:bottom .55s ease;bottom:200px!important;z-index:3}
 /* v2.4 兔兔:籤別往上飛(擋到上面的問題)→抽出後「站在筒旁邊」放大顯示整支籤+籤號 */
 .stick.out{transition:bottom .7s ease,left .7s ease,width .7s ease,height .7s ease,transform .7s ease;
   bottom:26px!important;left:176px!important;width:14px;height:186px!important;transform:rotate(5deg);
   background:linear-gradient(180deg,#A8322A 0 32px,#E4D8BE 32px 45px,#D8C9A2);border-color:#A8322A;z-index:3;
   box-shadow:2px 3px 8px rgba(0,0,0,.22)}
 /* 號碼在籤身下半(v2.8 兔兔:「第幾籤」的數字部份用紅色→改真元素,數字包 <b> 上色) */
 .stick .sn{position:absolute;left:50%;transform:translateX(-50%);bottom:8px;display:none;
   writing-mode:vertical-rl;font-size:13px;color:#7A3A18;letter-spacing:3px;font-weight:700;white-space:nowrap}
 .stick .sn b{color:#A8322A}
 .stick.out .sn{display:block}
 /* 擲筊(7/7 照 inbox/pick.jpg 筊杯:深紅棕月牙,只要杯不要桶;連三聖筊才算) */
 #jiao{display:none;text-align:center;margin-top:18px}
 .moon{display:inline-block;width:58px;height:26px;margin:0 8px;border-radius:52% 52% 50% 50%/100% 100% 12% 12%;
   background:linear-gradient(175deg,#A84330 8%,#8E3524 45%,#6E2418);border:1px solid #58200f;
   box-shadow:inset 0 2px 3px rgba(255,190,150,.25),0 3px 6px rgba(0,0,0,.25)}
 .moon.flat{background:linear-gradient(180deg,#C89B74 12%,#B0855C);border-color:#8E6A44;
   box-shadow:inset 0 2px 4px rgba(255,240,220,.5),0 3px 6px rgba(0,0,0,.18)}
 .jp{display:inline-block;width:14px;height:14px;border-radius:50%;margin:0 4px;vertical-align:middle;
   border:1.5px solid #A8322A;background:transparent}
 .jp.ok{background:#A8322A;box-shadow:0 0 5px rgba(168,50,42,.5)}
 #tcnt{text-align:center;color:#9C8F79;font-size:12px;letter-spacing:1px;margin-top:4px}
 .moon.toss{animation:toss .8s ease}
 @keyframes toss{0%{transform:translateY(0) rotate(0)}45%{transform:translateY(-56px) rotate(200deg)}100%{transform:translateY(0) rotate(360deg)}}
 #jres{min-height:24px;margin-top:10px;font-size:14px;letter-spacing:1px;color:#5C5147}
 .btn{display:inline-block;margin-top:12px;background:#B8873A;color:#fff;border:none;border-radius:22px;
   padding:9px 26px;font-family:inherit;font-weight:700;font-size:15px;letter-spacing:3px;cursor:pointer}
 .btn:hover{filter:brightness(1.06)}
 .btn[disabled]{opacity:.45;cursor:default}
 /* 籤詩卡 */
 #lot{display:none;margin-top:22px;border:1px solid #A8322A;border-radius:12px;padding:18px;background:#FBF6E9}
 #lot .head{text-align:center;margin-bottom:8px}
 #lot .no{font-size:18px;color:#7A5418;letter-spacing:3px}
 .lv{display:inline-block;margin-left:10px;border-radius:14px;padding:2px 12px;font-size:13px;letter-spacing:2px;color:#fff}
 .lv.u{background:#9A6B24}.lv.m{background:#5C5147}.lv.d{background:#A8322A}
 #poem{text-align:center;margin:12px 0;padding:12px 0;border-top:1px dashed #CBB98F;border-bottom:1px dashed #CBB98F}
 #poem div{font-size:19px;letter-spacing:4px;line-height:2;color:#2B2320}
 #lot p{font-size:14px;color:#2B2320;line-height:1.9;margin:8px 0}
 #lot b{color:#9A6B24}
 #lot .frame{border-top:1px dashed #CBB98F;margin-top:12px;padding-top:12px;color:#6A5B4D;font-size:13px;line-height:1.9}
 .cta{display:block;margin:18px auto 0;text-align:center;background:linear-gradient(180deg,rgba(168,50,42,.06),rgba(168,50,42,.02));
   border:1.5px solid #A8322A;color:#A8322A;border-radius:24px;padding:10px 22px;font-size:14px;
   text-decoration:none;max-width:340px;letter-spacing:1px}
 .btns{text-align:center;margin-top:16px}
 .ghost{background:transparent;color:#9C8F79;border:1px solid #CBB98F;border-radius:18px;padding:6px 14px;
   font-family:inherit;font-size:12px;cursor:pointer}
 /* 7/10 選好籤詩後選想拜的神(chips) */
 .gsl{border:1px solid #9A6B24;background:#FBF6E9;color:#7A5418;border-radius:16px;padding:5px 13px;
   font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;letter-spacing:1px}
 .gsl.on{background:#9A6B24;color:#F3ECDD}
 /* 7/10 點火器=金紙先在檯面上燒起來(火苗)再飛進爐 */
 .gpend.afire::after,.gpaper.afire::after{content:"🔥";position:absolute;top:-13px;left:50%;
   transform:translateX(-50%);font-size:12px;animation:gfl .22s infinite alternate}
 @keyframes gfl{from{transform:translateX(-50%) scale(.9)}to{transform:translateX(-50%) scale(1.18)}}
 /* 7/10 香譜:面前三炷發亮=香譜看的那三炷;小黑字註解寫在香爐上方 */
 #alt .inc.xpj,#alt2 .inc.xpj{box-shadow:0 0 7px rgba(168,50,42,.6)}
 /* 7/13 兔兔:結果直接寫在「香爐正上方」——不要框框、不歪到鐵箱上;深色兩行 */
 #xpnote,#xpnote2{position:absolute;left:148px;top:12px;transform:translateX(-50%);width:190px;z-index:9;
   font-size:10.5px;color:#2B2320;line-height:1.7;text-align:center;font-weight:700}
 /* 7/13 兔兔:每一步的小字提示「呼吸發亮」帶路,那步做完就不亮(全頁步驟通用) */
 .glow{animation:brglow 1.8s ease-in-out infinite}
 .hint.glow,.rq.glow,#alt .lb2.glow{color:#9A6B24}
 /* 7/13 兔兔:動作句用底線畫重點(呼吸發亮之外再加一層清晰) */
 .hint u,.rq u{text-underline-offset:3px}
 /* 7/13 兔兔:她試了才發現要點圓盤底座才插得上→燭台上方常駐一行說明 */
 .cdlstk .lblt{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:10px;
   color:#9C8F79;letter-spacing:1px;white-space:nowrap}
 /* 🐞 7/30 順手修(不是新東西,舊版就有):這行字 nowrap 有 ~110px 寬,燭台只有 88px,
    置中就往兩邊各溢出 11px ⟶ 右座那行把**整個頁面撐寬**(390 手機上 scrollWidth 408=可以左右滑)。
    改成往場內靠:左座貼左緣、右座貼右緣,字都往供桌那邊長,不再頂出畫面。 */
 #stkL .lblt{left:0;transform:none}
 #stkR .lblt{left:auto;right:0;transform:none}
 .cdlstk .lblt.glow{color:#9A6B24}
 @keyframes brglow{0%,100%{opacity:.55}50%{opacity:1;text-shadow:0 0 9px rgba(232,176,80,.95)}}
 /* 🧭 步驟框 v1(7/30 兔兔:「可能我們步驟太多　第一步 第二步 第三步 有些還有子小步
    應該都切開來分　每一步　不然使用者很混亂　然後每一步要框起來　不然不知道有多少步驟要做」)
    → ①每一步關進自己的框(.stp),框頭固定寫「第 N 步 · 共 7 步」+ 現在是進行中/完成/還沒到
      ②七步的框**從頭到尾都在**(還沒到的只剩一條框頭)=她說的「不知道有多少步驟要做」就解了
      ③第七步裡面那四小段(7-1~7-4)用同一套邏輯再包一層 .sub,子步也數得出來
      ④最上面一排 #steprail 七顆晶片常駐,不用往下捲就知道總共幾步、走到哪、點了會跳過去 */
 #steprail{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin:8px 0 2px}
 #steprail b{font:inherit;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:20px;cursor:pointer;
   border:1px solid #D8C9A8;background:#FBF6EA;color:#8A7A5A;white-space:nowrap;user-select:none}
 #steprail b[data-s="now"]{background:#A8322A;border-color:#8E241C;color:#FFF3DA}
 #steprail b[data-s="done"]{background:#E7F0E2;border-color:#B6CDAC;color:#3F6A38}
 /* ⚠️ 這一頁沒有全域 box-sizing:border-box <- 不寫的話 padding+border 會加在寬度**外面**,
    框比 #w 還寬 23px,整頁又被撐出橫向捲動(我第一版就是這樣,守門直接抓到)。 */
 .stp,.sstp,.stp>.sh,.sstp>.sh{box-sizing:border-box}
 .stp{border:1.5px solid #D8C9A8;border-radius:12px;background:#FBF6EA;position:relative;
   margin:12px 0;padding:0 9px 10px;box-shadow:0 1px 3px rgba(120,90,40,.08)}
 .stp>.sh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
   margin:0 -9px 8px;padding:7px 9px;border-bottom:1px solid #E6DAC0;
   border-radius:10px 10px 0 0;background:#F3E8CE}
 /* 🐞 供桌區/香爐區是照 372 寬排好的**固定版面**,被框的內距一夾,
    手機上香爐跟鐵箱會疊在一起(實測疊 3px)。窄螢幕讓這兩塊撐破內距、拿回整個框寬;
    桌機夠寬就不動它們(照舊置中),不然會變成貼左邊。 */
 @media(max-width:430px){.stp>#alt,.stp>#offarea{max-width:calc(100% + 18px);
   margin-left:-9px;margin-right:-9px}}
 .sh .no{flex:none;font-size:11.5px;font-weight:700;color:#8A5A20;white-space:nowrap;
   background:#fff;border:1px solid #D8C9A8;border-radius:20px;padding:2px 8px}
 /* 標題沿用原本那顆 h2(id 不動,程式照樣改得到字),只是收進框頭 */
 .stp>.sh>h2{margin:0;flex:1 1 160px;font-size:14.5px;line-height:1.4;text-align:left}
 .sh .st{flex:none;font-size:11px;padding:2px 8px;border-radius:20px;white-space:nowrap;
   background:#E6DAC0;color:#8A7A5A}
 .stp[data-s="now"]{border-color:#C99A3A;box-shadow:0 0 0 2px rgba(201,154,58,.16)}
 .stp[data-s="now"]>.sh{background:#F6E3B4}
 .stp[data-s="now"]>.sh .st{background:#A8322A;color:#FFF3DA}
 .stp[data-s="done"]{opacity:.74}
 .stp[data-s="done"]>.sh .st{background:#4E7A46;color:#F0F7EA}
 .stp[data-s="wait"]{opacity:.82}
 .stp>.sh+*{margin-top:0}
 /* 第七步裡的四小步。⚠️ 不能叫 .sub——這一頁早就有一個 .sub 是頁首副標(#psub),撞了會被畫成框 */
 .sstp{border:1px dashed #D0BF9A;border-radius:9px;background:#FFFBF1;margin:10px 0;padding:0 8px 8px}
 .sstp>.sh{margin:0 -8px 6px;padding:6px 8px;background:#F7EEDA;border-radius:8px 8px 0 0}
 .sstp>.sh>.no{font-size:11px}
 .sstp>.sh>h2{font-size:13px}
 .sstp[data-s="now"]{border-style:solid;border-color:#C99A3A}
 .sstp[data-s="done"]{opacity:.74}
 @media(max-width:430px){.stp>.sh>h2{font-size:13.5px}.sh .no,.sh .st{font-size:10.5px}}