/* ═══ 1104 共用頁尾（獨立頁用；內容＝首頁 index.html 的頁尾）═══
   這些頁不載 css/style.css，所以這裡把 style.css 裡 footer／.footPlay／.storeRow／.store*／.socials／.social-btn／.legal 的規則
   原樣搬來並全部掛在 .site-footer 底下（變數改成字面值：--lite #F3EFE6、--lite-sub #BFB8AB），不會碰到頁面其他元素。
   差異：外層用 .sf-wrap（＝首頁 .wrap 720px），底部 padding 56px（首頁 104px 是留給手機底部「立即遊玩」列，獨立頁沒有）。 */
.site-footer{background:rgba(10,13,17,.86);color:#B9B2A6;padding:46px 0 56px;margin-top:40px;font-size:15px;line-height:1.75;font-family:'Noto Sans TC',sans-serif;-webkit-font-smoothing:antialiased;}
.site-footer *{box-sizing:border-box;}
.site-footer .sf-wrap{max-width:720px;margin:0 auto;padding:0 20px;}
.site-footer img{max-width:100%;display:block;}
.site-footer .footPlay{text-align:center;margin:0 0 26px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.12);}
.site-footer .footPlay .platform{margin:0;font-size:14px;color:#BFB8AB;}
.site-footer .storeRow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 14px;margin-top:12px;}
.site-footer .storeRow .store{display:inline-flex;align-items:center;height:52px;text-decoration:none;position:relative;}
.site-footer .storeRow .store img{height:52px;width:auto;display:block;}
.site-footer .storeRow .store.gp img{height:60px;margin:-4px;}
.site-footer .storeRow .store.soon{cursor:default;}
.site-footer .storeRow .store.soon img{filter:grayscale(1);opacity:.5;}
.site-footer .storeRow .soonTip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:#111;color:#fff;font-style:normal;font-size:13px;font-weight:700;padding:6px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 4px 14px rgba(0,0,0,.4);}
.site-footer .storeRow .soonTip:after{content:"";position:absolute;left:50%;top:100%;margin-left:-6px;border:6px solid transparent;border-top-color:#111;}
.site-footer .storeRow .store.soon:hover .soonTip,.site-footer .storeRow .store.soon:focus .soonTip,.site-footer .storeRow .store.soon:active .soonTip{opacity:1;}
.site-footer .storeRow .store.web{gap:9px;padding:0 16px 0 13px;border-radius:8px;background:#000;color:#fff;border:1px solid #a6a6a6;line-height:1.1;}
.site-footer .storeRow .store.web small{display:block;font-size:11px;color:#ddd;letter-spacing:.02em;}
.site-footer .storeRow .store.web b{display:block;font-size:19px;font-weight:700;}
.site-footer .storeRow .store.web:hover{background:#1a1a1a;}
.site-footer .socials{margin:0;}
.site-footer .socials h4{color:#F3EFE6;font-size:16px;font-weight:700;margin:0 0 10px;text-align:left;}
.site-footer .social-row{display:flex;justify-content:center;gap:10px;flex-wrap:nowrap;}
.site-footer .social-btn{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border-radius:8px;background:#000;color:#fff;border:1px solid #a6a6a6;font-size:14px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;}
.site-footer .social-btn svg{width:20px;height:20px;flex:none;display:block;}
.site-footer .social-btn:hover{background:#1a1a1a;}
.site-footer .social-btn[aria-label="Facebook"] svg{color:#1877F2;}
.site-footer .social-btn[aria-label="Instagram"] svg{color:#E1306C;}
.site-footer .social-btn[aria-label="Discord"] svg{color:#5865F2;}
@media (max-width:600px){ .site-footer .social-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;} .site-footer .social-btn{padding:0 6px;} }   /* 1104：4 顆 → 手機 2×2，標籤不擠 */
.site-footer .legal{margin-top:30px;border-top:1px solid rgba(255,255,255,.15);padding-top:22px;line-height:2;text-align:left;}
.site-footer .legal p{margin:0;}
.site-footer .legal .mailLink{color:inherit;text-decoration:none;}
.site-footer .legal .mailLink:hover{text-decoration:underline;}
.site-footer .legal .legalLinks{margin-top:6px;font-size:12px;color:#9A9184;line-height:2;}
.site-footer .legal .legalLinks a{color:inherit;text-decoration:none;}
.site-footer .legal .legalLinks a:hover{text-decoration:underline;}