/* 兑换中心：366×744 设计板，按背包方式等比例缩放。 */
#gameScreen .ex-overlay,
.ex-overlay{
  --ex-panel-scale:1;
  position:absolute !important;
  z-index:3200 !important;
  inset:0 !important;
  width:390px !important;
  max-width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:52px 8px 12px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  background:radial-gradient(circle at 50% 36%,rgba(45,37,24,.24),rgba(13,10,8,.74));
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  font-family:"Noto Sans SC",Inter,system-ui,sans-serif;
}
#gameScreen .ex-fit,
.ex-fit{
  position:relative !important;
  flex:none !important;
  width:calc(366px * var(--ex-panel-scale,1)) !important;
  height:calc(744px * var(--ex-panel-scale,1)) !important;
}
#gameScreen .ex-panel,
.ex-panel{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:366px !important;
  height:744px !important;
  max-width:none !important;
  max-height:none !important;
  min-height:744px !important;
  margin:0 !important;
  overflow:hidden !important;
  color:#412813;
  border:5px solid #563316;
  border-radius:27px;
  background:radial-gradient(120% 52% at 50% 0,rgba(255,239,176,.7),transparent 52%),linear-gradient(180deg,#fbe9b9 0,#efd095 55%,#d99f50 100%);
  box-shadow:inset 0 0 0 3px #f8d985,inset 0 0 0 7px #8a5424,0 18px 30px rgba(18,9,4,.54);
  transform:translate(-50%,-50%) scale(var(--ex-panel-scale,1)) !important;
  transform-origin:center center !important;
  box-sizing:border-box !important;
}
.ex-panel,.ex-panel *{box-sizing:border-box}
.ex-panel:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,247,207,.75);border-radius:18px;pointer-events:none}
.ex-header{position:absolute;z-index:2;left:13px;top:11px;width:330px;height:58px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 46px 0 40px;border:3px solid #6b3e19;border-radius:18px 18px 14px 14px;background:linear-gradient(180deg,#a35c24,#633214);box-shadow:inset 0 2px #d69748,inset 0 -3px #45210d,0 3px 0 #b87931;color:#fff1bc}.ex-header img{width:37px;height:37px;object-fit:contain}.ex-header h2{margin:0;font-size:20px;line-height:22px;font-weight:950;letter-spacing:.06em;text-shadow:0 2px #50230c}.ex-header span{display:block;margin-top:1px;color:#f7d783;font-size:9px;line-height:12px;font-weight:800;letter-spacing:.08em}
.ex-close{position:absolute;z-index:5;right:15px;top:18px;width:39px;height:39px;padding:0;border:3px solid #772518;border-radius:50%;background:linear-gradient(#ff7453,#cf3325);color:#fff7db;font-size:25px;line-height:31px;font-weight:950;text-shadow:0 2px #8c2118;box-shadow:inset 0 2px #ffb08e,0 3px 0 #862317;cursor:pointer}.ex-close:active{transform:translateY(1px)}
.ex-summary{position:absolute;z-index:2;left:17px;top:79px;width:322px;height:49px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ex-summary>div{display:flex;flex-direction:column;justify-content:center;padding:4px 8px;border:2px solid #bd7c34;border-radius:12px;background:linear-gradient(#fff9e7,#f4d18f);box-shadow:inset 0 1px #fffdf1,0 2px 0 #9b5e25}.ex-summary small{color:#8a6538;font-size:8px;line-height:11px;font-weight:800}.ex-summary b{overflow:hidden;color:#5b3215;font-size:12px;line-height:16px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.ex-summary>div:first-child b{color:#348d2c}.ex-summary>div:nth-child(2) b{color:#b42318}
.ex-tip{position:absolute;z-index:2;left:17px;top:136px;width:322px;height:35px;margin:0;padding:8px 13px 7px 30px;overflow:hidden;border:1px solid #d0a252;border-radius:11px;background:linear-gradient(90deg,#fff9e8,#f7dfa6);color:#6f4d27;font-size:9px;line-height:18px;font-weight:800;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 1px #fffdf0}.ex-tip:before{content:"↻";position:absolute;left:10px;top:7px;color:#2e91b9;font-size:15px;line-height:18px;font-weight:950}
.ex-filters{position:absolute;z-index:2;left:17px;top:179px;width:322px;height:31px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ex-filters button{border:1px solid #a56b2d;border-radius:9px;background:linear-gradient(#fff5d7,#eac37c);color:#76502a;font-size:10px;font-weight:900;box-shadow:inset 0 1px #fffef4;cursor:pointer}.ex-filters button[aria-selected="true"]{border-color:#2d7626;background:linear-gradient(#83d853,#48a92f);color:#fff;text-shadow:0 1px #2b6a21;box-shadow:inset 0 1px #caff99,0 2px 0 #317a25}
.ex-list{position:absolute;z-index:2;left:17px;top:219px;width:322px;height:278px;padding:7px;overflow-y:auto;overscroll-behavior:contain;border:2px solid #b87831;border-radius:16px;background:linear-gradient(#e6bd72,#f2d999 8%,#e8c37e 100%);box-shadow:inset 0 6px 14px rgba(93,48,13,.15)}.ex-list::-webkit-scrollbar{width:5px}.ex-list::-webkit-scrollbar-thumb{border-radius:4px;background:#ae7132}
.ex-row{position:relative;width:100%;height:64px;display:grid;grid-template-columns:1fr 21px 1fr;align-items:center;gap:3px;margin-bottom:7px;padding:12px 8px 5px;border:2px solid #bd7b31;border-radius:13px;background:radial-gradient(110% 120% at 50% 0,#fffdf5,#f6dfac 70%,#eabf72);box-shadow:inset 0 1px #fffef5,0 2px 0 #985c23;text-align:left;cursor:pointer}.ex-row:last-child{margin-bottom:0}.ex-row[aria-selected="true"]{border-color:#4d9e31;box-shadow:inset 0 0 0 2px #d8ff9e,inset 0 1px #fff,0 2px 0 #347a25,0 0 10px rgba(82,155,46,.4)}.ex-row--locked{opacity:.68}.ex-row--featured:after{content:"";position:absolute;inset:2px;border:1px solid rgba(255,190,43,.65);border-radius:9px;pointer-events:none}
.ex-row__tag{position:absolute;z-index:2;left:0;top:0;padding:2px 8px 3px;border-radius:10px 0 9px 0;background:linear-gradient(#f69c36,#d9651d);color:#fff;font-size:7px;line-height:9px;font-weight:900}.ex-row__vip{position:absolute;right:7px;top:5px;padding:1px 5px;border-radius:7px;background:#8e5b2c;color:#ffe8ae;font-size:7px;line-height:9px;font-weight:900}
.ex-side{min-width:0;display:flex;align-items:center;gap:6px}.ex-side img{width:34px;height:34px;flex:0 0 34px;object-fit:contain}.ex-side span{min-width:0}.ex-side b{display:block;overflow:hidden;color:#4b2e16;font-size:10px;line-height:14px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.ex-side small{display:block;overflow:hidden;color:#85613b;font-size:7px;line-height:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.ex-arrow{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(#ffcf55,#df8d21);color:#744014;font-size:13px;font-weight:950;box-shadow:inset 0 1px #fff0a3,0 1px #a35c1c}
.ex-empty{height:100%;display:grid;place-items:center;color:#805b34;font-size:11px;font-weight:850}
.ex-detail{position:absolute;z-index:2;left:17px;top:506px;width:322px;height:222px;padding:10px 12px;border:3px solid #b87932;border-radius:18px;background:linear-gradient(145deg,#fffaf0,#ffe6ad);box-shadow:inset 0 2px #fffef5,0 3px 0 #92551f}.ex-detail[hidden]{display:none}.ex-detail__head{height:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.ex-detail__head>div{min-width:0;display:flex;align-items:center;gap:6px}.ex-detail__tag{flex:0 0 auto;padding:2px 7px;border-radius:8px;background:#e97e24;color:#fff;font-size:7px;line-height:11px;font-weight:900}.ex-detail h3{margin:0;overflow:hidden;color:#482a13;font-size:13px;line-height:17px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.ex-detail__limit{flex:0 0 auto;color:#7b5b34;font-size:7px;line-height:14px;font-weight:800}.ex-detail__desc{height:27px;margin:0;overflow:hidden;color:#765332;font-size:8px;line-height:13px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ex-detail__flow{height:58px;display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;gap:5px;padding:5px 8px;border:1px solid #d4a557;border-radius:12px;background:linear-gradient(90deg,#fff9e7,#f5d99d,#fff9e7)}.ex-detail__flow span{min-width:0;display:flex;align-items:center;gap:5px}.ex-detail__flow img{width:37px;height:37px;flex:0 0 37px;object-fit:contain}.ex-detail__flow b{overflow:hidden;color:#543217;font-size:9px;line-height:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.ex-detail__flow i{padding:4px 5px;border-radius:9px;background:#5ca93c;color:#fff;font-size:8px;font-style:normal;font-weight:900;text-align:center}
.ex-deal{height:28px;margin:6px 0 4px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid #e2b45a;border-radius:10px;background:linear-gradient(#fff7d8,#f3d48a)}
.ex-deal__label{color:#8a5a2c;font-size:9px;font-weight:800}
.ex-deal__value{overflow:hidden;color:#b42318;font-size:13px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}
.ex-detail__bottom{height:51px;display:flex;align-items:flex-end;justify-content:space-between;gap:7px}.ex-stepper{display:flex;align-items:center;height:34px}.ex-stepper button,.ex-stepper input{height:30px;border:1px solid #af7735;background:#fff8e6;color:#5f3a19;font-size:12px;font-weight:900;text-align:center}.ex-stepper button{width:29px;padding:0;cursor:pointer}.ex-stepper button:first-child{border-radius:10px 0 0 10px}.ex-stepper input{width:40px;border-left:0;border-right:0;outline:0}.ex-stepper input::-webkit-inner-spin-button{display:none}.ex-stepper .ex-max{width:38px;margin-left:4px;border-radius:9px;background:#f1d08d;font-size:8px}.ex-stepper button:disabled,.ex-stepper input:disabled{opacity:.5}
.ex-buy{min-width:105px;height:35px;padding:0 11px;border:2px solid #2b7621;border-radius:18px;background:linear-gradient(#8ee758,#43aa2d);color:#fffdf2;font-size:11px;font-weight:950;text-shadow:0 1px #245816;box-shadow:inset 0 2px #d6ffa2,0 2px 0 #2a6d1c;cursor:pointer}.ex-buy:disabled{border-color:#8b6d4e;background:linear-gradient(#c8b69b,#9c876c);opacity:.68;text-shadow:none;box-shadow:inset 0 1px #eee2cf,0 2px #6f5c46}.ex-buy:not(:disabled):active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.ex-close,.ex-filters button,.ex-row,.ex-buy{transition:none}}