*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg1:#0a0812;--bg2:#0e0c16;--bg3:#14101e;
  --bg-card:rgba(160,120,255,0.03);--bg-card-hover:rgba(160,120,255,0.07);
  --accent:#b47aff;--accent-light:#c99dff;--accent-dark:#8b5cf6;
  --gold:#ffc400;--gold-dim:rgba(255,196,0,0.6);
  --ssr:#ffc400;--ssrg:rgba(255,196,0,0.5);
  --sr:#e040fb;--srg:rgba(224,64,251,0.35);
  --rc:#448aff;--rg:rgba(68,138,255,0.3);
  --bc:#4caf50;--bcg:rgba(76,175,80,0.3);
  --t1:rgba(255,255,255,0.92);--t2:rgba(255,255,255,0.55);--t3:rgba(255,255,255,0.3);
  --brd:rgba(160,120,255,0.1);--brd-strong:rgba(160,120,255,0.22);
  --navh:56px;--hdrh:50px;--safe:env(safe-area-inset-bottom,0px);--rad:10px;
}
html,body{width:100%;min-height:100vh;font-family:'Noto Sans TC',sans-serif;color:var(--t1);background:var(--bg1);overflow-x:hidden;overflow-y:auto !important;height:auto !important}
body{display:block;background:linear-gradient(180deg,#0a0812 0%,#0d0a18 40%,#100e1c 100%)}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,0.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(168,85,247,0.03) 0%,transparent 50%);pointer-events:none;z-index:0}
.page-content{overflow-x:hidden;padding-top:var(--hdrh);padding-bottom:calc(var(--navh) + var(--safe) + 30px);padding-left:clamp(10px,3vw,64px);padding-right:clamp(10px,3vw,64px);position:relative;z-index:1}
.chest-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 20px 10px;position:relative}

/* ===== 靜音按鈕 ===== */
.mute-toggle{cursor:pointer;display:flex;align-items:center;background:rgba(139,92,246,0.12);border:1px solid rgba(139,92,246,0.2);border-radius:8px;padding:4px 7px;flex-shrink:0}
.mute-toggle input{display:none}
.mute-icon{display:flex;align-items:center;opacity:.7;transition:all .2s;color:#c084fc}
.mute-toggle:hover{background:rgba(139,92,246,0.2);border-color:rgba(139,92,246,0.35)}
.mute-toggle:hover .mute-icon{opacity:1;color:#d8b4fe}
.mute-toggle input:checked~.mute-icon{opacity:.9;color:#ef4444}

/* ===== 玩法說明按鈕 ===== */
.rules-btn-row{display:flex;justify-content:center;padding:4px 0 2px}
.rules-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 14px;border-radius:20px;border:1px solid rgba(139,92,246,0.15);background:rgba(139,92,246,0.05);color:var(--t3);font-size:10px;font-weight:600;cursor:pointer;transition:all .2s;font-family:'Noto Sans TC',sans-serif;letter-spacing:.5px}
.rules-btn:hover{background:rgba(139,92,246,0.12);border-color:rgba(139,92,246,0.3);color:var(--accent-light)}
.rules-btn svg{opacity:.6;transition:opacity .2s}
.rules-btn:hover svg{opacity:1}

/* ===== 玩法說明彈窗 ===== */
.rules-overlay{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,0.7);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}
.rules-modal{position:relative;width:100%;max-width:480px;max-height:80vh;background:var(--bg2);border:1px solid rgba(139,92,246,0.2);border-radius:16px;overflow:hidden;box-shadow:0 16px 64px rgba(0,0,0,0.6),0 0 1px rgba(168,85,247,0.4);display:flex;flex-direction:column}
.rules-close{position:absolute;top:12px;right:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(139,92,246,0.1);color:var(--t2);font-size:18px;cursor:pointer;z-index:2;transition:all .2s;line-height:1}
.rules-close:hover{background:rgba(139,92,246,0.2);color:#c084fc}
.rules-title-bar{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid rgba(139,92,246,0.1);flex-shrink:0}
.rules-title-bar span{font-size:15px;font-weight:800;color:var(--t1);letter-spacing:1px}
.rules-body{overflow-y:auto;padding:16px 20px 24px;flex:1;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,0.2) transparent}
.rules-body::-webkit-scrollbar{width:4px}
.rules-body::-webkit-scrollbar-thumb{background:rgba(139,92,246,0.25);border-radius:2px}
.rules-section{margin-bottom:18px}
.rules-section:last-child{margin-bottom:0}
.rules-sec-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--t1);margin-bottom:8px;letter-spacing:.5px}
.rules-sec-icon{font-size:16px}
.rules-sec-body{font-size:12px;color:var(--t2);line-height:1.7}
.rules-sec-body p{margin:0 0 6px}
.rules-sec-body p:last-child{margin-bottom:0}
.rules-sec-body strong{color:var(--accent-light);font-weight:700}
.rules-rarity-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.rules-rarity-chip{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.5px}
.rules-rarity-chip.lr{background:linear-gradient(135deg,rgba(124,58,237,0.2),rgba(251,191,36,0.2));color:#d8b4fe;border:1px solid rgba(168,85,247,0.2)}
.rules-rarity-chip.ur{background:rgba(239,68,68,0.12);color:#f87171;border:1px solid rgba(239,68,68,0.2)}
.rules-rarity-chip.ssr{background:rgba(255,196,0,0.1);color:#fbbf24;border:1px solid rgba(255,196,0,0.2)}
.rules-rarity-chip.sr{background:rgba(217,70,239,0.1);color:#e879f9;border:1px solid rgba(217,70,239,0.2)}
.rules-rarity-chip.r{background:rgba(59,130,246,0.1);color:#60a5fa;border:1px solid rgba(59,130,246,0.2)}
.rules-rarity-chip.b{background:rgba(34,197,94,0.08);color:#4ade80;border:1px solid rgba(34,197,94,0.15)}
.rules-rarity-chip.d{background:rgba(107,114,128,0.08);color:#9ca3af;border:1px solid rgba(107,114,128,0.15)}

/* ===== 寶箱背景 ===== */
.chest-stage-bg{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:585px;height:585px;background:radial-gradient(circle,rgba(196,154,74,0.07) 0%,rgba(168,85,247,0.03) 35%,transparent 65%);pointer-events:none}
.chest-sparkles{position:absolute;top:50%;left:50%;width:0;height:0;z-index:1;pointer-events:none}
.cs-dot{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:var(--c,#c084fc);left:var(--x);top:var(--y);opacity:.3;box-shadow:0 0 6px color-mix(in srgb,var(--c,#c084fc) 60%,transparent)}
.cs-cross{position:absolute;left:var(--x);top:var(--y);width:10px;height:10px;opacity:.2}
.cs-cross::before,.cs-cross::after{content:'';position:absolute;background:#a855f7;border-radius:1px}
.cs-cross::before{width:10px;height:1.5px;top:4.25px;left:0}
.cs-cross::after{width:1.5px;height:10px;left:4.25px;top:0}
.cs-crystal{position:absolute;left:var(--x);top:var(--y);width:calc(var(--h) * 0.4);height:var(--h);transform:rotate(var(--r,0deg));pointer-events:auto;cursor:pointer;transition:filter .15s}
.cs-crystal::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(216,180,254,0.6),rgba(168,85,247,0.8) 40%,rgba(109,40,217,0.9));clip-path:polygon(50% 0%,100% 35%,80% 100%,20% 100%,0% 35%);filter:drop-shadow(0 0 4px rgba(168,85,247,0.5))}
.cs-crystal::after{content:'';position:absolute;top:10%;left:25%;width:30%;height:40%;background:linear-gradient(180deg,rgba(255,255,255,0.3),transparent);clip-path:polygon(0 0,100% 20%,60% 100%,0 80%)}
.cs-crystal.cs-sm{opacity:.6}

/* ===== Lightbox（點圖放大）===== */
.lb-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;backdrop-filter:blur(4px)}
.lb-card{display:flex;background:linear-gradient(135deg,rgba(14,12,22,0.98),rgba(20,16,30,0.95));border-radius:16px;overflow:visible;max-width:900px;width:92%;cursor:default;position:relative;box-shadow:0 12px 60px rgba(0,0,0,0.7),0 0 1px rgba(180,122,255,0.35)}
.lb-card::before{content:'';position:absolute;inset:-1px;border-radius:17px;padding:2px;background:linear-gradient(160deg,rgba(180,122,255,0.5),rgba(139,92,246,0.1) 30%,rgba(255,196,0,0.18) 55%,rgba(139,92,246,0.1) 75%,rgba(180,122,255,0.4));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.lb-card .lb-corner{position:absolute;width:20px;height:20px;z-index:5;pointer-events:none}
.lb-card .lb-corner::before,.lb-card .lb-corner::after{content:'';position:absolute;background:currentColor;border-radius:1px;opacity:.8}
.lb-card .lb-corner::before{width:100%;height:2px;top:0;left:0}
.lb-card .lb-corner::after{width:2px;height:100%;top:0;left:0}
.lb-card .lb-corner.tl{top:-1px;left:-1px}
.lb-card .lb-corner.tr{top:-1px;right:-1px;transform:scaleX(-1)}
.lb-card .lb-corner.bl{bottom:-1px;left:-1px;transform:scaleY(-1)}
.lb-card .lb-corner.br{bottom:-1px;right:-1px;transform:scale(-1)}
.lb-rarity-wm{position:absolute;bottom:12px;right:18px;font-family:'Orbitron',monospace;font-weight:900;font-size:72px;line-height:1;letter-spacing:4px;pointer-events:none;z-index:1;opacity:.08;-webkit-text-stroke:1px currentColor}
.lb-lr .lb-rarity-wm{font-size:80px;background:linear-gradient(135deg,#c084fc,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.15;-webkit-text-stroke:0}
.lb-ur .lb-rarity-wm{color:#ef4444;opacity:.12}
.lb-ssr .lb-rarity-wm{color:#ffc400;opacity:.1}
.lb-sr .lb-rarity-wm{color:#d946ef;opacity:.1}
.lb-r .lb-rarity-wm{color:#3b82f6;opacity:.08}
.lb-b .lb-rarity-wm{color:#22c55e;opacity:.06}
.lb-d .lb-rarity-wm{color:#6b7280;opacity:.05}
.lb-card.lb-lr{box-shadow:0 12px 60px rgba(0,0,0,0.7),0 0 50px rgba(168,85,247,0.3),0 0 100px rgba(251,191,36,0.12)}
.lb-card.lb-lr::before{padding:2.5px;background:linear-gradient(160deg,rgba(168,85,247,0.8),rgba(251,191,36,0.6),rgba(168,85,247,0.7),rgba(251,191,36,0.6),rgba(168,85,247,0.8))}
.lb-card.lb-lr .lb-corner{color:#fbbf24}
.lb-card.lb-ur{box-shadow:0 12px 60px rgba(0,0,0,0.7),0 0 40px rgba(220,38,38,0.3),0 0 80px rgba(220,38,38,0.12)}
.lb-card.lb-ur::before{padding:2.5px;background:linear-gradient(160deg,rgba(239,68,68,0.8),rgba(220,38,38,0.2) 30%,rgba(251,146,60,0.5) 55%,rgba(220,38,38,0.2) 75%,rgba(239,68,68,0.8))}
.lb-card.lb-ur .lb-corner{color:#ef4444}
.lb-card.lb-ssr{box-shadow:0 12px 60px rgba(0,0,0,0.7),0 0 40px rgba(255,196,0,0.25),0 0 80px rgba(255,196,0,0.1)}
.lb-card.lb-ssr::before{padding:2.5px;background:linear-gradient(160deg,rgba(255,196,0,0.7),rgba(234,160,12,0.15) 30%,rgba(255,230,100,0.4) 55%,rgba(234,160,12,0.15) 75%,rgba(255,196,0,0.7))}
.lb-card.lb-ssr .lb-corner{color:#ffc400}
.lb-card.lb-sr{box-shadow:0 12px 60px rgba(0,0,0,0.7),0 0 35px rgba(217,70,239,0.22),0 0 70px rgba(217,70,239,0.08)}
.lb-card.lb-sr::before{padding:2px;background:linear-gradient(160deg,rgba(217,70,239,0.65),rgba(192,38,211,0.12) 30%,rgba(236,140,255,0.3) 55%,rgba(192,38,211,0.12) 75%,rgba(217,70,239,0.65))}
.lb-card.lb-sr .lb-corner{color:#d946ef}
.lb-card.lb-r{box-shadow:0 12px 60px rgba(0,0,0,0.7),0 0 25px rgba(59,130,246,0.18)}
.lb-card.lb-r::before{padding:2px;background:linear-gradient(160deg,rgba(59,130,246,0.55),rgba(37,99,235,0.1) 30%,rgba(96,165,250,0.25) 55%,rgba(37,99,235,0.1) 75%,rgba(59,130,246,0.55))}
.lb-card.lb-r .lb-corner{color:#3b82f6}
.lb-card.lb-b{box-shadow:0 12px 60px rgba(0,0,0,0.7),0 0 20px rgba(34,197,94,0.14)}
.lb-card.lb-b::before{padding:2px;background:linear-gradient(160deg,rgba(34,197,94,0.5),rgba(22,163,74,0.08) 30%,rgba(74,222,128,0.18) 55%,rgba(22,163,74,0.08) 75%,rgba(34,197,94,0.5))}
.lb-card.lb-b .lb-corner{color:#22c55e}
.lb-card.lb-d{box-shadow:0 12px 60px rgba(0,0,0,0.7),0 0 12px rgba(107,114,128,0.1)}
.lb-card.lb-d::before{padding:1.5px;background:linear-gradient(160deg,rgba(107,114,128,0.35),rgba(75,85,99,0.08) 30%,rgba(156,163,175,0.12) 55%,rgba(75,85,99,0.08) 75%,rgba(107,114,128,0.35))}
.lb-card.lb-d .lb-corner{color:#6b7280}
.lb-card-img{flex:0 0 360px;background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-radius:16px 0 0 16px}
.lb-card-img img{width:100%;height:100%;object-fit:cover;display:block;min-height:320px}
.lb-card-img::after{content:'';position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(90deg,transparent,rgba(14,12,22,0.7));pointer-events:none}
.lb-card-body{flex:1;min-width:0;padding:32px 36px;display:flex;flex-direction:column;gap:14px;justify-content:center;position:relative;border-radius:0 16px 16px 0}
.lb-card-body::before{content:'';position:absolute;top:20px;bottom:20px;left:0;width:1px;background:linear-gradient(180deg,transparent,rgba(180,122,255,0.2) 20%,rgba(255,196,0,0.15) 50%,rgba(180,122,255,0.2) 80%,transparent)}
.lb-lr .lb-card-body::before{background:linear-gradient(180deg,transparent,rgba(168,85,247,0.3) 20%,rgba(251,191,36,0.25) 50%,rgba(168,85,247,0.3) 80%,transparent)}
.lb-ur .lb-card-body::before{background:linear-gradient(180deg,transparent,rgba(239,68,68,0.3) 20%,rgba(251,146,60,0.2) 50%,rgba(239,68,68,0.3) 80%,transparent)}
.lb-ssr .lb-card-body::before{background:linear-gradient(180deg,transparent,rgba(255,196,0,0.25) 20%,rgba(255,230,100,0.2) 50%,rgba(255,196,0,0.25) 80%,transparent)}
.lb-sr .lb-card-body::before{background:linear-gradient(180deg,transparent,rgba(217,70,239,0.25) 20%,rgba(236,140,255,0.18) 50%,rgba(217,70,239,0.25) 80%,transparent)}
.lb-r .lb-card-body::before{background:linear-gradient(180deg,transparent,rgba(59,130,246,0.2) 20%,rgba(96,165,250,0.15) 50%,rgba(59,130,246,0.2) 80%,transparent)}
.lb-b .lb-card-body::before{background:linear-gradient(180deg,transparent,rgba(34,197,94,0.2) 20%,rgba(74,222,128,0.15) 50%,rgba(34,197,94,0.2) 80%,transparent)}
.lb-d .lb-card-body::before{background:linear-gradient(180deg,transparent,rgba(107,114,128,0.15) 20%,rgba(156,163,175,0.1) 50%,rgba(107,114,128,0.15) 80%,transparent)}
.lb-card-rarity{display:flex;align-items:center;gap:12px}
.lb-badge{display:inline-block;padding:4px 14px;border-radius:6px;font-size:15px;font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.4)}
.lb-badge:empty{display:none}
.lb-badge.lr{background:linear-gradient(135deg,#7c3aed,#fbbf24);box-shadow:0 0 16px rgba(168,85,247,0.4)}
.lb-badge.ur{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 16px rgba(239,68,68,0.4)}
.lb-badge.ssr{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 0 16px rgba(249,115,22,0.4)}
.lb-badge.sr{background:linear-gradient(135deg,#d946ef,#c026d3);box-shadow:0 0 16px rgba(217,70,239,0.4)}
.lb-badge.r{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 16px rgba(59,130,246,0.4)}
.lb-badge.b{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 16px rgba(34,197,94,0.4)}
.lb-badge.d{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 0 12px rgba(107,114,128,0.3)}
.lb-percent{font-size:22px;font-weight:900;color:var(--accent-light);letter-spacing:1px}
.lb-percent:empty{display:none}
.lb-card-title{font-size:24px;font-weight:900;color:var(--t1);line-height:1.4}
.lb-card-title:empty{display:none}
.lb-lr .lb-card-title{background:linear-gradient(135deg,#c084fc,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.lb-ur .lb-card-title{color:#f87171;text-shadow:0 0 16px rgba(220,38,38,0.3)}
.lb-ssr .lb-card-title{color:#fbbf24;text-shadow:0 0 12px rgba(255,196,0,0.25)}
.lb-sr .lb-card-title{color:#e879f9;text-shadow:0 0 12px rgba(217,70,239,0.2)}
.lb-card-desc{font-size:14px;color:var(--t2);line-height:1.8}
.lb-card-desc:empty{display:none}
.lb-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.lb-card-tags:empty{display:none}
.lb-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:600;letter-spacing:.3px;line-height:1.3}
.lb-tag-cat{background:rgba(168,85,247,0.12);color:#c084fc;border:1px solid rgba(168,85,247,0.2)}
.lb-tag-exp{background:rgba(251,191,36,0.1);color:#fbbf24;border:1px solid rgba(251,191,36,0.18)}
.lb-hint{margin-top:16px;font-size:12px;font-weight:600;letter-spacing:3px;text-align:center;color:rgba(255,255,255,0.5)}
@media(max-width:700px){.lb-card{flex-direction:column;max-width:92%}.lb-card-img{flex:none;height:240px;border-radius:16px 16px 0 0}.lb-card-body{padding:20px 24px;border-radius:0 0 16px 16px}}

/* ===== 寶箱裝飾 ===== */
.chest-orbit{position:absolute;top:50%;left:50%;width:364px;height:364px;margin:-182px 0 0 -182px;border-radius:50%;border:1px solid rgba(196,154,74,0.06);pointer-events:none;z-index:1}
.chest-orbit::before,.chest-orbit::after{content:'';position:absolute;border-radius:50%}
.chest-orbit::before{width:5px;height:5px;top:-2.5px;left:50%;margin-left:-2.5px;background:#a855f7;box-shadow:0 0 10px rgba(168,85,247,0.5)}
.chest-orbit::after{width:3px;height:3px;bottom:-1.5px;left:50%;margin-left:-1.5px;background:#c49a4a;box-shadow:0 0 8px rgba(196,154,74,0.4)}
.rune-ring{position:absolute;width:312px;height:312px;border-radius:50%;border:1px solid rgba(196,154,74,0.08);pointer-events:none;box-shadow:0 0 30px rgba(168,85,247,0.02) inset}
.rune-ring-2{position:absolute;width:234px;height:234px;border-radius:50%;border:1px dashed rgba(168,85,247,0.08);pointer-events:none}
.chest-anchor{position:relative;z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
.chest-anchor:hover .chest-float{filter:drop-shadow(0 16px 30px rgba(26,16,8,0.6)) drop-shadow(0 0 20px rgba(196,154,74,0.3)) drop-shadow(0 0 40px rgba(168,85,247,0.15));transform:scale(1.04)}
.chest-anchor:active .chest-float{transform:scale(0.94);transition:transform .08s}
.chest-float{filter:drop-shadow(0 16px 30px rgba(26,16,8,0.6)) drop-shadow(0 0 12px rgba(196,154,74,0.12));transition:filter .3s,transform .3s}
.cs-crystal:hover{filter:brightness(1.5) drop-shadow(0 0 8px rgba(168,85,247,0.5))}
.crystal-spark{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;z-index:20}
.chest-svg{width:260px;height:239px}
.chest-glow-under{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:180px;height:40px;background:radial-gradient(ellipse,rgba(196,154,74,0.2) 0%,rgba(168,85,247,0.1) 50%,transparent 70%);filter:blur(8px);pointer-events:none}
.crack-light{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);width:120px;height:5px;border-radius:50%;filter:blur(5px);opacity:0;z-index:3;transition:opacity .4s}

/* ===== 抽獎控制項 ===== */
.draw-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px;z-index:10;width:100%;max-width:546px}
.cost-tag{font-size:12px;color:var(--t2);display:flex;align-items:center;gap:4px}
.cost-coin{color:var(--gold);font-weight:700;display:inline-flex;align-items:center;gap:2px}
.cost-coin svg{width:13px;height:13px}
.draw-count-row{display:flex;gap:8px;width:100%;align-items:center}
.dc-btn{flex:1;height:42px;border-radius:21px;border:1px solid var(--brd);background:var(--bg-card);font-family:'Noto Sans TC',sans-serif;font-size:15px;font-weight:700;color:var(--t2);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}
.dc-btn:hover{border-color:var(--brd-strong);color:var(--t1)}
.dc-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(139,92,246,0.08)}
.draw-btn{width:100%;height:54px;border-radius:27px;border:none;font-family:'Noto Sans TC',sans-serif;font-size:16px;font-weight:900;letter-spacing:4px;color:#fff;background:linear-gradient(135deg,#6d28d9 0%,#8b5cf6 30%,#a855f7 50%,#8b5cf6 70%,#6d28d9 100%);cursor:pointer;position:relative;overflow:hidden;transition:all .3s;box-shadow:0 4px 28px rgba(139,92,246,0.4),0 0 0 1px rgba(168,85,247,0.2),inset 0 1px 0 rgba(255,255,255,0.15);text-shadow:0 1px 3px rgba(0,0,0,0.3),0 0 20px rgba(192,132,252,0.4)}
.draw-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 40px rgba(139,92,246,0.55),0 0 0 1px rgba(168,85,247,0.35),inset 0 1px 0 rgba(255,255,255,0.2)}
.draw-btn:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 16px rgba(139,92,246,0.3)}
.draw-btn::before{content:'';position:absolute;inset:-1px;border-radius:28px;padding:1.5px;background:linear-gradient(135deg,rgba(192,132,252,0.6),rgba(139,92,246,0.1) 30%,rgba(232,195,106,0.25) 50%,rgba(139,92,246,0.1) 70%,rgba(192,132,252,0.6));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}
.draw-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}
.draw-btn-text{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px}

/* ===== 機率列 ===== */
.rate-bar{display:flex;gap:10px;padding:12px 16px;flex-wrap:wrap;justify-content:center}
.rate-chip{font-size:11px;color:var(--t3);display:flex;align-items:center;gap:4px}
.rate-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
.rate-dot.ur{background:linear-gradient(135deg,#dc2626,#fbbf24);box-shadow:0 0 8px rgba(220,38,38,0.6)}
.rate-dot.ssr{background:var(--ssr);box-shadow:0 0 6px var(--ssrg)}
.rate-dot.sr{background:var(--sr);box-shadow:0 0 5px var(--srg)}
.rate-dot.r{background:var(--rc)}.rate-dot.b{background:var(--bc)}.rate-dot.d{background:rgba(255,255,255,.25)}
.rate-dot.lr{background:linear-gradient(135deg,#7c3aed,#fbbf24);box-shadow:0 0 8px rgba(168,85,247,0.5)}

.stats-row{padding:6px 16px;font-size:11px;color:var(--t3);display:flex;justify-content:flex-end;gap:12px;font-family:'Orbitron',monospace}
.stats-row .pv{color:var(--accent-light)}

/* ===== 機台資訊 ===== */
.mi-time{display:flex;align-items:center;gap:8px;padding-top:8px;margin-top:auto;border-top:1px solid rgba(139,92,246,0.1)}
.mi-time:empty{display:none}
.mi-time-label{font-size:10px;color:var(--t3);font-weight:600;letter-spacing:1px;white-space:nowrap}
.mi-time-val{font-size:12px;color:#f59e0b;font-weight:700;letter-spacing:.5px}

/* ===== 主要雙欄佈局 ===== */
.main-layout{display:flex;gap:0;align-items:flex-start;padding:0 10px}
.ml-left{flex:0 0 560px;min-width:0;padding:12px 12px 12px 6px;position:sticky;top:60px}
.ml-center{flex:1;min-width:0}

@media(max-width:1200px){
  .page-content{padding-left:20px;padding-right:20px}
  .main-layout{flex-wrap:wrap;justify-content:stretch}
  .ml-left{flex:0 0 100%;order:2;position:static;padding:0 16px 8px}
  .ml-center{flex:0 0 100%;order:1}
}

.machine-info{position:relative;background:linear-gradient(135deg,rgba(14,12,22,0.98),rgba(20,16,30,0.95));border-radius:14px;overflow:hidden;box-shadow:0 6px 36px rgba(0,0,0,0.55),0 0 1px rgba(180,122,255,0.35),inset 0 1px 0 rgba(255,255,255,0.03)}
.machine-info::before{content:'';position:absolute;inset:0;border-radius:14px;padding:1.5px;background:linear-gradient(160deg,rgba(180,122,255,0.55),rgba(139,92,246,0.12) 30%,rgba(255,196,0,0.2) 55%,rgba(139,92,246,0.12) 75%,rgba(180,122,255,0.45));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.machine-info::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(180,122,255,0.45) 20%,rgba(255,196,0,0.3) 50%,rgba(180,122,255,0.45) 80%,transparent);z-index:3;pointer-events:none}
.mi-inner{display:flex;gap:0;align-items:stretch;position:relative;z-index:1}
.mi-thumb{flex:0 0 260px;background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;min-height:200px}
.mi-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mi-thumb:empty{display:none}
.mi-thumb::after{content:'';position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(90deg,transparent,rgba(14,12,22,0.8));pointer-events:none}
.mi-body{flex:1;min-width:0;padding:22px 26px;display:flex;flex-direction:column;gap:10px;position:relative;justify-content:center}
.mi-body::before{content:'';position:absolute;top:16px;bottom:16px;left:0;width:1px;background:linear-gradient(180deg,transparent,rgba(180,122,255,0.25) 20%,rgba(255,196,0,0.18) 50%,rgba(180,122,255,0.25) 80%,transparent)}
.mi-title-box{position:relative;margin-bottom:10px;padding:12px 20px;border-radius:12px;background:linear-gradient(135deg,rgba(14,12,22,0.95),rgba(20,16,30,0.9));overflow:hidden;text-align:center}
.mi-title-box::before{content:'';position:absolute;inset:0;border-radius:12px;padding:1.5px;background:linear-gradient(135deg,rgba(255,196,0,0.5),rgba(168,85,247,0.3) 40%,rgba(255,196,0,0.2) 60%,rgba(168,85,247,0.5));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.mi-title-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,196,0,0.06),transparent 70%);pointer-events:none}
.mi-title{font-size:22px;font-weight:900;color:var(--t1);line-height:1.3;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1;text-shadow:0 0 20px rgba(255,196,0,0.15)}
.mi-title::before,.mi-title::after{content:'';width:22px;height:22px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26z' fill='%23ffc400' stroke='%23e8a800' stroke-width='0.5'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 6px rgba(255,196,0,0.5))}
.mi-rules{font-size:13px;color:var(--t2);line-height:1.8;max-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,0.15) transparent;padding-left:2px}
.mi-rules::-webkit-scrollbar{width:3px}
.mi-rules::-webkit-scrollbar-thumb{background:rgba(139,92,246,0.15);border-radius:2px}
.mi-rules:empty{display:none}
.mi-divider{display:none}
.mi-wrap{position:relative;padding:18px}
.mi-crystal{position:absolute;width:0;height:0;z-index:3;pointer-events:none}
.mi-crystal::before{content:'';position:absolute;width:12px;height:30px;background:linear-gradient(180deg,rgba(216,180,254,0.6),rgba(168,85,247,0.8) 40%,rgba(109,40,217,0.9));clip-path:polygon(50% 0%,100% 35%,80% 100%,20% 100%,0% 35%);filter:drop-shadow(0 0 6px rgba(168,85,247,0.5))}
.mi-crystal::after{content:'';position:absolute;top:2px;left:4px;width:4px;height:10px;background:linear-gradient(180deg,rgba(255,255,255,0.35),transparent);clip-path:polygon(0 0,100% 20%,60% 100%,0 80%)}
.mi-cr-tl{top:-8px;left:-6px}.mi-cr-tl::before{transform:rotate(-25deg)}
.mi-cr-tr{top:-10px;right:8px}.mi-cr-tr::before{transform:rotate(20deg);width:10px;height:24px}
.mi-cr-bl{bottom:-6px;left:12px}.mi-cr-bl::before{transform:rotate(-10deg);width:9px;height:22px}
.mi-cr-br{bottom:-8px;right:-2px}.mi-cr-br::before{transform:rotate(15deg);width:11px;height:26px}
.mi-crystal-sm{position:absolute;z-index:3;pointer-events:none}
.mi-crystal-sm::before{content:'';position:absolute;width:7px;height:16px;background:linear-gradient(180deg,rgba(216,180,254,0.5),rgba(168,85,247,0.7) 40%,rgba(109,40,217,0.8));clip-path:polygon(50% 0%,100% 35%,80% 100%,20% 100%,0% 35%);filter:drop-shadow(0 0 4px rgba(168,85,247,0.4))}
.mi-cs-1{top:20px;left:-10px}.mi-cs-1::before{transform:rotate(-35deg)}
.mi-cs-2{top:50%;right:-8px}.mi-cs-2::before{transform:rotate(30deg)}
.mi-cs-3{bottom:20px;left:30px}.mi-cs-3::before{transform:rotate(-5deg);width:6px;height:14px}
.mi-sparkle{position:absolute;width:3px;height:3px;border-radius:50%;background:#c084fc;z-index:3;pointer-events:none;opacity:.4}

/* ===== 獎品一覽 ===== */
.pool-section{padding:8px 0 0}
.pool-title{font-size:13px;font-weight:700;color:var(--t2);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.pool-title::before{content:'';flex:0 0 3px;height:14px;background:var(--accent);border-radius:2px}
.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,110px));gap:8px}
.pool-card{background:var(--bg-card);border:1px solid var(--brd);border-radius:var(--rad);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}
.pool-card:hover{transform:translateY(-6px) scale(1.04);z-index:10;box-shadow:0 12px 32px rgba(0,0,0,0.5),0 0 20px rgba(139,92,246,0.15)}
.pool-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(168,85,247,0.12),transparent 60%);opacity:0;transition:opacity .3s;z-index:3;pointer-events:none}
.pool-card:hover::before{opacity:1}
.pool-card .pi{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center}
.pool-card .pi svg{width:40px;height:40px;position:relative;z-index:1}
.pool-card .pi img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;cursor:pointer;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .3s}
.pool-card:hover .pi img{transform:scale(1.12);filter:brightness(1.15) saturate(1.1)}
.pool-card .pi::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,var(--bg1),transparent);pointer-events:none;z-index:2}
.pool-card .pn{font-size:10px;color:var(--t2);line-height:1.3;padding:6px 6px 8px;position:relative;z-index:3;margin-top:-4px;transition:color .3s}
.pool-card:hover .pn{color:var(--t1)}
.pool-card .pd{display:none}
.pool-card .pr{position:absolute;top:4px;left:4px;z-index:5;font-size:7px;font-weight:900;font-family:'Orbitron',monospace;padding:2px 5px;border-radius:3px;color:#000;transition:transform .3s,box-shadow .3s}
.pool-card:hover .pr{transform:scale(1.1);box-shadow:0 0 8px rgba(0,0,0,0.3)}
.pool-card.lr{border:2px solid rgba(168,85,247,0.5);background:linear-gradient(145deg,rgba(12,6,18,0.98),rgba(20,10,30,0.95));box-shadow:0 0 20px rgba(168,85,247,0.2)}
.pool-card.lr:hover{box-shadow:0 12px 32px rgba(0,0,0,0.5),0 0 28px rgba(168,85,247,0.35);border-color:rgba(168,85,247,0.7)}
.pool-card.lr .pn{color:rgba(200,170,255,0.9)}
.pool-card.lr .pr{background:linear-gradient(135deg,#7c3aed,#fbbf24);color:#fff;z-index:6}
.pool-card.ur{border:2px solid rgba(220,38,38,0.5);background:linear-gradient(145deg,rgba(30,8,8,0.95),rgba(15,3,3,0.98));box-shadow:0 0 16px rgba(220,38,38,0.25)}
.pool-card.ur:hover{box-shadow:0 12px 32px rgba(0,0,0,0.5),0 0 28px rgba(220,38,38,0.35);border-color:rgba(220,38,38,0.7)}
.pool-card.ur .pn{color:rgba(248,113,113,0.9)}
.pool-card.ur .pr{background:linear-gradient(135deg,#991b1b,#dc2626);color:#fff;z-index:6}
.pool-card.ssr .pr{background:var(--ssr)}
.pool-card.ssr{border:2px solid rgba(255,196,0,0.45);box-shadow:0 0 10px rgba(255,196,0,0.15)}
.pool-card.ssr:hover{box-shadow:0 12px 32px rgba(0,0,0,0.5),0 0 24px rgba(255,196,0,0.3);border-color:rgba(255,196,0,0.65)}
.pool-card.sr .pr{background:var(--sr);color:#fff}
.pool-card.sr{border:2px solid rgba(224,64,251,0.45);box-shadow:0 0 10px rgba(224,64,251,0.15)}
.pool-card.sr:hover{box-shadow:0 12px 32px rgba(0,0,0,0.5),0 0 24px rgba(224,64,251,0.3);border-color:rgba(224,64,251,0.65)}
.pool-card.r .pr{background:var(--rc);color:#fff}
.pool-card.r{border:2px solid rgba(68,138,255,0.4);box-shadow:0 0 8px rgba(68,138,255,0.12)}
.pool-card.b .pr{background:var(--bc);color:#fff}
.pool-card.b{border:2px solid rgba(76,175,80,0.4);box-shadow:0 0 8px rgba(76,175,80,0.12)}
.pool-card.d .pr{background:rgba(255,255,255,.15);color:var(--t2)}
.pool-card.d{border:1.5px solid rgba(255,255,255,0.12)}
.section-divider{height:1px;margin:14px 16px;background:linear-gradient(90deg,transparent,var(--brd-strong),transparent)}

/* ===== 單抽結果 overlay ===== */
.result-overlay{position:fixed;inset:0;z-index:210;display:none;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.96);backdrop-filter:blur(12px);cursor:pointer;overflow:hidden}
.result-overlay{height:100dvh;max-height:100dvh;overflow-y:auto}
.multi-overlay{height:100dvh;max-height:100dvh}
.multi-grid-wrap{flex:1;overflow-y:auto;padding:0 12px 100px;min-height:0}
.result-overlay.active{display:flex}
.overlay-bg-fx{position:absolute;inset:0;pointer-events:none;z-index:200;overflow:hidden}
.magic-circle{display:none}
.god-rays{display:none}
.light-pillar,.light-pillar-l,.light-pillar-r,.light-pillar-ll,.light-pillar-rr{display:none}
.rarity-text{position:absolute;font-family:'Orbitron',sans-serif;font-size:min(100px,18vw,14vh);font-weight:900;opacity:.1;z-index:202;letter-spacing:12px;pointer-events:none;-webkit-text-stroke:2px currentColor;color:transparent;top:8%;left:0;right:0;width:100%;text-align:center}
.rarity-text.active{opacity:.1}
.prize-display{z-index:210;text-align:center;opacity:0;pointer-events:none}
.prize-display.active{opacity:1}
.prize-icon-big{display:flex;align-items:center;justify-content:center;margin:0 auto clamp(8px,1.5vh,14px);width:clamp(96px,18vh,140px);height:clamp(96px,18vh,140px);border-radius:16px;overflow:hidden;position:relative;background:rgba(0,0,0,0.4)}
.prize-icon-big svg{width:80px;height:80px}
.prize-icon-big img{width:100%;height:100%;object-fit:cover;border-radius:16px}
.prize-icon-big.ssr-glow{box-shadow:0 0 30px rgba(255,196,0,0.5);border:2px solid rgba(255,196,0,0.4)}
.prize-icon-big.ur-glow{border:3px solid rgba(220,38,38,0.6);box-shadow:0 0 40px rgba(220,38,38,0.5)}
.prize-icon-big.lr-glow{border:3px solid rgba(168,85,247,0.7);box-shadow:0 0 50px rgba(168,85,247,0.4);background:linear-gradient(145deg,#0c0618,#1a1030)}
.prize-icon-big.sr-glow{box-shadow:0 0 24px rgba(224,64,251,0.4);border:2px solid rgba(224,64,251,0.3)}
.prize-name-big{font-size:clamp(16px,2.6vh,22px);font-weight:900;margin-bottom:6px}
.prize-desc-big{font-size:clamp(11px,1.6vh,12px);color:var(--t2);margin-bottom:clamp(10px,2vh,20px);padding:0 clamp(20px,5vw,40px);line-height:1.6}
.prize-badge{display:inline-block;padding:5px 20px;border-radius:20px;font-family:'Orbitron',monospace;font-size:12px;font-weight:700;letter-spacing:2px;border:1px solid}
.prize-badge.ur-badge{background:linear-gradient(135deg,#2a0a0a,#401010);color:#f87171;border:1.5px solid rgba(220,38,38,0.5)}
.screen-flash{display:none}
.suspense-layer{display:none}
.ur-phase-overlay{display:none}

/* ===== 連抽結果 overlay ===== */
.multi-overlay{position:fixed;inset:0;z-index:200;display:none;flex-direction:column;background:rgba(4,3,10,.98);backdrop-filter:blur(12px);overflow:hidden;cursor:pointer}
.multi-overlay.active{display:flex}
.multi-header{padding:16px;text-align:center;flex-shrink:0}
.multi-title{font-family:'Orbitron',sans-serif;font-size:16px;font-weight:700;color:var(--accent-light);letter-spacing:4px;margin-bottom:4px}
.multi-sub{font-size:11px;color:var(--t3)}
.multi-grid-wrap{flex:1;overflow-y:auto;padding:0 12px 100px}
.multi-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:min(96vw,680px);margin:0 auto;padding:8px}
.mg-card{background:var(--bg-card);border:1.5px solid var(--brd);border-radius:10px;text-align:center;position:relative;overflow:hidden;width:clamp(84px,14vw,120px);flex-shrink:0}
.mg-card.ur{border:2px solid rgba(220,38,38,0.5);box-shadow:0 0 20px rgba(220,38,38,0.35);background:linear-gradient(145deg,rgba(30,8,8,0.95),rgba(15,3,3,0.98))}
.mg-card.ur .mc-name{color:rgba(248,113,113,0.9)}
.mg-card.lr{border:2px solid rgba(168,85,247,0.6);box-shadow:0 0 20px rgba(168,85,247,0.3);background:linear-gradient(145deg,rgba(12,6,18,0.98),rgba(20,10,30,0.95))}
.mg-card.lr .mc-name{color:rgba(200,170,255,0.9)}
.mg-card.lr .mc-rar{background:linear-gradient(135deg,#7c3aed,#fbbf24);color:#fff;z-index:7}
.ms-c.lr{color:#ffd700}
.mg-card.ssr{border-color:rgba(255,196,0,.5);box-shadow:0 0 20px var(--ssrg)}
.mg-card.sr{border-color:rgba(224,64,251,.35)}.mg-card.r{border-color:rgba(68,138,255,.2)}.mg-card.b{border-color:rgba(76,175,80,0.5)}.mg-card.d{border-color:rgba(120,144,156,0.35)}
.mg-card .mc-icon{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center}
.mg-card .mc-icon svg{width:30px;height:30px;position:relative;z-index:1}
.mg-card .mc-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mg-card .mc-icon::after{content:'';position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(to top,rgba(10,8,18,0.9),transparent);z-index:2}
.mg-card .mc-name{font-size:9px;color:var(--t2);padding:4px 4px 6px;position:relative;z-index:3}
.mg-card .mc-rar{position:absolute;top:3px;left:3px;z-index:7;font-size:7px;font-weight:900;font-family:'Orbitron',monospace;padding:1px 4px;border-radius:3px;color:#000}
.mg-card.ur .mc-rar{background:linear-gradient(135deg,#991b1b,#dc2626);color:#fff;z-index:7}
.mg-card.ssr .mc-rar{background:var(--ssr)}.mg-card.sr .mc-rar{background:var(--sr);color:#fff}.mg-card.r .mc-rar{background:var(--rc);color:#fff}.mg-card.b .mc-rar{background:#4caf50;color:#fff}.mg-card.d .mc-rar{background:rgba(255,255,255,.15);color:var(--t2)}
.multi-summary{position:absolute;bottom:0;left:0;right:0;background:rgba(10,8,18,.95);border-top:1px solid var(--brd);padding:12px 16px calc(12px + var(--safe));display:flex;align-items:center;gap:10px}
.ms-counts{display:flex;gap:10px;flex:1;flex-wrap:wrap}
.ms-c{font-size:12px;font-weight:700;display:flex;align-items:center;gap:3px}
.ms-c.ur{color:#f87171}.ms-c.ssr{color:var(--ssr)}.ms-c.sr{color:var(--sr)}.ms-c.r{color:var(--rc)}.ms-c.n{color:var(--t3)}
.ms-skip{padding:8px 16px;border-radius:20px;border:1px solid rgba(139,92,246,.3);background:rgba(139,92,246,.06);color:var(--accent-light);font-size:12px;cursor:pointer;font-family:'Noto Sans TC',sans-serif}

/* ===== 底部導覽 ===== */
.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:80;height:var(--navh);padding-bottom:var(--safe);background:rgba(10,8,18,.92);backdrop-filter:blur(16px);border-top:1px solid var(--brd);display:flex;align-items:center;justify-content:space-around}
.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--t3);font-size:10px;padding:6px 0}
.nav-tab.active{color:var(--accent-light)}.nav-tab.special{color:var(--accent)}
.nav-tab.special .tab-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--gold));display:flex;align-items:center;justify-content:center;color:#000;margin-top:-14px;box-shadow:0 4px 16px rgba(139,92,246,.35)}
.tab-label{font-weight:500}
.page-content::-webkit-scrollbar{display:none}
.page-content{scrollbar-width:none}
@media(min-width:769px){.mobile-bottom-nav{display:none}.page-content{padding-bottom:40px}}

/* ===== 未登入提示 ===== */
.login-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(10,8,18,0.95);backdrop-filter:blur(12px);align-items:center;justify-content:center;flex-direction:column}
.login-box{text-align:center;padding:40px 32px;max-width:320px;width:90%}
.login-icon{margin-bottom:20px;opacity:0.6}
.login-title{font-size:20px;font-weight:900;color:var(--t1);margin-bottom:8px}
.login-desc{font-size:13px;color:var(--t3);margin-bottom:28px;line-height:1.6}
.login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border-radius:24px;background:#06C755;color:#fff;font-size:15px;font-weight:700;text-decoration:none;font-family:'Noto Sans TC',sans-serif;transition:all .2s;box-shadow:0 4px 20px rgba(6,199,85,0.3)}
.login-btn:hover{transform:scale(1.03);box-shadow:0 6px 28px rgba(6,199,85,0.4)}
.login-btn:active{transform:scale(0.97)}

/* ===== 結果 overlay tap hint ===== */
.tap-hint{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:9;font-size:11px;color:var(--t3)}

/* ===== 強推精選橫幅 ===== */
.mi-pin-banner{display:flex;align-items:center;gap:8px;padding:8px 14px;margin-bottom:10px;background:linear-gradient(90deg,rgba(205,127,50,0.2),rgba(255,140,66,0.1),transparent);border-left:3px solid #e8a54b;position:relative;overflow:hidden;border-radius:0 4px 4px 0}
.mi-pin-banner-icon{font-size:15px;flex-shrink:0}
.mi-pin-banner-text{font-size:12px;font-weight:900;color:#e8a54b;letter-spacing:2px;font-family:'Noto Sans TC',sans-serif}
.mi-pin-banner-hot{margin-left:auto;background:linear-gradient(90deg,#cd7f32,#ff8c42);color:#07070c;font-size:9px;font-weight:900;padding:2px 8px;letter-spacing:2px;flex-shrink:0}
.mi-pin-banner-shine{display:none}
.mi-wrap.is-pinned{border-top:2px solid rgba(205,127,50,0.55);box-shadow:0 0 24px rgba(205,127,50,0.12)}