/* 10-22 福利中心（js/welfare-center.js）：照定稿圖 08514fb1——霧白大面板、大字漸層標題、右側工廠橫幅、藍色膠囊分頁、暖白區塊卡、立體按鈕；淺底深字、不捲動 */
body.home-v4 .topbar>.daily-reward-entries{display:none!important}
.wc-bar{position:absolute;z-index:40;top:80px;left:66px;display:flex;gap:6px}
.wc-entry{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:60px;padding:2px;border:1px solid #d9c690;border-radius:14px;background:#fffdf6ee;color:#2b2416;box-shadow:0 3px 10px #0003;cursor:pointer}
.wc-entry span{font-size:24px;line-height:28px}
.wc-entry b{font:800 11.5px/1.2 sans-serif;white-space:nowrap}
.wc-entry.on,.wc-entry:hover,.wc-entry:focus-visible{border-color:#e0a516;background:#fff3c4;outline:0;box-shadow:0 0 0 2px #f5c84a88,0 3px 10px #0003}
/* 全站面板配色（v654）用 !important 蓋掉 #app 內所有按鈕底色：入口與選中金框要再蓋回來 */
body #app .wc-bar .wc-entry.wc-entry{background-color:#fffdf6ee!important;border-color:#d9c690!important;color:#2b2416!important}
body #app .wc-bar .wc-entry.wc-entry:is(.on,:hover,:focus-visible){background-color:#fff3c4!important;border-color:#e0a516!important}
.wc-dot{position:absolute;top:3px;right:5px;width:10px;height:10px;border-radius:50%;background:#e8322a;box-shadow:0 0 0 2px #fff}
body.wc-open .wc-bar{z-index:91}

.wc-veil{position:fixed;inset:0;z-index:1199;background:#0a1a3a59;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.wc-veil[hidden]{display:none}
.wc-panel{position:fixed;z-index:1200;left:50%;top:54%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:8px;width:min(1080px,95vw);max-height:calc(100vh - 110px);overflow:hidden;padding:10px 14px 14px;border:2px solid #fffffff0;border-radius:28px;background:linear-gradient(180deg,#f4f8fdee,#eef3f9e6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#1f2a3c;box-shadow:0 24px 60px #0a1a3a66,0 0 0 1px #c9d6e866,inset 0 1px 0 #fff}
.wc-panel[hidden]{display:none}
.wc-pic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1}
.wc-pic img{display:block;width:100%;height:100%;object-fit:contain}

/* 標題列：左禮盒、大字標題、右側工廠橫幅（圖未到前留空位） */
.wc-head{position:relative;display:flex;align-items:center;gap:12px;min-height:96px;margin:-10px -14px 0;padding:6px 14px 0;border-radius:26px 26px 0 0;background:linear-gradient(90deg,#eef6ff 0%,#f6faff 45%,#e6f1fb 100%);overflow:hidden}
.wc-gift{display:flex;width:150px;height:96px;font-size:64px;align-items:flex-end;justify-content:center;filter:drop-shadow(0 6px 8px #0003)}
.wc-gift .wc-pic{width:100%;height:100%}
.wc-head>div:not(.wc-banner){position:relative;z-index:1}
.wc-head h2{margin:0;font:900 44px/1.05 sans-serif;letter-spacing:2px;background:linear-gradient(180deg,#2f8cf0,#0d4fb8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #fff) drop-shadow(0 3px 4px #0d4fb855)}
.wc-head p{margin:6px 0 0;font:800 16px/1.2 sans-serif;color:#13233d}
.wc-banner{position:absolute;right:0;top:0;bottom:0;width:46%;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
.wc-banner .wc-pic{width:100%;height:100%}.wc-banner img{object-fit:cover;object-position:right center}
.wc-x{position:absolute;z-index:2;right:16px;top:12px;width:46px;height:46px;border:2px solid #fff;border-radius:50%;background:#ffffffee;color:#1f2a3c;font:900 22px/1 sans-serif;cursor:pointer;box-shadow:0 3px 10px #0003}

/* 分頁：選中藍色漸層膠囊白字，其餘淺灰白 */
.wc-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:2px}
.wc-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:50px;border:1px solid #d8e2ee;border-radius:18px;background:linear-gradient(180deg,#ffffff,#eef2f7);color:#1f2a3c;font:900 20px/1 sans-serif;cursor:pointer;box-shadow:0 2px 6px #1a3a6a1f,inset 0 1px 0 #fff}
.wc-tabs button .wc-pic{width:34px;height:34px;font-size:24px}
.wc-tabs button.on{border-color:#1d6fe0;background:linear-gradient(180deg,#4fa3ff,#1667e0);color:#fff;box-shadow:0 4px 10px #1667e066,inset 0 1px 0 #ffffff88;text-shadow:0 1px 2px #0b3c8a88}
/* v561 全站「選中＝金底」用 !important：福利中心分頁照定稿圖改藍色膠囊，要更高權重蓋回 */
body .wc-panel .wc-tabs button.on[aria-selected="true"][role="tab"]{border-color:#1d6fe0!important;background:linear-gradient(180deg,#4fa3ff,#1667e0)!important;color:#fff!important;box-shadow:0 4px 10px #1667e066,inset 0 1px 0 #ffffff88!important}
.wc-btn:disabled{opacity:1}
.wc-tabs .wc-dot{top:-3px;right:6px;width:14px;height:14px}

/* 區塊卡：淺暖白漸層＋細邊＋內陰影，標題左圖示 */
.wc-body{min-height:0}
.wc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wc-box{display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px 14px;border:1px solid #e9e1cf;border-radius:20px;background:linear-gradient(180deg,#fffdf8,#fbf6ec);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 6px #e8dcc244,0 3px 10px #1a2a4a14}
.wc-box>header{display:flex;align-items:center;gap:10px;min-width:0}
.wc-box>header .wc-pic{width:40px;height:40px;font-size:30px}
.wc-box h3{margin:0;font:900 25px/1.1 sans-serif;color:#13233d;white-space:nowrap}
.wc-box>header p{margin:0;font:700 13.5px/1.2 sans-serif;color:#3a4558;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wc-box>header small{margin-left:auto;font:900 19px/1 sans-serif;color:#1f2a3c;white-space:nowrap}
.wc-box>header small.wc-ready{color:#1d8f3a}

/* 簽到格：已簽綠底打勾、第 7 天金框 */
.wc-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:0;padding:0;list-style:none}
.wc-sign .wc-days:has(li:nth-child(6):last-child){grid-template-columns:repeat(6,1fr)}
.wc-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 4px;border:1px solid #e3e7ee;border-radius:14px;background:linear-gradient(180deg,#fff,#f7f8fb);box-shadow:0 2px 5px #1a2a4a1a}
.wc-day small{font:800 14px/1.1 sans-serif;color:#13233d}
.wc-day .wc-item{min-width:0;border:0;background:none;box-shadow:none}
.wc-day.got{border:2px solid #4cc35e;background:linear-gradient(180deg,#e2f8de,#c9efc3)}
.wc-day.today{border:2px solid #2f8cf0;box-shadow:0 0 0 3px #4fa3ff44}
.wc-day.big:not(.got){border:2px solid #f0b72a;background:linear-gradient(180deg,#fff8dc,#ffeaa8);box-shadow:0 0 0 2px #f8d56a66,0 2px 5px #1a2a4a1a}
.wc-check{position:absolute;right:-5px;top:-6px;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:#2ea44f;color:#fff;font:900 13px/20px sans-serif;text-align:center;font-style:normal;box-shadow:0 2px 4px #0003}

/* 獎勵格：白底圓角小卡、數量在下 */
.wc-item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:72px;padding:6px 6px 4px;border-radius:14px}
.wc-items .wc-item{background:linear-gradient(180deg,#fff,#f7f8fb);border:1px solid #e3e7ee;box-shadow:0 2px 5px #1a2a4a1a}
.wc-item .wc-pic{width:44px;height:44px}
.wc-item i{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-style:normal;font-size:32px;line-height:1}
.wc-item i.v4-coin{border-radius:50%;font:900 20px/40px sans-serif;color:#5a3a00;background:radial-gradient(circle at 35% 30%,#fff3b0,#f4c032 60%,#c88a12);box-shadow:inset 0 0 0 2px #fff8,0 2px 3px #0003}
.wc-item i.wc-coin-life{color:#0b4a6e;background:radial-gradient(circle at 35% 30%,#e3f6ff,#62c3f0 60%,#2b8fc2)}
.wc-item b{font:900 15px/1.1 sans-serif;color:#13233d;white-space:nowrap}
.wc-items .wc-item.got{opacity:.7}
.wc-box footer,.wc-row{display:flex;align-items:center;gap:12px}
.wc-box footer small,.wc-hint{font:700 14px/1.25 sans-serif;color:#2c3546}
.wc-items{display:flex;gap:8px;flex:1 1 auto;min-width:0;overflow:hidden}

/* 按鈕：可領綠／金立體、已領灰＋✔、進行中灰藍 */
.wc-btn{flex:0 0 auto;min-width:150px;height:52px;padding:0 18px;border:0;border-radius:18px;font:900 22px/1 sans-serif;cursor:pointer;white-space:nowrap}
.wc-ready{background:linear-gradient(180deg,#6fe07f,#22a243);color:#fff;text-shadow:0 1px 2px #0a5a2088;box-shadow:0 4px 0 #157a33,0 6px 12px #157a3355,inset 0 1px 0 #ffffff88}
.wc-gold{background:linear-gradient(180deg,#ffe46a,#f6b81c);color:#2b1d00;box-shadow:0 4px 0 #c4870c,0 6px 12px #c4870c55,inset 0 1px 0 #fff9}
.wc-done{background:linear-gradient(180deg,#a9b1bd,#8a93a1);color:#fff;cursor:default;text-shadow:0 1px 2px #0004;box-shadow:0 3px 0 #6f7784,inset 0 1px 0 #ffffff66}
.wc-prog{background:linear-gradient(180deg,#b6c3d3,#97a7bb);color:#fff;cursor:default;text-shadow:0 1px 2px #0004;box-shadow:0 3px 0 #7a8aa0,inset 0 1px 0 #ffffff66}
.wc-sign footer .wc-btn{min-width:300px}

/* 進度條：加粗漸層＋完成勾 */
.wc-prog-row{display:flex;align-items:center;gap:10px}
.wc-bar-track{flex:1;height:18px;border-radius:10px;background:#e3e8ef;overflow:hidden;box-shadow:inset 0 1px 3px #0002}
.wc-bar-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(180deg,#5db2ff,#1f78e6)}
.wc-bar-track.wc-ready i,.wc-bar-track.wc-claimed i{background:linear-gradient(180deg,#5ee070,#1fa63f)}
.wc-pcheck{display:none;width:40px;height:40px;border:3px solid #fff;border-radius:50%;background:#26b34a;color:#fff;font:900 22px/34px sans-serif;text-align:center;font-style:normal;box-shadow:0 2px 6px #0003}
.wc-pcheck.on{display:block}

/* 前往選購卡：橘／紫彩色漸層、右上斜角標、金色按鈕 */
.wc-shops{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wc-shops.wc-wide{margin-top:4px}
.wc-shop{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:240px;padding:12px 14px;border-radius:20px;color:#fff;overflow:hidden;box-shadow:0 4px 12px #0003,inset 0 1px 0 #ffffff88}
.wc-shop h3{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin:0;font:900 26px/1.1 sans-serif;text-shadow:0 2px 0 #0003,0 0 6px #0003}
.wc-shop h3 .wc-pic{width:46px;height:46px;font-size:32px}
.wc-shop p{position:relative;z-index:1;margin:0 0 0 54px;font:800 14px/1.25 sans-serif;color:#fff;text-shadow:0 1px 2px #0005}
.wc-art{flex:1 1 auto;min-height:0;align-self:stretch;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:86px;line-height:1;filter:drop-shadow(0 6px 8px #0004)}
.wc-art .wc-pic{width:100%;height:100%}
.wc-shop .wc-btn{position:relative;z-index:1;align-self:stretch;margin-top:auto;height:56px}
.wc-shop.warm{background:radial-gradient(circle at 50% 60%,#ffd56a,#f39a1c 55%,#d8700c);border:2px solid #ffc95a}
.wc-shop.cool{background:radial-gradient(circle at 50% 60%,#b98cff,#7a45e6 55%,#5a2cc4);border:2px solid #b69cff}
.wc-tag{position:absolute;z-index:2;top:12px;right:-30px;width:110px;padding:3px 0;transform:rotate(35deg);font:900 12px/1.2 sans-serif;font-style:normal;text-align:center;color:#fff;background:linear-gradient(180deg,#ff5a4e,#d8261c);box-shadow:0 2px 4px #0004}
.wc-shop.cool .wc-tag{background:linear-gradient(180deg,#ffd34a,#f0a010);color:#3a2400}
.wc-empty{margin:6px 2px;font:700 14px/1.3 sans-serif;color:#2c3546}
.wc-note{margin:0;min-height:15px;font:800 13px/1.2 sans-serif;color:#1d6f34}
.wc-note:empty{display:none}

/* 1280×720：照比例收一點，不捲動 */
@media (max-height:760px) and (min-height:501px){
  .wc-panel{top:calc(50% + 34px);max-height:calc(100vh - 76px);gap:6px;padding:8px 12px 10px}
  .wc-head{min-height:76px;margin:-8px -12px 0}
  .wc-gift{width:120px;height:76px;font-size:52px}
  .wc-head h2{font-size:36px}.wc-head p{font-size:14px;margin-top:3px}
  .wc-x{width:40px;height:40px;top:10px}
  .wc-tabs button{height:40px;font-size:17px}.wc-tabs button .wc-pic{width:28px;height:28px;font-size:20px}
  .wc-grid,.wc-shops{gap:8px}
  .wc-box{gap:5px;padding:7px 12px}
  .wc-box h3{font-size:20px}.wc-box>header .wc-pic{width:32px;height:32px;font-size:24px}.wc-box>header small{font-size:16px}.wc-box>header p{font-size:12px}
  .wc-day{padding:4px 2px 3px}.wc-day small{font-size:12.5px}
  .wc-item{min-width:58px;padding:4px 4px 3px}.wc-item .wc-pic,.wc-item i{width:32px;height:32px;font-size:26px}.wc-item i.v4-coin{font-size:16px;line-height:32px}.wc-item b{font-size:13px}
  .wc-btn{min-width:120px;height:42px;font-size:18px}.wc-sign footer .wc-btn{min-width:200px}
  .wc-box footer small,.wc-hint{font-size:12px}
  .wc-bar-track{height:14px}.wc-pcheck{width:30px;height:30px;font-size:16px;line-height:24px}
  .wc-shop{min-height:0;padding:8px 12px}.wc-shop h3{font-size:21px}.wc-shop h3 .wc-pic{width:36px;height:36px;font-size:26px}.wc-shop p{margin-left:44px;font-size:12.5px}
  .wc-art{font-size:44px}.wc-shop .wc-btn{height:44px}
}
/* 844×390：縮字縮距、不捲動 */
@media (max-height:500px){
  .wc-bar{top:50px;left:54px;gap:4px}
  body.wc-open .wc-bar{display:none}
  .wc-entry{width:56px;height:44px;border-radius:12px}
  .wc-entry span{font-size:18px;line-height:20px}
  .wc-entry b{font-size:9.5px}
  .wc-panel{top:calc(50% + 22px);width:min(800px,97vw);max-height:calc(100vh - 50px);padding:5px 8px 6px;gap:4px;border-radius:18px}
  .wc-head{min-height:44px;margin:-5px -8px 0;padding:2px 8px 0;border-radius:16px 16px 0 0}
  .wc-gift{width:62px;height:44px;font-size:28px}
  .wc-head h2{font-size:21px;letter-spacing:1px}.wc-head p{font-size:10px;margin-top:1px}
  .wc-x{width:30px;height:30px;font-size:15px;top:6px;right:8px}
  .wc-tabs{gap:5px;padding:0}.wc-tabs button{height:26px;font-size:12px;border-radius:12px;gap:4px}.wc-tabs button .wc-pic{width:18px;height:18px;font-size:13px}
  .wc-tabs .wc-dot{width:9px;height:9px}
  .wc-grid,.wc-shops{gap:5px}
  .wc-box{gap:3px;padding:4px 7px;border-radius:13px}
  .wc-box>header{gap:5px}.wc-box>header .wc-pic{width:18px;height:18px;font-size:14px}.wc-box h3{font-size:13px}.wc-box>header small{font-size:10.5px}
  .wc-box>header p{display:none}
  .wc-days{gap:3px}
  .wc-day{padding:1px;border-radius:8px}.wc-day small{font-size:8.5px}
  .wc-check{top:-4px;right:-3px;width:14px;height:14px;border-width:1px;font-size:8px;line-height:12px}
  .wc-item{min-width:36px;padding:1px 2px;gap:0;border-radius:8px}
  .wc-item .wc-pic,.wc-item i{width:18px;height:18px;font-size:14px}.wc-item i.v4-coin{font-size:10px;line-height:18px}
  .wc-item b{font-size:9.5px}
  .wc-items{gap:4px}
  .wc-btn{min-width:74px;height:26px;font-size:12px;border-radius:10px;padding:0 8px}
  .wc-sign footer .wc-btn{min-width:110px}
  .wc-ready,.wc-gold,.wc-done,.wc-prog{box-shadow:0 2px 0 #0003}
  .wc-box footer small,.wc-hint{font-size:9px}
  .wc-bar-track{height:8px}.wc-pcheck{width:16px;height:16px;border-width:1px;font-size:9px;line-height:14px}
  .wc-shop{min-height:0;padding:4px 8px;gap:1px;border-radius:13px}
  .wc-shop h3{font-size:13px;gap:4px}.wc-shop h3 .wc-pic{width:20px;height:20px;font-size:15px}
  .wc-shop p{margin-left:24px;font-size:9.5px}
  .wc-art{display:none}
  .wc-shop .wc-btn{height:26px;margin-top:3px}
  .wc-tag{top:5px;right:-34px;font-size:8.5px;padding:1px 0}
  .wc-note{font-size:10.5px;min-height:0}
}
.wc-entry .wc-pic{width:34px;height:34px;font-size:24px}
@media (max-height:500px){.wc-entry .wc-pic{width:24px;height:24px;font-size:18px}}
.wc-art{flex:1 1 0;height:0;min-height:60px}.wc-art .wc-pic{max-height:100%}
/* 1280×720：面板下移，入口列完整露出 */
@media (max-height:760px) and (min-height:501px){.wc-panel{top:auto;bottom:12px;transform:translateX(-50%);max-height:calc(100vh - 160px)}}

/* 10-22 老闆：禮包已整合進右上禮物鈕，左上四顆入口移除（轉盤在福利中心內） */
body .wc-bar{display:none!important}
/* Welfare reference refresh: live data and controls, five unified tabs. */
body .wc-panel{width:min(1200px,96vw);max-height:94dvh;top:50%;border-radius:24px;background:linear-gradient(145deg,#f8fdff,#dff4ff);border:2px solid #a8e4ff}
body .wc-panel .wc-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
body .wc-panel .wc-tabs button{font-size:clamp(13px,1.5vw,20px);border-radius:14px;background:linear-gradient(#fff,#d9efff)}
body .wc-panel .wc-tabs button.on[aria-selected="true"][role="tab"]{background:linear-gradient(#fff77b,#ffda39)!important;color:#092a56!important;border-color:#e9bc20!important;text-shadow:none;box-shadow:0 2px 6px #bd9f3b44!important}
body .wc-panel .wc-body{overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable}
body .wc-panel .wc-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
body .wc-panel .wc-box{background:#f6fcff;border-color:#b9e4f3}
body .wc-panel .wc-shop{border-radius:18px}
body .wc-panel .wc-shop.warm{background:linear-gradient(130deg,#ffcc3e,#ff891b)}
body .wc-panel .wc-shop.cool{background:linear-gradient(130deg,#9256f4,#5e30d5);color:#fff}
body .wc-panel .wc-shop.cool :is(h3,p){color:#fff}
body .wc-panel .wc-supply-host .supply-shop{padding:0;background:transparent;border:0;box-shadow:none}
body .wc-panel .supply-embedded :is(.supply-scene,.supply-section-nav){display:none!important}
body .wc-panel .supply-embedded [data-supply-section-target]{display:none!important}
body .wc-panel .supply-embedded .supply-section{padding:12px;border:1px solid #b9dfee;border-radius:18px;background:#f5fcff}
body .wc-panel .supply-embedded .supply-section[hidden],body .wc-panel .supply-embedded .supply-item[hidden]{display:none!important}
body .wc-panel .supply-embedded h4{font-size:25px;color:#082d63;margin:0 0 12px}
body .wc-panel .supply-embedded .supply-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:0;list-style:none}
body .wc-panel .supply-embedded .supply-item{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0;padding:12px;border:1px solid #a5d9ed;border-radius:16px;background:linear-gradient(#e2f3ff,#fff);color:#123d61}
body .wc-panel .supply-embedded .supply-item>span[aria-hidden]{display:none}
body .wc-panel .supply-embedded .wc-supply-art{width:100%;height:105px;object-fit:contain;filter:drop-shadow(0 5px 4px #1c487b22)}
body .wc-panel .supply-embedded .supply-item b{font-size:19px;color:#082d63}
body .wc-panel .supply-embedded .supply-item small{font-size:14px;line-height:1.5;color:#37617c}
body .wc-panel .supply-embedded .supply-item :is(select,input){min-width:0;max-width:100%;border:1px solid #b4d7e8;border-radius:9px;background:#fff;color:#123d61;padding:9px;font-size:16px}
body .wc-panel .supply-embedded .supply-item>.btn{margin-top:auto;text-align:center;background:linear-gradient(#ffed74,#ffc923);color:#142f58;border:1px solid #dfad21;border-radius:12px;min-height:42px;font-weight:800}
body .wc-panel .supply-embedded .supply-item>.btn:disabled{background:#dbe6ec;color:#506474;opacity:1}
body .wc-panel .supply-embedded [data-supply-section="follow"] .supply-list{grid-template-columns:repeat(4,minmax(0,1fr))}
body .wc-panel .supply-embedded [data-supply-section="mine"] .supply-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.wc-quantity{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr 1fr;gap:4px}.wc-quantity button{padding:8px 2px;border:1px solid #97d5ed;border-radius:8px;background:#008cdb;color:#fff;font-weight:800}.wc-quantity input{text-align:center;width:100%;box-sizing:border-box}
@media(max-width:650px){body .wc-panel{padding:8px;max-height:96dvh}body .wc-panel .wc-head{min-height:76px}body .wc-panel .wc-gift{width:65px;height:65px}body .wc-panel .wc-head h2{font-size:28px}body .wc-panel .wc-head p{font-size:11px;max-width:70%}body .wc-panel .wc-tabs button{gap:2px;flex-direction:column;height:60px;font-size:12px}body .wc-panel .wc-tabs button .wc-pic{width:23px;height:23px}body .wc-panel .wc-grid{grid-template-columns:1fr}body .wc-panel .supply-embedded .supply-list,body .wc-panel .supply-embedded [data-supply-section="follow"] .supply-list,body .wc-panel .supply-embedded [data-supply-section="mine"] .supply-list{grid-template-columns:repeat(2,minmax(0,1fr))}body .wc-panel .supply-embedded .wc-supply-art{height:75px}body .wc-panel .supply-embedded .supply-item{padding:8px}body .wc-panel .supply-embedded .supply-item b{font-size:15px}.wc-quantity{grid-template-columns:1fr 1fr 1.4fr 1fr 1fr;gap:2px}.wc-quantity button{font-size:11px}body .wc-panel .supply-embedded .wc-quantity input{padding:6px 0}}
@media(max-height:500px){body .wc-panel .wc-head{min-height:65px}body .wc-panel .wc-gift{height:60px;width:80px}body .wc-panel .wc-head h2{font-size:28px}body .wc-panel .wc-tabs button{height:40px}body .wc-panel .wc-head p{font-size:12px}}
body .wc-panel{bottom:auto;transform:translate(-50%,-50%);box-sizing:border-box;height:min(650px,94dvh)}
body .wc-panel .wc-head,body .wc-panel .wc-tabs{flex-shrink:0}
body .wc-panel .wc-body{flex:1;min-width:0}
body .wc-panel .wc-supply-host,body .wc-panel .supply-shop,body .wc-panel .supply-section{min-width:0;max-width:100%;box-sizing:border-box}
body .wc-panel .supply-section-nav,body .wc-panel .supply-tabs{display:none!important}
body .wc-panel .wc-tabs button span{min-width:0}
body .wc-panel .wc-tabs button[data-wc-tab="event"]{font-size:14px}
body .wc-panel .supply-embedded .supply-item{box-sizing:border-box;overflow-wrap:anywhere}
@media(max-width:650px){body .wc-panel .wc-tabs button[data-wc-tab="event"]{font-size:10px}body .wc-panel .wc-head{margin:0;padding:0}body .wc-panel .wc-x{right:0;top:0}body .wc-panel .wc-sign .wc-days{grid-template-columns:repeat(4,minmax(0,1fr))}body .wc-panel .wc-sign footer{flex-wrap:wrap}body .wc-panel .wc-head>div:not(.wc-banner){min-width:0}}
.wc-daily-extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
.wc-daily-extra h3,.wc-daily-extra p{margin:0}
.wc-level-badge{align-self:center;padding:10px 16px;background:linear-gradient(135deg,#6d380c,#bf791a);border:3px solid #ffd95c;border-radius:10px 10px 22px 22px;color:#fff;font-size:21px;box-shadow:0 3px 0 #8d5a18}
body .wc-panel .supply-embedded [data-supply-section="packs"] .supply-list{grid-template-columns:repeat(6,minmax(0,1fr))}
body .wc-panel .supply-embedded [data-supply-section="packs"] .supply-item{gap:8px;background:linear-gradient(#064b7f,#cceeff 60%,#f7fcff);padding:9px;opacity:1!important}
body .wc-panel .supply-embedded [data-supply-section="packs"] .wc-supply-art{order:1;height:110px}
body .wc-panel .supply-embedded [data-supply-section="packs"] .wc-level-badge{order:0}
body .wc-panel .supply-embedded [data-supply-section="packs"] .supply-item>div{order:2}
body .wc-panel .supply-embedded [data-supply-section="packs"] .supply-item>.btn{order:3}
body .wc-panel .supply-embedded [data-supply-section="packs"] .supply-item b{font-size:16px}
body .wc-panel .supply-embedded [data-supply-section="packs"] .supply-item small{font-size:12px}
body .wc-panel .supply-embedded [data-supply-section="mine"] .supply-list{grid-template-columns:repeat(4,minmax(0,1fr))}
body .wc-panel .supply-embedded .wc-quantity button{min-width:0;white-space:nowrap;padding:8px 0;font-size:13px}
body .wc-panel .supply-embedded .supply-item>.btn{white-space:normal;line-height:1.3;padding:8px}
@media(max-width:1000px){body .wc-panel .supply-embedded [data-supply-section="packs"] .supply-list{grid-template-columns:repeat(3,minmax(0,1fr))}body .wc-panel .supply-embedded [data-supply-section="mine"] .supply-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body .wc-panel .supply-embedded [data-supply-section="packs"] .supply-list{grid-template-columns:repeat(2,minmax(0,1fr))}body .wc-panel .supply-embedded [data-supply-section="mine"] .supply-list{grid-template-columns:1fr}body .wc-panel .supply-embedded [data-supply-section="mine"] .wc-supply-art{height:85px}}
.wc-player-level{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:10px 14px;border:1px solid #b6e1f2;border-radius:14px;background:#f8fcff;color:#164c75}.wc-player-level progress{flex:1;min-width:30px;accent-color:#f4c326;height:18px}.wc-player-level span{font-size:12px}.wc-note:empty{display:none}
@media(max-width:650px){.wc-player-level{gap:6px;padding:8px;font-size:12px}.wc-player-level span{font-size:10px}}
/* 10-23 老闆：福利中心分頁裡露出補給站舊頁頭（重複標題＋長說明＋素面分頁鈕）→ 嵌入時收掉，分頁鈕套福利中心樣式 */
body .wc-panel .supply-embedded .supply-section>h4,body .wc-panel .supply-embedded .supply-section>h4+.emp-note:not(:last-child){display:none!important}
body .wc-panel .supply-embedded .supply-item-pages{display:flex!important;justify-content:center;align-items:center;gap:10px;margin:0 0 10px!important}
body .wc-panel .supply-embedded .supply-item-pages span{font-weight:800;color:#082d63;min-width:48px;text-align:center}
body .wc-panel .supply-embedded .supply-item-pages button{min-width:42px;min-height:34px;border:1px solid #dfad21;border-radius:12px;background:linear-gradient(#ffed74,#ffc923);color:#142f58;font-size:20px;font-weight:900;cursor:pointer}
body .wc-panel .supply-embedded .supply-item-pages button:disabled{background:#dbe6ec;border-color:#b9c9d3;color:#8aa0ad;cursor:default}