@media screen and (max-width: 767px) {
html,
body {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  -webkit-text-size-adjust: 100%;
}

body {
  position: relative !important;
  height: auto !important;
  background: #000 !important;
}

img,
table,
input,
select,
textarea,
button {
  max-width: 100%;
  box-sizing: border-box;
}

input,
select,
textarea {
  font-size: 16px;
}

#index {
  width: 100vw !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  height: auto !important;
  background-size: cover !important;
  background-position: center top !important;
}

#logo {
  top: 10px !important;
}

#logo img {
  width: 68vw !important;
  min-width: 230px !important;
  max-width: 320px !important;
  height: auto !important;
}

#login {
  top: clamp(160px, 21vh, 230px) !important;
  left: 0 !important;
  width: 100vw !important;
  height: auto !important;
  padding: 0 18px 96px !important;
  box-sizing: border-box;
  line-height: normal !important;
}

#login > br {
  display: none !important;
}

#login > div {
  max-width: calc(100vw - 36px) !important;
}

#login > div[style*="top:-30px"] {
  left: 0 !important;
  top: -26px !important;
  width: 100% !important;
  height: auto !important;
  font-size: 24px !important;
  line-height: 28px !important;
}

#login > div[style*="top:568px"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  margin: 4px auto 0 !important;
  font-size: 15px !important;
  line-height: 23px !important;
  text-shadow: 0 1px 2px #000 !important;
}

#login > div[style*="top:568px"] font {
  font-size: 15px !important;
  line-height: 22px !important;
}

#login > img[src*="zhanghao"],
#login > img[src*="mima"] {
  display: block !important;
  height: auto !important;
  margin: 18px auto 8px !important;
}

#login > img[src*="zhanghao"] {
  width: 140px !important;
  max-width: 38vw !important;
}

#login > img[src*="mima"] {
  width: 82px !important;
  max-width: 24vw !important;
  margin-top: 20px !important;
}

.input12 {
  display: block !important;
  width: 86vw !important;
  max-width: 360px !important;
  height: 52px !important;
  line-height: 52px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  font-size: 20px !important;
  text-align: center !important;
  background-size: 100% 100% !important;
  border-radius: 8px !important;
}

#login .hand {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 8px auto 0 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  color: #ff5656 !important;
  text-shadow: 0 1px 2px #000 !important;
}

#denglus,
#login #denglus {
  display: block !important;
  width: 86vw !important;
  max-width: 360px !important;
  height: 56px !important;
  margin: 24px auto 0 !important;
  background-size: 100% 56px !important;
  border-radius: 8px !important;
}

#serverlist,
#serverlisttxt {
  left: 0 !important;
  right: auto !important;
  width: 100vw !important;
  box-sizing: border-box !important;
}

#serverlist {
  top: auto !important;
  bottom: 0 !important;
  height: 78px !important;
  overflow: hidden !important;
}

#serverlisttxt {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: auto !important;
  bottom: 14px !important;
  height: 52px !important;
  padding: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: center !important;
}

#serverlisttxt > div {
  position: relative !important;
  display: block !important;
  left: auto !important;
  top: auto !important;
  width: min(58vw, 260px) !important;
  min-width: 210px !important;
  max-width: 260px !important;
  height: 44px !important;
  margin: 0 auto !important;
  line-height: 44px !important;
  background-size: 100% 44px !important;
  vertical-align: top !important;
}

#serverlisttxt > div font {
  display: block !important;
  width: 100% !important;
  height: 44px !important;
  line-height: 44px !important;
  font-size: 18px !important;
  text-align: center !important;
}

#mainbg {
  position: fixed !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
}

#main,
#maintxt {
  left: 0 !important;
  top: 0 !important;
  width: 100vw !important;
  min-width: 0 !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  overflow-x: hidden !important;
}

#maintxt {
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: repeat-y !important;
}

#zhounianqing,
#zhounianqingbg {
  display: none !important;
}

#bgcheck2 {
  right: 4px !important;
  top: 46% !important;
}

.mobile-top-btn {
  position: absolute !important;
  width: 31% !important;
  height: 34px !important;
  line-height: 34px !important;
  background: rgba(20, 19, 17, 0.76) !important;
  border: 1px solid rgba(249, 230, 0, 0.55) !important;
  box-sizing: border-box !important;
  text-align: center !important;
  color: #ffe7ba !important;
  font-size: 14px !important;
  font-weight: bold !important;
  overflow: hidden !important;
}

.mobile-top-btn:after,
.mobile-exit-btn:after {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 34px;
}

#gongneng-btn0 { left: 2% !important; top: 10px !important; }
#gongneng-btn1 { left: 34.5% !important; top: 10px !important; }
#gongneng-btn2 { left: 67% !important; top: 10px !important; }
#gongneng-btn3 { left: 2% !important; top: 50px !important; }
#gongneng-btn4 { left: 34.5% !important; top: 50px !important; }
#gongneng-btn5 { left: 67% !important; top: 50px !important; }

#gongneng-btn0:after { content: "\7B7E\5230"; }
#gongneng-btn1:after { content: "\5151\6362"; }
#gongneng-btn2:after { content: "\5145\503C"; }
#gongneng-btn3:after { content: "\63A8\5E7F"; }
#gongneng-btn4:after { content: "\6D3B\52A8"; }
#gongneng-btn5:after { content: "\4F1A\5458"; }

.mobile-exit-btn {
  left: auto !important;
  right: 2% !important;
  top: 92px !important;
  width: 22% !important;
  height: 34px !important;
  background: rgba(76, 21, 18, 0.82) !important;
  border: 1px solid rgba(255, 205, 138, 0.55) !important;
  box-sizing: border-box !important;
  text-align: center !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

.mobile-exit-btn:after {
  content: "\9000\51FA";
}

.mobile-suggest-btn {
  left: 2% !important;
  top: 92px !important;
  width: 32% !important;
  height: 34px !important;
  line-height: 34px !important;
  background: rgba(20, 19, 17, 0.76) !important;
  border: 1px solid rgba(249, 230, 0, 0.55) !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  overflow: hidden !important;
}

#timeShow {
  right: 26% !important;
  top: 102px !important;
  bottom: auto !important;
}

#serverbing {
  left: 2% !important;
  top: 130px !important;
  bottom: auto !important;
  width: 96% !important;
  height: 18px !important;
  line-height: 18px !important;
  font-size: 12px !important;
  text-align: center !important;
  overflow: hidden !important;
}

.mobile-category-btn {
  position: absolute !important;
  width: 47% !important;
  height: 48px !important;
  background-size: 100% 48px !important;
}

#ditu0 { left: 2% !important; top: 154px !important; }
#ditu1 { left: 51% !important; top: 154px !important; }
#ditu2 { left: 2% !important; top: 208px !important; }
#ditu3 { left: 51% !important; top: 208px !important; }

.mobile-category-btn > div {
  width: 100% !important;
  left: 0 !important;
  top: 15px !important;
  font-size: 16px !important;
  line-height: 18px !important;
}

.mobile-menu-grid {
  left: 2% !important;
  top: 268px !important;
  width: 96% !important;
  height: calc(100vh - 406px) !important;
  height: calc(100dvh - 406px) !important;
  min-height: 190px !important;
  max-height: 250px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

.mobile-grid-btn {
  position: relative !important;
  display: inline-block !important;
  left: auto !important;
  top: auto !important;
  width: 48% !important;
  height: 44px !important;
  margin: 4px 1% !important;
  background-size: 100% 40px !important;
  vertical-align: top !important;
}

.mobile-grid-btn > div {
  width: 100% !important;
  left: 0 !important;
  top: 13px !important;
  font-size: 14px !important;
  line-height: 18px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#touxiang {
  left: 2% !important;
  top: 528px !important;
  width: 96% !important;
  height: 90px !important;
  overflow: hidden !important;
}

#changyong,
#changyongzuo,
#wangyin,
#zhenjie,
#guanming {
  display: none !important;
}

#liaotian {
  left: 8px !important;
  right: auto !important;
  bottom: 0 !important;
  width: calc(100vw - 16px) !important;
  height: 126px !important;
  background: rgba(0, 0, 0, 0.72) !important;
  border-top: 1px solid rgba(249, 230, 0, 0.35) !important;
  box-sizing: border-box !important;
}

#liaotiantxt {
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  width: 100% !important;
  height: 90px !important;
  padding: 4px !important;
  box-sizing: border-box !important;
}

#liaotiansend {
  left: 4px !important;
  bottom: 4px !important;
  width: calc(100% - 46px) !important;
  height: 28px !important;
}

#liaotiansendtxt {
  width: 100% !important;
  height: 28px !important;
  line-height: 28px !important;
  font-size: 16px !important;
}

#liaotianfasong {
  left: auto !important;
  right: 6px !important;
  bottom: 5px !important;
  width: 32px !important;
  height: 32px !important;
}

#liaotianfasongtxt {
  width: 32px !important;
  height: 32px !important;
}

#cdkey {
  left: 0 !important;
  width: 100vw !important;
  height: auto !important;
  min-height: 40px !important;
  overflow-x: auto !important;
}

#tishi {
  position: fixed !important;
  left: 7vw !important;
  top: 12vh !important;
  width: 86vw !important;
  height: auto !important;
  min-height: 150px !important;
  max-height: 64dvh !important;
  overflow: auto !important;
}

#tishitxt {
  position: relative !important;
  left: 0 !important;
  top: 36px !important;
  width: 100% !important;
  min-height: 84px !important;
  font-size: 16px !important;
  line-height: 24px !important;
  box-sizing: border-box !important;
  padding: 8px !important;
}

#tishiclose,
#Gclose,
#roleclose,
div[id$="close"] {
  min-width: 34px !important;
  min-height: 34px !important;
}

body.mobile-layout .mobile-panel {
  position: fixed !important;
  left: 8px !important;
  right: auto !important;
  top: 8px !important;
  bottom: auto !important;
  width: calc(100vw - 16px) !important;
  height: calc(100vh - 16px) !important;
  height: calc(100dvh - 16px) !important;
  max-width: none !important;
  max-height: none !important;
  box-sizing: border-box !important;
  overflow: auto !important;
  background-size: 100% 100% !important;
  -webkit-overflow-scrolling: touch;
}

body.mobile-layout .mobile-panel-body {
  left: 12px !important;
  top: 58px !important;
  width: calc(100% - 24px) !important;
  height: calc(100% - 70px) !important;
  max-width: none !important;
  max-height: none !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.mobile-layout #Gtxt.mobile-panel-body,
body.mobile-layout #qiandaotxt.mobile-panel-body,
body.mobile-layout #guajitxt.mobile-panel-body,
body.mobile-layout #wanjialisttxt.mobile-panel-body {
  top: 72px !important;
  height: calc(100% - 86px) !important;
}

body.mobile-layout #bagtxt.mobile-panel-body {
  top: 118px !important;
  height: calc(100% - 132px) !important;
  overflow: auto !important;
}

body.mobile-layout #cangkutxt.mobile-panel-body {
  top: 64px !important;
  height: calc(100% - 78px) !important;
  overflow: auto !important;
}

body.mobile-layout #vs.mobile-panel,
body.mobile-layout #guailist.mobile-panel {
  background-size: cover !important;
  background-position: center top !important;
}

body.mobile-layout #vstxt.mobile-panel-body,
body.mobile-layout #guailisttxt.mobile-panel-body {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body.mobile-layout .mobile-panel img {
  max-width: 100%;
  height: auto;
}

body.mobile-layout .mobile-panel input,
body.mobile-layout .mobile-panel select,
body.mobile-layout .mobile-panel textarea {
  font-size: 16px !important;
}
}

@media screen and (max-width: 767px) and (orientation: landscape) {
#login {
  top: 92px !important;
}

#logo img {
  width: 40vw !important;
  max-width: 230px !important;
}

.mobile-menu-grid {
  top: 138px !important;
  height: calc(100vh - 270px) !important;
  height: calc(100dvh - 270px) !important;
  max-height: none !important;
}

#serverbing {
  display: none !important;
}

.mobile-category-btn {
  width: 23% !important;
}

#ditu0 { left: 2% !important; top: 88px !important; }
#ditu1 { left: 26% !important; top: 88px !important; }
#ditu2 { left: 50% !important; top: 88px !important; }
#ditu3 { left: 74% !important; top: 88px !important; }

#touxiang {
  display: none !important;
}
}

@media screen and (max-width: 767px) {
html,
body {
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
  background: #080a0d !important;
}

#main,
#maintxt {
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
}

#maintxt {
  background: #080a0d !important;
}

.mobile-top-btn,
.mobile-suggest-btn,
.mobile-exit-btn,
.mobile-category-btn,
.mobile-grid-btn {
  background-image: none !important;
  background-color: #11161d !important;
  border: 1px solid #6d5f24 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #f7e7ad !important;
  box-sizing: border-box !important;
}

.mobile-top-btn {
  height: 40px !important;
  line-height: 40px !important;
  font-size: 15px !important;
}

#gongneng-btn0 { left: 2% !important; top: 8px !important; width: 31% !important; }
#gongneng-btn1 { left: 34.5% !important; top: 8px !important; width: 31% !important; }
#gongneng-btn2 { left: 67% !important; top: 8px !important; width: 31% !important; }
#gongneng-btn3 { left: 2% !important; top: 54px !important; width: 31% !important; }
#gongneng-btn4 { left: 34.5% !important; top: 54px !important; width: 31% !important; }
#gongneng-btn5 { left: 67% !important; top: 54px !important; width: 31% !important; }

.mobile-top-btn:after,
.mobile-exit-btn:after {
  line-height: 40px !important;
}

.mobile-suggest-btn,
.mobile-exit-btn {
  top: 100px !important;
  height: 38px !important;
  line-height: 38px !important;
  font-size: 15px !important;
}

.mobile-suggest-btn {
  left: 2% !important;
  width: 34% !important;
}

.mobile-exit-btn {
  right: 2% !important;
  width: 24% !important;
  background-color: #2a1517 !important;
  color: #fff1d6 !important;
}

.mobile-exit-btn:after {
  line-height: 38px !important;
}

#timeShow {
  left: 38% !important;
  right: auto !important;
  top: 109px !important;
  width: 23% !important;
  height: 20px !important;
  line-height: 20px !important;
  color: #f2f4f8 !important;
  font-size: 13px !important;
}

#serverbing {
  left: 2% !important;
  top: 144px !important;
  width: 96% !important;
  height: 18px !important;
  line-height: 18px !important;
  color: #f0b867 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

#changyongzuo {
  display: block !important;
  visibility: visible !important;
  z-index: 91 !important;
  left: 2% !important;
  top: 168px !important;
  bottom: auto !important;
  width: 96% !important;
  height: 26px !important;
  overflow: hidden !important;
  background: #101820 !important;
  border: 1px solid #273545 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

#changyongzuotxt,
#changyongzuotxt.mobile-panel-body {
  position: absolute !important;
  display: block !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 24px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  color: #82f0c0 !important;
  font-size: 13px !important;
  text-align: left !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

#changyongzuotxt:before {
  content: "\6218\529B\0020";
  color: #f5cf70;
}

#renwuzhanli {
  position: static !important;
  display: inline !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  line-height: inherit !important;
  font-size: inherit !important;
  vertical-align: baseline !important;
}

#touxiang {
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  gap: 4px !important;
  left: 2% !important;
  top: 202px !important;
  width: 96% !important;
  height: 72px !important;
  padding: 7px !important;
  overflow: hidden !important;
  background: #0f1319 !important;
  border: 1px solid #263443 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

#touxiangpic,
#touxiangpicbg,
#touxiangcover {
  display: none !important;
}

#touxiang > div {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 18px !important;
  line-height: 18px !important;
  padding: 0 6px !important;
  margin: 0 !important;
  background: #151c25 !important;
  border: 1px solid #2b3b4c !important;
  border-radius: 6px !important;
  color: #dce7f2 !important;
  font-size: 11px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}

#touxiang > div:first-of-type {
  color: #f5cf70 !important;
  border-color: #6d5f24 !important;
}

.mobile-category-btn {
  top: 282px !important;
  width: 23.5% !important;
  height: 42px !important;
  line-height: 42px !important;
  overflow: hidden !important;
}

#ditu0 { left: 2% !important; top: 282px !important; }
#ditu1 { left: 26.5% !important; top: 282px !important; }
#ditu2 { left: 51% !important; top: 282px !important; }
#ditu3 { left: 75.5% !important; top: 282px !important; }

.mobile-category-btn > div {
  top: 0 !important;
  height: 42px !important;
  line-height: 42px !important;
  font-size: 14px !important;
  color: #f7e7ad !important;
}

.mobile-menu-grid {
  left: 2% !important;
  top: 332px !important;
  width: 96% !important;
  height: calc(100vh - 488px) !important;
  height: calc(100dvh - 488px) !important;
  min-height: 132px !important;
  max-height: none !important;
  padding: 2px 0 8px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.mobile-grid-btn {
  width: 48.5% !important;
  height: 52px !important;
  margin: 4px 0.75% !important;
  background-color: #14191f !important;
  border-color: #354659 !important;
}

.mobile-grid-btn > div {
  top: 0 !important;
  height: 52px !important;
  line-height: 52px !important;
  font-size: 15px !important;
  color: #f1ead0 !important;
}

#changyong {
  display: block !important;
  visibility: visible !important;
  z-index: 93 !important;
  left: 2% !important;
  right: auto !important;
  top: calc(100vh - 148px) !important;
  top: calc(100dvh - 148px) !important;
  bottom: auto !important;
  width: 96% !important;
  height: 44px !important;
  overflow: hidden !important;
  background: #10161d !important;
  border: 1px solid #2d3d4f !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

#changyongtxt,
#changyongtxt.mobile-panel-body {
  position: absolute !important;
  display: flex !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 4px !important;
  gap: 4px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#changyongtxt > div {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: 34px !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  background: #18212b !important;
  border: 1px solid #334557 !important;
  border-radius: 7px !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 34px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#changyongtxt > div:after {
  color: #e6eef7 !important;
  font-size: 12px !important;
  line-height: 34px !important;
  white-space: nowrap !important;
}

#renwulv {
  display: none !important;
}

#renwubtn:after { content: "\89D2\8272"; }
#gonggaobtn:after { content: "\80CC\5305"; }
#beibaobtn:after { content: "\62CD\5356"; }
#guajibtn:after { content: "\6392\884C"; }
#paimaibtn:after { content: "\79BB\7EBF"; }
#mengbtn:after { content: "\5E2E\4F1A"; }
#shopbtn:after { content: "\5546\57CE"; }

#liaotian {
  left: 2% !important;
  right: auto !important;
  top: calc(100vh - 98px) !important;
  top: calc(100dvh - 98px) !important;
  bottom: auto !important;
  width: 96% !important;
  height: 94px !important;
  background: #080a0d !important;
  border: 1px solid #253444 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

#liaotiantxt {
  width: 100% !important;
  height: 58px !important;
  top: 0 !important;
  left: 0 !important;
  padding: 4px 6px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  line-height: 18px !important;
  overflow-y: auto !important;
}

#liaotiansend {
  left: 6px !important;
  bottom: 5px !important;
  width: calc(100% - 48px) !important;
  height: 26px !important;
  background: #111820 !important;
  border: 1px solid #2d3d4f !important;
  border-radius: 7px !important;
  box-sizing: border-box !important;
}

#liaotiansendtxt {
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 6px !important;
  font-size: 16px !important;
}

#liaotianfasong {
  right: 6px !important;
  bottom: 5px !important;
  width: 34px !important;
  height: 26px !important;
  background: #1f5f4a !important;
  border-radius: 7px !important;
}

#liaotianfasongtxt {
  width: 34px !important;
  height: 26px !important;
}
}

@media screen and (max-width: 767px) {
.mobile-top-btn {
  height: 48px !important;
  line-height: 48px !important;
  font-size: 16px !important;
  border-radius: 8px !important;
}

#gongneng-btn0 { left: 2% !important; top: 8px !important; width: 31% !important; }
#gongneng-btn1 { left: 34.5% !important; top: 8px !important; width: 31% !important; }
#gongneng-btn2 { left: 67% !important; top: 8px !important; width: 31% !important; }
#gongneng-btn3 { left: 2% !important; top: 62px !important; width: 31% !important; }
#gongneng-btn4 { left: 34.5% !important; top: 62px !important; width: 31% !important; }
#gongneng-btn5 { left: 67% !important; top: 62px !important; width: 31% !important; }

.mobile-top-btn:after {
  line-height: 48px !important;
}

.mobile-suggest-btn,
.mobile-exit-btn {
  top: 118px !important;
  height: 42px !important;
  line-height: 42px !important;
  font-size: 15px !important;
  border-radius: 8px !important;
}

.mobile-suggest-btn {
  left: 2% !important;
  width: 35% !important;
}

.mobile-exit-btn {
  right: 2% !important;
  width: 25% !important;
}

.mobile-exit-btn:after {
  line-height: 42px !important;
}

#timeShow {
  left: 39% !important;
  top: 129px !important;
  width: 20% !important;
}

#serverbing {
  top: 166px !important;
  height: 18px !important;
}

#changyongzuo {
  top: 190px !important;
  height: 30px !important;
}

#changyongzuotxt,
#changyongzuotxt.mobile-panel-body {
  line-height: 28px !important;
  font-size: 13px !important;
}

#touxiang {
  top: 226px !important;
  height: 60px !important;
  padding: 6px !important;
  gap: 4px !important;
}

#touxiang > div {
  height: 20px !important;
  line-height: 18px !important;
  padding: 0 6px !important;
  font-size: 11px !important;
}

#touxiang > div:empty {
  display: none !important;
}

.mobile-category-btn {
  width: 23.5% !important;
  height: 48px !important;
  line-height: 48px !important;
}

#ditu0 { left: 2% !important; top: 294px !important; }
#ditu1 { left: 26.5% !important; top: 294px !important; }
#ditu2 { left: 51% !important; top: 294px !important; }
#ditu3 { left: 75.5% !important; top: 294px !important; }

.mobile-category-btn > div {
  height: 48px !important;
  line-height: 48px !important;
  font-size: 15px !important;
}

.mobile-menu-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: 62px !important;
  gap: 8px !important;
  align-content: start !important;
  left: 2% !important;
  top: 350px !important;
  width: 96% !important;
  height: calc(100vh - 494px) !important;
  height: calc(100dvh - 494px) !important;
  min-height: 132px !important;
  padding: 0 4px 8px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable;
}

.mobile-menu-grid[style*="display:block"],
.mobile-menu-grid[style*="display: block"] {
  display: grid !important;
}

.mobile-menu-grid[style*="display:none"],
.mobile-menu-grid[style*="display: none"] {
  display: none !important;
  pointer-events: none !important;
}

.mobile-grid-btn {
  position: relative !important;
  display: flex !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: 62px !important;
  margin: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
}

.mobile-grid-btn > div {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 62px !important;
  line-height: 62px !important;
  font-size: 16px !important;
}

#changyong {
  top: calc(100vh - 136px) !important;
  top: calc(100dvh - 136px) !important;
  height: 48px !important;
}

#changyongtxt,
#changyongtxt.mobile-panel-body {
  padding: 5px !important;
  gap: 5px !important;
}

#changyongtxt > div {
  height: 36px !important;
  line-height: 36px !important;
}

#changyongtxt > div:after {
  font-size: 13px !important;
  line-height: 36px !important;
}

#liaotian {
  top: calc(100vh - 82px) !important;
  top: calc(100dvh - 82px) !important;
  height: 78px !important;
}

#liaotiantxt {
  height: 46px !important;
  line-height: 17px !important;
}

#liaotiansend {
  height: 24px !important;
}

#liaotiansendtxt {
  height: 22px !important;
  line-height: 22px !important;
}

#liaotianfasong,
#liaotianfasongtxt {
  height: 24px !important;
}
}

@media screen and (max-width: 767px) and (max-height: 720px) {
#logo {
  top: 4px !important;
}

#logo img {
  width: 58vw !important;
  min-width: 190px !important;
  max-width: 240px !important;
}

#login {
  top: 122px !important;
  padding-bottom: 70px !important;
}

#login > div[style*="top:-30px"] {
  top: -18px !important;
  font-size: 20px !important;
  line-height: 24px !important;
}

#login > div[style*="top:568px"] {
  margin-top: 0 !important;
  font-size: 12px !important;
  line-height: 18px !important;
}

#login > div[style*="top:568px"] font {
  font-size: 12px !important;
  line-height: 18px !important;
}

#login > img[src*="zhanghao"],
#login > img[src*="mima"] {
  margin: 10px auto 6px !important;
}

.input12 {
  height: 46px !important;
  line-height: 46px !important;
  max-width: 330px !important;
  font-size: 18px !important;
}

#login .hand {
  margin-top: 5px !important;
  font-size: 14px !important;
  line-height: 18px !important;
}

#denglus {
  height: 50px !important;
  margin-top: 15px !important;
  background-size: 100% 50px !important;
}

#serverlist {
  height: 60px !important;
}

#serverlisttxt {
  bottom: 7px !important;
  height: 46px !important;
}

#serverlisttxt > div,
#serverlisttxt > div font {
  height: 40px !important;
  line-height: 40px !important;
}
}
/* mobile loading refine 20260614a */
@media screen and (max-width: 767px) {
#sysLoading {
  position: fixed !important;
  z-index: 998 !important;
  display: block;
  visibility: visible;
  left: 0 !important;
  top: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  overflow: hidden !important;
  background: #05070b !important;
}

#sysLoading > div:first-child {
  position: absolute !important;
  z-index: 998 !important;
  display: block !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

#sysLoading > div:first-child img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.04);
  filter: brightness(0.62) saturate(0.95) contrast(1.04);
}

#sysLoading:before {
  content: "";
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 30%, rgba(255, 180, 76, 0.14), rgba(255, 180, 76, 0) 34%),
    linear-gradient(180deg, rgba(2, 5, 10, 0.18) 0%, rgba(4, 7, 12, 0.55) 46%, rgba(3, 5, 8, 0.94) 100%);
}

#sysLoading:after {
  content: "\4E5D\52AB";
  position: absolute;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 24vh;
  text-align: center;
  font-family: "华文中宋", "楷体", serif;
  font-size: 44px;
  line-height: 50px;
  color: #f7d083;
  font-weight: bold;
  letter-spacing: 0;
  text-shadow: 0 2px 6px #000, 0 0 18px rgba(249, 183, 67, 0.45);
  pointer-events: none;
}

#sysLoadingtxt {
  position: absolute !important;
  z-index: 1001 !important;
  left: 8% !important;
  right: auto !important;
  top: calc(24vh + 66px) !important;
  bottom: auto !important;
  width: 84% !important;
  height: auto !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  color: #fff3d6 !important;
  font-family: "黑体", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 22px !important;
  text-align: center !important;
  background: rgba(6, 10, 15, 0.68) !important;
  border: 1px solid rgba(238, 190, 93, 0.34) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.36) !important;
  cursor: default !important;
}

#sysLoadingtxt font,
#sysLoadingtxt u {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

#LoadingJindubg {
  position: absolute !important;
  z-index: 1001 !important;
  left: 10% !important;
  top: calc(24vh + 136px) !important;
  bottom: auto !important;
  width: 80% !important;
  height: 18px !important;
  padding: 3px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: rgba(7, 10, 15, 0.78) !important;
  border: 1px solid rgba(238, 190, 93, 0.55) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.75), 0 8px 22px rgba(0, 0, 0, 0.28) !important;
}

#LoadingJindubg:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0.1), rgba(255,255,255,0));
  pointer-events: none;
}

#LoadingJindu {
  position: absolute !important;
  z-index: 1002 !important;
  left: calc(10% + 4px) !important;
  top: calc(24vh + 140px) !important;
  bottom: auto !important;
  height: 10px !important;
  min-width: 8px !important;
  margin-left: 0 !important;
  background: linear-gradient(90deg, #d88b22 0%, #f3c64e 52%, #fff1a3 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 10px rgba(247, 193, 63, 0.55) !important;
  transition: width 0.18s ease-out;
}
}

@media screen and (max-width: 767px) and (max-height: 720px) {
#sysLoading:after {
  top: 20vh;
  font-size: 38px;
  line-height: 44px;
}

#sysLoadingtxt {
  top: calc(20vh + 58px) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 9px 12px !important;
}

#LoadingJindubg {
  top: calc(20vh + 120px) !important;
}

#LoadingJindu {
  top: calc(20vh + 124px) !important;
}
}

/* mobile hud refine 20260614b */
@media screen and (max-width: 767px) {
#changyongzuo {
  display: block !important;
  visibility: visible !important;
  left: 52% !important;
  top: 196px !important;
  bottom: auto !important;
  width: 46% !important;
  height: 28px !important;
  z-index: 94 !important;
  overflow: hidden !important;
  background: #162333 !important;
  border: 1px solid #3c5872 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

#changyongzuotxt,
#changyongzuotxt.mobile-panel-body {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 26px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  color: #7ff1c2 !important;
  font-size: 13px !important;
  font-weight: bold !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#changyongzuotxt:before {
  content: "\6218\529B:";
  color: #ffd37a !important;
  margin-right: 2px !important;
}

#touxiang {
  position: fixed !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  left: 2% !important;
  top: 190px !important;
  width: 96% !important;
  height: 96px !important;
  padding: 40px 6px 6px !important;
  gap: 4px !important;
  z-index: 92 !important;
  overflow: hidden !important;
  background: #0d141c !important;
  border: 1px solid #2a3f55 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

#touxiang > div:nth-of-type(2),
#touxiang > div:nth-of-type(3) {
  position: absolute !important;
  top: 6px !important;
  height: 28px !important;
  line-height: 26px !important;
  padding: 0 8px !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #eef6ff !important;
  background: #162333 !important;
  border: 1px solid #3b526a !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#touxiang > div:nth-of-type(2) {
  left: 8px !important;
  width: 28% !important;
  color: #ffe0a0 !important;
}

#touxiang > div:nth-of-type(3) {
  left: calc(28% + 16px) !important;
  width: 20% !important;
  color: #d7eaff !important;
}

#touxiang > div:nth-of-type(n+4) {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 24px !important;
  line-height: 22px !important;
  padding: 0 7px !important;
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: bold !important;
  color: #e4edf7 !important;
  background: #151f2a !important;
  border: 1px solid #31465b !important;
  border-radius: 7px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.mobile-category-btn {
  top: 294px !important;
  height: 44px !important;
  line-height: 44px !important;
}

#ditu0 { left: 2% !important; top: 294px !important; }
#ditu1 { left: 26.5% !important; top: 294px !important; }
#ditu2 { left: 51% !important; top: 294px !important; }
#ditu3 { left: 75.5% !important; top: 294px !important; }

.mobile-category-btn > div {
  height: 44px !important;
  line-height: 44px !important;
  font-size: 15px !important;
}

.mobile-menu-grid {
  top: 344px !important;
  height: calc(100vh - 488px) !important;
  height: calc(100dvh - 488px) !important;
  grid-auto-rows: 56px !important;
  gap: 7px !important;
}

.mobile-grid-btn {
  height: 56px !important;
  border-radius: 8px !important;
}

.mobile-grid-btn > div {
  height: 56px !important;
  line-height: 56px !important;
  font-size: 15px !important;
}

#changyong {
  top: calc(100vh - 144px) !important;
  top: calc(100dvh - 144px) !important;
  height: 56px !important;
}

#changyongtxt,
#changyongtxt.mobile-panel-body {
  padding: 6px !important;
  gap: 5px !important;
}

#changyongtxt > div {
  height: 44px !important;
  line-height: 44px !important;
  border-radius: 8px !important;
}

#changyongtxt > div:after {
  font-size: 14px !important;
  line-height: 44px !important;
  font-weight: bold !important;
}

#liaotian {
  top: calc(100vh - 82px) !important;
  top: calc(100dvh - 82px) !important;
  height: 78px !important;
}
}
/* mobile bottom nav cleanup 20260614c */
@media screen and (max-width: 767px) {
#changyongtxt > #renwulv,
#changyongtxt > div:not([id]) {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

#changyongtxt > div[id$="btn"] {
  display: flex !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
}
}
/* mobile top buttons compact 20260614d */
@media screen and (max-width: 767px) {
.mobile-top-btn,
.mobile-suggest-btn,
.mobile-exit-btn {
  height: 34px !important;
  line-height: 34px !important;
  font-size: 14px !important;
  border-radius: 7px !important;
}

.mobile-top-btn:after,
.mobile-exit-btn:after {
  line-height: 34px !important;
  font-size: 14px !important;
}

#gongneng-btn0 { left: 2% !important; top: 8px !important; width: 23% !important; }
#gongneng-btn1 { left: 26.333% !important; top: 8px !important; width: 23% !important; }
#gongneng-btn2 { left: 50.666% !important; top: 8px !important; width: 23% !important; }
#wanjiajianyibtn { left: 75% !important; top: 8px !important; width: 23% !important; }

#gongneng-btn3 { left: 2% !important; top: 48px !important; width: 23% !important; }
#gongneng-btn4 { left: 26.333% !important; top: 48px !important; width: 23% !important; }
#gongneng-btn5 { left: 50.666% !important; top: 48px !important; width: 23% !important; }
#huangcheng { left: 75% !important; right: auto !important; top: 48px !important; width: 23% !important; }

#timeShow {
  left: 38% !important;
  top: 86px !important;
  width: 24% !important;
  height: 16px !important;
  line-height: 16px !important;
  font-size: 12px !important;
  text-align: center !important;
  color: #f6d991 !important;
}

#serverbing {
  top: 108px !important;
  height: 18px !important;
  line-height: 18px !important;
}

#touxiang {
  top: 132px !important;
  height: 96px !important;
}

#changyongzuo {
  top: 138px !important;
}

.mobile-category-btn {
  top: 236px !important;
}

#ditu0 { top: 236px !important; }
#ditu1 { top: 236px !important; }
#ditu2 { top: 236px !important; }
#ditu3 { top: 236px !important; }

.mobile-menu-grid {
  top: 286px !important;
  height: calc(100vh - 430px) !important;
  height: calc(100dvh - 430px) !important;
}
}
/* mobile panel background refine 20260614e */
@media screen and (max-width: 767px) {
body.mobile-layout .mobile-panel:not(#touxiang):not(#changyong):not(#changyongzuo):not(#serverbing):not(#liaotian) {
  left: 3% !important;
  top: 10px !important;
  width: 94% !important;
  height: calc(100vh - 20px) !important;
  height: calc(100dvh - 20px) !important;
  max-width: 94% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background-image: none !important;
  background: #0d1219 !important;
  border: 1px solid #31465b !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.55) !important;
  box-sizing: border-box !important;
}

body.mobile-layout .mobile-panel:not(#touxiang):not(#changyong):not(#changyongzuo):not(#serverbing):not(#liaotian):not(#role):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 58px;
  background: #121b25;
  border-bottom: 1px solid #2d4258;
  pointer-events: none;
}

body.mobile-layout .mobile-panel:not(#touxiang):not(#changyong):not(#changyongzuo):not(#serverbing):not(#liaotian):not(#role) > div[id$="close"] {
  right: 10px !important;
  top: 10px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  background-image: none !important;
  background: #2b1215 !important;
  border: 1px solid #7a3e3e !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout .mobile-panel:not(#touxiang):not(#changyong):not(#changyongzuo):not(#serverbing):not(#liaotian):not(#role) > div[id$="close"]:after {
  content: "\00D7";
  display: block;
  width: 100%;
  height: 100%;
  line-height: 36px;
  color: #ffd9bf;
  font-family: Arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
  text-align: center;
}

body.mobile-layout .mobile-panel > #biaotis,
body.mobile-layout .mobile-panel > div[id="biaotis"] {
  position: absolute !important;
  left: 14px !important;
  top: 13px !important;
  width: calc(100% - 70px) !important;
  height: 34px !important;
  line-height: 34px !important;
  color: #ffd37a !important;
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
  box-sizing: border-box !important;
}

body.mobile-layout .mobile-panel-body {
  left: 12px !important;
  top: 70px !important;
  width: calc(100% - 24px) !important;
  height: calc(100% - 82px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 10px !important;
  background: #111923 !important;
  border: 1px solid #293d51 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  color: #e9f2ff !important;
  font-size: 15px !important;
  line-height: 24px !important;
}

body.mobile-layout #qiandao,
body.mobile-layout #qiandaotxt {
  text-align: center !important;
}

body.mobile-layout #qiandaotxt,
body.mobile-layout #qiandaotxt * {
  max-width: 100% !important;
  white-space: normal !important;
  word-break: break-word !important;
}
}
/* mobile panel below topbar 20260614f */
@media screen and (max-width: 767px) {
body.mobile-layout .mobile-panel:not(#touxiang):not(#changyong):not(#changyongzuo):not(#serverbing):not(#liaotian) {
  top: 88px !important;
  height: calc(100vh - 96px) !important;
  height: calc(100dvh - 96px) !important;
}
}
/* mobile 4col function grid 20260614g */
@media screen and (max-width: 767px) {
.mobile-top-btn,
.mobile-suggest-btn,
.mobile-exit-btn {
  height: 38px !important;
  line-height: 38px !important;
  font-size: 15px !important;
  border-radius: 8px !important;
}

.mobile-top-btn:after,
.mobile-exit-btn:after {
  line-height: 38px !important;
  font-size: 15px !important;
}

#gongneng-btn0 { top: 8px !important; }
#gongneng-btn1 { top: 8px !important; }
#gongneng-btn2 { top: 8px !important; }
#wanjiajianyibtn { top: 8px !important; }
#gongneng-btn3 { top: 50px !important; }
#gongneng-btn4 { top: 50px !important; }
#gongneng-btn5 { top: 50px !important; }
#huangcheng { top: 50px !important; }

#timeShow {
  top: 93px !important;
  height: 16px !important;
  line-height: 16px !important;
  font-size: 12px !important;
}

#serverbing {
  top: 114px !important;
}

#touxiang {
  top: 138px !important;
}

#changyongzuo {
  top: 144px !important;
}

.mobile-category-btn {
  top: 242px !important;
  height: 48px !important;
  line-height: 48px !important;
  border-radius: 8px !important;
}

#ditu0 { top: 242px !important; }
#ditu1 { top: 242px !important; }
#ditu2 { top: 242px !important; }
#ditu3 { top: 242px !important; }

.mobile-category-btn > div {
  height: 48px !important;
  line-height: 48px !important;
  font-size: 16px !important;
}

.mobile-menu-grid {
  top: 298px !important;
  height: calc(100vh - 448px) !important;
  height: calc(100dvh - 448px) !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: 46px !important;
  gap: 6px !important;
  padding: 0 4px 8px !important;
}

.mobile-grid-btn {
  height: 46px !important;
  border-radius: 7px !important;
}

.mobile-grid-btn > div {
  height: 46px !important;
  line-height: 46px !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

#changyong {
  top: calc(100vh - 150px) !important;
  top: calc(100dvh - 150px) !important;
  height: 62px !important;
}

#changyongtxt,
#changyongtxt.mobile-panel-body {
  padding: 6px !important;
  gap: 6px !important;
}

#changyongtxt > div {
  height: 50px !important;
  line-height: 50px !important;
  border-radius: 8px !important;
}

#changyongtxt > div:after {
  font-size: 15px !important;
  line-height: 50px !important;
}
}
/* mobile 3col larger function grid 20260614h */
@media screen and (max-width: 767px) {
.mobile-menu-grid {
  top: 298px !important;
  height: calc(100vh - 448px) !important;
  height: calc(100dvh - 448px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 54px !important;
  gap: 7px !important;
  padding: 0 5px 8px !important;
}

.mobile-grid-btn {
  height: 54px !important;
  border-radius: 8px !important;
}

.mobile-grid-btn > div {
  height: 54px !important;
  line-height: 54px !important;
  font-size: 15px !important;
  font-weight: bold !important;
}

#changyong {
  top: calc(100vh - 150px) !important;
  top: calc(100dvh - 150px) !important;
  height: 62px !important;
}
}
/* mobile panel hud overlay fix 20260614j */
@media screen and (max-width: 767px) {
body.mobile-layout.mobile-overlay-open #timeShow,
body.mobile-layout.mobile-overlay-open #serverbing,
body.mobile-layout.mobile-overlay-open #touxiang,
body.mobile-layout.mobile-overlay-open #changyongzuo,
body.mobile-layout.mobile-overlay-open #changyong,
body.mobile-layout.mobile-overlay-open #liaotian {
  display: none !important;
  pointer-events: none !important;
}
}
/* mobile larger touch targets 20260614k */
@media screen and (max-width: 767px) {
.mobile-top-btn,
.mobile-suggest-btn,
.mobile-exit-btn {
  height: 42px !important;
  line-height: 42px !important;
  font-size: 16px !important;
  border-radius: 8px !important;
}

.mobile-top-btn:after,
.mobile-suggest-btn:after,
.mobile-exit-btn:after {
  line-height: 42px !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

#gongneng-btn0,
#gongneng-btn1,
#gongneng-btn2,
#wanjiajianyibtn {
  top: 8px !important;
}

#gongneng-btn3,
#gongneng-btn4,
#gongneng-btn5,
#huangcheng {
  top: 54px !important;
}

#timeShow {
  top: 101px !important;
  height: 18px !important;
  line-height: 18px !important;
  font-size: 13px !important;
}

#serverbing {
  top: 124px !important;
  height: 20px !important;
  line-height: 20px !important;
  font-size: 13px !important;
}

#touxiang {
  top: 150px !important;
  height: 108px !important;
  padding: 42px 7px 7px !important;
  gap: 5px !important;
}

#touxiang > div:nth-of-type(2),
#touxiang > div:nth-of-type(3) {
  top: 6px !important;
  height: 32px !important;
  line-height: 30px !important;
  padding: 0 9px !important;
  font-size: 14px !important;
}

#touxiang > div:nth-of-type(2) {
  left: 8px !important;
  width: 29% !important;
}

#touxiang > div:nth-of-type(3) {
  left: calc(29% + 16px) !important;
  width: 20% !important;
}

#touxiang > div:nth-of-type(n+4) {
  height: 26px !important;
  line-height: 24px !important;
  padding: 0 8px !important;
  font-size: 13px !important;
  border-radius: 8px !important;
}

#changyongzuo {
  top: 156px !important;
  height: 32px !important;
  left: 52% !important;
  width: 46% !important;
}

#changyongzuotxt,
#changyongzuotxt.mobile-panel-body {
  height: 100% !important;
  line-height: 30px !important;
  padding: 0 9px !important;
  font-size: 14px !important;
}

.mobile-category-btn {
  top: 266px !important;
  height: 52px !important;
  line-height: 52px !important;
}

#ditu0,
#ditu1,
#ditu2,
#ditu3 {
  top: 266px !important;
}

.mobile-category-btn > div {
  height: 52px !important;
  line-height: 52px !important;
  font-size: 17px !important;
  font-weight: bold !important;
}

.mobile-menu-grid {
  top: 326px !important;
  height: calc(100vh - 488px) !important;
  height: calc(100dvh - 488px) !important;
  grid-auto-rows: 60px !important;
  gap: 8px !important;
  padding: 0 6px 8px !important;
}

.mobile-grid-btn {
  height: 60px !important;
  border-radius: 8px !important;
}

.mobile-grid-btn > div {
  height: 60px !important;
  line-height: 60px !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

#changyong {
  top: calc(100vh - 158px) !important;
  top: calc(100dvh - 158px) !important;
  height: 70px !important;
}

#changyongtxt,
#changyongtxt.mobile-panel-body {
  padding: 7px !important;
  gap: 6px !important;
}

#changyongtxt > div {
  height: 56px !important;
  line-height: 56px !important;
  border-radius: 8px !important;
}

#changyongtxt > div:after {
  font-size: 16px !important;
  line-height: 56px !important;
  font-weight: bold !important;
}

#liaotian {
  top: calc(100vh - 82px) !important;
  top: calc(100dvh - 82px) !important;
  height: 78px !important;
}
}
/* mobile menu bottom spacing 20260614l */
@media screen and (max-width: 767px) {
.mobile-menu-grid {
  height: calc(100vh - 516px) !important;
  height: calc(100dvh - 516px) !important;
  padding-bottom: 14px !important;
}
}
/* mobile panel offset for enlarged topbar 20260614m */
@media screen and (max-width: 767px) {
body.mobile-layout .mobile-panel:not(#mainbg):not(#timeShow):not(#touxiang):not(#changyong):not(#changyongzuo):not(#serverbing):not(#liaotian) {
  top: 102px !important;
  height: calc(100vh - 110px) !important;
  height: calc(100dvh - 110px) !important;
}
}
/* mobile currency and function area second adjust 20260614n */
@media screen and (max-width: 767px) {
#serverbing {
  top: 124px !important;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 14px !important;
}

#touxiang {
  top: 150px !important;
  height: 128px !important;
  padding: 50px 8px 8px !important;
  gap: 6px !important;
}

#touxiang > div:nth-of-type(2),
#touxiang > div:nth-of-type(3) {
  top: 6px !important;
  height: 36px !important;
  line-height: 34px !important;
  padding: 0 10px !important;
  font-size: 15px !important;
}

#touxiang > div:nth-of-type(2) {
  left: 8px !important;
  width: 29% !important;
}

#touxiang > div:nth-of-type(3) {
  left: calc(29% + 16px) !important;
  width: 20% !important;
}

#touxiang > div:nth-of-type(n+4) {
  height: 30px !important;
  line-height: 28px !important;
  padding: 0 9px !important;
  font-size: 14px !important;
  border-radius: 8px !important;
}

#changyongzuo {
  top: 156px !important;
  height: 36px !important;
  left: 52% !important;
  width: 46% !important;
}

#changyongzuotxt,
#changyongzuotxt.mobile-panel-body {
  line-height: 34px !important;
  padding: 0 10px !important;
  font-size: 15px !important;
}

.mobile-category-btn {
  top: 292px !important;
  height: 54px !important;
  line-height: 54px !important;
}

#ditu0,
#ditu1,
#ditu2,
#ditu3 {
  top: 292px !important;
}

.mobile-category-btn > div {
  height: 54px !important;
  line-height: 54px !important;
  font-size: 17px !important;
  font-weight: bold !important;
}

.mobile-menu-grid {
  top: 354px !important;
  height: calc(100vh - 520px) !important;
  height: calc(100dvh - 520px) !important;
  grid-auto-rows: 60px !important;
  gap: 8px !important;
  padding: 0 6px 10px !important;
}
}
/* mobile sign exchange recharge content refine 20260614o */
@media screen and (max-width: 767px) {
body.mobile-layout #qiandaotxt.mobile-panel-body {
  font-size: 17px !important;
  line-height: 29px !important;
  padding: 24px 12px !important;
  text-align: center !important;
}

body.mobile-layout #qiandaotxt.mobile-panel-body *:not(img) {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.mobile-layout #duihuan #suicongshengjixiaolvbg {
  left: 16px !important;
  top: 72px !important;
  width: calc(100% - 32px) !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 8px !important;
  background: #101923 !important;
  border: 1px solid #2b4258 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  color: #edf4ff !important;
  font-size: 15px !important;
  font-weight: bold !important;
  line-height: 34px !important;
  text-align: center !important;
}

body.mobile-layout #duihuan #suicongshengjixiaolv {
  width: 112px !important;
  height: 32px !important;
  line-height: 30px !important;
  padding: 0 8px !important;
  font-size: 17px !important;
  font-weight: bold !important;
  text-align: center !important;
  border: 1px solid #527089 !important;
  background: #08141c !important;
  color: #d7ff56 !important;
  box-sizing: border-box !important;
}

body.mobile-layout #duihuan #suicongshengjixiaolvbg a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  min-width: 82px !important;
  padding: 0 8px !important;
  font-size: 14px !important;
  line-height: 32px !important;
  color: #fff1d0 !important;
  background: #273341 !important;
  border-radius: 7px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

body.mobile-layout #duihuan #jinjiejieshao {
  left: 16px !important;
  top: 122px !important;
  width: calc(100% - 32px) !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 6px 8px !important;
  background: #121c26 !important;
  border: 1px solid #293e52 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  color: #dfe9f4 !important;
  font-size: 13px !important;
  line-height: 20px !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
}

body.mobile-layout #duihuan #shengshoutxt.mobile-panel-body {
  left: 12px !important;
  top: 172px !important;
  width: calc(100% - 24px) !important;
  height: calc(100% - 184px) !important;
  padding: 8px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.mobile-layout #duihuan #bossjiemian {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  padding: 0 0 12px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: 132px !important;
  margin: 0 !important;
  background: #202a35 !important;
  border: 1px solid #3b5269 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div {
  box-sizing: border-box !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(1) {
  left: 10px !important;
  top: 42px !important;
  width: 58px !important;
  height: 58px !important;
  background: none !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(1) img {
  width: 58px !important;
  height: 58px !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(2) {
  left: 8px !important;
  top: 8px !important;
  width: calc(100% - 16px) !important;
  height: 26px !important;
  line-height: 26px !important;
  font-size: 17px !important;
  font-weight: bold !important;
  text-align: center !important;
  color: #fff0c4 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(3) {
  left: 76px !important;
  top: 42px !important;
  width: calc(100% - 86px) !important;
  height: 58px !important;
  line-height: 25px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  color: #edf6ff !important;
  white-space: normal !important;
  overflow: hidden !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(4) {
  left: 10px !important;
  top: auto !important;
  bottom: 8px !important;
  width: calc(100% - 20px) !important;
  height: 24px !important;
  line-height: 24px !important;
  font-size: 15px !important;
  font-weight: bold !important;
  text-align: center !important;
  color: #fff1cf !important;
  background: #2b3540 !important;
  border-radius: 7px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.mobile-layout #chongzhi #czshangchengtab,
body.mobile-layout #chongzhi #bucshangchengtab {
  top: 78px !important;
  width: 118px !important;
  height: 36px !important;
  line-height: 34px !important;
  font-size: 15px !important;
  font-weight: bold !important;
  text-align: center !important;
  background: #172231 !important;
  border: 1px solid #3b5269 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #chongzhi #czshangchengtab {
  left: calc(50% - 124px) !important;
}

body.mobile-layout #chongzhi #bucshangchengtab {
  left: calc(50% + 6px) !important;
}

body.mobile-layout #chongzhi > div:not([id]):not([class]) {
  left: 16px !important;
  top: 122px !important;
  width: calc(100% - 32px) !important;
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 10px !important;
  background: #101923 !important;
  border: 1px solid #2b4258 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  color: #fff1bd !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
}
/* mobile sign exchange recharge polish 20260614p */
@media screen and (max-width: 767px) {
body.mobile-layout #qiandaotxt.mobile-panel-body {
  font-size: 18px !important;
  line-height: 31px !important;
  padding-top: 28px !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] {
  height: 128px !important;
  background: #1b2631 !important;
  border-color: #405970 !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"]:before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: 39px !important;
  height: 1px !important;
  background: #34495e !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(1) {
  display: none !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(1) img {
  display: none !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(2) {
  top: 10px !important;
  height: 26px !important;
  line-height: 26px !important;
  font-size: 17px !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(3) {
  left: 10px !important;
  top: 48px !important;
  width: calc(100% - 20px) !important;
  height: 42px !important;
  line-height: 23px !important;
  font-size: 15px !important;
  text-align: center !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(4) {
  bottom: 9px !important;
  height: 29px !important;
  line-height: 29px !important;
  font-size: 15px !important;
  background: #2f3d4a !important;
}

body.mobile-layout #chongzhi #czshangchengtab,
body.mobile-layout #chongzhi #bucshangchengtab {
  top: 76px !important;
  width: 126px !important;
  height: 40px !important;
  line-height: 38px !important;
  font-size: 17px !important;
}

body.mobile-layout #chongzhi #czshangchengtab {
  left: calc(50% - 132px) !important;
}

body.mobile-layout #chongzhi #bucshangchengtab {
  left: calc(50% + 6px) !important;
}

body.mobile-layout #chongzhi > div:not([id]):not([class]) {
  top: 123px !important;
  height: 38px !important;
  line-height: 38px !important;
  font-size: 18px !important;
}

body.mobile-layout #chongzhi #chongzhigmtxt {
  top: 72px !important;
}
}
/* mobile exchange card image hide 20260614q */
@media screen and (max-width: 767px) {
body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] img {
  display: none !important;
  visibility: hidden !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(2) > div {
  display: none !important;
}
}
/* mobile exchange item image restore 20260614r */
@media screen and (max-width: 767px) {
body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] {
  height: 168px !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"]:before {
  top: 94px !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(2) {
  top: 8px !important;
  height: 86px !important;
  line-height: 24px !important;
  font-size: 17px !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(2) > div {
  display: flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  left: 50% !important;
  top: 30px !important;
  width: 56px !important;
  height: 56px !important;
  transform: translateX(-50%) !important;
  overflow: visible !important;
  text-align: center !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(2) > div img {
  display: block !important;
  visibility: visible !important;
  width: 54px !important;
  height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
  object-fit: contain !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(3) {
  top: 100px !important;
  height: 34px !important;
  line-height: 18px !important;
  font-size: 14px !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(4) {
  bottom: 8px !important;
  height: 28px !important;
  line-height: 28px !important;
}
}
/* mobile exchange cost text spacing 20260614s */
@media screen and (max-width: 767px) {
body.mobile-layout #duihuan #bossjiemian {
  gap: 12px !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] {
  height: 186px !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"]:before {
  top: 98px !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(2) {
  top: 8px !important;
  height: 88px !important;
  line-height: 24px !important;
  overflow: visible !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(2) > div {
  top: 30px !important;
  width: 58px !important;
  height: 58px !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(2) > div img {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(3) {
  top: 106px !important;
  height: 36px !important;
  line-height: 18px !important;
  font-size: 14px !important;
  overflow: visible !important;
  z-index: 2 !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(4) {
  bottom: 10px !important;
  height: 30px !important;
  line-height: 30px !important;
  z-index: 1 !important;
}
}
/* mobile exchange cost button gap 20260614t */
@media screen and (max-width: 767px) {
body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] {
  height: 198px !important;
}

body.mobile-layout #duihuan #bossjiemian > div[id^="chengchi"] > div:nth-child(4) {
  bottom: 12px !important;
  height: 32px !important;
  line-height: 32px !important;
}
}
/* mobile loading overlay restore 20260614u */
@media screen and (max-width: 767px) {
body.mobile-layout #sysLoading,
body.mobile-layout #sysLoading.mobile-panel {
  position: fixed !important;
  z-index: 2000 !important;
  display: block;
  visibility: visible !important;
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  bottom: auto !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  overflow: hidden !important;
  background: #05070b !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.mobile-layout #sysLoading.mobile-panel:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2002 !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background:
    radial-gradient(circle at 50% 30%, rgba(255, 180, 76, 0.14), rgba(255, 180, 76, 0) 34%),
    linear-gradient(180deg, rgba(2, 5, 10, 0.18) 0%, rgba(4, 7, 12, 0.55) 46%, rgba(3, 5, 8, 0.94) 100%) !important;
  border: 0 !important;
  pointer-events: none !important;
}

body.mobile-layout #sysLoading.mobile-panel:after {
  content: "\4E5D\52AB" !important;
  position: absolute !important;
  z-index: 2003 !important;
  left: 0 !important;
  right: 0 !important;
  top: 22vh !important;
  width: 100% !important;
  height: 52px !important;
  line-height: 52px !important;
  text-align: center !important;
  font-family: "华文中宋", "楷体", serif !important;
  font-size: 44px !important;
  font-weight: bold !important;
  color: #f7d083 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 6px #000, 0 0 18px rgba(249, 183, 67, 0.45) !important;
  background: none !important;
  border: 0 !important;
  pointer-events: none !important;
}

body.mobile-layout #sysLoading > div:first-child {
  position: absolute !important;
  z-index: 2001 !important;
  display: block !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: none !important;
  border: 0 !important;
}

body.mobile-layout #sysLoading > div:first-child img {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.04) !important;
  filter: brightness(0.62) saturate(0.95) contrast(1.04) !important;
}

body.mobile-layout #sysLoadingtxt,
body.mobile-layout #sysLoadingtxt.mobile-panel-body {
  position: absolute !important;
  z-index: 2004 !important;
  display: block !important;
  visibility: visible !important;
  left: 8% !important;
  right: auto !important;
  top: calc(22vh + 70px) !important;
  bottom: auto !important;
  width: 84% !important;
  height: auto !important;
  min-height: 42px !important;
  max-height: none !important;
  padding: 10px 14px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  color: #fff3d6 !important;
  font-family: "黑体", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 22px !important;
  text-align: center !important;
  background: rgba(6, 10, 15, 0.68) !important;
  border: 1px solid rgba(238, 190, 93, 0.34) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.36) !important;
  cursor: default !important;
}

body.mobile-layout #sysLoadingtxt font,
body.mobile-layout #sysLoadingtxt u {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

body.mobile-layout #LoadingJindubg {
  position: absolute !important;
  z-index: 2004 !important;
  display: block !important;
  visibility: visible !important;
  left: 10% !important;
  top: calc(22vh + 142px) !important;
  bottom: auto !important;
  width: 80% !important;
  height: 18px !important;
  padding: 3px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: rgba(7, 10, 15, 0.78) !important;
  border: 1px solid rgba(238, 190, 93, 0.55) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.75), 0 8px 22px rgba(0, 0, 0, 0.28) !important;
}

body.mobile-layout #LoadingJindu {
  position: absolute !important;
  z-index: 2005 !important;
  display: block !important;
  visibility: visible !important;
  left: calc(10% + 4px) !important;
  top: calc(22vh + 146px) !important;
  bottom: auto !important;
  height: 10px !important;
  min-width: 8px !important;
  margin-left: 0 !important;
  background: linear-gradient(90deg, #d88b22 0%, #f3c64e 52%, #fff1a3 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 10px rgba(247, 193, 63, 0.55) !important;
  transition: width 0.18s ease-out !important;
}
}
/* mobile loading title restore 20260614w */
@media screen and (max-width: 767px) {
body.mobile-layout #sysLoading:after,
body.mobile-layout #sysLoading.mobile-panel:after {
  content: "\4E5D\52AB" !important;
  position: absolute !important;
  z-index: 2006 !important;
  display: block !important;
  left: 0 !important;
  right: 0 !important;
  top: 20vh !important;
  width: 100% !important;
  height: 52px !important;
  line-height: 52px !important;
  text-align: center !important;
  font-family: "华文中宋", "楷体", serif !important;
  font-size: 44px !important;
  font-weight: bold !important;
  color: #f7d083 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 6px #000, 0 0 18px rgba(249, 183, 67, 0.45) !important;
  background: none !important;
  border: 0 !important;
  pointer-events: none !important;
}

body.mobile-layout #sysLoadingtxt,
body.mobile-layout #sysLoadingtxt.mobile-panel-body {
  top: calc(20vh + 72px) !important;
}

body.mobile-layout #LoadingJindubg {
  top: calc(20vh + 144px) !important;
}

body.mobile-layout #LoadingJindu {
  top: calc(20vh + 148px) !important;
}
}
/* mobile recharge item grid offset 20260614x */
@media screen and (max-width: 767px) {
body.mobile-layout #chongzhi #chongzhigmtxt,
body.mobile-layout #chongzhi #chongzhidirecttxt {
  top: 100px !important;
  height: calc(100% - 112px) !important;
}
}
/* mobile promote activity layout 20260614y */
@media screen and (max-width: 767px) {
body.mobile-layout #tuiguang > div:not([id]):not([class]) {
  left: 20px !important;
  top: 78px !important;
  width: calc(100% - 40px) !important;
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  background: #101923 !important;
  border: 1px solid #314860 !important;
  border-radius: 8px !important;
  color: #fff1bd !important;
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.mobile-layout #tuiguang #tuiguangtxt.mobile-panel-body {
  top: 134px !important;
  height: calc(100% - 148px) !important;
  overflow: hidden !important;
}

body.mobile-layout #tuiguang #tuiguangtxttxt {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

body.mobile-layout #tuiguang #tgshangchengdaoju0 {
  left: 50% !important;
  top: 46px !important;
  width: 72px !important;
  height: 72px !important;
  transform: translateX(-50%) !important;
  background-size: 72px 72px !important;
  border: 1px solid #526982 !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28) !important;
}

body.mobile-layout #tuiguang #duihuancz,
body.mobile-layout #tuiguang #lqbccz {
  right: auto !important;
  top: 260px !important;
  width: 132px !important;
  height: 44px !important;
  line-height: 44px !important;
  box-sizing: border-box !important;
  background: #172231 !important;
  border: 1px solid #6d5325 !important;
  border-radius: 8px !important;
  color: #fff1bd !important;
  font-size: 17px !important;
  font-weight: bold !important;
  text-align: center !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24) !important;
}

body.mobile-layout #tuiguang #duihuancz {
  z-index: 9002 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

body.mobile-layout #tuiguang #lqbccz {
  left: calc(50% + 8px) !important;
}

body.mobile-layout #huodong #huodongbtn1,
body.mobile-layout #huodong #huodongbtn2,
body.mobile-layout #huodong #huodongbtn3 {
  display: block !important;
  left: 16px !important;
  width: calc(100% - 32px) !important;
  height: 42px !important;
  padding: 4px 0 !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  background: #101923 !important;
  border: 1px solid #2f455c !important;
  border-radius: 8px !important;
  -webkit-overflow-scrolling: touch;
}

body.mobile-layout #huodong #huodongbtn1 {
  top: 70px !important;
}

body.mobile-layout #huodong #huodongbtn2 {
  top: 118px !important;
}

body.mobile-layout #huodong #huodongbtn3 {
  top: 166px !important;
}

body.mobile-layout #huodong #diyiyeup,
body.mobile-layout #huodong #diyiyedown,
body.mobile-layout #huodong #dieryeup,
body.mobile-layout #huodong #dieryedown,
body.mobile-layout #huodong #shangbtn,
body.mobile-layout #huodong #xiabtn {
  display: none !important;
}

body.mobile-layout #huodong #huodongbtn1 > div[id^="huodong"],
body.mobile-layout #huodong #huodongbtn2 > div[id^="huodong"],
body.mobile-layout #huodong #huodongbtn3 > div[id^="huodong"] {
  top: 4px !important;
  width: 96px !important;
  height: 34px !important;
  line-height: 34px !important;
  box-sizing: border-box !important;
  background: #172231 !important;
  border: 1px solid #705426 !important;
  border-radius: 8px !important;
  color: #fff1bd !important;
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.mobile-layout #huodong #huodong00,
body.mobile-layout #huodong #huodong08,
body.mobile-layout #huodong #huodong16 {
  left: 0 !important;
}
body.mobile-layout #huodong #huodong01,
body.mobile-layout #huodong #huodong09 {
  left: 104px !important;
}
body.mobile-layout #huodong #huodong02,
body.mobile-layout #huodong #huodong10 {
  left: 208px !important;
}
body.mobile-layout #huodong #huodong03,
body.mobile-layout #huodong #huodong11 {
  left: 312px !important;
}
body.mobile-layout #huodong #huodong04,
body.mobile-layout #huodong #huodong12 {
  left: 416px !important;
}
body.mobile-layout #huodong #huodong05,
body.mobile-layout #huodong #huodong13 {
  left: 520px !important;
}
body.mobile-layout #huodong #huodong06,
body.mobile-layout #huodong #huodong14 {
  left: 624px !important;
}
body.mobile-layout #huodong #huodong07 {
  left: 728px !important;
}

body.mobile-layout #huodong #shengshoutxt.mobile-panel-body {
  top: 214px !important;
  height: calc(100% - 226px) !important;
  padding: 8px !important;
  overflow: hidden !important;
}

body.mobile-layout #huodong #duihuanbiao {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huodong #duihuanbiao > div {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  min-height: 100% !important;
  height: auto !important;
  max-height: none !important;
  padding: 10px 8px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 0 !important;
  color: #e9f2ff !important;
  font-size: 15px !important;
  line-height: 24px !important;
}

body.mobile-layout #huodong #duihuanbiao > div > font.font28 {
  display: block !important;
  height: 34px !important;
  line-height: 34px !important;
  font-size: 24px !important;
}

body.mobile-layout #huodong #duihuanbiao input[type="button"] {
  min-width: 142px !important;
  height: 38px !important;
  line-height: 34px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  font-size: 15px !important;
  font-weight: bold !important;
}

body.mobile-layout #huodong #sclb img {
  width: 58px !important;
  height: 58px !important;
  margin: 4px auto !important;
}

body.mobile-layout #huodong #djph > div[id],
body.mobile-layout #huodong #zlph > div[id],
body.mobile-layout #huodong #czph > div[id] {
  width: calc(100% - 4px) !important;
  left: 2px !important;
  box-sizing: border-box !important;
}
}
/* mobile activity menu complete 20260614z */
@media screen and (max-width: 767px) {
body.mobile-layout #huodong #huodongbtn1,
body.mobile-layout #huodong #huodongbtn2,
body.mobile-layout #huodong #huodongbtn3 {
  scrollbar-width: none !important;
}

body.mobile-layout #huodong #huodongbtn1::-webkit-scrollbar,
body.mobile-layout #huodong #huodongbtn2::-webkit-scrollbar,
body.mobile-layout #huodong #huodongbtn3::-webkit-scrollbar {
  display: none !important;
}

body.mobile-layout #huodong #huodong15 {
  left: 0 !important;
}

body.mobile-layout #huodong #huodong16 {
  left: 104px !important;
}
}
/* mobile activity full buttons cards 20260614aa */
@media screen and (max-width: 767px) {
body.mobile-layout #huodong #huodongbtn1,
body.mobile-layout #huodong #huodongbtn2,
body.mobile-layout #huodong #huodongbtn3 {
  left: 16px !important;
  width: calc(100% - 32px) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  background: #101923 !important;
  border: 1px solid #2f455c !important;
  border-radius: 8px !important;
}

body.mobile-layout #huodong #huodongbtn1 {
  top: 68px !important;
  height: 76px !important;
}

body.mobile-layout #huodong #huodongbtn2 {
  top: 150px !important;
  height: 76px !important;
}

body.mobile-layout #huodong #huodongbtn3 {
  top: 232px !important;
  height: 38px !important;
}

body.mobile-layout #huodong #huodongbtn1 > div[id^="huodong"],
body.mobile-layout #huodong #huodongbtn2 > div[id^="huodong"],
body.mobile-layout #huodong #huodongbtn3 > div[id^="huodong"] {
  width: 98px !important;
  height: 30px !important;
  line-height: 30px !important;
  font-size: 14px !important;
}

body.mobile-layout #huodong #huodong00,
body.mobile-layout #huodong #huodong08,
body.mobile-layout #huodong #huodong15 {
  left: 4px !important;
  top: 4px !important;
}
body.mobile-layout #huodong #huodong01,
body.mobile-layout #huodong #huodong09,
body.mobile-layout #huodong #huodong16 {
  left: 112px !important;
  top: 4px !important;
}
body.mobile-layout #huodong #huodong02,
body.mobile-layout #huodong #huodong10 {
  left: 220px !important;
  top: 4px !important;
}
body.mobile-layout #huodong #huodong03,
body.mobile-layout #huodong #huodong11 {
  left: 328px !important;
  top: 4px !important;
}
body.mobile-layout #huodong #huodong04,
body.mobile-layout #huodong #huodong12 {
  left: 4px !important;
  top: 40px !important;
}
body.mobile-layout #huodong #huodong05,
body.mobile-layout #huodong #huodong13 {
  left: 112px !important;
  top: 40px !important;
}
body.mobile-layout #huodong #huodong06,
body.mobile-layout #huodong #huodong14 {
  left: 220px !important;
  top: 40px !important;
}
body.mobile-layout #huodong #huodong07 {
  left: 328px !important;
  top: 40px !important;
}

body.mobile-layout #huodong #shengshoutxt.mobile-panel-body {
  left: 14px !important;
  top: 278px !important;
  width: calc(100% - 28px) !important;
  height: calc(100% - 290px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #101923 !important;
  border: 1px solid #314860 !important;
  border-radius: 8px !important;
}

body.mobile-layout #huodong #duihuanbiao {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: #101923 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-radius: 8px !important;
}

body.mobile-layout #huodong #duihuanbiao > div {
  width: 100% !important;
  min-height: 100% !important;
  padding: 12px 10px !important;
  background: #101923 !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.mobile-layout #huodong #zlbf > div[id^="zulin"],
body.mobile-layout #huodong #qfxt > div[id^="zulin"],
body.mobile-layout #huodong #mffl > div[id^="zulin"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: calc(100% - 12px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 10px auto !important;
  padding: 10px 8px !important;
  background: #121d28 !important;
  border: 1px solid #30485f !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

body.mobile-layout #huodong #zlbf > div[id^="zulin"] > div,
body.mobile-layout #huodong #qfxt > div[id^="zulin"] > div,
body.mobile-layout #huodong #mffl > div[id^="zulin"] > div {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  color: #e9f2ff !important;
  font-size: 15px !important;
  line-height: 24px !important;
  text-align: center !important;
}

body.mobile-layout #huodong #zlbf img,
body.mobile-layout #huodong #qfxt img,
body.mobile-layout #huodong #mffl img {
  width: 96px !important;
  height: 96px !important;
  max-width: 42vw !important;
  object-fit: contain !important;
}

body.mobile-layout #huodong #zlbf input[type="button"],
body.mobile-layout #huodong #qfxt input[type="button"],
body.mobile-layout #huodong #mffl input[type="button"] {
  min-width: 132px !important;
  height: 38px !important;
  line-height: 34px !important;
  margin-top: 4px !important;
  font-size: 15px !important;
}

body.mobile-layout #huodong #jcbp > div {
  left: 50% !important;
  top: 64px !important;
  width: min(320px, calc(100% - 24px)) !important;
  transform: translateX(-50%) !important;
  box-sizing: border-box !important;
}
}
/* mobile activity button rows specificity 20260614ab */
@media screen and (max-width: 767px) {
body.mobile-layout #huodong #huodongbtn1 > #huodong00,
body.mobile-layout #huodong #huodongbtn2 > #huodong08,
body.mobile-layout #huodong #huodongbtn3 > #huodong15 {
  left: 4px !important;
  top: 4px !important;
}
body.mobile-layout #huodong #huodongbtn1 > #huodong01,
body.mobile-layout #huodong #huodongbtn2 > #huodong09,
body.mobile-layout #huodong #huodongbtn3 > #huodong16 {
  left: 112px !important;
  top: 4px !important;
}
body.mobile-layout #huodong #huodongbtn1 > #huodong02,
body.mobile-layout #huodong #huodongbtn2 > #huodong10 {
  left: 220px !important;
  top: 4px !important;
}
body.mobile-layout #huodong #huodongbtn1 > #huodong03,
body.mobile-layout #huodong #huodongbtn2 > #huodong11 {
  left: 328px !important;
  top: 4px !important;
}
body.mobile-layout #huodong #huodongbtn1 > #huodong04,
body.mobile-layout #huodong #huodongbtn2 > #huodong12 {
  left: 4px !important;
  top: 40px !important;
}
body.mobile-layout #huodong #huodongbtn1 > #huodong05,
body.mobile-layout #huodong #huodongbtn2 > #huodong13 {
  left: 112px !important;
  top: 40px !important;
}
body.mobile-layout #huodong #huodongbtn1 > #huodong06,
body.mobile-layout #huodong #huodongbtn2 > #huodong14 {
  left: 220px !important;
  top: 40px !important;
}
body.mobile-layout #huodong #huodongbtn1 > #huodong07 {
  left: 328px !important;
  top: 40px !important;
}

body.mobile-layout #huodong #huodongbtn1 > div[id^="huodong"],
body.mobile-layout #huodong #huodongbtn2 > div[id^="huodong"],
body.mobile-layout #huodong #huodongbtn3 > div[id^="huodong"] {
  background: #203246 !important;
  border: 1px solid #476683 !important;
  border-radius: 7px !important;
  box-sizing: border-box !important;
  color: #f2f7ff !important;
  font-weight: bold !important;
  text-align: center !important;
}
}
/* mobile activity content overflow repair 20260614ac */
@media screen and (max-width: 767px) {
body.mobile-layout #huodong {
  left: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: #0d1219 !important;
}

body.mobile-layout #huodong #shengshoutxt.mobile-panel-body {
  left: 8px !important;
  width: calc(100% - 16px) !important;
  background: #101923 !important;
  overflow: hidden !important;
}

body.mobile-layout #huodong #duihuanbiao,
body.mobile-layout #huodong #duihuanbiao > div {
  max-width: 100% !important;
  overflow-x: hidden !important;
  background: #101923 !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huodong #duihuanbiao > div {
  padding: 14px 10px 16px !important;
}

body.mobile-layout #huodong #djph > #diyiming,
body.mobile-layout #huodong #djph > #dierming,
body.mobile-layout #huodong #djph > #disanming,
body.mobile-layout #huodong #djph > #canyujiang,
body.mobile-layout #huodong #zlph > #diyiming,
body.mobile-layout #huodong #zlph > #dierming,
body.mobile-layout #huodong #zlph > #disanming,
body.mobile-layout #huodong #zlph > #canyujiang,
body.mobile-layout #huodong #czph > #diyiming,
body.mobile-layout #huodong #czph > #dierming,
body.mobile-layout #huodong #czph > #disanming,
body.mobile-layout #huodong #czph > #canyujiang,
body.mobile-layout #huodong #ybxf > #diyiming,
body.mobile-layout #huodong #ybxf > #dierming,
body.mobile-layout #huodong #ybxf > #disanming,
body.mobile-layout #huodong #ybxf > #canyujiang {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 76px !important;
  margin: 8px 0 !important;
  padding: 7px 6px !important;
  display: grid !important;
  grid-template-columns: 52px 86px minmax(64px, 1fr) 118px !important;
  column-gap: 4px !important;
  align-items: center !important;
  background: #111c27 !important;
  border: 1px solid #2e455c !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #huodong #djph > #diyiming > div,
body.mobile-layout #huodong #djph > #dierming > div,
body.mobile-layout #huodong #djph > #disanming > div,
body.mobile-layout #huodong #djph > #canyujiang > div,
body.mobile-layout #huodong #zlph > #diyiming > div,
body.mobile-layout #huodong #zlph > #dierming > div,
body.mobile-layout #huodong #zlph > #disanming > div,
body.mobile-layout #huodong #zlph > #canyujiang > div,
body.mobile-layout #huodong #czph > #diyiming > div,
body.mobile-layout #huodong #czph > #dierming > div,
body.mobile-layout #huodong #czph > #disanming > div,
body.mobile-layout #huodong #czph > #canyujiang > div,
body.mobile-layout #huodong #ybxf > #diyiming > div,
body.mobile-layout #huodong #ybxf > #dierming > div,
body.mobile-layout #huodong #ybxf > #disanming > div,
body.mobile-layout #huodong #ybxf > #canyujiang > div {
  position: static !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huodong #djph > div[id] > div:nth-child(1),
body.mobile-layout #huodong #zlph > div[id] > div:nth-child(1),
body.mobile-layout #huodong #czph > div[id] > div:nth-child(1),
body.mobile-layout #huodong #ybxf > div[id] > div:nth-child(1) {
  grid-column: 3 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 3px !important;
  overflow: hidden !important;
}

body.mobile-layout #huodong #djph > div[id] > div:nth-child(2),
body.mobile-layout #huodong #zlph > div[id] > div:nth-child(2),
body.mobile-layout #huodong #czph > div[id] > div:nth-child(2),
body.mobile-layout #huodong #ybxf > div[id] > div:nth-child(2) {
  grid-column: 1 !important;
  grid-row: 1 !important;
  text-align: center !important;
}

body.mobile-layout #huodong #djph > div[id] > div:nth-child(3),
body.mobile-layout #huodong #zlph > div[id] > div:nth-child(3),
body.mobile-layout #huodong #czph > div[id] > div:nth-child(3),
body.mobile-layout #huodong #ybxf > div[id] > div:nth-child(3) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  text-align: center !important;
}

body.mobile-layout #huodong #djph > div[id] > div:nth-child(4),
body.mobile-layout #huodong #zlph > div[id] > div:nth-child(4),
body.mobile-layout #huodong #czph > div[id] > div:nth-child(4),
body.mobile-layout #huodong #ybxf > div[id] > div:nth-child(4) {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

body.mobile-layout #huodong #djph > div[id] > div:nth-child(1) img,
body.mobile-layout #huodong #zlph > div[id] > div:nth-child(1) img,
body.mobile-layout #huodong #czph > div[id] > div:nth-child(1) img,
body.mobile-layout #huodong #ybxf > div[id] > div:nth-child(1) img {
  width: 36px !important;
  height: 36px !important;
  object-fit: contain !important;
}

body.mobile-layout #huodong #djph > div[id] > div:nth-child(2) img,
body.mobile-layout #huodong #zlph > div[id] > div:nth-child(2) img,
body.mobile-layout #huodong #czph > div[id] > div:nth-child(2) img,
body.mobile-layout #huodong #ybxf > div[id] > div:nth-child(2) img {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

body.mobile-layout #huodong #djph > div[id] font,
body.mobile-layout #huodong #zlph > div[id] font,
body.mobile-layout #huodong #czph > div[id] font,
body.mobile-layout #huodong #ybxf > div[id] font {
  font-size: 19px !important;
  line-height: 22px !important;
}

body.mobile-layout #huodong #djph > div[id] input[type="button"],
body.mobile-layout #huodong #zlph > div[id] input[type="button"],
body.mobile-layout #huodong #czph > div[id] input[type="button"],
body.mobile-layout #huodong #ybxf > div[id] input[type="button"] {
  width: 112px !important;
  min-width: 0 !important;
  height: 38px !important;
  line-height: 34px !important;
  padding: 0 6px !important;
  font-size: 14px !important;
}

body.mobile-layout #huodong #xffl > div[id^="xiaofeilb"],
body.mobile-layout #huodong #ljcz > div[id^="libao"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 84px !important;
  margin: 8px 0 !important;
  padding: 8px 6px !important;
  display: grid !important;
  grid-template-columns: 108px minmax(0, 1fr) 116px !important;
  column-gap: 6px !important;
  align-items: center !important;
  background: #111c27 !important;
  border: 1px solid #2e455c !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #huodong #xffl > div[id^="xiaofeilb"] > div,
body.mobile-layout #huodong #ljcz > div[id^="libao"] > div {
  position: static !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huodong #xffl > div[id^="xiaofeilb"] > div:nth-child(1),
body.mobile-layout #huodong #ljcz > div[id^="libao"] > div:nth-child(1) {
  grid-column: 1 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 3px !important;
  overflow: hidden !important;
}

body.mobile-layout #huodong #xffl > div[id^="xiaofeilb"] > div:nth-child(2),
body.mobile-layout #huodong #ljcz > div[id^="libao"] > div:nth-child(2) {
  grid-column: 2 !important;
  color: #f1f6ff !important;
  font-size: 14px !important;
  line-height: 20px !important;
  text-align: center !important;
  white-space: normal !important;
}

body.mobile-layout #huodong #xffl > div[id^="xiaofeilb"] > div:nth-child(3),
body.mobile-layout #huodong #ljcz > div[id^="libao"] > div:nth-child(3) {
  grid-column: 3 !important;
}

body.mobile-layout #huodong #xffl > div[id^="xiaofeilb"] img,
body.mobile-layout #huodong #ljcz > div[id^="libao"] img {
  width: 36px !important;
  height: 36px !important;
  object-fit: contain !important;
}

body.mobile-layout #huodong #xffl > div[id^="xiaofeilb"] input[type="button"],
body.mobile-layout #huodong #ljcz > div[id^="libao"] input[type="button"] {
  width: 112px !important;
  min-width: 0 !important;
  height: 38px !important;
  line-height: 34px !important;
  padding: 0 6px !important;
  font-size: 14px !important;
}

body.mobile-layout #huodong #hdlb > div[id^="hdlibao"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: calc(100% - 16px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 12px auto !important;
  padding: 12px 10px !important;
  background: #111c27 !important;
  border: 1px solid #2e455c !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #huodong #hdlb > div[id^="hdlibao"] > div {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  color: #f1f6ff !important;
  font-size: 15px !important;
  line-height: 24px !important;
  text-align: center !important;
}

body.mobile-layout #huodong #hdlb > div[id^="hdlibao"] font.font28 {
  display: block !important;
  font-size: 23px !important;
  line-height: 28px !important;
  margin-bottom: 6px !important;
}

body.mobile-layout #huodong #hdlb > div[id^="hdlibao"] img {
  width: 86px !important;
  height: 86px !important;
  object-fit: contain !important;
  margin: 2px auto 6px !important;
}

body.mobile-layout #huodong #hdlb > div[id^="hdlibao"] input[type="button"] {
  width: 132px !important;
  min-width: 0 !important;
  height: 38px !important;
  line-height: 34px !important;
  margin-top: 6px !important;
  font-size: 14px !important;
}
}
/* mobile activity panel full width specificity 20260614ad */
@media screen and (max-width: 767px) {
body.mobile-layout #huodong#huodong#huodong#huodong#huodong#huodong.mobile-panel {
  left: 0 !important;
  top: 102px !important;
  width: 100vw !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #0d1219 !important;
}

body.mobile-layout #huodong#huodong #shengshoutxt.mobile-panel-body {
  left: 8px !important;
  width: calc(100% - 16px) !important;
}
}
/* mobile activity remaining overflow repair 20260614ae */
@media screen and (max-width: 767px) {
body.mobile-layout #huodong #ygsg #hungupic {
  left: 8px !important;
  top: 54px !important;
  width: 190px !important;
  height: 300px !important;
  transform: scale(0.82) !important;
  transform-origin: top left !important;
}

body.mobile-layout #huodong #ygsg > div:not(#hungupic) {
  left: 188px !important;
  top: 54px !important;
  width: calc(100% - 204px) !important;
  height: auto !important;
  min-height: 300px !important;
  padding: 10px 6px !important;
  box-sizing: border-box !important;
  background: #111c27 !important;
  border: 1px solid #2e455c !important;
  border-radius: 8px !important;
  color: #fff174 !important;
  font-size: 13px !important;
  line-height: 22px !important;
  white-space: normal !important;
  overflow: hidden !important;
}

body.mobile-layout #huodong #yxpt > div:not([id]) {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: min(450px, 100%) !important;
  height: 270px !important;
  margin: 12px auto 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #huodong #yxpt > div[id^="pintuhengjl"],
body.mobile-layout #huodong #yxpt > div[id^="pintuzongjl"],
body.mobile-layout #huodong #yxpt > #pintudalibao {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  width: 112px !important;
  height: 36px !important;
  margin: 5px 4px !important;
  vertical-align: top !important;
  justify-content: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huodong #yxpt > div[id^="pintuhengjl"] input,
body.mobile-layout #huodong #yxpt > div[id^="pintuzongjl"] input {
  width: 108px !important;
  min-width: 0 !important;
  height: 34px !important;
  line-height: 30px !important;
  padding: 0 6px !important;
  font-size: 13px !important;
}

body.mobile-layout #huodong #yxpt > #pintudalibao {
  width: 56px !important;
  height: 56px !important;
  margin-top: 4px !important;
}

body.mobile-layout #huodong #yxpt > #pintudalibao img {
  width: 50px !important;
  height: 50px !important;
  object-fit: contain !important;
}

body.mobile-layout #huodong #qyxt > div[id^="zhuanpandao"] {
  transform: translateX(-32px) !important;
}
}
/* mobile activity pray spacing 20260614af */
@media screen and (max-width: 767px) {
body.mobile-layout #huodong #qyxt > div[id^="zhuanpandao"] {
  transform: translate(-32px, 36px) !important;
}
}
/* mobile activity text clearance 20260614ag */
@media screen and (max-width: 767px) {
body.mobile-layout #huodong #jcbp > div {
  top: 112px !important;
}

body.mobile-layout #huodong #qyxt > div[id^="zhuanpandao"] {
  transform: translate(-32px, 72px) !important;
}
}
/* mobile bag layout repair 20260614ah */
@media screen and (max-width: 767px) {
body.mobile-layout #bag.mobile-panel {
  overflow: hidden !important;
  background-image: none !important;
  background: #0b111a !important;
  border-color: #31475f !important;
}

body.mobile-layout #bag #bagbgs {
  left: 12px !important;
  top: 13px !important;
  width: calc(100% - 72px) !important;
  height: 34px !important;
  line-height: 34px !important;
  text-align: left !important;
  font-size: 24px !important;
  color: #ffd37a !important;
  text-shadow: none !important;
}

body.mobile-layout #bag #bagfenyebtnbg {
  left: 10px !important;
  top: 66px !important;
  width: calc(100% - 20px) !important;
  height: 68px !important;
  background: #101923 !important;
  border: 1px solid #263a50 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #bag > div[id^="bagfenyebtn"]:not(#bagfenyebtnbg) {
  width: 12.2% !important;
  height: 28px !important;
  line-height: 28px !important;
  background-image: none !important;
  background: #172333 !important;
  border: 1px solid #3f5870 !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  color: #f4e7a4;
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: center !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

body.mobile-layout #bag #bagfenyebtn0,
body.mobile-layout #bag #bagfenyebtn1,
body.mobile-layout #bag #bagfenyebtn2,
body.mobile-layout #bag #bagfenyebtn3,
body.mobile-layout #bag #bagfenyebtn4,
body.mobile-layout #bag #bagfenyebtn5,
body.mobile-layout #bag #bagfenyebtn6 {
  top: 71px !important;
}

body.mobile-layout #bag #bagfenyebtn7,
body.mobile-layout #bag #bagfenyebtn8,
body.mobile-layout #bag #bagfenyebtn9,
body.mobile-layout #bag #bagfenyebtn10,
body.mobile-layout #bag #bagfenyebtn11,
body.mobile-layout #bag #bagfenyebtn12 {
  top: 104px !important;
}

body.mobile-layout #bag #bagfenyebtn0,
body.mobile-layout #bag #bagfenyebtn7 { left: 2.5% !important; }
body.mobile-layout #bag #bagfenyebtn1,
body.mobile-layout #bag #bagfenyebtn8 { left: 16.3% !important; }
body.mobile-layout #bag #bagfenyebtn2,
body.mobile-layout #bag #bagfenyebtn9 { left: 30.1% !important; }
body.mobile-layout #bag #bagfenyebtn3,
body.mobile-layout #bag #bagfenyebtn10 { left: 43.9% !important; }
body.mobile-layout #bag #bagfenyebtn4,
body.mobile-layout #bag #bagfenyebtn11 { left: 57.7% !important; }
body.mobile-layout #bag #bagfenyebtn5,
body.mobile-layout #bag #bagfenyebtn12 { left: 71.5% !important; }
body.mobile-layout #bag #bagfenyebtn6 { left: 85.3% !important; }

body.mobile-layout #bag > div[id^="bagbtn"] {
  width: 14.8% !important;
  height: 32px !important;
  line-height: 32px !important;
  background-image: none !important;
  background: #24344a !important;
  border: 1px solid #566e88 !important;
  border-radius: 7px !important;
  box-sizing: border-box !important;
  color: #ffe7ba !important;
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  overflow: visible !important;
}

body.mobile-layout #bag > div[id^="bagbtn"] > font {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 32px !important;
}

body.mobile-layout #bag #bagbtn0,
body.mobile-layout #bag #bagbtn1,
body.mobile-layout #bag #bagbtn2,
body.mobile-layout #bag #bagbtn3,
body.mobile-layout #bag #bagbtn4,
body.mobile-layout #bag #bagbtn5 {
  top: 144px !important;
}

body.mobile-layout #bag #bagbtn6,
body.mobile-layout #bag #bagbtn7,
body.mobile-layout #bag #bagbtn8,
body.mobile-layout #bag #bagbtn9,
body.mobile-layout #bag #bagbtn10 {
  top: 181px !important;
}

body.mobile-layout #bag #bagbtn0,
body.mobile-layout #bag #bagbtn6 { left: 2.5% !important; }
body.mobile-layout #bag #bagbtn1,
body.mobile-layout #bag #bagbtn7 { left: 18.9% !important; }
body.mobile-layout #bag #bagbtn2,
body.mobile-layout #bag #bagbtn8 { left: 35.3% !important; }
body.mobile-layout #bag #bagbtn3,
body.mobile-layout #bag #bagbtn9 { left: 51.7% !important; }
body.mobile-layout #bag #bagbtn4,
body.mobile-layout #bag #bagbtn10 { left: 68.1% !important; }
body.mobile-layout #bag #bagbtn5 { left: 84.5% !important; }

body.mobile-layout #bag #bagnewdaojutishi {
  left: auto !important;
  right: -4px !important;
  top: -9px !important;
  width: 32px !important;
  height: 16px !important;
  line-height: 16px !important;
  background: #198754 !important;
  border-radius: 8px !important;
  font-size: 10px !important;
  color: #fff !important;
}

body.mobile-layout #bag #bagtxt.mobile-panel-body {
  left: 12px !important;
  top: 225px !important;
  width: calc(100% - 24px) !important;
  height: calc(100% - 237px) !important;
  padding: 6px 7px 14px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #0d1620 !important;
  border: 1px solid #2b4058 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  scrollbar-gutter: stable;
}

body.mobile-layout #bag #bagtxt > div[id^="baggezi"] {
  width: 62px !important;
  height: 80px !important;
  overflow: visible !important;
}

body.mobile-layout #bag #bagtxt div[id^="bagdaojutxt"] {
  width: 62px !important;
  height: 80px !important;
  left: 0 !important;
  top: 0 !important;
  overflow: visible !important;
}

body.mobile-layout #bag #bagtxt div[id^="bagdaojubg"] {
  left: 2px !important;
  top: 0 !important;
  width: 58px !important;
  height: 58px !important;
  background-size: 58px 58px !important;
  border-width: 1px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout #bag #bagtxt div[id^="bagdaojubg"] a,
body.mobile-layout #bag #bagtxt div[id^="bagdaojubg"] img {
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  object-fit: contain !important;
}

body.mobile-layout #bag #bagtxt div[id^="bagdaojunum"] {
  left: -2px !important;
  top: 61px !important;
  width: 62px !important;
  height: 18px !important;
  line-height: 18px !important;
  padding: 0 2px !important;
  background: rgba(7, 10, 14, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  color: #fff4c7 !important;
  font-size: 11px !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.mobile-layout #bag #bagtxt div[id^="bagdaobangding"] {
  right: -2px !important;
  bottom: -2px !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  background: rgba(12, 17, 24, 0.82) !important;
  border-radius: 50% !important;
  color: #fff !important;
  font-size: 12px !important;
  text-align: center !important;
}
}

/* mobile bag subpanel split layout 20260614am */
@media screen and (max-width: 767px) {
body.mobile-layout.mobile-bag-sub-open {
  --mobile-bag-sub-height: clamp(250px, 34dvh, 320px);
  --mobile-pack-label-top: calc(var(--mobile-bag-sub-height) + 6px);
  --mobile-pack-action-top-1: calc(var(--mobile-bag-sub-height) + 36px);
  --mobile-pack-action-top-2: calc(var(--mobile-bag-sub-height) + 70px);
  --mobile-pack-page-top: calc(var(--mobile-bag-sub-height) + 100px);
  --mobile-pack-page-row-1: calc(var(--mobile-bag-sub-height) + 104px);
  --mobile-pack-page-row-2: calc(var(--mobile-bag-sub-height) + 132px);
  --mobile-pack-grid-top: calc(var(--mobile-bag-sub-height) + 158px);
}

body.mobile-layout.mobile-bag-sub-open #bag.mobile-panel {
  overflow: hidden !important;
  background-image: none !important;
  background: #0b1118 !important;
  border-color: #32485e !important;
}

body.mobile-layout.mobile-bag-sub-open #cangku.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #sell.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #paimai.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #mail.mobile-panel {
  height: var(--mobile-bag-sub-height) !important;
  min-height: 0 !important;
  max-height: var(--mobile-bag-sub-height) !important;
  overflow: hidden !important;
  background-image: none !important;
  background: #101824 !important;
  border-color: #344c62 !important;
  z-index: 940 !important;
}

body.mobile-layout.mobile-bag-sub-open #cangku.mobile-panel:after,
body.mobile-layout.mobile-bag-sub-open #sell.mobile-panel:after,
body.mobile-layout.mobile-bag-sub-open #paimai.mobile-panel:after,
body.mobile-layout.mobile-bag-sub-open #mail.mobile-panel:after {
  position: absolute !important;
  left: 14px !important;
  top: 13px !important;
  z-index: 2 !important;
  display: block !important;
  width: calc(100% - 72px) !important;
  height: 34px !important;
  line-height: 34px !important;
  color: #ffd37a !important;
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  pointer-events: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.mobile-layout.mobile-bag-sub-open #cangku.mobile-panel:after { content: "\4ED3\5E93"; }
body.mobile-layout.mobile-bag-sub-open #sell.mobile-panel:after { content: "\51FA\552E"; }
body.mobile-layout.mobile-bag-sub-open #paimai.mobile-panel:after { content: "\62CD\5356"; }
body.mobile-layout.mobile-bag-sub-open #mail.mobile-panel:after { content: "\90AE\4EF6"; }

body.mobile-layout.mobile-bag-sub-open #cangku > div[id$="close"],
body.mobile-layout.mobile-bag-sub-open #sell > div[id$="close"],
body.mobile-layout.mobile-bag-sub-open #paimai > div[id$="close"],
body.mobile-layout.mobile-bag-sub-open #mail > div[id$="close"] {
  right: 10px !important;
  top: 10px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkubtn0,
body.mobile-layout.mobile-bag-sub-open #cangkubtn1 {
  top: 52px !important;
  bottom: auto !important;
  width: 86px !important;
  height: 34px !important;
  line-height: 34px !important;
  background-image: none !important;
  background: #23364b !important;
  border: 1px solid #4b657d !important;
  border-radius: 8px !important;
  color: #fff1ba !important;
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkubtn0 { left: 14px !important; }
body.mobile-layout.mobile-bag-sub-open #cangkubtn1 { left: 108px !important; }

body.mobile-layout.mobile-bag-sub-open #cangkufenyebtnbg {
  top: 92px !important;
  height: 58px !important;
  background: #101923 !important;
  border: 1px solid #263a50 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn0,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn1,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn2,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn3,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn4,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn5,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn6,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn7,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn8,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn9 {
  width: 17.8% !important;
  height: 24px !important;
  line-height: 24px !important;
  font-size: 12px !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn0,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn1,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn2,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn3,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn4 {
  top: 96px !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn5,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn6,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn7,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn8,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn9 {
  top: 121px !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn0,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn5 { left: 18px !important; }
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn1,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn6 { left: 98px !important; }
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn2,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn7 { left: 178px !important; }
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn3,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn8 { left: 258px !important; }
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn4,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn9 { left: 338px !important; }

body.mobile-layout.mobile-bag-sub-open #cangkutxt.mobile-panel-body {
  left: 12px !important;
  top: 149px !important;
  width: calc(100% - 24px) !important;
  height: calc(100% - 159px) !important;
  padding: 6px 7px 14px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #0d1620 !important;
  border: 1px solid #2b4058 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  scrollbar-gutter: stable;
}

body.mobile-layout.mobile-bag-sub-open #cangkutxt > div[id^="cangkugezi"] {
  width: 62px !important;
  height: 80px !important;
  overflow: visible !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkutxt div[id^="cangkudaojutxt"] {
  width: 62px !important;
  height: 80px !important;
  left: 0 !important;
  top: 0 !important;
  overflow: visible !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkutxt div[id^="cangkudaojubg"] {
  left: 2px !important;
  top: 0 !important;
  width: 58px !important;
  height: 58px !important;
  background-size: 58px 58px !important;
  border-width: 1px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkutxt div[id^="cangkudaojubg"] a,
body.mobile-layout.mobile-bag-sub-open #cangkutxt div[id^="cangkudaojubg"] img {
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  object-fit: contain !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkutxt div[id^="cangkudaojunum"] {
  left: -2px !important;
  top: 61px !important;
  width: 62px !important;
  height: 18px !important;
  line-height: 18px !important;
  padding: 0 2px !important;
  background: rgba(7, 10, 14, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  color: #fff4c7 !important;
  font-size: 11px !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkutxt div[id^="cangkudaobangding"] {
  right: -2px !important;
  bottom: -2px !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  background: rgba(12, 17, 24, 0.82) !important;
  border-radius: 50% !important;
  color: #fff !important;
  font-size: 12px !important;
  text-align: center !important;
}

body.mobile-layout.mobile-bag-sub-open #bag #bagbgs {
  left: 12px !important;
  top: var(--mobile-pack-label-top) !important;
  width: calc(100% - 24px) !important;
  height: 28px !important;
  line-height: 28px !important;
  text-align: left !important;
  font-size: 20px !important;
  color: #ffd37a !important;
  text-shadow: none !important;
}

body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtnbg {
  left: 10px !important;
  top: var(--mobile-pack-page-top) !important;
  width: calc(100% - 20px) !important;
  height: 58px !important;
  background: #101923 !important;
  border: 1px solid #263a50 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout.mobile-bag-sub-open #bag > div[id^="bagfenyebtn"]:not(#bagfenyebtnbg) {
  width: 12.2% !important;
  height: 24px !important;
  line-height: 24px !important;
  background-image: none !important;
  background: #172333 !important;
  border: 1px solid #3f5870 !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  color: #f4e7a4;
  font-size: 13px !important;
  font-weight: bold !important;
  text-align: center !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn0,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn1,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn2,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn3,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn4,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn5,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn6 {
  top: var(--mobile-pack-page-row-1) !important;
}

body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn7,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn8,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn9,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn10,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn11,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn12 {
  top: var(--mobile-pack-page-row-2) !important;
}

body.mobile-layout.mobile-bag-sub-open #bag #bagbtn0,
body.mobile-layout.mobile-bag-sub-open #bag #bagbtn1,
body.mobile-layout.mobile-bag-sub-open #bag #bagbtn2,
body.mobile-layout.mobile-bag-sub-open #bag #bagbtn3,
body.mobile-layout.mobile-bag-sub-open #bag #bagbtn4,
body.mobile-layout.mobile-bag-sub-open #bag #bagbtn5 {
  top: var(--mobile-pack-action-top-1) !important;
}

body.mobile-layout.mobile-bag-sub-open #bag #bagbtn6,
body.mobile-layout.mobile-bag-sub-open #bag #bagbtn7,
body.mobile-layout.mobile-bag-sub-open #bag #bagbtn8,
body.mobile-layout.mobile-bag-sub-open #bag #bagbtn9,
body.mobile-layout.mobile-bag-sub-open #bag #bagbtn10 {
  top: var(--mobile-pack-action-top-2) !important;
}

body.mobile-layout.mobile-bag-sub-open #bag > div[id^="bagbtn"] {
  width: 14.8% !important;
  height: 32px !important;
  line-height: 32px !important;
  background-image: none !important;
  background: #24344a !important;
  border: 1px solid #566e88 !important;
  border-radius: 7px !important;
  box-sizing: border-box !important;
  color: #ffe7ba !important;
  font-size: 17px !important;
  font-weight: bold !important;
  text-align: center !important;
  overflow: visible !important;
}

body.mobile-layout.mobile-bag-sub-open #bag > div[id^="bagbtn"] > font {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 32px !important;
}

body.mobile-layout.mobile-bag-sub-open #bag #bagtxt.mobile-panel-body {
  left: 12px !important;
  top: var(--mobile-pack-grid-top) !important;
  width: calc(100% - 24px) !important;
  height: calc(100% - var(--mobile-pack-grid-top) - 10px) !important;
  padding: 6px 7px 14px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #0d1620 !important;
  border: 1px solid #2b4058 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  scrollbar-gutter: stable;
}

body.mobile-layout.mobile-bag-sub-open #bag #bagtxt > div[id^="baggezi"] {
  width: 62px !important;
  height: 80px !important;
  overflow: visible !important;
}

body.mobile-layout.mobile-bag-sub-open #bag #bagtxt div[id^="bagdaojutxt"] {
  width: 62px !important;
  height: 80px !important;
  left: 0 !important;
  top: 0 !important;
  overflow: visible !important;
}

body.mobile-layout.mobile-bag-sub-open #bag #bagtxt div[id^="bagdaojubg"] a,
body.mobile-layout.mobile-bag-sub-open #bag #bagtxt div[id^="bagdaojubg"] img {
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  object-fit: contain !important;
}

body.mobile-layout.mobile-bag-sub-open #bag #bagtxt div[id^="bagdaojubg"] {
  left: 2px !important;
  top: 0 !important;
  width: 58px !important;
  height: 58px !important;
  background-size: 58px 58px !important;
  border-width: 1px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout.mobile-bag-sub-open #bag #bagtxt div[id^="bagdaojunum"] {
  left: -2px !important;
  top: 61px !important;
  width: 62px !important;
  height: 18px !important;
  line-height: 18px !important;
  padding: 0 2px !important;
  background: rgba(7, 10, 14, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  color: #fff4c7 !important;
  font-size: 11px !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.mobile-layout.mobile-bag-sub-open #bag #bagtxt div[id^="bagdaobangding"] {
  right: -2px !important;
  bottom: -2px !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  background: rgba(12, 17, 24, 0.82) !important;
  border-radius: 50% !important;
  color: #fff !important;
  font-size: 12px !important;
  text-align: center !important;
}

body.mobile-layout.mobile-bag-sub-open #sell #sellsubmit {
  right: 14px !important;
  top: 52px !important;
  bottom: auto !important;
  width: 120px !important;
  height: 36px !important;
  line-height: 34px !important;
  background-image: none !important;
  background: #d79a1b !important;
  border: 1px solid #cc8600 !important;
  border-radius: 8px !important;
  font-size: 17px !important;
  font-weight: bold !important;
  color: #171c21 !important;
  text-align: center !important;
}

body.mobile-layout.mobile-bag-sub-open #sell #selltxt.mobile-panel-body,
body.mobile-layout.mobile-bag-sub-open #paimai #paimaitxt.mobile-panel-body,
body.mobile-layout.mobile-bag-sub-open #mail #mailfajiantxt.mobile-panel-body,
body.mobile-layout.mobile-bag-sub-open #mail #mailshoujiantxt.mobile-panel-body {
  left: 12px !important;
  width: calc(100% - 24px) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.mobile-layout.mobile-bag-sub-open #sell #selltxt.mobile-panel-body {
  top: 98px !important;
  height: calc(100% - 108px) !important;
  padding: 10px !important;
}

body.mobile-layout.mobile-bag-sub-open #paimai #paimaitxt.mobile-panel-body {
  top: 90px !important;
  height: calc(100% - 100px) !important;
  padding: 10px !important;
}

body.mobile-layout.mobile-bag-sub-open #mail #mailfajianxiangbtn,
body.mobile-layout.mobile-bag-sub-open #mail #mailshoujianxiangbtn {
  top: 52px !important;
  height: 36px !important;
  line-height: 36px !important;
  width: calc(50% - 18px) !important;
  background-image: none !important;
  background: #23364b !important;
  border: 1px solid #4b657d !important;
  border-radius: 8px !important;
  color: #fff1ba !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
}

body.mobile-layout.mobile-bag-sub-open #mail #mailfajianxiangbtn { left: 12px !important; }
body.mobile-layout.mobile-bag-sub-open #mail #mailshoujianxiangbtn { left: calc(50% + 6px) !important; }

body.mobile-layout.mobile-bag-sub-open #mail #mailfajiantxt.mobile-panel-body,
body.mobile-layout.mobile-bag-sub-open #mail #mailshoujiantxt.mobile-panel-body {
  top: 98px !important;
  height: calc(100% - 110px) !important;
  padding: 10px !important;
}

body.mobile-layout.mobile-bag-sub-open #mail #mailfajiantxt.mobile-panel-body,
body.mobile-layout.mobile-bag-sub-open #mail #mailshoujiantxt.mobile-panel-body {
  text-align: center !important;
}

}

/* mobile split dialog refine 20260614am */
@media screen and (max-width: 767px) {
#tishi.mobile-split-dialog {
  left: 5vw !important;
  top: 20vh !important;
  width: 90vw !important;
  min-height: 0 !important;
  max-height: 68dvh !important;
  overflow: hidden !important;
  background-image: none !important;
  background: #101824 !important;
  border: 1px solid #365068 !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.56) !important;
}

#tishi.mobile-split-dialog #tishitxt {
  left: 0 !important;
  top: 44px !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 14px 14px !important;
  background: transparent !important;
  border: 0 !important;
  color: #eef4ff !important;
  font-size: 16px !important;
  line-height: 24px !important;
  box-sizing: border-box !important;
}

#tishi.mobile-split-dialog #tishitxt .mobile-split-form {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}

#tishi.mobile-split-dialog #tishitxt .mobile-split-title {
  color: #ffd37a !important;
  font-size: 18px !important;
  line-height: 26px !important;
  font-weight: bold !important;
  text-align: center !important;
}

#tishi.mobile-split-dialog #tishitxt .mobile-split-input-row {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

#tishi.mobile-split-dialog #tishitxt .mobile-split-input-row input#daojucf_num {
  width: 100% !important;
  height: 48px !important;
  padding: 0 12px !important;
  border: 1px solid #3b5670 !important;
  border-radius: 8px !important;
  background: #0c151f !important;
  box-sizing: border-box !important;
  color: #fff8d6 !important;
  font-size: 22px !important;
  line-height: 48px !important;
  text-align: center !important;
}

#tishi.mobile-split-dialog #tishitxt .mobile-split-unit-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
}

#tishi.mobile-split-dialog #tishitxt .mobile-split-unit-row font {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 48px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid #4b637a !important;
  border-radius: 999px !important;
  background: #172333 !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
  line-height: 32px !important;
}

#tishi.mobile-split-dialog #tishitxt .mobile-split-unit-row font.red {
  background: #2a2030 !important;
  border-color: #ff6b9a !important;
  color: #ffbfd2 !important;
}

#tishi.mobile-split-dialog #tishitxt .mobile-split-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding-top: 4px !important;
}

#tishi.mobile-split-dialog #tishitxt .mobile-split-actions font.white.hand {
  display: block !important;
  width: 100% !important;
  max-width: 240px !important;
  height: 42px !important;
  line-height: 42px !important;
  background: #f0a81f !important;
  border: 1px solid #d48e00 !important;
  border-radius: 10px !important;
  color: #161d24 !important;
  font-size: 17px !important;
  font-weight: bold !important;
  text-align: center !important;
}
}
/* mobile warehouse subpanel visibility 20260614an */
@media screen and (max-width: 767px) {
body.mobile-layout.mobile-bag-sub-open #cangku.mobile-panel:after,
body.mobile-layout.mobile-bag-sub-open #sell.mobile-panel:after,
body.mobile-layout.mobile-bag-sub-open #paimai.mobile-panel:after,
body.mobile-layout.mobile-bag-sub-open #mail.mobile-panel:after {
  z-index: 1001 !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkubtn0,
body.mobile-layout.mobile-bag-sub-open #cangkubtn1,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn0,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn1,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn2,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn3,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn4,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn5,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn6,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn7,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn8,
body.mobile-layout.mobile-bag-sub-open #cangkufenyebtn9 {
  z-index: 1002 !important;
  padding-top: 0 !important;
  box-shadow: none !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkutxt.mobile-panel-body {
  z-index: 1000 !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkutxt > div[id^="cangkugezi"] {
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid #263b4f !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}

body.mobile-layout.mobile-bag-sub-open #cangkutxt > #cangkugezisum {
  background: transparent !important;
  border: 0 !important;
}
}
/* mobile bag subpanel stacking 20260614ao */
@media screen and (max-width: 767px) {
body.mobile-layout.mobile-bag-sub-open #bag.mobile-panel {
  z-index: 900 !important;
}

body.mobile-layout.mobile-bag-sub-open #cangku.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #sell.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #paimai.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #mail.mobile-panel {
  z-index: 1200 !important;
}
}
/* mobile split dialog height 20260614ap */
@media screen and (max-width: 767px) {
#tishi.mobile-split-dialog {
  height: 278px !important;
  max-height: min(68dvh, 300px) !important;
}

#tishi.mobile-split-dialog #tishitxt {
  height: auto !important;
}

#tishi.mobile-split-dialog #tishitxt .mobile-split-actions font.white.hand {
  color: #121a22 !important;
  text-shadow: none !important;
}
}
/* mobile full width panels and chat log 20260614aq */
#mobileChatLog {
  display: none;
  position: fixed;
  left: 0;
  top: 96px;
  z-index: 2600;
  width: 100vw;
  height: calc(100vh - 104px);
  height: calc(100dvh - 104px);
  background: #0d1219;
  color: #e9f2ff;
  box-sizing: border-box;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
body.mobile-layout .mobile-panel:not(#mainbg):not(#timeShow):not(#touxiang):not(#changyong):not(#changyongzuo):not(#serverbing):not(#liaotian):not(#sysLoading) {
  left: 0 !important;
  right: auto !important;
  width: 100vw !important;
  max-width: 100vw !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

body.mobile-layout .mobile-panel:not(#mainbg):not(#timeShow):not(#touxiang):not(#changyong):not(#changyongzuo):not(#serverbing):not(#liaotian):not(#sysLoading) > .mobile-panel-body {
  left: 8px !important;
  width: calc(100% - 16px) !important;
  max-width: calc(100% - 16px) !important;
  box-sizing: border-box !important;
}

body.mobile-layout.mobile-bag-sub-open #bag.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #cangku.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #sell.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #paimai.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #mail.mobile-panel {
  left: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
}

#liaotianfasong {
  background: #203449 !important;
  border: 1px solid #456078 !important;
  box-sizing: border-box !important;
}

#liaotianfasongtxt {
  position: relative !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

#liaotianfasongtxt:after {
  content: "\804A";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 22px;
  color: #eef7ff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

#mobileChatLog {
  top: 102px;
  width: 100vw;
  height: calc(100vh - 110px);
  height: calc(100dvh - 110px);
  background: #0d1219;
  border: 0;
  box-shadow: 0 -8px 26px rgba(0, 0, 0, 0.45);
}

#mobileChatLogHeader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-left: 14px;
  color: #ffd37a;
  font-size: 20px;
  font-weight: bold;
  background: #121b25;
  border-bottom: 1px solid #2d4258;
  box-sizing: border-box;
}

#mobileChatLogClose {
  position: absolute;
  right: 10px;
  top: 9px;
  z-index: 2;
  width: 58px;
  height: 38px;
  line-height: 36px;
  color: #ffd9bf;
  font-size: 16px;
  text-align: center;
  background: #2b1215;
  border: 1px solid #7a3e3e;
  border-radius: 8px;
  box-sizing: border-box;
}

#mobileChatLogTxt {
  position: absolute;
  left: 8px;
  top: 64px;
  width: calc(100% - 16px);
  height: calc(100% - 72px);
  padding: 10px;
  color: #e9f2ff;
  font-size: 15px;
  line-height: 24px;
  background: #111923;
  border: 1px solid #293d51;
  border-radius: 8px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  word-break: break-word;
  -webkit-overflow-scrolling: touch;
}

#mobileChatLogTxt * {
  max-width: 100% !important;
  line-height: 24px !important;
  word-break: break-word !important;
}
}
/* mobile use dialog and vip layout 20260614ax */
@media screen and (max-width: 767px) {
#tishi.mobile-use-dialog {
  left: 4vw !important;
  top: 12vh !important;
  width: 92vw !important;
  min-height: 360px !important;
  max-height: 78vh !important;
  max-height: 78dvh !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #0d1219 !important;
  border: 1px solid #344d63 !important;
  border-radius: 10px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.62) !important;
  box-sizing: border-box !important;
  color: #e9f2ff !important;
  z-index: 2500 !important;
}

#tishi.mobile-use-dialog:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 54px;
  background: #121b25;
  border-bottom: 1px solid #2d4258;
  box-sizing: border-box;
}

#tishi.mobile-use-dialog #tishiclose {
  right: 10px !important;
  top: 8px !important;
  left: auto !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  background-image: none !important;
  background: #2b1215 !important;
  border: 1px solid #7a3e3e !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

#tishi.mobile-use-dialog #tishiclose:after {
  content: "\00D7";
  display: block;
  width: 100%;
  height: 100%;
  line-height: 36px;
  color: #ffd9bf;
  font-family: Arial, sans-serif;
  font-size: 28px;
  text-align: center;
}

#tishi.mobile-use-dialog #tishidaojushow {
  position: absolute !important;
  left: calc(50% - 38px) !important;
  top: 68px !important;
  display: block !important;
  width: 76px !important;
  height: 90px !important;
  text-align: center !important;
  overflow: visible !important;
  z-index: 2 !important;
}

#tishi.mobile-use-dialog #tishidaojushow > div[id^="bagdaojubg"] {
  left: 8px !important;
  top: 0 !important;
  width: 60px !important;
  height: 60px !important;
  border: 1px solid #425a70 !important;
  border-radius: 8px !important;
  background-color: #111923 !important;
  background-size: cover !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#tishi.mobile-use-dialog #tishidaojushow img,
#tishi.mobile-use-dialog #tishidaojushow #alt_div,
#tishi.mobile-use-dialog #tishidaojushow a {
  width: 58px !important;
  height: 58px !important;
}

#tishi.mobile-use-dialog #tishidaojushow div[id^="bagdaojunum"] {
  left: 0 !important;
  top: 64px !important;
  width: 76px !important;
  height: 20px !important;
  line-height: 20px !important;
  background: #0a1119 !important;
  border: 1px solid #273e54 !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  color: #fff4ce !important;
}

#tishi.mobile-use-dialog #tishitxt {
  left: 14px !important;
  top: 172px !important;
  width: calc(100% - 28px) !important;
  min-height: 156px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #e9f2ff !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

#tishi.mobile-use-dialog #tishitxt .mobile-use-form {
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  gap: 10px !important;
}

#tishi.mobile-use-dialog #tishitxt .mobile-use-title {
  color: #ffd37a !important;
  font-size: 20px !important;
  line-height: 24px !important;
  font-weight: bold !important;
}

#tishi.mobile-use-dialog #tishitxt .mobile-use-input-row input#daojushiyongnum {
  width: 100% !important;
  height: 48px !important;
  padding: 0 12px !important;
  border: 1px solid #3b5670 !important;
  border-radius: 8px !important;
  background: #0c151f !important;
  box-sizing: border-box !important;
  color: #fff8d6 !important;
  font-size: 22px !important;
  line-height: 48px !important;
  text-align: center !important;
}

#tishi.mobile-use-dialog #tishitxt .mobile-use-actions font.white.hand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 240px !important;
  height: 42px !important;
  line-height: 42px !important;
  background: #f0a81f !important;
  border: 1px solid #d48e00 !important;
  border-radius: 10px !important;
  color: #161d24 !important;
  font-size: 17px !important;
  font-weight: bold !important;
  text-align: center !important;
}

body.mobile-layout #huiyuan.mobile-panel {
  overflow: hidden !important;
  background: #0d1219 !important;
}

body.mobile-layout #huiyuan #huiyuankuang {
  left: 8px !important;
  top: 58px !important;
  width: calc(100% - 16px) !important;
  height: 76px !important;
  background-image: none !important;
  background: #101923 !important;
  border: 1px solid #2b4258 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huiyuan #huiyuanjdt {
  left: 20px !important;
  top: 90px !important;
  width: calc(100% - 40px) !important;
  max-width: calc(100% - 40px) !important;
  height: 12px !important;
  background-image: none !important;
  background: linear-gradient(90deg, #d39b27, #f6d45c) !important;
  border-radius: 999px !important;
}

body.mobile-layout #huiyuan #huiyuanxs,
body.mobile-layout #huiyuan #huiyuanxss {
  left: 20px !important;
  width: calc(100% - 40px) !important;
  height: 20px !important;
  line-height: 20px !important;
  color: #fff4c2 !important;
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: center !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.mobile-layout #huiyuan #huiyuanxs {
  top: 68px !important;
}

body.mobile-layout #huiyuan #huiyuanxss {
  top: 108px !important;
  color: #b8ff6b !important;
}

body.mobile-layout #huiyuan #shengshoutxt.mobile-panel-body {
  left: 8px !important;
  top: 142px !important;
  width: calc(100% - 16px) !important;
  height: calc(100% - 150px) !important;
  padding: 8px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #111923 !important;
  border: 1px solid #293d51 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huiyuan #vipdengji {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 0 12px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huiyuan #qiehuanbtn,
body.mobile-layout #huiyuan #vipdengji > div[id^="vipbtn"] {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  flex: 1 1 calc(33.333% - 8px) !important;
  min-width: 104px !important;
  height: 38px !important;
  line-height: 36px !important;
  padding: 0 8px !important;
  background-image: none !important;
  background: #172333 !important;
  border: 1px solid #40566c !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  overflow: hidden !important;
}

body.mobile-layout #huiyuan #qiehuanbtn font,
body.mobile-layout #huiyuan #vipdengji > div[id^="vipbtn"] font {
  color: #fff2bc !important;
  font-size: 14px !important;
  line-height: 36px !important;
  font-weight: bold !important;
  white-space: nowrap !important;
}

body.mobile-layout #huiyuan #vipdengji > div[id^="vipjm"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 4px 0 0 !important;
  padding: 12px !important;
  background: #0f1823 !important;
  border: 1px solid #4c667e !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout #huiyuan #vipdengji > div[id^="vipjm"] > div {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  text-align: left !important;
  line-height: 22px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huiyuan #vipdengji > div[id^="vipjm"] > div:first-child,
body.mobile-layout #huiyuan #vipdengji > div[id^="vipjm"] > div:nth-child(4),
body.mobile-layout #huiyuan #vipdengji > div[id^="vipjm"] > div:nth-child(6) {
  text-align: center !important;
  margin-bottom: 8px !important;
}

body.mobile-layout #huiyuan #vipdengji > div[id^="vipjm"] font {
  font-size: 15px !important;
  line-height: 22px !important;
  white-space: normal !important;
  word-break: break-word !important;
}

body.mobile-layout #huiyuan #vipdengji > div[id^="vipjm"] img {
  width: 58px !important;
  height: 58px !important;
  margin: 4px auto !important;
}

body.mobile-layout #huiyuan input[type="button"] {
  width: 100% !important;
  max-width: 260px !important;
  min-height: 36px !important;
  height: auto !important;
  line-height: 20px !important;
  padding: 7px 10px !important;
  color: #161d24 !important;
  background: #f0a81f !important;
  border: 1px solid #d48e00 !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  white-space: normal !important;
}

body.mobile-layout #huiyuan #tequanjm {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 0 12px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huiyuan #tequanjm > #baiyin,
body.mobile-layout #huiyuan #tequanjm > #huangjin,
body.mobile-layout #huiyuan #tequanjm > #zuanshi {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 10px !important;
  background: #0f1823 !important;
  border: 1px solid #4c667e !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huiyuan #tequanjm > div > div {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: 22px !important;
  font-size: 14px !important;
  color: #e9f2ff !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huiyuan #tequanjm img {
  width: 96px !important;
  height: 96px !important;
}
}
/* mobile generic prompt dialog 20260614as */
@media screen and (max-width: 767px) {
body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) {
  position: fixed !important;
  left: 50% !important;
  top: 128px !important;
  transform: translateX(-50%) !important;
  width: calc(100vw - 32px) !important;
  max-width: 480px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 1px solid #2c4d66 !important;
  border-radius: 10px !important;
  background: #101922 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .42) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog):before {
  content: "";
  display: block;
  height: 38px;
  background: #142333;
  border-bottom: 1px solid #284760;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishiclose {
  position: absolute !important;
  left: auto !important;
  right: 8px !important;
  top: 5px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  background-image: none !important;
  background: rgba(130, 49, 49, .72) !important;
  border: 1px solid #bb735a !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishiclose:after {
  content: "\00D7";
  display: block;
  width: 100%;
  height: 100%;
  line-height: 28px;
  color: #ffe5d2;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: min(44vh, 360px) !important;
  padding: 18px 18px 20px !important;
  border: 0 !important;
  background: #101922 !important;
  box-sizing: border-box !important;
  color: #9dff88 !important;
  font-size: 17px !important;
  line-height: 26px !important;
  font-weight: bold !important;
  text-align: center !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  word-break: break-word !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt font,
body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt span,
body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt div {
  max-width: 100% !important;
  white-space: normal !important;
  word-break: break-word !important;
}
}
/* mobile empty prompt guard 20260614at */
@media screen and (max-width: 767px) {
body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog):has(#tishitxt:empty) {
  display: none !important;
}
}
/* mobile generic prompt full size 20260614av */
@media screen and (max-width: 767px) {
body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) {
  left: 4vw !important;
  top: 12vh !important;
  transform: none !important;
  width: 92vw !important;
  max-width: none !important;
  height: 292px !important;
  min-height: 360px !important;
  max-height: 78vh !important;
  max-height: 78dvh !important;
  border-radius: 10px !important;
  background: #0d1219 !important;
  border-color: #344d63 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .62) !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog):before {
  height: 54px !important;
  background: #121b25 !important;
  border-bottom: 1px solid #2d4258 !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishiclose {
  right: 10px !important;
  top: 8px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  background: #2b1215 !important;
  border-color: #7d3838 !important;
  border-radius: 8px !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishiclose:after {
  line-height: 36px !important;
  font-size: 28px !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt {
  position: absolute !important;
  left: 14px !important;
  top: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: calc(100% - 28px) !important;
  height: calc(100% - 78px) !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 18px !important;
  background: transparent !important;
  color: #86ff8d !important;
  font-size: 20px !important;
  line-height: 30px !important;
  text-align: center !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
}
/* mobile generic prompt content flow 20260614aw */
@media screen and (max-width: 767px) {
body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt {
  display: block !important;
  padding: 70px 18px 18px !important;
  box-sizing: border-box !important;
}
}
/* mobile activity adaptive buttons 20260614ay */
@media screen and (max-width: 767px) {
body.mobile-layout #huodong #huodongbtn1,
body.mobile-layout #huodong #huodongbtn2,
body.mobile-layout #huodong #huodongbtn3 {
  display: grid !important;
  gap: 8px !important;
  padding: 6px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout #huodong #huodongbtn1,
body.mobile-layout #huodong #huodongbtn2 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  height: 80px !important;
}

body.mobile-layout #huodong #huodongbtn3 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  height: 44px !important;
}

body.mobile-layout #huodong #huodongbtn1 > div[id^="huodong"],
body.mobile-layout #huodong #huodongbtn2 > div[id^="huodong"],
body.mobile-layout #huodong #huodongbtn3 > div[id^="huodong"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 30px !important;
  line-height: 30px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.mobile-layout #huodong #shengshoutxt.mobile-panel-body {
  top: 286px !important;
  height: calc(100% - 298px) !important;
}
}
/* mobile activity percent buttons 20260615az */
@media screen and (max-width: 767px) {
body.mobile-layout #huodong #huodongbtn1,
body.mobile-layout #huodong #huodongbtn2,
body.mobile-layout #huodong #huodongbtn3 {
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huodong #huodongbtn1,
body.mobile-layout #huodong #huodongbtn2 {
  height: 80px !important;
}

body.mobile-layout #huodong #huodongbtn3 {
  height: 44px !important;
}

body.mobile-layout #huodong #huodongbtn1 > div[id^="huodong"],
body.mobile-layout #huodong #huodongbtn2 > div[id^="huodong"],
body.mobile-layout #huodong #huodongbtn3 > div[id^="huodong"] {
  position: absolute !important;
  width: calc((100% - 36px) / 4) !important;
  height: 30px !important;
  line-height: 30px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.mobile-layout #huodong #huodongbtn1 > #huodong00,
body.mobile-layout #huodong #huodongbtn2 > #huodong08 {
  left: 6px !important;
  top: 6px !important;
}

body.mobile-layout #huodong #huodongbtn1 > #huodong01,
body.mobile-layout #huodong #huodongbtn2 > #huodong09 {
  left: calc(25% + 3px) !important;
  top: 6px !important;
}

body.mobile-layout #huodong #huodongbtn1 > #huodong02,
body.mobile-layout #huodong #huodongbtn2 > #huodong10 {
  left: calc(50% + 0px) !important;
  top: 6px !important;
}

body.mobile-layout #huodong #huodongbtn1 > #huodong03,
body.mobile-layout #huodong #huodongbtn2 > #huodong11 {
  left: calc(75% - 3px) !important;
  top: 6px !important;
}

body.mobile-layout #huodong #huodongbtn1 > #huodong04,
body.mobile-layout #huodong #huodongbtn2 > #huodong12 {
  left: 6px !important;
  top: 43px !important;
}

body.mobile-layout #huodong #huodongbtn1 > #huodong05,
body.mobile-layout #huodong #huodongbtn2 > #huodong13 {
  left: calc(25% + 3px) !important;
  top: 43px !important;
}

body.mobile-layout #huodong #huodongbtn1 > #huodong06,
body.mobile-layout #huodong #huodongbtn2 > #huodong14 {
  left: calc(50% + 0px) !important;
  top: 43px !important;
}

body.mobile-layout #huodong #huodongbtn1 > #huodong07 {
  left: calc(75% - 3px) !important;
  top: 43px !important;
}

body.mobile-layout #huodong #huodongbtn3 > #huodong15,
body.mobile-layout #huodong #huodongbtn3 > #huodong16 {
  width: calc((100% - 20px) / 2) !important;
  top: 7px !important;
}

body.mobile-layout #huodong #huodongbtn3 > #huodong15 {
  left: 6px !important;
}

body.mobile-layout #huodong #huodongbtn3 > #huodong16 {
  left: calc(50% + 4px) !important;
}
}
/* mobile home special entries 20260615ba */
@media screen and (max-width: 767px) {
body.mobile-layout .mobile-menu-grid {
  height: calc(100vh - 612px) !important;
  height: calc(100dvh - 612px) !important;
  min-height: 132px !important;
  padding-bottom: 6px !important;
}

body.mobile-layout #guanming,
body.mobile-layout #zhenjie,
body.mobile-layout #wangyin {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  z-index: 92 !important;
  top: calc(100vh - 268px) !important;
  top: calc(100dvh - 268px) !important;
  bottom: auto !important;
  width: calc((100vw - 44px) / 3) !important;
  height: 106px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #101923 !important;
  border: 1px solid #34495e !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.32) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

body.mobile-layout #guanming {
  left: 10px !important;
  right: auto !important;
}

body.mobile-layout #zhenjie {
  left: calc(50vw - ((100vw - 44px) / 6)) !important;
  right: auto !important;
}

body.mobile-layout #wangyin {
  left: auto !important;
  right: 10px !important;
}

body.mobile-layout #guanmingtxt,
body.mobile-layout #zhenjietxt,
body.mobile-layout #tiankongzhishitxt,
body.mobile-layout #wangyintxt,
body.mobile-layout #guanming > div,
body.mobile-layout #zhenjie > div,
body.mobile-layout #wangyin > div {
  position: absolute !important;
  display: block !important;
  visibility: visible !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  overflow: hidden !important;
}

body.mobile-layout #guanming img,
body.mobile-layout #zhenjie img,
body.mobile-layout #wangyin img {
  display: block !important;
  width: 100% !important;
  height: 76px !important;
  margin: 3px auto 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
}

body.mobile-layout #guanming:after,
body.mobile-layout #zhenjie:after,
body.mobile-layout #wangyin:after {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 28px !important;
  line-height: 28px !important;
  background: rgba(8, 12, 17, 0.88) !important;
  border-top: 1px solid rgba(255, 220, 130, 0.22) !important;
  color: #f6df9a !important;
  font-size: 15px !important;
  font-weight: bold !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

body.mobile-layout #guanming:after { content: "\51A0\540D"; }
body.mobile-layout #zhenjie:after { content: "\5149\7FBD\6247"; }
body.mobile-layout #wangyin:after { content: "BUFF"; }
}
/* mobile guanming panel layout 20260615bb */
@media screen and (max-width: 767px) {
body.mobile-layout #guanmingpanel.mobile-panel,
body.mobile-layout #guanmingpanel {
  left: 0 !important;
  top: 102px !important;
  width: 100vw !important;
  height: calc(100vh - 104px) !important;
  height: calc(100dvh - 104px) !important;
  padding: 56px 12px 14px !important;
  background: #080d13 !important;
  border-top: 1px solid #26394d !important;
  border-bottom: 1px solid #26394d !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #guanmingpanelclose {
  top: 11px !important;
  right: 12px !important;
  width: 38px !important;
  height: 38px !important;
  background: #401719 !important;
  border: 1px solid #9a504e !important;
  border-radius: 8px !important;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: 0 !important;
  box-sizing: border-box !important;
}

body.mobile-layout #guanmingpanelclose:after {
  content: "\00D7" !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 34px !important;
  color: #fff2da !important;
  font-size: 30px !important;
  font-weight: normal !important;
  text-align: center !important;
}

body.mobile-layout #guanmingpanel_name {
  left: 12px !important;
  top: 56px !important;
  width: calc(100vw - 24px) !important;
  height: 164px !important;
  padding: 8px !important;
  background: #0f1720 !important;
  border: 1px solid #2b4055 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout .guanming_rank_page,
body.mobile-layout .guanming_rank_empty {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.mobile-layout .guanming_rank_row {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  height: 30px !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  background: #121e2a !important;
  border: 1px solid #263b50 !important;
  border-radius: 7px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout .guanming_rank_no {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 36px !important;
  height: 28px !important;
  line-height: 28px !important;
  color: #ffd95c !important;
  font-size: 16px !important;
  text-align: center !important;
}

body.mobile-layout .guanming_rank_info {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(92px, 42%) !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  height: 28px !important;
  line-height: 28px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.mobile-layout .guanming_rank_info font,
body.mobile-layout .guanming_rank_info em {
  display: block !important;
  width: auto !important;
  height: 28px !important;
  line-height: 28px !important;
  min-width: 0 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.mobile-layout .guanming_rank_info em {
  color: #b9d8ff !important;
  font-style: normal !important;
  text-align: right !important;
  padding-right: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #guanmingpanel_page {
  left: 12px !important;
  top: 228px !important;
  width: calc(100vw - 24px) !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
}

body.mobile-layout #guanmingpanel_jiacheng {
  left: 12px !important;
  top: 276px !important;
  width: calc(100vw - 24px) !important;
  height: calc(100vh - 438px) !important;
  height: calc(100dvh - 438px) !important;
  min-height: 230px !important;
  padding: 10px !important;
  background: #0f1720 !important;
  border: 1px solid #2b4055 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  color: #dcecff !important;
  font-size: 15px !important;
  line-height: 24px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.mobile-layout #guanmingpanel_jiacheng font,
body.mobile-layout #guanmingpanel_jiacheng div {
  max-width: 100% !important;
  font-size: 15px !important;
  line-height: 24px !important;
  white-space: normal !important;
  word-break: break-all !important;
}

body.mobile-layout #guanmingpanel_jcpage {
  left: 12px !important;
  bottom: 70px !important;
  top: auto !important;
  width: calc(100vw - 24px) !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
}

body.mobile-layout .guanming_pagebtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  height: 36px !important;
  margin: 0 !important;
  background: #172231 !important;
  border: 1px solid #455d75 !important;
  border-radius: 8px !important;
  color: #ffe9a8 !important;
  font-size: 0 !important;
  line-height: 36px !important;
  text-indent: 0 !important;
  box-sizing: border-box !important;
}

body.mobile-layout .guanming_page_left:after,
body.mobile-layout .guanming_page_right:after {
  display: block !important;
  color: #ffe9a8 !important;
  font-size: 24px !important;
  line-height: 34px !important;
}

body.mobile-layout .guanming_page_left:after { content: "<" !important; }
body.mobile-layout .guanming_page_right:after { content: ">" !important; }

body.mobile-layout #guanmingpanel_actions {
  left: 12px !important;
  bottom: 14px !important;
  top: auto !important;
  width: calc(100vw - 24px) !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

body.mobile-layout .guanming_btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: 172px !important;
  height: 42px !important;
  margin: 0 !important;
  background: #263241 !important;
  border: 1px solid #6f5a25 !important;
  border-radius: 8px !important;
  color: #fff0bd !important;
  font-size: 16px !important;
  font-weight: bold !important;
  line-height: 40px !important;
  text-align: center !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

body.mobile-layout .guanming_btn_open:after { content: "\5F00\901A\51A0\540D"; }
body.mobile-layout .guanming_btn_upgrade:after { content: "\5347\7EA7\51A0\540D"; }
body.mobile-layout .guanming_btn_reward:after { content: "\6BCF\65E5\5956\52B1"; }
}
/* mobile dungeon common layout 20260615bc */
@media screen and (max-width: 767px) {
body.mobile-layout.mobile-overlay-open #guanming,
body.mobile-layout.mobile-overlay-open #zhenjie,
body.mobile-layout.mobile-overlay-open #wangyin {
  display: none !important;
}

body.mobile-layout #map.mobile-panel,
body.mobile-layout #jiujiemap.mobile-panel,
body.mobile-layout #wanjieyuanzheng.mobile-panel,
body.mobile-layout #huodongfuben.mobile-panel {
  left: 0 !important;
  top: 102px !important;
  width: 100vw !important;
  height: calc(100vh - 104px) !important;
  height: calc(100dvh - 104px) !important;
  background: #081019 !important;
  border-top: 1px solid #26394d !important;
  border-bottom: 1px solid #26394d !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #maptxt.mobile-panel-body,
body.mobile-layout #jiujiemaptxt.mobile-panel-body,
body.mobile-layout #wanjieyuanzhengtxt.mobile-panel-body,
body.mobile-layout #huodongfubentxt.mobile-panel-body {
  left: 8px !important;
  top: 70px !important;
  width: calc(100vw - 16px) !important;
  height: calc(100% - 82px) !important;
  padding: 0 !important;
  background: #0d1721 !important;
  border: 1px solid #2c435a !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.mobile-layout #maptxtbg {
  left: 0 !important;
  top: 72px !important;
  width: 100% !important;
  height: min(46vh, 340px) !important;
  min-height: 260px !important;
  background-size: cover !important;
  background-position: center center !important;
  border-top: 1px solid #2c435a !important;
  border-bottom: 1px solid #2c435a !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #maptxtname {
  left: 8px !important;
  width: calc(100% - 16px) !important;
  color: #fff0bd !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}

body.mobile-layout #maptxtbg > #maptxtname:nth-of-type(1) {
  top: -62px !important;
  height: 24px !important;
  line-height: 24px !important;
  font-size: 17px !important;
  font-weight: bold !important;
}

body.mobile-layout #maptxtbg > #maptxtname:nth-of-type(2) {
  top: -34px !important;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 15px !important;
}

body.mobile-layout #maptxtbg > #maptxtname:nth-of-type(3) {
  top: -9px !important;
  height: 24px !important;
  line-height: 22px !important;
  font-size: 15px !important;
  font-weight: bold !important;
  color: #ff6060 !important;
}

body.mobile-layout #maptxtbg img {
  max-width: 100% !important;
  height: auto !important;
}

body.mobile-layout #maptxtbg > div[id^="mapbtn"],
body.mobile-layout #maptxtbg > #mapbtn {
  left: 50% !important;
  top: auto !important;
  bottom: 12px !important;
  transform: translateX(-50%) !important;
  width: 128px !important;
  height: 42px !important;
  background: rgba(12, 20, 29, 0.82) !important;
  border: 1px solid #c3aa68 !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
  box-sizing: border-box !important;
}

body.mobile-layout #maptxtbg div[id^="mapbtntxt"],
body.mobile-layout #maptxtbg #mapbtntxt {
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  width: 100% !important;
  height: 40px !important;
  line-height: 40px !important;
  color: #fff2c4 !important;
  font-size: 18px !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-weight: bold !important;
  text-align: center !important;
  text-shadow: 0 1px 2px #000 !important;
}

body.mobile-layout #jiujiemaptxt > div,
body.mobile-layout #wanjieyuanzhengtxt > div,
body.mobile-layout #huodongfubentxt > div {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.mobile-layout #jiujiemaptxt > div:first-child,
body.mobile-layout #wanjieyuanzhengtxt > div:first-child {
  position: relative !important;
  left: 8px !important;
  top: 8px !important;
  width: calc(100% - 16px) !important;
  height: auto !important;
  min-height: 84px !important;
  padding: 8px !important;
  line-height: 24px !important;
  font-size: 15px !important;
  border-radius: 8px !important;
  background: #101b26 !important;
  overflow: visible !important;
}

body.mobile-layout #jiujiemaptxt > div:nth-child(2),
body.mobile-layout #wanjieyuanzhengtxt > div:nth-child(2) {
  position: relative !important;
  left: 8px !important;
  top: 16px !important;
  width: calc(100% - 16px) !important;
  height: auto !important;
  min-height: 300px !important;
  padding: 8px !important;
  background: #081019 !important;
  border-radius: 8px !important;
  overflow-y: auto !important;
}

body.mobile-layout #jiujiemaptxt > div:nth-child(2) > div,
body.mobile-layout #wanjieyuanzhengtxt > div:nth-child(2) > div {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 132px !important;
  margin: 0 0 10px !important;
  padding: 10px !important;
  font-size: 15px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  background: #111c27 !important;
  overflow: visible !important;
}

body.mobile-layout #jiujiemaptxt input,
body.mobile-layout #wanjieyuanzhengtxt input {
  width: 76px !important;
  height: 34px !important;
  line-height: 34px !important;
  font-size: 17px !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #jiujiemaptxt span,
body.mobile-layout #wanjieyuanzhengtxt span,
body.mobile-layout #huodongfubentxt span {
  min-width: 72px !important;
  height: 34px !important;
  line-height: 32px !important;
  padding: 0 10px !important;
  font-size: 15px !important;
  border-radius: 7px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #jiujiemaptxt > div:last-child,
body.mobile-layout #wanjieyuanzhengtxt > div:last-child {
  position: sticky !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: auto !important;
  padding: 8px !important;
  background: rgba(8, 16, 25, 0.95) !important;
  border-top: 1px solid #2c435a !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huodongfubentxt > div:first-child {
  position: relative !important;
  left: 8px !important;
  top: 8px !important;
  width: calc(100% - 16px) !important;
  height: auto !important;
  padding: 8px !important;
  line-height: 24px !important;
  font-size: 15px !important;
  border-radius: 8px !important;
  background: #101b26 !important;
}

body.mobile-layout #huodongfubentxt > div[id^="huodongfubenbtn"] {
  position: relative !important;
  display: inline-flex !important;
  left: auto !important;
  top: auto !important;
  width: calc(50% - 13px) !important;
  height: 44px !important;
  margin: 12px 4px 0 8px !important;
  align-items: center !important;
  justify-content: center !important;
  background: #172231 !important;
  border: 1px solid #405a73 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #huodongfubentxt > div[id^="huodongfubenbtn"] > div {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 42px !important;
  line-height: 42px !important;
  font-size: 16px !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
}
/* mobile generic prompt auto size 20260615bd */
@media screen and (max-width: 767px) {
body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) {
  left: 3vw !important;
  top: 118px !important;
  transform: none !important;
  width: 94vw !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100vh - 150px) !important;
  max-height: calc(100dvh - 150px) !important;
  padding: 50px 0 0 !important;
  background: #0d141d !important;
  border: 1px solid #34506a !important;
  border-radius: 10px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .62) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog):before {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 50px !important;
  background: #121e2a !important;
  border-bottom: 1px solid #2d4258 !important;
  box-sizing: border-box !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishiclose {
  right: 10px !important;
  top: 7px !important;
  width: 38px !important;
  height: 36px !important;
  min-width: 38px !important;
  min-height: 36px !important;
  background: #321316 !important;
  border: 1px solid #8b4543 !important;
  border-radius: 8px !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishiclose:after {
  line-height: 34px !important;
  font-size: 28px !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 96px !important;
  max-height: calc(100vh - 214px) !important;
  max-height: calc(100dvh - 214px) !important;
  padding: 18px 16px 20px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #86ff8d !important;
  font-size: 20px !important;
  line-height: 32px !important;
  font-weight: bold !important;
  text-align: center !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  white-space: normal !important;
  word-break: break-word !important;
  -webkit-overflow-scrolling: touch !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt br {
  line-height: 32px !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt font,
body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt span,
body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt div,
body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt p,
body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt u {
  max-width: 100% !important;
  font-size: inherit !important;
  line-height: inherit !important;
  white-space: normal !important;
  word-break: break-word !important;
}

body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt input,
body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt button,
body.mobile-layout #tishi:not(.mobile-use-dialog):not(.mobile-split-dialog) #tishitxt .hand {
  min-height: 38px !important;
  line-height: 36px !important;
  font-size: 17px !important;
}
}
/* mobile map css drawn panel 20260615be */
@media screen and (max-width: 767px) {
body.mobile-layout #maptxt.mobile-panel-body {
  padding: 8px !important;
  background: #081019 !important;
  border: 1px solid #2d4860 !important;
  border-radius: 8px !important;
}

body.mobile-layout #maptxtbg {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: calc(100vh - 212px) !important;
  height: calc(100dvh - 212px) !important;
  min-height: 560px !important;
  padding: 22px 12px 18px !important;
  background-image: none !important;
  background: linear-gradient(180deg, #0e1a25 0%, #081019 48%, #101722 100%) !important;
  border: 1px solid #2f4a62 !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #maptxtbg:before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  top: 130px !important;
  bottom: 92px !important;
  display: block !important;
  background: radial-gradient(circle at 50% 20%, rgba(123, 44, 52, .28), transparent 38%), linear-gradient(180deg, rgba(18, 32, 45, .92), rgba(8, 16, 25, .92)) !important;
  border: 1px solid #263f55 !important;
  border-radius: 8px !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

body.mobile-layout #maptxtbg #maptxtname {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 9 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}

body.mobile-layout #maptxtbg > #maptxtname:nth-of-type(1) {
  order: 1 !important;
  min-height: 28px !important;
  line-height: 28px !important;
  color: #ffd76d !important;
  font-size: 22px !important;
  font-weight: bold !important;
}

body.mobile-layout #maptxtbg > #maptxtname:nth-of-type(2) {
  order: 2 !important;
  min-height: 26px !important;
  line-height: 26px !important;
  margin-top: 10px !important;
  color: #f6e5b8 !important;
  font-size: 17px !important;
}

body.mobile-layout #maptxtbg > #maptxtname:nth-of-type(3) {
  order: 3 !important;
  min-height: 26px !important;
  line-height: 26px !important;
  margin-top: 4px !important;
  color: #ff6666 !important;
  font-size: 17px !important;
  font-weight: bold !important;
}

body.mobile-layout #maptxtbg > div[id^="mapbtn"],
body.mobile-layout #maptxtbg > #mapbtn {
  position: absolute !important;
  left: 50% !important;
  top: auto !important;
  bottom: 28px !important;
  z-index: 10 !important;
  transform: translateX(-50%) !important;
  width: 168px !important;
  height: 52px !important;
  background-image: none !important;
  background: #172331 !important;
  border: 1px solid #d5bb72 !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255,255,255,.06) !important;
  box-sizing: border-box !important;
}

body.mobile-layout #maptxtbg div[id^="mapbtntxt"],
body.mobile-layout #maptxtbg #mapbtntxt {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 50px !important;
  line-height: 50px !important;
  color: #fff2c5 !important;
  font-size: 20px !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-weight: bold !important;
  text-align: center !important;
  text-shadow: 0 1px 2px #000 !important;
}

body.mobile-layout #maptxtbg > div[id*="-vstxt"],
body.mobile-layout #maptxtbg > div[id*="-hunduntiandi"],
body.mobile-layout #maptxtbg > div[id*="-tongtianta"] {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
}
/* mobile guanming larger text 20260615bf */
@media screen and (max-width: 767px) {
body.mobile-layout #guanmingpanel_name {
  height: 178px !important;
  padding: 9px !important;
}

body.mobile-layout .guanming_rank_row {
  grid-template-columns: 40px minmax(0, 1fr) !important;
  height: 34px !important;
  margin-bottom: 7px !important;
}

body.mobile-layout .guanming_rank_no {
  width: 40px !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 20px !important;
  font-weight: bold !important;
}

body.mobile-layout .guanming_rank_info {
  grid-template-columns: minmax(0, 1fr) minmax(132px, 46%) !important;
  height: 32px !important;
  line-height: 32px !important;
  gap: 8px !important;
}

body.mobile-layout .guanming_rank_info font,
body.mobile-layout .guanming_rank_info em {
  height: 32px !important;
  line-height: 32px !important;
  font-size: 17px !important;
  font-weight: bold !important;
}

body.mobile-layout .guanming_rank_info em {
  padding-right: 8px !important;
}

body.mobile-layout #guanmingpanel_page {
  top: 242px !important;
  height: 44px !important;
}

body.mobile-layout #guanmingpanel_jiacheng {
  top: 296px !important;
  height: calc(100vh - 470px) !important;
  height: calc(100dvh - 470px) !important;
  min-height: 260px !important;
  padding: 12px !important;
  font-size: 18px !important;
  line-height: 30px !important;
}

body.mobile-layout #guanmingpanel_jiacheng font,
body.mobile-layout #guanmingpanel_jiacheng div {
  font-size: 18px !important;
  line-height: 30px !important;
}

body.mobile-layout #guanmingpanel_jcpage {
  bottom: 76px !important;
  height: 44px !important;
}

body.mobile-layout .guanming_pagebtn {
  width: 64px !important;
  height: 42px !important;
  line-height: 42px !important;
  font-size: 0 !important;
}

body.mobile-layout .guanming_page_left:after,
body.mobile-layout .guanming_page_right:after {
  font-size: 28px !important;
  line-height: 40px !important;
}

body.mobile-layout #guanmingpanel_actions {
  bottom: 16px !important;
  height: 52px !important;
  gap: 12px !important;
}

body.mobile-layout .guanming_btn {
  max-width: 190px !important;
  height: 46px !important;
  line-height: 44px !important;
  font-size: 19px !important;
  font-weight: bold !important;
}

body.mobile-layout #guanmingpanelclose:after {
  font-size: 32px !important;
}
}
/* mobile map image below text 20260615bg */
@media screen and (max-width: 767px) {
body.mobile-layout #maptxt.mobile-panel-body {
  padding: 8px !important;
  overflow-y: auto !important;
}

body.mobile-layout #maptxtbg {
  height: auto !important;
  min-height: 0 !important;
  padding: 24px 12px 20px !important;
  background-image: none !important;
  background: #0d1721 !important;
  border: 1px solid #2f4a62 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout #maptxtbg:before {
  position: relative !important;
  order: 4 !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  display: block !important;
  width: 100% !important;
  height: min(44vh, 340px) !important;
  min-height: 260px !important;
  margin: 26px 0 16px !important;
  background: url(../Images/beijing/mapbg1.png) center center / cover no-repeat !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}

body.mobile-layout #maptxtbg > #maptxtname:nth-of-type(1) {
  order: 1 !important;
  font-size: 24px !important;
  line-height: 32px !important;
}

body.mobile-layout #maptxtbg > #maptxtname:nth-of-type(2) {
  order: 2 !important;
  margin-top: 8px !important;
  font-size: 18px !important;
  line-height: 28px !important;
}

body.mobile-layout #maptxtbg > #maptxtname:nth-of-type(3) {
  order: 3 !important;
  margin-top: 4px !important;
  font-size: 18px !important;
  line-height: 28px !important;
}

body.mobile-layout #maptxtbg > div[id^="mapbtn"],
body.mobile-layout #maptxtbg > #mapbtn {
  position: relative !important;
  order: 5 !important;
  left: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 178px !important;
  height: 54px !important;
  margin: 0 auto !important;
  background-image: none !important;
  background: #172331 !important;
  border: 1px solid #d5bb72 !important;
  border-radius: 9px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #maptxtbg div[id^="mapbtntxt"],
body.mobile-layout #maptxtbg #mapbtntxt {
  height: 52px !important;
  line-height: 52px !important;
  font-size: 21px !important;
}
}
/* mobile lingdi boss layout 20260615bh */
@media screen and (max-width: 767px) {
body.mobile-layout #lingdiboss.mobile-panel,
body.mobile-layout #lingdiboss {
  left: 0 !important;
  top: 102px !important;
  width: 100vw !important;
  height: calc(100vh - 104px) !important;
  height: calc(100dvh - 104px) !important;
  background: #081019 !important;
  border-top: 1px solid #26394d !important;
  border-bottom: 1px solid #26394d !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #lingdiboss #biaotis {
  left: 12px !important;
  top: 16px !important;
  width: calc(100% - 72px) !important;
  height: 34px !important;
  line-height: 34px !important;
  font-size: 24px !important;
  font-weight: bold !important;
  color: #ffd765 !important;
  text-align: left !important;
}

body.mobile-layout #lingdibossclose {
  top: 11px !important;
  right: 12px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  background: #401719 !important;
  border: 1px solid #9a504e !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #lingdibossclose:after {
  content: "\00D7" !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 36px !important;
  color: #fff2da !important;
  font-size: 30px !important;
  text-align: center !important;
}

body.mobile-layout #lingdiboss #lingditxt,
body.mobile-layout #lingdiboss #lingdibosstxt.mobile-panel-body {
  left: 8px !important;
  top: 70px !important;
  width: calc(100vw - 16px) !important;
  height: calc(100% - 82px) !important;
  padding: 10px !important;
  background: #0d1721 !important;
  border: 1px solid #2c435a !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #lingdiboss #bossjiemian {
  position: absolute !important;
  left: 10px !important;
  top: 10px !important;
  width: calc(100% - 20px) !important;
  height: calc(100% - 76px) !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  gap: 10px !important;
  padding: 0 0 10px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  -webkit-overflow-scrolling: touch !important;
}

body.mobile-layout #lingdiboss #bossjiemian > div[id^="chengchi"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 206px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #151f2a !important;
  border: 1px solid #334b63 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #lingdiboss #bossjiemian > div[id^="chengchi"] > div:nth-child(1) {
  display: none !important;
}

body.mobile-layout #lingdiboss #bossjiemian > div[id^="chengchi"] > div:nth-child(2) {
  left: 0 !important;
  top: 8px !important;
  width: 100% !important;
  height: 118px !important;
  line-height: 24px !important;
  color: #fff0bd !important;
  font-size: 18px !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-weight: bold !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.mobile-layout #lingdiboss #bossjiemian > div[id^="chengchi"] img {
  display: block !important;
  width: 86px !important;
  height: 104px !important;
  margin: 2px auto 0 !important;
  object-fit: contain !important;
}

body.mobile-layout #lingdiboss #bossjiemian > div[id^="chengchi"] > div:nth-child(3) {
  left: 8px !important;
  top: 132px !important;
  width: calc(100% - 16px) !important;
  height: 28px !important;
  line-height: 28px !important;
  color: #dcecff !important;
  font-size: 15px !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.mobile-layout #lingdiboss #bossjiemian > div[id^="chengchi"] > div:nth-child(4) {
  left: 10px !important;
  top: auto !important;
  bottom: 10px !important;
  width: calc(100% - 20px) !important;
  height: 36px !important;
  line-height: 34px !important;
  background: #213246 !important;
  border: 1px solid #d0b46a !important;
  border-radius: 8px !important;
  color: #fff2c5 !important;
  font-size: 17px !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-weight: bold !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.mobile-layout #lingdiboss #lingdibossjs,
body.mobile-layout #lingdiboss #lingdibossxs {
  position: absolute !important;
  top: auto !important;
  bottom: 10px !important;
  width: calc(50% - 15px) !important;
  height: 44px !important;
  margin: 0 !important;
  background: #172331 !important;
  border: 1px solid #2fac87 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #lingdiboss #lingdibossjs {
  left: 10px !important;
}

body.mobile-layout #lingdiboss #lingdibossxs {
  left: auto !important;
  right: 10px !important;
}

body.mobile-layout #lingdiboss #lingdibossjs > div:first-child,
body.mobile-layout #lingdiboss #lingdibossxs > div:first-child {
  display: none !important;
}

body.mobile-layout #lingdiboss #lingdibossjs > div:last-child,
body.mobile-layout #lingdiboss #lingdibossxs > div:last-child {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 42px !important;
  line-height: 42px !important;
  color: #eafff7 !important;
  font-size: 16px !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-weight: bold !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
}`r`n/* mobile bow wing base layout 20260615bj */
@media screen and (max-width: 767px) {
body.mobile-layout #shenjian.mobile-panel,
body.mobile-layout #chibang.mobile-panel,
body.mobile-layout #dizuo.mobile-panel,
body.mobile-layout #shenjian,
body.mobile-layout #chibang,
body.mobile-layout #dizuo {
  left: 0 !important;
  top: 102px !important;
  width: 100vw !important;
  height: calc(100vh - 104px) !important;
  height: calc(100dvh - 104px) !important;
  background: #081019 !important;
  border-top: 1px solid #26394d !important;
  border-bottom: 1px solid #26394d !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #shenjian #biaotis,
body.mobile-layout #chibang #biaotis,
body.mobile-layout #dizuo #biaotis {
  left: 14px !important;
  top: 14px !important;
  width: calc(100% - 76px) !important;
  height: 36px !important;
  line-height: 36px !important;
  color: #ffd765 !important;
  font-size: 24px !important;
  font-weight: bold !important;
  text-align: left !important;
}

body.mobile-layout #shenjianclose,
body.mobile-layout #chibangclose,
body.mobile-layout #dizuoclose {
  top: 11px !important;
  right: 12px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  background: #401719 !important;
  border: 1px solid #9a504e !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #shenjianclose:after,
body.mobile-layout #chibangclose:after,
body.mobile-layout #dizuoclose:after {
  content: "\00D7" !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 36px !important;
  color: #fff2da !important;
  font-size: 30px !important;
  text-align: center !important;
}

body.mobile-layout #shenjian #shengjijieshao,
body.mobile-layout #shenjian #jinjiejieshao,
body.mobile-layout #chibang #shengjijieshao,
body.mobile-layout #chibang #jinjiejieshao,
body.mobile-layout #dizuo #shengjijieshao,
body.mobile-layout #dizuo #jinjiejieshao {
  display: none !important;
}

body.mobile-layout #shenjiantxt.mobile-panel-body,
body.mobile-layout #chibangtxt.mobile-panel-body,
body.mobile-layout #dizuotxt.mobile-panel-body,
body.mobile-layout #shenjiantxt,
body.mobile-layout #chibangtxt,
body.mobile-layout #dizuotxt {
  left: 8px !important;
  top: 70px !important;
  width: calc(100vw - 16px) !important;
  height: calc(100% - 82px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  padding: 10px !important;
  background: #0d1721 !important;
  border: 1px solid #2c435a !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body.mobile-layout #shenjian #xitongpic,
body.mobile-layout #chibang #xitongpic,
body.mobile-layout #dizuo #xitongpic {
  position: relative !important;
  order: 1 !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 230px !important;
  margin: 0 !important;
  padding: 10px !important;
  background: radial-gradient(circle at 50% 45%, rgba(226, 164, 58, .18), transparent 45%), #081019 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #shenjian #xitongpic img,
body.mobile-layout #chibang #xitongpic img,
body.mobile-layout #dizuo #xitongpic img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

body.mobile-layout #shenjian #xitongxiangqing,
body.mobile-layout #chibang #xitongxiangqing,
body.mobile-layout #dizuo #xitongxiangqing {
  position: relative !important;
  order: 2 !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  color: #dcecff !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  text-align: center !important;
  line-height: 29px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout #shenjian #xitongxiangqing font,
body.mobile-layout #chibang #xitongxiangqing font,
body.mobile-layout #dizuo #xitongxiangqing font {
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 17px !important;
  line-height: 29px !important;
  white-space: normal !important;
  word-break: break-word !important;
}

body.mobile-layout #shenjian #xitongxiangqing font.font22,
body.mobile-layout #chibang #xitongxiangqing font.font22,
body.mobile-layout #dizuo #xitongxiangqing font.font22 {
  display: block !important;
  margin-bottom: 6px !important;
  color: #ff5b5b !important;
  font-size: 22px !important;
  line-height: 32px !important;
  font-weight: bold !important;
}

body.mobile-layout #shenjian #xitongxiangqing font.font20,
body.mobile-layout #chibang #xitongxiangqing font.font20,
body.mobile-layout #dizuo #xitongxiangqing font.font20 {
  display: inline-block !important;
  margin: 8px 0 2px !important;
  color: #ffd765 !important;
  font-size: 20px !important;
  line-height: 30px !important;
  font-weight: bold !important;
}

body.mobile-layout #shenjian #danyao,
body.mobile-layout #chibang #danyao,
body.mobile-layout #dizuo #danyao {
  position: relative !important;
  order: 3 !important;
  left: auto !important;
  top: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
  width: 100% !important;
  height: 92px !important;
  margin: 0 !important;
  padding: 10px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #shenjian #danyao img,
body.mobile-layout #chibang #danyao img,
body.mobile-layout #dizuo #danyao img {
  width: 64px !important;
  height: 64px !important;
  margin: 0 !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  box-shadow: 0 0 12px rgba(84, 189, 255, .24) !important;
}

body.mobile-layout #shenjian #xitongcaozuo,
body.mobile-layout #chibang #xitongcaozuo,
body.mobile-layout #dizuo #xitongcaozuo {
  position: relative !important;
  order: 4 !important;
  left: auto !important;
  top: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  line-height: normal !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.mobile-layout #shenjian #xitongcaozuo input,
body.mobile-layout #chibang #xitongcaozuo input,
body.mobile-layout #dizuo #xitongcaozuo input {
  width: 100% !important;
  height: 46px !important;
  margin: 0 !important;
  background: #213246 !important;
  border: 1px solid #d0b46a !important;
  border-radius: 8px !important;
  color: #fff2c5 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 44px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
}
/* mobile monster list layout 20260615bk */
@media screen and (max-width: 767px) {
body.mobile-layout #guailist.mobile-panel,
body.mobile-layout #guailist {
  left: 0 !important;
  top: 102px !important;
  width: 100vw !important;
  height: calc(100vh - 104px) !important;
  height: calc(100dvh - 104px) !important;
  background: #081019 !important;
  border-top: 1px solid #26394d !important;
  border-bottom: 1px solid #26394d !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #guailistclose {
  top: 11px !important;
  right: 12px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  background: #401719 !important;
  border: 1px solid #9a504e !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #guailistclose:after {
  content: "\00D7" !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 36px !important;
  color: #fff2da !important;
  font-size: 30px !important;
  text-align: center !important;
}

body.mobile-layout #guailisttxt.mobile-panel-body,
body.mobile-layout #guailisttxt {
  left: 8px !important;
  top: 70px !important;
  width: calc(100vw - 16px) !important;
  height: calc(100% - 82px) !important;
  padding: 10px !important;
  background: #0d1721 !important;
  border: 1px solid #2c435a !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body.mobile-layout #guailistmapname {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 42px !important;
  margin: 0 0 12px !important;
  line-height: 42px !important;
  color: #fff000 !important;
  font-size: 24px !important;
  font-weight: bold !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  text-align: center !important;
}

body.mobile-layout #tutengshengjixiaolvbg {
  display: none !important;
}

body.mobile-layout #guailisttxtbg {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px 10px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 6px 4px 20px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout #guailisttxtbg > div[id^="guaibtn"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 138px !important;
  margin: 0 !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  box-sizing: border-box !important;
}

body.mobile-layout #guailisttxtbg > div[id^="guaibtn"] > div[id^="guaitouxiang"] {
  position: absolute !important;
  left: 50% !important;
  top: 18px !important;
  transform: translateX(-50%) !important;
  width: 68px !important;
  height: 68px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.mobile-layout #guailisttxtbg > div[id^="guaibtn"] img {
  width: 68px !important;
  height: 68px !important;
  object-fit: contain !important;
}
}
/* mobile battle layout 20260615bm */
@media screen and (max-width: 767px) {
body.mobile-layout #vs.mobile-panel,
body.mobile-layout #vs {
  left: 0 !important;
  top: 102px !important;
  width: 100vw !important;
  height: calc(100vh - 104px) !important;
  height: calc(100dvh - 104px) !important;
  background: #081019 !important;
  border-top: 1px solid #26394d !important;
  border-bottom: 1px solid #26394d !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #vsclose {
  top: 11px !important;
  right: 12px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  background: #401719 !important;
  border: 1px solid #9a504e !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #vsclose:after {
  content: "\00D7" !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 36px !important;
  color: #fff2da !important;
  font-size: 30px !important;
  text-align: center !important;
}

body.mobile-layout #vstxt.mobile-panel-body,
body.mobile-layout #vstxt {
  left: 8px !important;
  top: 58px !important;
  width: calc(100vw - 16px) !important;
  height: calc(100% - 66px) !important;
  padding: 10px !important;
  background: #0d1721 !important;
  border: 1px solid #2c435a !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
}

body.mobile-layout #vsenames {
  left: 0 !important;
  top: 8px !important;
  width: 100% !important;
  height: 34px !important;
  line-height: 34px !important;
  text-align: center !important;
}

body.mobile-layout #vsenames font,
body.mobile-layout #vsenames .font24 {
  color: #fff000 !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 24px !important;
  line-height: 34px !important;
  font-weight: bold !important;
}

body.mobile-layout #vsingtxtbg {
  left: 10px !important;
  top: 48px !important;
  width: calc(100% - 20px) !important;
  height: 150px !important;
  background: #07111b !important;
  border: 1px solid #263f57 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #vsingtxt,
body.mobile-layout #vsendtxt {
  left: 18px !important;
  width: calc(100% - 36px) !important;
  color: #f5fbff !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 17px !important;
  line-height: 27px !important;
  text-align: left !important;
  cursor: default !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  word-break: break-word !important;
}

body.mobile-layout #vsingtxt {
  top: 58px !important;
  height: 130px !important;
}

body.mobile-layout #vsendtxt {
  top: 204px !important;
  height: 78px !important;
  padding: 8px 10px !important;
  background: #101b26 !important;
  border: 1px solid #263f57 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  color: #ffe08a !important;
  text-align: center !important;
}

body.mobile-layout #vsstartbtn,
body.mobile-layout #vsendbtn {
  left: 50% !important;
  right: auto !important;
  bottom: 154px !important;
  transform: translateX(-50%) !important;
  width: 154px !important;
  height: 48px !important;
  background: linear-gradient(180deg, #3e5470 0%, #203348 100%) !important;
  border: 1px solid #d0b46a !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .28) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #vsstartbtntxt,
body.mobile-layout #vsendbtntxt {
  left: 0 !important;
  top: 0 !important;
  bottom: auto !important;
  width: 154px !important;
  height: 48px !important;
  color: #fff2c5 !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 21px !important;
  line-height: 46px !important;
  font-weight: bold !important;
  text-align: center !important;
  cursor: pointer !important;
}

body.mobile-layout #vsyxinxi,
body.mobile-layout #vsexinxi {
  bottom: 12px !important;
  width: calc(50% - 16px) !important;
  height: 132px !important;
  padding: 9px 6px 0 !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  overflow: hidden !important;
}

body.mobile-layout #vsyxinxi {
  left: 10px !important;
  right: auto !important;
}

body.mobile-layout #vsexinxi {
  left: auto !important;
  right: 10px !important;
}

body.mobile-layout #vsyxinxi font,
body.mobile-layout #vsexinxi font,
body.mobile-layout #vsyxinxi .font24,
body.mobile-layout #vsexinxi .font24 {
  display: block !important;
  width: 100% !important;
  color: #ffe08a !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 17px !important;
  line-height: 24px !important;
  font-weight: bold !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.mobile-layout #vsyhpbg,
body.mobile-layout #vsympbg,
body.mobile-layout #vsehpbg,
body.mobile-layout #vsempbg {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 180px !important;
  max-width: calc(100% - 12px) !important;
  height: 19px !important;
  background: #09121b !important;
  border: 1px solid #273b4e !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #vsyhpbg,
body.mobile-layout #vsehpbg {
  top: 42px !important;
}

body.mobile-layout #vsympbg,
body.mobile-layout #vsempbg {
  top: 70px !important;
}

body.mobile-layout #vsyhp,
body.mobile-layout #vsehp,
body.mobile-layout #vsymp,
body.mobile-layout #vsemp {
  left: 0 !important;
  top: 0 !important;
  height: 100% !important;
  border-radius: 10px !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

body.mobile-layout #vsyhp,
body.mobile-layout #vsehp {
  background: linear-gradient(90deg, #df3333 0%, #ff6960 100%) !important;
}

body.mobile-layout #vsymp,
body.mobile-layout #vsemp {
  background: linear-gradient(90deg, #216ad6 0%, #55b7ff 100%) !important;
}

body.mobile-layout #vsypic,
body.mobile-layout #vsepic {
  bottom: 216px !important;
  width: 78px !important;
  height: 78px !important;
  padding: 5px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #vsypic {
  left: 18px !important;
  right: auto !important;
}

body.mobile-layout #vsepic {
  left: auto !important;
  right: 18px !important;
}

body.mobile-layout #vsypic img,
body.mobile-layout #vsepic img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

body.mobile-layout #vsyshuxing,
body.mobile-layout #vseshuxing {
  bottom: 12px !important;
  width: calc(50% - 16px) !important;
  height: 80px !important;
  padding: 0 8px !important;
  color: #dcecff !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 15px !important;
  line-height: 25px !important;
  text-align: left !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.mobile-layout #vsyshuxing {
  left: 10px !important;
  right: auto !important;
}

body.mobile-layout #vseshuxing {
  left: auto !important;
  right: 10px !important;
  color: #ffd0d0 !important;
}

body.mobile-layout #vsyshuxing br,
body.mobile-layout #vseshuxing br {
  display: none !important;
}
}
/* mobile bow wing base vertical center layout 20260615bn */
@media screen and (max-width: 767px) {
body.mobile-layout #shenjiantxt,
body.mobile-layout #chibangtxt,
body.mobile-layout #dizuotxt,
body.mobile-layout #shenjiantxt.mobile-panel-body,
body.mobile-layout #chibangtxt.mobile-panel-body,
body.mobile-layout #dizuotxt.mobile-panel-body {
  left: 8px !important;
  top: 70px !important;
  width: calc(100vw - 16px) !important;
  height: calc(100% - 82px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 12px 10px 18px !important;
  background: #0d1721 !important;
  border: 1px solid #2c435a !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body.mobile-layout #shenjian #xitongpic,
body.mobile-layout #chibang #xitongpic,
body.mobile-layout #dizuo #xitongpic {
  position: relative !important;
  order: 1 !important;
  left: auto !important;
  top: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 330px) !important;
  height: 210px !important;
  min-height: 210px !important;
  margin: 0 auto !important;
  padding: 8px !important;
  background: radial-gradient(circle at 50% 45%, rgba(255, 213, 82, .20), transparent 52%), #081019 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #shenjian #xitongpic img,
body.mobile-layout #chibang #xitongpic img,
body.mobile-layout #dizuo #xitongpic img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

body.mobile-layout #shenjian #xitongxiangqing,
body.mobile-layout #chibang #xitongxiangqing,
body.mobile-layout #dizuo #xitongxiangqing {
  position: relative !important;
  order: 2 !important;
  left: auto !important;
  top: auto !important;
  display: block !important;
  width: min(100%, 430px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 12px 14px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  color: #dcecff !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  text-align: center !important;
  line-height: 28px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  word-break: break-word !important;
}

body.mobile-layout #shenjian #xitongxiangqing font,
body.mobile-layout #chibang #xitongxiangqing font,
body.mobile-layout #dizuo #xitongxiangqing font {
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 17px !important;
  line-height: 28px !important;
  white-space: normal !important;
}

body.mobile-layout #shenjian #xitongxiangqing .font22,
body.mobile-layout #chibang #xitongxiangqing .font22,
body.mobile-layout #dizuo #xitongxiangqing .font22 {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 22px !important;
  line-height: 32px !important;
}

body.mobile-layout #shenjian #xitongxiangqing .font20,
body.mobile-layout #chibang #xitongxiangqing .font20,
body.mobile-layout #dizuo #xitongxiangqing .font20 {
  display: block !important;
  margin: 8px 0 2px !important;
  font-size: 20px !important;
  line-height: 30px !important;
}

body.mobile-layout #shenjian #danyao,
body.mobile-layout #chibang #danyao,
body.mobile-layout #dizuo #danyao {
  position: relative !important;
  order: 3 !important;
  left: auto !important;
  top: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 28px !important;
  width: min(100%, 430px) !important;
  height: 92px !important;
  min-height: 92px !important;
  margin: 0 auto !important;
  padding: 12px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  overflow: hidden !important;
}

body.mobile-layout #shenjian #danyao img,
body.mobile-layout #chibang #danyao img,
body.mobile-layout #dizuo #danyao img {
  display: block !important;
  width: 66px !important;
  height: 66px !important;
  max-width: 66px !important;
  max-height: 66px !important;
  margin: 0 !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  box-shadow: 0 0 12px rgba(84, 189, 255, .24) !important;
}

body.mobile-layout #shenjian #xitongcaozuo,
body.mobile-layout #chibang #xitongcaozuo,
body.mobile-layout #dizuo #xitongcaozuo {
  position: relative !important;
  order: 4 !important;
  left: auto !important;
  top: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: min(100%, 430px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto 12px !important;
  padding: 0 !important;
  background: transparent !important;
  line-height: normal !important;
  text-align: center !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout #shenjian #xitongcaozuo input,
body.mobile-layout #chibang #xitongcaozuo input,
body.mobile-layout #dizuo #xitongcaozuo input {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  background: #213246 !important;
  border: 1px solid #d0b46a !important;
  border-radius: 8px !important;
  color: #fff2c5 !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 46px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
}
/* mobile wujiang vertical center layout 20260615bo */
@media screen and (max-width: 767px) {
body.mobile-layout #wujiang.mobile-panel,
body.mobile-layout #wujiang {
  left: 0 !important;
  top: 102px !important;
  width: 100vw !important;
  height: calc(100vh - 104px) !important;
  height: calc(100dvh - 104px) !important;
  background: #081019 !important;
  border-top: 1px solid #26394d !important;
  border-bottom: 1px solid #26394d !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #wujiang #biaotis {
  left: 14px !important;
  top: 14px !important;
  width: calc(100% - 76px) !important;
  height: 36px !important;
  line-height: 36px !important;
  color: #ffd765 !important;
  font-size: 24px !important;
  font-weight: bold !important;
  text-align: left !important;
}

body.mobile-layout #wujiangclose {
  top: 11px !important;
  right: 12px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  background: #401719 !important;
  border: 1px solid #9a504e !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #wujiangclose:after {
  content: "\00D7" !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 36px !important;
  color: #fff2da !important;
  font-size: 30px !important;
  text-align: center !important;
}

body.mobile-layout #wujiangtxt,
body.mobile-layout #wujiangtxt.mobile-panel-body {
  left: 8px !important;
  top: 70px !important;
  width: calc(100vw - 16px) !important;
  height: calc(100% - 82px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 12px 10px 18px !important;
  background: #0d1721 !important;
  border: 1px solid #2c435a !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
}

body.mobile-layout #wujiang .mobile-wujiang-image-card {
  position: relative !important;
  order: 1 !important;
  left: auto !important;
  top: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 360px) !important;
  height: 270px !important;
  min-height: 270px !important;
  margin: 0 auto !important;
  padding: 8px !important;
  background: radial-gradient(circle at 50% 45%, rgba(214, 39, 39, .18), transparent 54%), #081019 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #wujiang .mobile-wujiang-image-inner {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.mobile-layout #wujiang .mobile-wujiang-image-inner > img {
  display: block !important;
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

body.mobile-layout #wujiang #wujiangwq,
body.mobile-layout #wujiang #wujiangkj,
body.mobile-layout #wujiang #wujiangss {
  position: relative !important;
  order: 2 !important;
  left: auto !important;
  top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  height: 76px !important;
  margin: 0 5px !important;
  padding: 6px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  vertical-align: top !important;
}

body.mobile-layout #wujiang #wujiangwq img,
body.mobile-layout #wujiang #wujiangkj img,
body.mobile-layout #wujiang #wujiangss img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

body.mobile-layout #wujiang .mobile-wujiang-image-inner:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

body.mobile-layout #wujiang .mobile-wujiang-main-card {
  position: relative !important;
  order: 3 !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  width: min(100%, 430px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout #wujiang .mobile-wujiang-info {
  position: relative !important;
  order: 2 !important;
  left: auto !important;
  top: auto !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  color: #dcecff !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  text-align: center !important;
  line-height: 27px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  word-break: break-word !important;
}

body.mobile-layout #wujiang .mobile-wujiang-info font,
body.mobile-layout #wujiang .mobile-wujiang-upgrade font {
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 16px !important;
  line-height: 27px !important;
  white-space: normal !important;
}

body.mobile-layout #wujiang .mobile-wujiang-info font:first-child {
  font-size: 22px !important;
  line-height: 32px !important;
  color: #dcecff !important;
}

body.mobile-layout #wujiang #zengfuyaoshuijm {
  position: relative !important;
  order: 2 !important;
  left: auto !important;
  top: auto !important;
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  width: min(100%, 430px) !important;
  height: auto !important;
  min-height: 92px !important;
  margin: 0 auto !important;
  padding: 12px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  overflow: visible !important;
}

body.mobile-layout #wujiang #zengfupic {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 66px !important;
  height: 66px !important;
  margin: 0 !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-radius: 8px !important;
  box-shadow: 0 0 12px rgba(84, 189, 255, .24) !important;
}

body.mobile-layout #wujiang #zengfuyaoshuixiaolvbg {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  color: #dcecff !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 17px !important;
  line-height: 28px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.mobile-layout #wujiang #zengfuyaoshuixiaolv {
  width: 108px !important;
  height: 34px !important;
  margin: 6px 8px 0 0 !important;
  background: #07111b !important;
  border: 1px solid #46647f !important;
  color: #fff2c5 !important;
  font-size: 17px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.mobile-layout #wujiang #zengfuyaoshuixiaolvbg a {
  display: inline-block !important;
  height: 34px !important;
  padding: 0 12px !important;
  margin-top: 6px !important;
  background: #213246 !important;
  border: 1px solid #d0b46a !important;
  border-radius: 8px !important;
  color: #fff2c5 !important;
  font-size: 17px !important;
  line-height: 32px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

body.mobile-layout #wujiang .mobile-wujiang-upgrade {
  position: relative !important;
  order: 4 !important;
  left: auto !important;
  top: auto !important;
  width: min(100%, 430px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto 12px !important;
  padding: 12px 14px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  color: #dcecff !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  text-align: center !important;
  line-height: 27px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout #wujiang .mobile-wujiang-upgrade input {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  margin: 10px 0 0 !important;
  padding: 0 6px !important;
  background: #213246 !important;
  border: 1px solid #d0b46a !important;
  border-radius: 8px !important;
  color: #fff2c5 !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 46px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
}
/* mobile wujiang image equipment exact order 20260615bp */
@media screen and (max-width: 767px) {
body.mobile-layout #wujiang .mobile-wujiang-image-card {
  height: 362px !important;
  min-height: 362px !important;
}

body.mobile-layout #wujiang .mobile-wujiang-image-inner {
  display: grid !important;
  grid-template-columns: repeat(3, 76px) !important;
  grid-template-rows: 252px 76px !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: center !important;
  justify-items: center !important;
}

body.mobile-layout #wujiang .mobile-wujiang-image-inner > img {
  grid-column: 1 / 4 !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: 252px !important;
  max-width: 100% !important;
  max-height: 252px !important;
  object-fit: contain !important;
}

body.mobile-layout #wujiang #wujiangwq,
body.mobile-layout #wujiang #wujiangkj,
body.mobile-layout #wujiang #wujiangss {
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
}

body.mobile-layout #wujiang #wujiangwq {
  grid-column: 1 !important;
}

body.mobile-layout #wujiang #wujiangkj {
  grid-column: 2 !important;
}

body.mobile-layout #wujiang #wujiangss {
  grid-column: 3 !important;
}

body.mobile-layout #wujiang .mobile-wujiang-info {
  order: 3 !important;
}

body.mobile-layout #wujiang .mobile-wujiang-upgrade {
  order: 4 !important;
}
}
/* mobile pet fabao jingling showcase layout 20260615bq */
@media screen and (max-width: 767px) {
body.mobile-layout #chongwu.mobile-panel,
body.mobile-layout #fabao.mobile-panel,
body.mobile-layout #jingling.mobile-panel,
body.mobile-layout #chongwu,
body.mobile-layout #fabao,
body.mobile-layout #jingling {
  left: 0 !important;
  top: 102px !important;
  width: 100vw !important;
  height: calc(100vh - 104px) !important;
  height: calc(100dvh - 104px) !important;
  background: #081019 !important;
  border-top: 1px solid #26394d !important;
  border-bottom: 1px solid #26394d !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #chongwu #biaotis,
body.mobile-layout #fabao #biaotis,
body.mobile-layout #jingling #biaotis {
  left: 14px !important;
  top: 14px !important;
  width: calc(100% - 76px) !important;
  height: 36px !important;
  line-height: 36px !important;
  color: #ffd765 !important;
  font-size: 24px !important;
  font-weight: bold !important;
  text-align: left !important;
}

body.mobile-layout #chongwuclose,
body.mobile-layout #fabaoclose,
body.mobile-layout #jinglingclose {
  top: 11px !important;
  right: 12px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  background: #401719 !important;
  border: 1px solid #9a504e !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #chongwuclose:after,
body.mobile-layout #fabaoclose:after,
body.mobile-layout #jinglingclose:after {
  content: "\00D7" !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 36px !important;
  color: #fff2da !important;
  font-size: 30px !important;
  text-align: center !important;
}

body.mobile-layout #chongwu #shengjijieshao,
body.mobile-layout #chongwu #jinjiejieshao {
  display: none !important;
}

body.mobile-layout #chongwutxt,
body.mobile-layout #fabaotxt,
body.mobile-layout #jinglingtxt,
body.mobile-layout #chongwutxt.mobile-panel-body,
body.mobile-layout #fabaotxt.mobile-panel-body,
body.mobile-layout #jinglingtxt.mobile-panel-body {
  left: 8px !important;
  top: 70px !important;
  width: calc(100vw - 16px) !important;
  height: calc(100% - 82px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 12px 10px 18px !important;
  background: #0d1721 !important;
  border: 1px solid #2c435a !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
}

body.mobile-layout #chongwu #xitongpic,
body.mobile-layout #fabao #fabaopic,
body.mobile-layout #jingling #jinglingtxt > img {
  position: relative !important;
  order: 1 !important;
  left: auto !important;
  top: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 360px) !important;
  height: 230px !important;
  min-height: 230px !important;
  margin: 0 auto !important;
  padding: 8px !important;
  background: radial-gradient(circle at 50% 45%, rgba(255, 213, 82, .18), transparent 54%), #081019 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #jingling #jinglingtxt > img {
  object-fit: contain !important;
  object-position: center center !important;
}

body.mobile-layout #chongwu #xitongpic img,
body.mobile-layout #fabao #fabaopic img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

body.mobile-layout #fabao #fabaopic > div[id^="fabaogif"] {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  max-width: 100% !important;
  max-height: 100% !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body.mobile-layout #chongwu #xitongcaozuo,
body.mobile-layout #fabao #xitongcaozuo,
body.mobile-layout #jingling #xitongcaozuo {
  position: relative !important;
  order: 2 !important;
  left: auto !important;
  top: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: min(100%, 430px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 12px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  color: #dcecff !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 17px !important;
  line-height: 28px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout #fabao #xitongcaozuo {
  grid-template-columns: 1fr !important;
}

body.mobile-layout #jingling #xitongcaozuo {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.mobile-layout #chongwu #xitongcaozuo font,
body.mobile-layout #fabao #xitongcaozuo font,
body.mobile-layout #jingling #xitongcaozuo font {
  grid-column: 1 / -1 !important;
  display: block !important;
  width: 100% !important;
  color: #dcecff !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 17px !important;
  line-height: 28px !important;
  white-space: normal !important;
  word-break: break-word !important;
}

body.mobile-layout #chongwu #xitongcaozuo input,
body.mobile-layout #fabao #xitongcaozuo input,
body.mobile-layout #jingling #xitongcaozuo input {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  background: #213246 !important;
  border: 1px solid #d0b46a !important;
  border-radius: 8px !important;
  color: #fff2c5 !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 46px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.mobile-layout #chongwu #xitongxiangqing,
body.mobile-layout #fabao #xitongxiangqing,
body.mobile-layout #jingling #jinglingxiaolvss {
  position: relative !important;
  order: 4 !important;
  left: auto !important;
  top: auto !important;
  width: min(100%, 430px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 12px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  overflow: visible !important;
}

body.mobile-layout #jingling #jinglingxiaolvbg {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  color: #dcecff !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 17px !important;
  line-height: 28px !important;
}

body.mobile-layout #jingling #jinglingxiaolv {
  display: block !important;
  width: 100% !important;
  height: 44px !important;
  margin: 6px 0 !important;
  padding: 0 8px !important;
  background: #213246 !important;
  border: 1px solid #d0b46a !important;
  border-radius: 8px !important;
  color: #fff2c5 !important;
  font-size: 17px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.mobile-layout #jingling #xitongxiangqing {
  position: relative !important;
  order: 3 !important;
  left: auto !important;
  top: auto !important;
  display: block !important;
  width: min(100%, 430px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto 12px !important;
  padding: 12px 14px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  color: #dcecff !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  text-align: center !important;
  line-height: 29px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  word-break: break-word !important;
}

body.mobile-layout #chongwu #xitongxiangqing font,
body.mobile-layout #fabao #xitongxiangqing font,
body.mobile-layout #jingling #xitongxiangqing font,
body.mobile-layout #chongwu #xitongxiangqing .font16,
body.mobile-layout #fabao #xitongxiangqing .font16,
body.mobile-layout #jingling #xitongxiangqing .font16 {
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 17px !important;
  line-height: 29px !important;
  white-space: normal !important;
  word-break: break-word !important;
}

body.mobile-layout #chongwu #xitongxiangqing .font22,
body.mobile-layout #fabao #xitongxiangqing font:first-child,
body.mobile-layout #jingling #xitongxiangqing font:first-child {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 22px !important;
  line-height: 32px !important;
  font-weight: bold !important;
}

body.mobile-layout #chongwu #xitongxiangqing .font20,
body.mobile-layout #fabao #xitongxiangqing font:nth-of-type(2),
body.mobile-layout #jingling #xitongxiangqing font:nth-of-type(2) {
  display: block !important;
  margin: 8px 0 2px !important;
  font-size: 20px !important;
  line-height: 30px !important;
  font-weight: bold !important;
}
}
/* mobile wujiang compact image and scroll info 20260615br */
@media screen and (max-width: 767px) {
body.mobile-layout #wujiang .mobile-wujiang-image-card {
  width: min(100%, 330px) !important;
  height: 300px !important;
  min-height: 300px !important;
  padding: 8px !important;
}

body.mobile-layout #wujiang .mobile-wujiang-image-inner {
  grid-template-columns: repeat(3, 66px) !important;
  grid-template-rows: 210px 66px !important;
  gap: 10px !important;
}

body.mobile-layout #wujiang .mobile-wujiang-image-inner > img {
  height: 210px !important;
  max-height: 210px !important;
}

body.mobile-layout #wujiang #wujiangwq,
body.mobile-layout #wujiang #wujiangkj,
body.mobile-layout #wujiang #wujiangss {
  width: 66px !important;
  height: 66px !important;
  padding: 5px !important;
}

body.mobile-layout #wujiang #zengfuyaoshuijm {
  min-height: 82px !important;
  padding: 10px 12px !important;
}

body.mobile-layout #wujiang #zengfupic {
  width: 58px !important;
  height: 58px !important;
}

body.mobile-layout #wujiang .mobile-wujiang-info {
  max-height: 318px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 12px 14px 16px !important;
}

body.mobile-layout #wujiang .mobile-wujiang-info font,
body.mobile-layout #wujiang .mobile-wujiang-upgrade font {
  font-size: 17px !important;
  line-height: 29px !important;
}

body.mobile-layout #wujiang .mobile-wujiang-info font:first-child {
  font-size: 22px !important;
  line-height: 32px !important;
}
}
/* mobile fabao image restore 20260615bs */
@media screen and (max-width: 767px) {
body.mobile-layout #fabao #fabaopic {
  position: relative !important;
  display: block !important;
  width: min(100%, 360px) !important;
  height: 230px !important;
  min-height: 230px !important;
}

body.mobile-layout #fabao #fabaopic > div[id^="fabaogif"] {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  visibility: visible !important;
  width: 220px !important;
  height: 220px !important;
  max-width: calc(100% - 16px) !important;
  max-height: calc(100% - 16px) !important;
  transform: translate(-50%, -50%) !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
}
/* mobile upgrade buttons inline 20260615bt */
@media screen and (max-width: 767px) {
body.mobile-layout #shenjian #xitongcaozuo,
body.mobile-layout #chibang #xitongcaozuo,
body.mobile-layout #dizuo #xitongcaozuo {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: min(100%, 430px) !important;
  min-width: min(100%, 430px) !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
}

body.mobile-layout #shenjian #xitongcaozuo input,
body.mobile-layout #chibang #xitongcaozuo input,
body.mobile-layout #dizuo #xitongcaozuo input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 48px !important;
  white-space: nowrap !important;
}

body.mobile-layout #shenjian #xitongcaozuo br,
body.mobile-layout #chibang #xitongcaozuo br,
body.mobile-layout #dizuo #xitongcaozuo br {
  display: none !important;
}
}
/* mobile bow wing base buttons same row flex 20260615bu */
@media screen and (max-width: 767px) {
body.mobile-layout #shenjian #xitongcaozuo,
body.mobile-layout #chibang #xitongcaozuo,
body.mobile-layout #dizuo #xitongcaozuo {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 10px !important;
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  white-space: nowrap !important;
}

body.mobile-layout #shenjian #xitongcaozuo input,
body.mobile-layout #chibang #xitongcaozuo input,
body.mobile-layout #dizuo #xitongcaozuo input {
  flex: 1 1 0 !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 48px !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 46px !important;
  white-space: nowrap !important;
}
}
/* mobile dashen child pages showcase layout 20260615bv */
@media screen and (max-width: 767px) {
body.mobile-layout #shenqishenjia,
body.mobile-layout #wuxue,
body.mobile-layout #shengshou,
body.mobile-layout #teshuchenghao,
body.mobile-layout #qiege,
body.mobile-layout #wanjiehuoban,
body.mobile-layout #jiujiewuxue,
body.mobile-layout #tianming,
body.mobile-layout #zhongyanshengyin,
body.mobile-layout #jianqiao,
body.mobile-layout #douqi,
body.mobile-layout #tujian,
body.mobile-layout #zuoqi,
body.mobile-layout #tianfu,
body.mobile-layout #xianyu {
  left: 0 !important;
  top: 102px !important;
  width: 100vw !important;
  height: calc(100vh - 104px) !important;
  height: calc(100dvh - 104px) !important;
  background: #081019 !important;
  border-top: 1px solid #26394d !important;
  border-bottom: 1px solid #26394d !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #shenqishenjia #biaotis,
body.mobile-layout #wuxue #biaotis,
body.mobile-layout #shengshou #biaotis,
body.mobile-layout #teshuchenghao #biaotis,
body.mobile-layout #qiege #biaotis,
body.mobile-layout #wanjiehuoban #biaotis,
body.mobile-layout #jiujiewuxue #biaotis,
body.mobile-layout #tianming #biaotis,
body.mobile-layout #zhongyanshengyin #biaotis,
body.mobile-layout #jianqiao #biaotis,
body.mobile-layout #douqi #biaotis,
body.mobile-layout #tujian #biaotis,
body.mobile-layout #zuoqi #biaotis,
body.mobile-layout #tianfu #biaotis,
body.mobile-layout #xianyu #biaotis {
  left: 14px !important;
  top: 14px !important;
  width: calc(100% - 76px) !important;
  height: 36px !important;
  line-height: 36px !important;
  color: #ffd765 !important;
  font-size: 24px !important;
  font-weight: bold !important;
  text-align: left !important;
}

body.mobile-layout #shenqishenjiaclose,
body.mobile-layout #wuxueclose,
body.mobile-layout #shengshouclose,
body.mobile-layout #teshuchenghaoclose,
body.mobile-layout #qiegeclose,
body.mobile-layout #wanjiehuobanclose,
body.mobile-layout #jiujiewuxueclose,
body.mobile-layout #tianmingclose,
body.mobile-layout #zhongyanshengyinclose,
body.mobile-layout #jianqiaoclose,
body.mobile-layout #douqiclose,
body.mobile-layout #tujianclose,
body.mobile-layout #zuoqiclose,
body.mobile-layout #tianfuclose,
body.mobile-layout #xianyuclose {
  top: 11px !important;
  right: 12px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  background: #401719 !important;
  border: 1px solid #9a504e !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body.mobile-layout #shenqishenjiaclose:after,
body.mobile-layout #wuxueclose:after,
body.mobile-layout #shengshouclose:after,
body.mobile-layout #teshuchenghaoclose:after,
body.mobile-layout #qiegeclose:after,
body.mobile-layout #wanjiehuobanclose:after,
body.mobile-layout #jiujiewuxueclose:after,
body.mobile-layout #tianmingclose:after,
body.mobile-layout #zhongyanshengyinclose:after,
body.mobile-layout #jianqiaoclose:after,
body.mobile-layout #douqiclose:after,
body.mobile-layout #tujianclose:after,
body.mobile-layout #zuoqiclose:after,
body.mobile-layout #tianfuclose:after,
body.mobile-layout #xianyuclose:after {
  content: "\00D7" !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 36px !important;
  color: #fff2da !important;
  font-size: 30px !important;
  text-align: center !important;
}

body.mobile-layout #shenqishenjiatxt,
body.mobile-layout #wuxuetxt,
body.mobile-layout #shengshoutxt,
body.mobile-layout #qiegetxt,
body.mobile-layout #wanjiehuobantxt,
body.mobile-layout #jiujiewuxuetxt,
body.mobile-layout #tianmingtxt,
body.mobile-layout #zhongyanshengyintxt,
body.mobile-layout #jianqiaotxt,
body.mobile-layout #douqitxt,
body.mobile-layout #tujiantxt,
body.mobile-layout #zuoqitxt,
body.mobile-layout #tianfutxt,
body.mobile-layout #xianyutxt {
  left: 8px !important;
  top: 70px !important;
  width: calc(100vw - 16px) !important;
  height: calc(100% - 82px) !important;
  padding: 12px 10px 18px !important;
  background: #0d1721 !important;
  border: 1px solid #2c435a !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
}

body.mobile-layout #shenqijiemian,
body.mobile-layout #shenjiajiemian,
body.mobile-layout #wugongjm,
body.mobile-layout #neigongjm,
body.mobile-layout #qinggongjm,
body.mobile-layout #shengshoutxt > div[id$="xs"],
body.mobile-layout #tujian #baihuxs,
body.mobile-layout #tianfu #baihuxs,
body.mobile-layout #jiujiewuxuetxt,
body.mobile-layout #tianmingtxt,
body.mobile-layout #zhongyanshengyintxt {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  box-sizing: border-box !important;
}

body.mobile-layout #shenqijiemian,
body.mobile-layout #shenjiajiemian,
body.mobile-layout #wugongjm,
body.mobile-layout #neigongjm,
body.mobile-layout #qinggongjm,
body.mobile-layout #shengshoutxt > div[id$="xs"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.mobile-layout #shenqishenjia div[id^="shenqi"],
body.mobile-layout #wuxue div[id^="wugong"],
body.mobile-layout #wuxue div[id^="neigong"],
body.mobile-layout #wuxue div[id^="qinggong"],
body.mobile-layout #shengshoutxt > div[id$="xs"] > div[id="xitongpic"] + div[id="xitongpic"],
body.mobile-layout #tujian div[id^="chengchi"],
body.mobile-layout #tianfu div[id^="chengchi"] {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 10px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  color: #dcecff !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 16px !important;
  line-height: 26px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout #shenqishenjia div[id^="shenqi"] > img:first-child,
body.mobile-layout #wuxue div[id^="wugong"] > img:first-child,
body.mobile-layout #wuxue div[id^="neigong"] > img:first-child,
body.mobile-layout #wuxue div[id^="qinggong"] > img:first-child,
body.mobile-layout #tujian div[id^="chengchi"] img,
body.mobile-layout #tianfu div[id^="chengchi"] img {
  display: block !important;
  width: 100% !important;
  max-width: 150px !important;
  height: 120px !important;
  margin: 0 auto 8px !important;
  object-fit: contain !important;
}

body.mobile-layout #shenqishenjia input,
body.mobile-layout #wuxue input,
body.mobile-layout #shengshou input,
body.mobile-layout #qiege input,
body.mobile-layout #jianqiao input,
body.mobile-layout #douqi input,
body.mobile-layout #tujian input,
body.mobile-layout #zuoqi input,
body.mobile-layout #tianfu input,
body.mobile-layout #xianyu input,
body.mobile-layout #jiujiewuxue input,
body.mobile-layout #tianming input,
body.mobile-layout #zhongyanshengyin input {
  min-width: 0 !important;
  height: 44px !important;
  margin: 5px 3px !important;
  padding: 0 10px !important;
  background: #213246 !important;
  border: 1px solid #d0b46a !important;
  border-radius: 8px !important;
  color: #fff2c5 !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 16px !important;
  font-weight: bold !important;
  line-height: 42px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.mobile-layout #qiege #xitongpic,
body.mobile-layout #jianqiao #jianqiaopic,
body.mobile-layout #douqi #douqipic,
body.mobile-layout #zuoqi #fabaopic,
body.mobile-layout #xianyu #xianyupic,
body.mobile-layout #xianyu div[id$="pic"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 360px) !important;
  height: 220px !important;
  min-height: 220px !important;
  margin: 0 auto 12px !important;
  padding: 8px !important;
  background: radial-gradient(circle at 50% 45%, rgba(255, 213, 82, .18), transparent 54%), #081019 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body.mobile-layout #qiege #xitongpic img,
body.mobile-layout #zuoqi #fabaopic img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

body.mobile-layout #jianqiao #jianqiaopic > div[id^="jianqiaogif"],
body.mobile-layout #douqi #douqipic > div[id^="douqigif"] {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  width: 200px !important;
  height: 200px !important;
  transform: translate(-50%, -50%) !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body.mobile-layout #qiege #xitongcaozuo,
body.mobile-layout #jianqiao #xitongcaozuo,
body.mobile-layout #douqi #xitongcaozuo,
body.mobile-layout #zuoqi #xitongcaozuo,
body.mobile-layout #xianyu #shengjijm {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: min(100%, 430px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto 12px !important;
  padding: 12px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  font-size: 17px !important;
  line-height: 28px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.mobile-layout #qiege #xitongxiangqing,
body.mobile-layout #jianqiao #xitongxiangqing,
body.mobile-layout #douqi #xitongxiangqing,
body.mobile-layout #zuoqi #xitongxiangqing,
body.mobile-layout #xianyu #xitongxiangqing {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: min(100%, 430px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto 12px !important;
  padding: 12px 14px !important;
  background: #101b26 !important;
  border: 1px solid #304b63 !important;
  border-radius: 8px !important;
  color: #dcecff !important;
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 17px !important;
  line-height: 29px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.mobile-layout #qiege #xitongxiangqing font,
body.mobile-layout #jianqiao #xitongxiangqing font,
body.mobile-layout #douqi #xitongxiangqing font,
body.mobile-layout #zuoqi #xitongxiangqing font,
body.mobile-layout #xianyu #xitongxiangqing font {
  font-family: Microsoft YaHei, SimSun, sans-serif !important;
  font-size: 17px !important;
  line-height: 29px !important;
  white-space: normal !important;
  word-break: break-word !important;
}
}

/* mobile fullscreen overlay override 20260615bw */
@media screen and (max-width: 767px) {
  body.mobile-layout.mobile-overlay-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  body.mobile-layout.mobile-overlay-open #timeShow,
  body.mobile-layout.mobile-overlay-open #serverbing,
  body.mobile-layout.mobile-overlay-open #touxiang,
  body.mobile-layout.mobile-overlay-open #changyongzuo,
  body.mobile-layout.mobile-overlay-open #changyong,
  body.mobile-layout.mobile-overlay-open #liaotian,
  body.mobile-layout.mobile-overlay-open #gongneng-btn0,
  body.mobile-layout.mobile-overlay-open #gongneng-btn1,
  body.mobile-layout.mobile-overlay-open #gongneng-btn2,
  body.mobile-layout.mobile-overlay-open #gongneng-btn3,
  body.mobile-layout.mobile-overlay-open #gongneng-btn4,
  body.mobile-layout.mobile-overlay-open #gongneng-btn5,
  body.mobile-layout.mobile-overlay-open #huangcheng,
  body.mobile-layout.mobile-overlay-open #wanjiajianyibtn,
  body.mobile-layout.mobile-overlay-open #ditu0,
  body.mobile-layout.mobile-overlay-open #ditu1,
  body.mobile-layout.mobile-overlay-open #ditu2,
  body.mobile-layout.mobile-overlay-open #ditu3,
  body.mobile-layout.mobile-overlay-open .mobile-menu-grid {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.mobile-layout .mobile-panel:not(#mainbg):not(#timeShow):not(#touxiang):not(#changyong):not(#changyongzuo):not(#serverbing):not(#liaotian):not(#sysLoading) {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 100dvh !important;
    padding: 0 !important;
    margin: 0 !important;
    background: linear-gradient(180deg, #101c27 0%, #071019 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 9000 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout .mobile-panel:not(#mainbg):not(#timeShow):not(#touxiang):not(#changyong):not(#changyongzuo):not(#serverbing):not(#liaotian):not(#sysLoading):not(#role):before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    height: 62px !important;
    background: #142333 !important;
    border-bottom: 1px solid #34516b !important;
    pointer-events: none !important;
  }

  body.mobile-layout .mobile-panel > #biaotis,
  body.mobile-layout .mobile-panel > div[id="biaotis"] {
    position: absolute !important;
    left: 14px !important;
    top: 10px !important;
    width: calc(100vw - 82px) !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #fff2c5 !important;
    font-family: Microsoft YaHei, SimSun, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    z-index: 9002 !important;
  }

  body.mobile-layout .mobile-panel:not(#mainbg):not(#timeShow):not(#touxiang):not(#changyong):not(#changyongzuo):not(#serverbing):not(#liaotian):not(#sysLoading):not(#role) > div[id$="close"] {
    position: absolute !important;
    left: auto !important;
    right: 12px !important;
    top: 10px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    background: #263b50 !important;
    border: 1px solid #d0b46a !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    z-index: 9003 !important;
    cursor: pointer !important;
  }

  body.mobile-layout .mobile-panel:not(#mainbg):not(#timeShow):not(#touxiang):not(#changyong):not(#changyongzuo):not(#serverbing):not(#liaotian):not(#sysLoading):not(#role) > div[id$="close"]:after {
    content: "\00D7" !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 39px !important;
    color: #fff2c5 !important;
    font-size: 30px !important;
    font-family: Arial, sans-serif !important;
    text-align: center !important;
  }

  body.mobile-layout .mobile-panel-body {
    position: absolute !important;
    left: 10px !important;
    top: 74px !important;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    height: calc(100dvh - 86px) !important;
    max-height: calc(100dvh - 86px) !important;
    min-height: 0 !important;
    padding: 12px 10px 18px !important;
    margin: 0 !important;
    background: #0b1520 !important;
    border: 1px solid #2c435a !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    color: #dcecff !important;
    font-family: Microsoft YaHei, SimSun, sans-serif !important;
    font-size: 17px !important;
    line-height: 28px !important;
    z-index: 9001 !important;
  }

  body.mobile-layout .mobile-panel-body font,
  body.mobile-layout .mobile-panel-body span,
  body.mobile-layout .mobile-panel-body div,
  body.mobile-layout .mobile-panel-body td {
    max-width: 100% !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
  }

  body.mobile-layout .mobile-panel-body input[type="button"],
  body.mobile-layout .mobile-panel-body button {
    min-height: 42px !important;
    padding: 0 12px !important;
    margin: 5px 4px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    line-height: 40px !important;
    white-space: nowrap !important;
  }

  body.mobile-layout #tishi {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 0 !important;
    margin: 0 !important;
    background: linear-gradient(180deg, #101c27 0%, #071019 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    z-index: 10000 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #tishi:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    height: 62px !important;
    background: #142333 !important;
    border-bottom: 1px solid #34516b !important;
  }

  body.mobile-layout #tishi:after {
    content: "提示" !important;
    position: absolute !important;
    left: 14px !important;
    top: 10px !important;
    height: 42px !important;
    line-height: 42px !important;
    color: #fff2c5 !important;
    font-family: Microsoft YaHei, SimSun, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #tishiclose {
    position: absolute !important;
    left: auto !important;
    right: 12px !important;
    top: 10px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    background: #263b50 !important;
    border: 1px solid #d0b46a !important;
    border-radius: 8px !important;
    z-index: 10003 !important;
  }

  body.mobile-layout #tishiclose:after {
    content: "\00D7" !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 39px !important;
    color: #fff2c5 !important;
    font-size: 30px !important;
    font-family: Arial, sans-serif !important;
    text-align: center !important;
  }

  body.mobile-layout #tishitxt {
    position: absolute !important;
    left: 10px !important;
    top: 74px !important;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    height: calc(100dvh - 86px) !important;
    max-height: calc(100dvh - 86px) !important;
    min-height: 0 !important;
    padding: 14px 12px 18px !important;
    background: #0b1520 !important;
    border: 1px solid #2c435a !important;
    border-radius: 8px !important;
    color: #dcecff !important;
    font-family: Microsoft YaHei, SimSun, sans-serif !important;
    font-size: 18px !important;
    line-height: 30px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    z-index: 10001 !important;
  }

  body.mobile-layout #tishitxt input[type="button"],
  body.mobile-layout #tishitxt button {
    min-width: 116px !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    margin: 6px 5px !important;
    background: #263b50 !important;
    border: 1px solid #d0b46a !important;
    border-radius: 8px !important;
    color: #fff2c5 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 42px !important;
  }

  body.mobile-layout #tishidaojushow {
    position: absolute !important;
    left: 18px !important;
    top: 86px !important;
    max-width: calc(100vw - 36px) !important;
    z-index: 10002 !important;
  }

  body.mobile-layout .mobile-category-btn {
    position: absolute !important;
    top: 134px !important;
    width: calc(25vw - 9px) !important;
    height: 42px !important;
    background: #182838 !important;
    border: 1px solid #37546b !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.mobile-layout #ditu0 { left: 6px !important; }
  body.mobile-layout #ditu1 { left: calc(25vw + 3px) !important; }
  body.mobile-layout #ditu2 { left: calc(50vw + 0px) !important; }
  body.mobile-layout #ditu3 { left: calc(75vw - 3px) !important; }

  body.mobile-layout .mobile-category-btn > div {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 3px !important;
    font-size: 14px !important;
    line-height: 18px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout .mobile-category-btn > div font {
    font-size: 14px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
  }

  body.mobile-layout .mobile-menu-grid {
    position: absolute !important;
    left: 8px !important;
    top: 184px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(100dvh - 318px) !important;
    min-height: 230px !important;
    max-height: none !important;
    padding: 8px !important;
    background: rgba(10, 20, 30, .96) !important;
    border: 1px solid #2d465e !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    z-index: 20 !important;
  }

  body.mobile-layout .mobile-grid-btn {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(33.333% - 8px) !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 4px !important;
    padding: 0 5px !important;
    background: #203247 !important;
    border: 1px solid #466986 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
    overflow: hidden !important;
  }

  body.mobile-layout .mobile-grid-btn > div {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 18px !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow: hidden !important;
  }

  body.mobile-layout .mobile-grid-btn font {
    font-size: 15px !important;
    line-height: 18px !important;
  }
}
/* mobile category fullscreen modal 20260615bx */
@media screen and (max-width: 767px) {
  body.mobile-layout.mobile-category-modal-open {
    overflow: hidden !important;
  }

  body.mobile-layout.mobile-category-modal-open #timeShow,
  body.mobile-layout.mobile-category-modal-open #serverbing,
  body.mobile-layout.mobile-category-modal-open #touxiang,
  body.mobile-layout.mobile-category-modal-open #changyongzuo,
  body.mobile-layout.mobile-category-modal-open #changyong,
  body.mobile-layout.mobile-category-modal-open #liaotian,
  body.mobile-layout.mobile-category-modal-open #gongneng-btn0,
  body.mobile-layout.mobile-category-modal-open #gongneng-btn1,
  body.mobile-layout.mobile-category-modal-open #gongneng-btn2,
  body.mobile-layout.mobile-category-modal-open #gongneng-btn3,
  body.mobile-layout.mobile-category-modal-open #gongneng-btn4,
  body.mobile-layout.mobile-category-modal-open #gongneng-btn5,
  body.mobile-layout.mobile-category-modal-open #huangcheng,
  body.mobile-layout.mobile-category-modal-open #wanjiajianyibtn,
  body.mobile-layout.mobile-category-modal-open #ditu0,
  body.mobile-layout.mobile-category-modal-open #ditu1,
  body.mobile-layout.mobile-category-modal-open #ditu2,
  body.mobile-layout.mobile-category-modal-open #ditu3 {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.mobile-layout.mobile-category-modal-open .mobile-menu-grid[style*="display: block"],
  body.mobile-layout.mobile-category-modal-open .mobile-menu-grid[style*="display:block"] {
    position: fixed !important;
    display: block !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(180deg, #101c27 0%, #071019 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    z-index: 9500 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout .mobile-menu-modal-title {
    position: absolute !important;
    left: 14px !important;
    top: 10px !important;
    width: calc(100vw - 82px) !important;
    height: 42px !important;
    line-height: 42px !important;
    color: #fff2c5 !important;
    font-family: Microsoft YaHei, SimSun, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    text-align: left !important;
    z-index: 9502 !important;
  }

  body.mobile-layout .mobile-menu-modal-close {
    position: absolute !important;
    right: 12px !important;
    top: 10px !important;
    width: 42px !important;
    height: 42px !important;
    background: #263b50 !important;
    border: 1px solid #d0b46a !important;
    border-radius: 8px !important;
    z-index: 9503 !important;
  }

  body.mobile-layout .mobile-menu-modal-close:after {
    content: "\00D7" !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 39px !important;
    color: #fff2c5 !important;
    font-size: 30px !important;
    font-family: Arial, sans-serif !important;
    text-align: center !important;
  }

  body.mobile-layout .mobile-menu-modal-body {
    position: absolute !important;
    left: 10px !important;
    top: 72px !important;
    width: calc(100vw - 20px) !important;
    height: calc(100dvh - 84px) !important;
    padding: 10px !important;
    background: #0b1520 !important;
    border: 1px solid #2c435a !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    z-index: 9501 !important;
  }

  body.mobile-layout .mobile-menu-modal-body .mobile-grid-btn {
    width: calc(33.333% - 8px) !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 4px !important;
    background: #203247 !important;
    border: 1px solid #466986 !important;
    border-radius: 8px !important;
  }

  body.mobile-layout .mobile-menu-modal-body .mobile-grid-btn > div,
  body.mobile-layout .mobile-menu-modal-body .mobile-grid-btn font {
    font-size: 16px !important;
    line-height: 20px !important;
  }
}
/* mobile login server overlap fix 20260615by */
@media screen and (max-width: 767px) {
  body.mobile-layout #login {
    top: clamp(82px, 12.5vh, 108px) !important;
    padding-bottom: 118px !important;
  }

  body.mobile-layout #login > div[style*="top:568px"] {
    margin-bottom: 8px !important;
  }

  body.mobile-layout #denglus,
  body.mobile-layout #login #denglus {
    position: relative !important;
    z-index: 5 !important;
    height: 52px !important;
    margin-top: 10px !important;
    margin-bottom: 70px !important;
    background-size: 100% 52px !important;
  }

  body.mobile-layout #serverlist {
    position: fixed !important;
    left: 0 !important;
    right: auto !important;
    bottom: 8px !important;
    width: 100vw !important;
    height: 54px !important;
    pointer-events: none !important;
    z-index: 8 !important;
  }

  body.mobile-layout #serverlisttxt {
    position: fixed !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    height: 48px !important;
    pointer-events: none !important;
    z-index: 9 !important;
  }

  body.mobile-layout #serverlisttxt > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: min(70vw, 286px) !important;
    height: 44px !important;
    background-size: 100% 44px !important;
    pointer-events: auto !important;
  }

  body.mobile-layout #serverlisttxt > div font {
    display: block !important;
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 18px !important;
  }
}
/* mobile category modal adaptive grid 20260615bz */
@media screen and (max-width: 767px) {
  body.mobile-layout .mobile-menu-modal-body {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
    align-content: start !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  body.mobile-layout .mobile-menu-modal-body .mobile-grid-btn,
  body.mobile-layout.mobile-category-modal-open .mobile-menu-modal-body .mobile-grid-btn {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    background: #203247 !important;
    border: 1px solid #557897 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.mobile-layout .mobile-menu-modal-body .mobile-grid-btn > div,
  body.mobile-layout.mobile-category-modal-open .mobile-menu-modal-body .mobile-grid-btn > div {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow: hidden !important;
  }

  body.mobile-layout .mobile-menu-modal-body .mobile-grid-btn font,
  body.mobile-layout.mobile-category-modal-open .mobile-menu-modal-body .mobile-grid-btn font {
    font-size: 16px !important;
    line-height: 20px !important;
  }
}

@media screen and (max-width: 380px) {
  body.mobile-layout .mobile-menu-modal-body {
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  body.mobile-layout .mobile-menu-modal-body .mobile-grid-btn,
  body.mobile-layout.mobile-category-modal-open .mobile-menu-modal-body .mobile-grid-btn {
    height: 50px !important;
    min-height: 50px !important;
  }
}
/* mobile login centered reflow 20260615ca */
@media screen and (max-width: 767px) {
  body.mobile-layout {
    overflow: hidden !important;
  }

  body.mobile-layout #logo {
    position: absolute !important;
    left: 0 !important;
    top: 34px !important;
    width: 100vw !important;
    height: auto !important;
    text-align: center !important;
    z-index: 3 !important;
    pointer-events: none !important;
  }

  body.mobile-layout #logo img {
    display: block !important;
    width: min(62vw, 270px) !important;
    height: auto !important;
    max-height: 118px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  body.mobile-layout #login {
    position: absolute !important;
    left: 0 !important;
    top: 146px !important;
    width: 100vw !important;
    height: calc(100dvh - 214px) !important;
    min-height: 0 !important;
    padding: 0 18px 0 !important;
    margin: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    z-index: 4 !important;
  }

  body.mobile-layout #login > div[style*="top:568px"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 19px !important;
    text-align: center !important;
  }

  body.mobile-layout #login > div[style*="top:568px"] font {
    font-size: 13px !important;
    line-height: 19px !important;
  }

  body.mobile-layout #login > img[src*="zhanghao"] {
    display: block !important;
    width: 126px !important;
    height: auto !important;
    margin: 4px auto 6px !important;
  }

  body.mobile-layout #login > img[src*="mima"] {
    display: block !important;
    width: 70px !important;
    height: auto !important;
    margin: 14px auto 6px !important;
  }

  body.mobile-layout #login .input12,
  body.mobile-layout .input12 {
    display: block !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: min(82vw, 348px) !important;
    height: 48px !important;
    line-height: 48px !important;
    margin: 0 auto !important;
    padding: 0 14px !important;
    font-size: 18px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #login .hand {
    display: block !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 6px auto 0 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    text-align: center !important;
  }

  body.mobile-layout #denglus,
  body.mobile-layout #login #denglus {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: block !important;
    width: min(82vw, 348px) !important;
    height: 52px !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    background-size: 100% 52px !important;
    background-position: center center !important;
    transform: none !important;
    box-sizing: border-box !important;
    z-index: 6 !important;
  }

  body.mobile-layout #serverlist {
    position: fixed !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: 12px !important;
    width: 100vw !important;
    height: 50px !important;
    z-index: 7 !important;
    pointer-events: none !important;
  }

  body.mobile-layout #serverlisttxt {
    position: fixed !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    height: 50px !important;
    z-index: 8 !important;
    pointer-events: none !important;
  }

  body.mobile-layout #serverlisttxt > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: min(58vw, 254px) !important;
    height: 42px !important;
    margin: 0 auto !important;
    background-size: 100% 42px !important;
    pointer-events: auto !important;
  }

  body.mobile-layout #serverlisttxt > div font {
    height: 42px !important;
    line-height: 42px !important;
    font-size: 17px !important;
  }
}

@media screen and (max-width: 380px) {
  body.mobile-layout #logo {
    top: 28px !important;
  }

  body.mobile-layout #logo img {
    width: min(58vw, 230px) !important;
    max-height: 100px !important;
  }

  body.mobile-layout #login {
    top: 126px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.mobile-layout #login > div[style*="top:568px"],
  body.mobile-layout #login > div[style*="top:568px"] font {
    font-size: 12px !important;
    line-height: 17px !important;
  }

  body.mobile-layout #login > img[src*="zhanghao"] {
    width: 116px !important;
    margin-top: 2px !important;
  }

  body.mobile-layout #login > img[src*="mima"] {
    width: 62px !important;
    margin-top: 10px !important;
  }

  body.mobile-layout #login .input12,
  body.mobile-layout .input12 {
    height: 44px !important;
    line-height: 44px !important;
  }

  body.mobile-layout #denglus,
  body.mobile-layout #login #denglus {
    height: 48px !important;
    margin-top: 14px !important;
    background-size: 100% 48px !important;
  }
}
/* mobile hud three-row scroll layout 20260615cb */
@media screen and (max-width: 767px) {
  body.mobile-layout #renwuzhanli {
    display: none !important;
  }

  body.mobile-layout #touxiang {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    top: 148px !important;
    width: auto !important;
    height: 156px !important;
    min-height: 156px !important;
    padding: 8px !important;
    display: block !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: rgba(11, 18, 29, 0.92) !important;
    border: 1px solid rgba(112, 172, 214, 0.45) !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.34) !important;
  }

  body.mobile-layout #touxiangpic,
  body.mobile-layout #touxiangpicbg,
  body.mobile-layout #touxiangcover {
    display: none !important;
  }

  body.mobile-layout #touxiang > div:not(#mobileHudInfo):not(#mobileHudLoading) {
    display: none !important;
  }

  body.mobile-layout #mobileHudInfo.mobile-hud-info {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout .mobile-hud-row {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    white-space: nowrap !important;
  }

  body.mobile-layout .mobile-hud-row::-webkit-scrollbar {
    display: none !important;
  }

  body.mobile-layout .mobile-hud-identity {
    flex: 0 0 42px !important;
  }

  body.mobile-layout .mobile-hud-power {
    flex: 0 0 40px !important;
  }

  body.mobile-layout .mobile-hud-currency {
    flex: 1 1 auto !important;
    min-height: 48px !important;
    align-items: stretch !important;
  }

  body.mobile-layout .mobile-hud-pill,
  body.mobile-layout .mobile-hud-refresh {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex: 0 0 auto !important;
    min-width: 116px !important;
    max-width: none !important;
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #f6fbff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  body.mobile-layout .mobile-hud-name {
    min-width: 48vw !important;
  }

  body.mobile-layout .mobile-hud-id {
    min-width: 34vw !important;
  }

  body.mobile-layout .mobile-hud-power .mobile-hud-pill {
    min-width: 86vw !important;
    justify-content: flex-start !important;
  }

  body.mobile-layout .mobile-hud-currency .mobile-hud-pill {
    min-width: 132px !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 17px !important;
  }

  body.mobile-layout .mobile-hud-label {
    flex: 0 0 auto !important;
    color: #ffd866 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  body.mobile-layout .mobile-hud-pill font {
    display: inline-block !important;
    margin-left: 0 !important;
    max-width: none !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body.mobile-layout .mobile-hud-refresh {
    min-width: 78px !important;
    height: 44px !important;
    line-height: 44px !important;
    color: #102033 !important;
    background: linear-gradient(180deg, #ffe08a, #f2b84f) !important;
    border-color: rgba(255, 236, 168, 0.8) !important;
    cursor: pointer !important;
  }

  body.mobile-layout .mobile-category-btn,
  body.mobile-layout #ditu0,
  body.mobile-layout #ditu1,
  body.mobile-layout #ditu2,
  body.mobile-layout #ditu3 {
    top: 314px !important;
  }

  body.mobile-layout .mobile-menu-grid {
    top: 376px !important;
    height: calc(100vh - 542px) !important;
    height: calc(100dvh - 542px) !important;
    min-height: 120px !important;
  }
}
/* mobile hud autoload fallback 20260615cc */
@media screen and (max-width: 767px) {
  body.mobile-layout #touxiang {
    display: block !important;
  }

  body.mobile-layout #mobileHudLoading.mobile-hud-loading {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffd866 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  body.mobile-layout #touxiang > div:not(#mobileHudInfo):not(#mobileHudLoading) {
    display: block !important;
  }

  body.mobile-layout #touxiang > #mobileHudInfo ~ div {
    display: none !important;
  }
}
/* mobile hud js autoload 20260615cd */
@media screen and (max-width: 767px) {
  body.mobile-layout #touxiang #mobileHudInfo {
    z-index: 2 !important;
  }

  body.mobile-layout #touxiang #mobileHudInfo + #mobileHudLoading,
  body.mobile-layout #touxiang #mobileHudInfo ~ #mobileHudLoading {
    display: none !important;
  }
}
/* mobile hud unified initial layout 20260615ce */
@media screen and (max-width: 767px) {
  body.mobile-layout #touxiang {
    height: 172px !important;
    min-height: 172px !important;
    padding: 8px !important;
  }

  body.mobile-layout #mobileHudInfo.mobile-hud-info {
    gap: 8px !important;
  }

  body.mobile-layout .mobile-hud-identity {
    flex-wrap: nowrap !important;
  }

  body.mobile-layout .mobile-hud-power {
    display: none !important;
  }

  body.mobile-layout .mobile-hud-name {
    min-width: 40vw !important;
    flex: 1 1 40vw !important;
  }

  body.mobile-layout .mobile-hud-id {
    min-width: 24vw !important;
    flex: 0 0 auto !important;
  }

  body.mobile-layout .mobile-hud-power,
  body.mobile-layout .mobile-hud-power .mobile-hud-pill {
    min-width: 0 !important;
    width: auto !important;
    display: none !important;
  }

  body.mobile-layout .mobile-hud-currency {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap !important;
    padding-bottom: 2px !important;
  }

  body.mobile-layout .mobile-hud-currency .mobile-hud-pill,
  body.mobile-layout .mobile-hud-refresh {
    min-width: 124px !important;
    flex: 0 0 auto !important;
  }

  body.mobile-layout #renwuzhanli {
    display: none !important;
  }

  body.mobile-layout #changyongzuotxt:before {
    content: "" !important;
  }

  body.mobile-layout #touxiang > div:nth-of-type(2),
  body.mobile-layout #touxiang > div:nth-of-type(3) {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
  }
}
/* mobile hud final three-line fix 20260615cf */
@media screen and (max-width: 767px) {
  body.mobile-layout #touxiang {
    top: 148px !important;
    height: 166px !important;
    min-height: 166px !important;
    overflow: hidden !important;
  }

  body.mobile-layout #mobileHudInfo.mobile-hud-info {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
  }

  body.mobile-layout .mobile-hud-identity,
  body.mobile-layout .mobile-hud-power,
  body.mobile-layout .mobile-hud-currency {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    white-space: nowrap !important;
  }

  body.mobile-layout .mobile-hud-identity::-webkit-scrollbar,
  body.mobile-layout .mobile-hud-power::-webkit-scrollbar,
  body.mobile-layout .mobile-hud-currency::-webkit-scrollbar {
    display: none !important;
  }

  body.mobile-layout .mobile-hud-identity {
    flex: 0 0 40px !important;
    min-height: 40px !important;
  }

  body.mobile-layout .mobile-hud-power {
    flex: 0 0 38px !important;
    min-height: 38px !important;
  }

  body.mobile-layout .mobile-hud-currency {
    flex: 0 0 50px !important;
    min-height: 50px !important;
  }

  body.mobile-layout .mobile-hud-power .mobile-hud-pill {
    min-width: 86vw !important;
    width: auto !important;
    display: inline-flex !important;
    justify-content: flex-start !important;
  }

  body.mobile-layout .mobile-hud-currency .mobile-hud-pill,
  body.mobile-layout .mobile-hud-refresh {
    min-width: 132px !important;
    height: 44px !important;
    line-height: 44px !important;
    flex: 0 0 auto !important;
  }

  body.mobile-layout #renwuzhanli,
  body.mobile-layout #changyongzuo {
    display: none !important;
  }

  body.mobile-layout .mobile-category-btn,
  body.mobile-layout #ditu0,
  body.mobile-layout #ditu1,
  body.mobile-layout #ditu2,
  body.mobile-layout #ditu3 {
    top: 326px !important;
  }

  body.mobile-layout .mobile-menu-grid {
    top: 388px !important;
    height: calc(100vh - 554px) !important;
    height: calc(100dvh - 554px) !important;
  }
}
/* mobile bag subpanel restore after fullscreen panels 20260615cg */
@media screen and (max-width: 767px) {
  body.mobile-layout.mobile-bag-sub-open {
    --mobile-bag-sub-height: clamp(258px, 36dvh, 330px);
    --mobile-bag-top: calc(var(--mobile-bag-sub-height) + 8px);
  }

  body.mobile-layout.mobile-bag-sub-open #bag.mobile-panel {
    position: fixed !important;
    left: 0 !important;
    right: auto !important;
    top: var(--mobile-bag-top) !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: calc(100dvh - var(--mobile-bag-top)) !important;
    min-height: 0 !important;
    max-height: none !important;
    z-index: 1180 !important;
    display: block !important;
    overflow: hidden !important;
    background: #0b1118 !important;
    border: 1px solid #32485e !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout.mobile-bag-sub-open #cangku.mobile-panel,
  body.mobile-layout.mobile-bag-sub-open #sell.mobile-panel,
  body.mobile-layout.mobile-bag-sub-open #paimai.mobile-panel,
  body.mobile-layout.mobile-bag-sub-open #mail.mobile-panel {
    position: fixed !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--mobile-bag-sub-height) !important;
    min-height: 0 !important;
    max-height: var(--mobile-bag-sub-height) !important;
    z-index: 1300 !important;
    display: block !important;
    overflow: hidden !important;
    background: #101824 !important;
    border: 1px solid #344c62 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout.mobile-bag-sub-open #bag > div[id$="close"] {
    display: none !important;
  }

  body.mobile-layout.mobile-bag-sub-open #cangku > div[id$="close"],
  body.mobile-layout.mobile-bag-sub-open #sell > div[id$="close"],
  body.mobile-layout.mobile-bag-sub-open #paimai > div[id$="close"],
  body.mobile-layout.mobile-bag-sub-open #mail > div[id$="close"] {
    display: block !important;
    right: 10px !important;
    top: 8px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    z-index: 1320 !important;
  }

  body.mobile-layout.mobile-bag-sub-open #bag #bagbgs {
    top: 58px !important;
  }

  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtnbg {
    top: 64px !important;
  }

  body.mobile-layout.mobile-bag-sub-open #bag > div[id^="bagfenyebtn"]:not(#bagfenyebtnbg) {
    top: auto !important;
  }

  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn0,
  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn1,
  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn2,
  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn3,
  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn4,
  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn5,
  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn6 {
    top: 68px !important;
  }

  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn7,
  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn8,
  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn9,
  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn10,
  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn11,
  body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn12 {
    top: 96px !important;
  }

  body.mobile-layout.mobile-bag-sub-open #bag > div[id^="bagbtn"] {
    top: auto !important;
    height: 34px !important;
    line-height: 34px !important;
  }

  body.mobile-layout.mobile-bag-sub-open #bag #bagbtn0,
  body.mobile-layout.mobile-bag-sub-open #bag #bagbtn1,
  body.mobile-layout.mobile-bag-sub-open #bag #bagbtn2,
  body.mobile-layout.mobile-bag-sub-open #bag #bagbtn3,
  body.mobile-layout.mobile-bag-sub-open #bag #bagbtn4,
  body.mobile-layout.mobile-bag-sub-open #bag #bagbtn5 {
    top: 130px !important;
  }

  body.mobile-layout.mobile-bag-sub-open #bag #bagbtn6,
  body.mobile-layout.mobile-bag-sub-open #bag #bagbtn7,
  body.mobile-layout.mobile-bag-sub-open #bag #bagbtn8,
  body.mobile-layout.mobile-bag-sub-open #bag #bagbtn9,
  body.mobile-layout.mobile-bag-sub-open #bag #bagbtn10 {
    top: 168px !important;
  }

  body.mobile-layout.mobile-bag-sub-open #bag #bagtxt.mobile-panel-body {
    left: 8px !important;
    top: 210px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(100% - 218px) !important;
    min-height: 120px !important;
    padding: 6px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout.mobile-bag-sub-open #cangkutxt.mobile-panel-body,
  body.mobile-layout.mobile-bag-sub-open #selltxt.mobile-panel-body,
  body.mobile-layout.mobile-bag-sub-open #paimaitxt.mobile-panel-body,
  body.mobile-layout.mobile-bag-sub-open #mailfajiantxt.mobile-panel-body,
  body.mobile-layout.mobile-bag-sub-open #mailshoujiantxt.mobile-panel-body {
    left: 8px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.mobile-layout.mobile-bag-sub-open #selltxt.mobile-panel-body,
  body.mobile-layout.mobile-bag-sub-open #paimaitxt.mobile-panel-body {
    top: 90px !important;
    height: calc(var(--mobile-bag-sub-height) - 102px) !important;
    min-height: 150px !important;
  }

  body.mobile-layout.mobile-bag-sub-open #mailfajiantxt.mobile-panel-body,
  body.mobile-layout.mobile-bag-sub-open #mailshoujiantxt.mobile-panel-body {
    top: 92px !important;
    height: calc(var(--mobile-bag-sub-height) - 104px) !important;
  }

  body.mobile-layout.mobile-bag-sub-open #cangkutxt.mobile-panel-body {
    top: 149px !important;
    height: calc(var(--mobile-bag-sub-height) - 159px) !important;
  }
}
/* mobile adaptive item grids 20260615ch */
@media screen and (max-width: 767px) {
  body.mobile-layout #bag #bagtxt.mobile-panel-body,
  body.mobile-layout #cangku #cangkutxt.mobile-panel-body,
  body.mobile-layout #shangcheng #yinyuanshangchengtxttxt,
  body.mobile-layout #shangcheng #jinyuanshangchengtxttxt,
  body.mobile-layout #shangcheng #gongxianshangchengtxttxt,
  body.mobile-layout #shangcheng #rongyushangchengtxttxt,
  body.mobile-layout #shangcheng #yuanbaoshangchengtxttxt,
  body.mobile-layout #shangcheng #jifenshangchengtxttxt,
  body.mobile-layout #chongzhi #chongzhigmtxt,
  body.mobile-layout #chongzhi #chongzhidirecttxt {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)) !important;
    grid-auto-rows: 82px !important;
    align-content: start !important;
    align-items: start !important;
    justify-items: center !important;
    gap: 8px 6px !important;
    padding: 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shangcheng #yinyuanshangchengtxttxt,
  body.mobile-layout #shangcheng #jinyuanshangchengtxttxt,
  body.mobile-layout #shangcheng #gongxianshangchengtxttxt,
  body.mobile-layout #shangcheng #rongyushangchengtxttxt,
  body.mobile-layout #shangcheng #yuanbaoshangchengtxttxt,
  body.mobile-layout #shangcheng #jifenshangchengtxttxt {
    left: 8px !important;
    top: 118px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(100dvh - 146px) !important;
    background: #0b151f !important;
    border: 1px solid #2b4058 !important;
    border-radius: 8px !important;
  }

  body.mobile-layout #chongzhi #chongzhigmtxt,
  body.mobile-layout #chongzhi #chongzhidirecttxt {
    left: 8px !important;
    top: 128px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(100dvh - 156px) !important;
    background: #0b151f !important;
    border: 1px solid #2b4058 !important;
    border-radius: 8px !important;
  }

  body.mobile-layout #bag #bagtxt > div[id^="baggezi"],
  body.mobile-layout #cangku #cangkutxt > div[id^="cangkugezi"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 64px !important;
    height: 82px !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.mobile-layout #bag #bagtxt div[id^="bagdaojutxt"],
  body.mobile-layout #cangku #cangkutxt div[id^="cangkudaojutxt"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 64px !important;
    height: 82px !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.mobile-layout #bag #bagtxt div[id^="bagdaojubg"],
  body.mobile-layout #cangku #cangkutxt div[id^="cangkudaojubg"] {
    left: 3px !important;
    top: 0 !important;
    width: 58px !important;
    height: 58px !important;
    background-size: 58px 58px !important;
  }

  body.mobile-layout #bag #bagtxt div[id^="bagdaojubg"] a,
  body.mobile-layout #bag #bagtxt div[id^="bagdaojubg"] img,
  body.mobile-layout #cangku #cangkutxt div[id^="cangkudaojubg"] a,
  body.mobile-layout #cangku #cangkutxt div[id^="cangkudaojubg"] img {
    width: 56px !important;
    height: 56px !important;
    object-fit: contain !important;
  }

  body.mobile-layout #bag #bagtxt div[id^="bagdaojunum"],
  body.mobile-layout #cangku #cangkutxt div[id^="cangkudaojunum"] {
    left: 0 !important;
    top: 62px !important;
    width: 64px !important;
    height: 18px !important;
    line-height: 18px !important;
    font-size: 11px !important;
  }

  body.mobile-layout #shangcheng div[id$="shangchengtxttxt"] > div[id*="shangchengdaoju"],
  body.mobile-layout #chongzhi #chongzhigmtxt > div[id^="czshangchengdaoju"],
  body.mobile-layout #chongzhi #chongzhidirecttxt > div[id^="czshangchengdaoju"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: clamp(54px, 11.5vw, 72px) !important;
    height: clamp(54px, 11.5vw, 72px) !important;
    margin: 0 !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shangcheng div[id$="shangchengtxttxt"] > div[id*="shangchengdaoju"] *,
  body.mobile-layout #chongzhi #chongzhigmtxt > div[id^="czshangchengdaoju"] *,
  body.mobile-layout #chongzhi #chongzhidirecttxt > div[id^="czshangchengdaoju"] * {
    max-width: 100% !important;
    max-height: 100% !important;
  }
}
/* mobile hud refresh clipping and floating button fix 20260615ci */
@media screen and (max-width: 767px) {
  body.mobile-layout #bgcheck1,
  body.mobile-layout #bgcheck2,
  body.mobile-layout #zhounianqing,
  body.mobile-layout #zhounianqingbg,
  body.mobile-layout #global-zeroclipboard-html-bridge,
  body.mobile-layout .global-zeroclipboard-container {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.mobile-layout #touxiang {
    left: 8px !important;
    right: 8px !important;
    top: 266px !important;
    width: auto !important;
    height: 132px !important;
    min-height: 132px !important;
    max-height: 132px !important;
    padding: 7px !important;
    overflow: hidden !important;
    background: rgba(11, 18, 29, 0.96) !important;
    border: 1px solid rgba(64, 139, 184, 0.8) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #touxiangpic,
  body.mobile-layout #touxiangpicbg,
  body.mobile-layout #touxiangcover,
  body.mobile-layout #touxiang > div:not(#mobileHudInfo):not(#mobileHudLoading) {
    display: none !important;
    visibility: hidden !important;
  }

  body.mobile-layout #mobileHudInfo.mobile-hud-info {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 118px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #mobileHudInfo .mobile-hud-row {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #mobileHudInfo .mobile-hud-row::-webkit-scrollbar {
    display: none !important;
  }

  body.mobile-layout #mobileHudInfo .mobile-hud-identity {
    flex: 0 0 32px !important;
    min-height: 32px !important;
    height: 32px !important;
  }

  body.mobile-layout #mobileHudInfo .mobile-hud-power {
    flex: 0 0 32px !important;
    min-height: 32px !important;
    height: 32px !important;
  }

  body.mobile-layout #mobileHudInfo .mobile-hud-currency {
    flex: 0 0 40px !important;
    min-height: 40px !important;
    height: 40px !important;
    padding-bottom: 0 !important;
  }

  body.mobile-layout #mobileHudInfo .mobile-hud-pill,
  body.mobile-layout #mobileHudInfo .mobile-hud-refresh {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex: 0 0 auto !important;
    min-width: 104px !important;
    height: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.mobile-layout #mobileHudInfo .mobile-hud-name {
    min-width: 56vw !important;
  }

  body.mobile-layout #mobileHudInfo .mobile-hud-id {
    min-width: 30vw !important;
  }

  body.mobile-layout #mobileHudInfo .mobile-hud-power .mobile-hud-pill {
    min-width: 88vw !important;
    justify-content: flex-start !important;
  }

  body.mobile-layout #mobileHudInfo .mobile-hud-currency .mobile-hud-pill {
    min-width: 118px !important;
    height: 38px !important;
    line-height: 38px !important;
    font-size: 17px !important;
  }

  body.mobile-layout #mobileHudInfo .mobile-hud-refresh {
    min-width: 84px !important;
    height: 38px !important;
    line-height: 38px !important;
    font-size: 17px !important;
  }

  body.mobile-layout #mobileHudInfo .mobile-hud-label {
    font-size: 15px !important;
    line-height: inherit !important;
  }

  body.mobile-layout #mobileHudInfo .mobile-hud-pill font {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  body.mobile-layout .mobile-category-btn,
  body.mobile-layout #ditu0,
  body.mobile-layout #ditu1,
  body.mobile-layout #ditu2,
  body.mobile-layout #ditu3 {
    top: 414px !important;
  }

  body.mobile-layout .mobile-menu-grid {
    top: 500px !important;
    height: calc(100vh - 632px) !important;
    height: calc(100dvh - 632px) !important;
  }
}
/* mobile bag subpanel active visibility 20260615cn */
@media screen and (max-width: 767px) {
  body.mobile-layout.mobile-bag-sub-open #cangku.mobile-panel,
  body.mobile-layout.mobile-bag-sub-open #sell.mobile-panel,
  body.mobile-layout.mobile-bag-sub-open #paimai.mobile-panel,
  body.mobile-layout.mobile-bag-sub-open #mail.mobile-panel {
    display: none !important;
  }

  body.mobile-layout.mobile-bag-sub-cangku #cangku.mobile-panel,
  body.mobile-layout.mobile-bag-sub-sell #sell.mobile-panel,
  body.mobile-layout.mobile-bag-sub-paimai #paimai.mobile-panel,
  body.mobile-layout.mobile-bag-sub-mail #mail.mobile-panel {
    display: block !important;
  }
}/* mobile bag subpanel final split 20260615co */
@media screen and (max-width: 767px) {
  body.mobile-layout.mobile-bag-sub-open {
    --mobile-bag-sub-height: clamp(258px, 36dvh, 330px);
    --mobile-bag-top: calc(var(--mobile-bag-sub-height) + 8px);
  }

  body.mobile-layout.mobile-bag-sub-open #bag.mobile-panel {
    position: fixed !important;
    left: 0 !important;
    right: auto !important;
    top: var(--mobile-bag-top) !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: calc(100dvh - var(--mobile-bag-top)) !important;
    min-height: 0 !important;
    max-height: none !important;
    z-index: 1180 !important;
    display: block !important;
    overflow: hidden !important;
    background: #0b1118 !important;
    border: 1px solid #32485e !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout.mobile-bag-sub-open #cangku.mobile-panel,
  body.mobile-layout.mobile-bag-sub-open #sell.mobile-panel,
  body.mobile-layout.mobile-bag-sub-open #paimai.mobile-panel,
  body.mobile-layout.mobile-bag-sub-open #mail.mobile-panel {
    position: fixed !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--mobile-bag-sub-height) !important;
    min-height: 0 !important;
    max-height: var(--mobile-bag-sub-height) !important;
    z-index: 1300 !important;
    display: none !important;
    overflow: hidden !important;
    background: #101824 !important;
    border: 1px solid #344c62 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout.mobile-bag-sub-cangku #cangku.mobile-panel,
  body.mobile-layout.mobile-bag-sub-sell #sell.mobile-panel,
  body.mobile-layout.mobile-bag-sub-paimai #paimai.mobile-panel,
  body.mobile-layout.mobile-bag-sub-mail #mail.mobile-panel {
    display: block !important;
  }
}/* mobile bag subpanel high priority split 20260615cp */
@media screen and (max-width: 767px) {
  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-open #bag.mobile-panel.mobile-panel {
    top: var(--mobile-bag-top) !important;
    bottom: 0 !important;
    height: calc(100dvh - var(--mobile-bag-top)) !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-open #cangku.mobile-panel.mobile-panel,
  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-open #sell.mobile-panel.mobile-panel,
  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-open #paimai.mobile-panel.mobile-panel,
  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-open #mail.mobile-panel.mobile-panel {
    top: 0 !important;
    bottom: auto !important;
    height: var(--mobile-bag-sub-height) !important;
    min-height: 0 !important;
    max-height: var(--mobile-bag-sub-height) !important;
  }
}/* mobile bag subpanel body-class split 20260615cq */
body.mobile-layout.mobile-bag-sub-open {
  --mobile-bag-sub-height: clamp(258px, 36dvh, 330px);
  --mobile-bag-top: calc(var(--mobile-bag-sub-height) + 8px);
}

body.mobile-layout.mobile-bag-sub-open #bag.mobile-panel.mobile-panel {
  position: fixed !important;
  left: 0 !important;
  right: auto !important;
  top: var(--mobile-bag-top) !important;
  bottom: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: calc(100dvh - var(--mobile-bag-top)) !important;
  min-height: 0 !important;
  max-height: none !important;
  z-index: 1180 !important;
  display: block !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.mobile-layout.mobile-bag-sub-open #cangku.mobile-panel.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #sell.mobile-panel.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #paimai.mobile-panel.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #mail.mobile-panel.mobile-panel {
  position: fixed !important;
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  bottom: auto !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: var(--mobile-bag-sub-height) !important;
  min-height: 0 !important;
  max-height: var(--mobile-bag-sub-height) !important;
  z-index: 1300 !important;
  display: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.mobile-layout.mobile-bag-sub-cangku #cangku.mobile-panel.mobile-panel,
body.mobile-layout.mobile-bag-sub-sell #sell.mobile-panel.mobile-panel,
body.mobile-layout.mobile-bag-sub-paimai #paimai.mobile-panel.mobile-panel,
body.mobile-layout.mobile-bag-sub-mail #mail.mobile-panel.mobile-panel {
  display: block !important;
}/* mobile bag subpanel explicit vh split 20260615cr */
body.mobile-layout.mobile-bag-sub-open #bag.mobile-panel.mobile-panel.mobile-panel {
  position: fixed !important;
  top: 38vh !important;
  bottom: 0 !important;
  height: 62vh !important;
  min-height: 0 !important;
  max-height: none !important;
  left: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  z-index: 1180 !important;
  display: block !important;
  overflow: hidden !important;
}

body.mobile-layout.mobile-bag-sub-open #cangku.mobile-panel.mobile-panel.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #sell.mobile-panel.mobile-panel.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #paimai.mobile-panel.mobile-panel.mobile-panel,
body.mobile-layout.mobile-bag-sub-open #mail.mobile-panel.mobile-panel.mobile-panel {
  position: fixed !important;
  top: 0 !important;
  bottom: auto !important;
  height: 36vh !important;
  min-height: 0 !important;
  max-height: 36vh !important;
  left: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  z-index: 1300 !important;
  display: none !important;
  overflow: hidden !important;
}

body.mobile-layout.mobile-bag-sub-cangku #cangku.mobile-panel.mobile-panel.mobile-panel,
body.mobile-layout.mobile-bag-sub-sell #sell.mobile-panel.mobile-panel.mobile-panel,
body.mobile-layout.mobile-bag-sub-paimai #paimai.mobile-panel.mobile-panel.mobile-panel,
body.mobile-layout.mobile-bag-sub-mail #mail.mobile-panel.mobile-panel.mobile-panel {
  display: block !important;
}
/* mobile bag sub pager fix 20260615cx */
@media screen and (max-width: 767px) {
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtnbg,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtnbg {
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  left: 8px !important;
  right: 8px !important;
  width: auto !important;
  height: 30px !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  background: transparent !important;
  border: 0 !important;
  z-index: 8 !important;
}
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtnbg {
  top: 76px !important;
}
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtnbg {
  top: 92px !important;
  bottom: auto !important;
}
body.mobile-layout.mobile-bag-sub-open #bag > div[id^="bagfenyebtn"],
body.mobile-layout.mobile-bag-sub-open #cangku > div[id^="cangkufenyebtn"] {
  position: relative !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 56px !important;
  height: 28px !important;
  min-width: 56px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 28px !important;
  border: 1px solid rgba(115, 157, 204, 0.7) !important;
  border-radius: 6px !important;
  background: rgba(29, 48, 70, 0.96) !important;
  color: #fff7df !important;
  box-sizing: border-box !important;
}
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn0,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn1,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn2,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn3,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn4,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn5,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn6,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn7,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn8,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn9,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn10,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn11,
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn12,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn0,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn1,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn2,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn3,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn4,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn5,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn6,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn7,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn8,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn9 {
  left: auto !important;
  top: auto !important;
  bottom: auto !important;
}
body.mobile-layout.mobile-bag-sub-open #bag > div[id^="bagfenyebtn"][style*="yellow"],
body.mobile-layout.mobile-bag-sub-open #cangku > div[id^="cangkufenyebtn"][style*="yellow"] {
  color: #ffff33 !important;
}
}
/* mobile full pager restore 20260616a */
@media screen and (max-width: 767px) {
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtnbg,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtnbg {
  display: block !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  width: calc(100vw - 16px) !important;
  height: 32px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  background: transparent !important;
  border: 0 !important;
  z-index: 8 !important;
}
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtnbg { top: 76px !important; }
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtnbg { top: 92px !important; bottom: auto !important; }
body.mobile-layout.mobile-bag-sub-open #bag > div[id^="bagfenyebtn"]:not(#bagfenyebtnbg),
body.mobile-layout.mobile-bag-sub-open #cangku > div[id^="cangkufenyebtn"]:not(#cangkufenyebtnbg) {
  display: block !important;
  position: absolute !important;
  top: 76px !important;
  bottom: auto !important;
  width: 56px !important;
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  text-align: center !important;
  border: 1px solid rgba(115,157,204,0.7) !important;
  border-radius: 6px !important;
  background: rgba(29,48,70,0.96) !important;
  color: #fff7df !important;
  box-sizing: border-box !important;
  z-index: 9 !important;
}
body.mobile-layout.mobile-bag-sub-open #cangku > div[id^="cangkufenyebtn"]:not(#cangkufenyebtnbg) { top: 92px !important; }
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn0,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn0 { left: 8px !important; }
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn1,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn1 { left: 70px !important; }
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn2,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn2 { left: 132px !important; }
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn3,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn3 { left: 194px !important; }
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn4,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn4 { left: 256px !important; }
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn5,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn5 { left: 318px !important; }
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn6,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn6 { left: 380px !important; }
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn7,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn7 { left: 442px !important; }
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn8,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn8 { left: 504px !important; }
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn9,
body.mobile-layout.mobile-bag-sub-open #cangku #cangkufenyebtn9 { left: 566px !important; }
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn10 { left: 628px !important; }
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn11 { left: 690px !important; }
body.mobile-layout.mobile-bag-sub-open #bag #bagfenyebtn12 { left: 752px !important; }
}
/* pc currency hud isolation 20260706a */
@media screen and (min-width: 768px) {
body:not(.mobile-layout) #touxiang #mobileHudInfo,
body.desktop-layout #touxiang #mobileHudInfo {
  position: absolute !important;
  left: 0 !important;
  top: 160px !important;
  width: 200px !important;
  height: 300px !important;
  display: block !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body:not(.mobile-layout) #touxiang #mobileHudInfo .mobile-hud-row,
body.desktop-layout #touxiang #mobileHudInfo .mobile-hud-row {
  position: static !important;
  display: block !important;
  width: 200px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
  white-space: normal !important;
}

body:not(.mobile-layout) #touxiang #mobileHudInfo .mobile-hud-power,
body.desktop-layout #touxiang #mobileHudInfo .mobile-hud-power {
  display: none !important;
}

body:not(.mobile-layout) #touxiang #mobileHudInfo .mobile-hud-pill,
body:not(.mobile-layout) #touxiang #mobileHudInfo .mobile-hud-refresh,
body.desktop-layout #touxiang #mobileHudInfo .mobile-hud-pill,
body.desktop-layout #touxiang #mobileHudInfo .mobile-hud-refresh {
  position: relative !important;
  display: block !important;
  left: auto !important;
  top: auto !important;
  width: 195px !important;
  min-width: 0 !important;
  height: 20px !important;
  min-height: 0 !important;
  line-height: 20px !important;
  padding: 0 !important;
  margin: 0 0 7px 5px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: normal !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body:not(.mobile-layout) #touxiang #mobileHudInfo .mobile-hud-name,
body.desktop-layout #touxiang #mobileHudInfo .mobile-hud-name {
  width: 200px !important;
  height: 28px !important;
  line-height: 28px !important;
  margin: 0 0 2px 0 !important;
  font-size: 18px !important;
  text-align: center !important;
}

body:not(.mobile-layout) #touxiang #mobileHudInfo .mobile-hud-label,
body.desktop-layout #touxiang #mobileHudInfo .mobile-hud-label {
  display: inline !important;
  color: #ffff00 !important;
  font-size: 13px !important;
  font-weight: normal !important;
  line-height: inherit !important;
}

body:not(.mobile-layout) #touxiang #mobileHudInfo .mobile-hud-name .mobile-hud-label,
body.desktop-layout #touxiang #mobileHudInfo .mobile-hud-name .mobile-hud-label {
  display: none !important;
}

body:not(.mobile-layout) #touxiang #mobileHudInfo .mobile-hud-pill font,
body.desktop-layout #touxiang #mobileHudInfo .mobile-hud-pill font {
  display: inline-block !important;
  margin-left: 5px !important;
  color: #adff2f !important;
  font-size: 13px !important;
  line-height: inherit !important;
}

body:not(.mobile-layout) #touxiang #mobileHudInfo .mobile-hud-name font,
body.desktop-layout #touxiang #mobileHudInfo .mobile-hud-name font {
  margin-left: 0 !important;
  font-size: 18px !important;
  color: #ffff00 !important;
}

body:not(.mobile-layout) #touxiang #mobileHudInfo .mobile-hud-refresh,
body.desktop-layout #touxiang #mobileHudInfo .mobile-hud-refresh {
  width: 105px !important;
  height: 24px !important;
  line-height: 24px !important;
  margin-left: 50px !important;
  margin-top: 0 !important;
  background: url(../Images/xinbg/shuaxinhb.png) no-repeat !important;
  color: transparent !important;
  text-indent: -9999px !important;
  cursor: pointer !important;
}

body:not(.mobile-layout) #touxiang #mobileHudLoading,
body.desktop-layout #touxiang #mobileHudLoading {
  display: none !important;
}
}
/* mobile login home cleanup 20260706a */
#loginContact .login-contact-line,
#loginContact .login-contact-sub {
  color: #ff3838;
  text-shadow: 0 1px 2px #000;
}

#loginContact .login-contact-num {
  color: #ffd45c;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  body.mobile-layout #logo {
    top: 24px !important;
  }

  body.mobile-layout #logo img {
    width: min(58vw, 252px) !important;
    max-height: 108px !important;
  }

  body.mobile-layout #login {
    top: 138px !important;
    height: calc(100dvh - 206px) !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body.mobile-layout #loginContact,
  body.mobile-layout #login > div#loginContact[style*="top:568px"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: min(88vw, 360px) !important;
    max-width: min(88vw, 360px) !important;
    height: auto !important;
    margin: 0 auto 12px !important;
    padding: 2px 8px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #loginContact .login-contact-line {
    font-size: 14px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
  }

  body.mobile-layout #loginContact .login-contact-sub {
    margin: 1px 0 !important;
    color: #ffb22e !important;
    font-size: 13px !important;
    line-height: 18px !important;
  }

  body.mobile-layout #loginContact .login-contact-num {
    font-size: 14px !important;
    letter-spacing: 0 !important;
  }

  body.mobile-layout #login > img[src*="zhanghao"] {
    width: 122px !important;
    margin: 4px auto 6px !important;
  }

  body.mobile-layout #login > img[src*="mima"] {
    width: 66px !important;
    margin: 12px auto 6px !important;
  }

  body.mobile-layout #login .input12,
  body.mobile-layout .input12 {
    width: min(84vw, 348px) !important;
    height: 46px !important;
    line-height: 46px !important;
    font-size: 18px !important;
  }

  body.mobile-layout #loginRegisterLink,
  body.mobile-layout #login .login-register-link {
    display: block !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 12px auto 8px !important;
    color: #ff5050 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    text-align: center !important;
    text-shadow: 0 1px 2px #000 !important;
  }

  body.mobile-layout #denglus,
  body.mobile-layout #login #denglus {
    width: min(84vw, 348px) !important;
    height: 52px !important;
    margin-top: 0 !important;
    background-size: 100% 52px !important;
  }
}

@media screen and (max-width: 380px) {
  body.mobile-layout #logo {
    top: 20px !important;
  }

  body.mobile-layout #logo img {
    width: min(56vw, 226px) !important;
    max-height: 96px !important;
  }

  body.mobile-layout #login {
    top: 122px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.mobile-layout #loginContact,
  body.mobile-layout #login > div#loginContact[style*="top:568px"] {
    margin-bottom: 8px !important;
    font-size: 12px !important;
    line-height: 17px !important;
  }

  body.mobile-layout #loginContact .login-contact-line {
    font-size: 12px !important;
    line-height: 17px !important;
  }

  body.mobile-layout #loginContact .login-contact-sub {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  body.mobile-layout #login > img[src*="zhanghao"] {
    width: 112px !important;
    margin-top: 2px !important;
  }

  body.mobile-layout #login > img[src*="mima"] {
    width: 60px !important;
    margin-top: 9px !important;
  }

  body.mobile-layout #login .input12,
  body.mobile-layout .input12 {
    height: 43px !important;
    line-height: 43px !important;
  }

  body.mobile-layout #loginRegisterLink,
  body.mobile-layout #login .login-register-link {
    margin: 9px auto 7px !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.mobile-layout #denglus,
  body.mobile-layout #login #denglus {
    height: 48px !important;
    background-size: 100% 48px !important;
  }
}
/* mobile serverbing scroll time hide 20260706b */
@media screen and (max-width: 767px) {
  body.mobile-layout #timeShow {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.mobile-layout #serverbing {
    display: block !important;
    visibility: visible !important;
    left: 8px !important;
    right: 8px !important;
    top: 124px !important;
    width: auto !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 2px 8px !important;
    line-height: 28px !important;
    font-size: 18px !important;
    text-align: left !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #serverbing::-webkit-scrollbar {
    display: none !important;
  }

  body.mobile-layout #serverbing font {
    display: inline-block !important;
    width: max-content !important;
    min-width: 100% !important;
    line-height: 28px !important;
    white-space: nowrap !important;
    word-break: normal !important;
  }

  body.mobile-layout #touxiang {
    top: 164px !important;
    height: 132px !important;
    min-height: 132px !important;
    max-height: 132px !important;
  }

  body.mobile-layout #mobileHudInfo.mobile-hud-info {
    max-height: 118px !important;
  }

  body.mobile-layout .mobile-category-btn,
  body.mobile-layout #ditu0,
  body.mobile-layout #ditu1,
  body.mobile-layout #ditu2,
  body.mobile-layout #ditu3 {
    top: 306px !important;
  }

  body.mobile-layout .mobile-menu-grid {
    top: 366px !important;
    height: calc(100vh - 530px) !important;
    height: calc(100dvh - 530px) !important;
  }
}
/* mobile shenyou hud gap fix 20260706c */
@media screen and (max-width: 767px) {
  body.mobile-layout #serverbing {
    top: 100px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 0 8px !important;
    line-height: 24px !important;
    font-size: 14px !important;
  }

  body.mobile-layout #serverbing font {
    line-height: 24px !important;
    font-size: 14px !important;
  }

  body.mobile-layout #touxiang {
    top: 132px !important;
  }

  body.mobile-layout .mobile-category-btn,
  body.mobile-layout #ditu0,
  body.mobile-layout #ditu1,
  body.mobile-layout #ditu2,
  body.mobile-layout #ditu3 {
    top: 274px !important;
  }

  body.mobile-layout .mobile-menu-grid {
    top: 334px !important;
    height: calc(100vh - 498px) !important;
    height: calc(100dvh - 498px) !important;
  }
}
/* mobile role surround layout 20260711a */
@media screen and (max-width: 767px) {
  body.mobile-layout #role.mobile-panel,
  body.mobile-layout #role {
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-width: 100vw !important;
    max-height: 100dvh !important;
    background: #050b12 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #d8efff !important;
    font-family: Microsoft YaHei, SimSun, sans-serif !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #role:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 68px !important;
    background: linear-gradient(180deg, #17283a 0%, #09131e 100%) !important;
    border-bottom: 1px solid #254159 !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .32) !important;
    z-index: 9001 !important;
    pointer-events: none !important;
  }

  body.mobile-layout #role:after {
    content: "\89D2\8272\5C5E\6027" !important;
    position: absolute !important;
    left: 8px !important;
    top: 3px !important;
    width: calc(100vw - 50px) !important;
    height: 30px !important;
    line-height: 30px !important;
    color: #ffe48b !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    text-align: left !important;
    text-shadow: 0 1px 0 #000, 0 0 8px rgba(255, 204, 86, .25) !important;
    z-index: 9002 !important;
    pointer-events: none !important;
  }

  body.mobile-layout #roleclose {
    right: 7px !important;
    top: 3px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border: 1px solid #d8b76b !important;
    border-radius: 6px !important;
    background-color: rgba(43, 54, 65, .92) !important;
    box-sizing: border-box !important;
    z-index: 9004 !important;
  }

  body.mobile-layout #rolerefresh,
  body.mobile-layout #roleyijiancz,
  body.mobile-layout #rolezbyijianhuanzhuangbtn {
    top: 36px !important;
    bottom: auto !important;
    width: calc((100vw - 28px) / 3) !important;
    height: 28px !important;
    line-height: 26px !important;
    background-image: none !important;
    background: linear-gradient(180deg, #1b3549 0%, #0c1d2b 100%) !important;
    border: 1px solid #3b6687 !important;
    border-bottom-color: #1c405a !important;
    border-radius: 5px !important;
    color: #fff0b8 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    z-index: 9003 !important;
  }

  body.mobile-layout #rolerefresh { left: 6px !important; }
  body.mobile-layout #roleyijiancz { left: calc(50vw - ((100vw - 28px) / 6)) !important; }
  body.mobile-layout #rolezbyijianhuanzhuangbtn { left: auto !important; right: 6px !important; }

  body.mobile-layout #rolesxtxt,
  body.mobile-layout #rolesbtxt,
  body.mobile-layout #rolejxtxt,
  body.mobile-layout #rolesztxt,
  body.mobile-layout #roleyytxt {
    display: none !important;
  }

  body.mobile-layout #rolezbtxt {
    inset: 68px 0 auto 0 !important;
    width: 100% !important;
    height: calc(100vh - 68px) !important;
    height: calc(100dvh - 68px) !important;
    max-width: none !important;
    padding: 0 !important;
    background: linear-gradient(180deg, #07111b 0%, #030910 100%) !important;
    border-top: 1px solid rgba(224, 192, 110, .18) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #rolezbtxt > div:nth-of-type(13),
  body.mobile-layout #rolezbtxt > div:nth-of-type(14) {
    left: 6px !important;
    right: auto !important;
    width: calc(100% - 12px) !important;
    height: 28px !important;
    line-height: 26px !important;
    padding: 0 8px 0 10px !important;
    background: rgba(13, 26, 38, .94) !important;
    border: 1px solid #284c67 !important;
    border-left: 3px solid #d6a94d !important;
    border-radius: 5px !important;
    color: #ffe58d !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
  }

  body.mobile-layout #rolezbtxt > div:nth-of-type(13) { top: 4px !important; }
  body.mobile-layout #rolezbtxt > div:nth-of-type(14) { top: 36px !important; color: #ffd0a2 !important; }

  body.mobile-layout #rolezbtxt > div:nth-of-type(15) {
    left: 50% !important;
    top: 70px !important;
    right: auto !important;
    width: 146px !important;
    max-width: calc(100vw - 134px) !important;
    height: 170px !important;
    transform: translateX(-50%) !important;
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    opacity: .92 !important;
    filter: drop-shadow(0 7px 12px rgba(0, 0, 0, .58)) !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }

  body.mobile-layout #rolezbtxt > div[id^="role-zb"] {
    position: absolute !important;
    width: 54px !important;
    height: 54px !important;
    right: auto !important;
    bottom: auto !important;
    background: rgba(9, 18, 27, .96) !important;
    border: 1px solid #8a6b31 !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .42), inset 0 0 0 1px rgba(255, 224, 142, .12) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    z-index: 4 !important;
  }

  body.mobile-layout #rolezbtxt > #role-zb1 { left: 12px !important; top: 68px !important; }
  body.mobile-layout #rolezbtxt > #role-zb2 { left: 12px !important; top: 122px !important; }
  body.mobile-layout #rolezbtxt > #role-zb3 { left: 12px !important; top: 176px !important; }
  body.mobile-layout #rolezbtxt > #role-zb4 { left: 12px !important; top: 230px !important; }
  body.mobile-layout #rolezbtxt > #role-zb5 { left: auto !important; right: 12px !important; top: 68px !important; }
  body.mobile-layout #rolezbtxt > #role-zb6 { left: auto !important; right: 12px !important; top: 122px !important; }
  body.mobile-layout #rolezbtxt > #role-zb7 { left: auto !important; right: 12px !important; top: 176px !important; }
  body.mobile-layout #rolezbtxt > #role-zb8 { left: auto !important; right: 12px !important; top: 230px !important; }
  body.mobile-layout #rolezbtxt > #role-zb9 { left: calc(50% - 59px) !important; top: 284px !important; }
  body.mobile-layout #rolezbtxt > #role-zb10 { left: calc(50% + 5px) !important; top: 284px !important; }

  body.mobile-layout #rolezbtxt div[id^="role-zbbg"] {
    left: 1px !important;
    top: 1px !important;
    width: 50px !important;
    height: 50px !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #rolezbtxt div[id^="role-zbbg"] a {
    display: block !important;
    left: 0 !important;
    top: 0 !important;
    width: 50px !important;
    height: 50px !important;
    overflow: hidden !important;
  }

  body.mobile-layout #rolezbtxt div[id^="role-zbbg"] #alt_div {
    position: absolute !important;
    display: block !important;
    left: 0 !important;
    top: 0 !important;
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    text-align: center !important;
    box-sizing: border-box !important;
    background: transparent !important;
    scrollbar-width: none !important;
  }

  body.mobile-layout #rolezbtxt div[id^="role-zbbg"] #alt_div::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  body.mobile-layout #rolezbtxt div[id^="role-zbbg"] img {
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    object-fit: contain !important;
    overflow: hidden !important;
    border: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body.mobile-layout #jichusx,
  body.mobile-layout #rolezbtxt > .role-battle-panel {
    left: 8px !important;
    right: auto !important;
    width: calc(100% - 16px) !important;
    height: auto !important;
    padding: 8px !important;
    background: rgba(7, 17, 27, .96) !important;
    border: 1px solid #2a4a64 !important;
    border-radius: 6px !important;
    color: #dcefff !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: left !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    z-index: 5 !important;
  }

  body.mobile-layout #jichusx {
    top: 348px !important;
    min-height: 86px !important;
  }

  body.mobile-layout #rolezbtxt > .role-battle-panel {
    top: 442px !important;
    min-height: 236px !important;
  }

  body.mobile-layout #jichusx > br,
  body.mobile-layout #rolezbtxt > .role-battle-panel > br {
    display: none !important;
  }

  body.mobile-layout #rolezbtxt .role-section-title {
    position: static !important;
    width: auto !important;
    height: 22px !important;
    line-height: 22px !important;
    margin: 0 0 6px !important;
    color: #ffe48b !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: left !important;
  }

  body.mobile-layout #rolezbtxt .role-base-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.mobile-layout #rolezbtxt .role-base-stat {
    display: flex !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 4px 5px !important;
    flex-direction: column !important;
    justify-content: center !important;
    background: rgba(15, 31, 44, .9) !important;
    border-top: 2px solid #b98636 !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  body.mobile-layout #rolezbtxt .role-base-label {
    display: block !important;
    color: #ffb8a0 !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }

  body.mobile-layout #rolezbtxt .role-base-value {
    display: block !important;
    min-width: 0 !important;
    color: #f4fbff !important;
    font-size: 13px !important;
    line-height: 17px !important;
    font-weight: 700 !important;
    word-break: break-all !important;
  }

  body.mobile-layout #rolezbtxt .role-battle-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 12px !important;
    row-gap: 0 !important;
  }

  body.mobile-layout #rolezbtxt .role-stat-item {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 4px !important;
    min-width: 0 !important;
    min-height: 27px !important;
    padding: 4px 1px !important;
    border-bottom: 1px solid rgba(77, 112, 137, .34) !important;
    box-sizing: border-box !important;
    align-items: start !important;
  }

  body.mobile-layout #rolezbtxt .role-stat-label {
    color: #9edfff !important;
    white-space: nowrap !important;
  }

  body.mobile-layout #rolezbtxt .role-stat-value {
    min-width: 0 !important;
    color: #f5fbff !important;
    text-align: right !important;
    word-break: break-all !important;
  }
}
/* mobile role equipment fill and close spacing 20260711b */
@media screen and (max-width: 767px) {
  body.mobile-layout #role:before {
    height: 76px !important;
  }

  body.mobile-layout #role:after {
    width: calc(100vw - 58px) !important;
  }

  body.mobile-layout #role > #roleclose {
    right: 7px !important;
    top: 4px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    background-image: none !important;
    background: rgba(43, 54, 65, .96) !important;
    border: 1px solid #d8b76b !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    z-index: 9004 !important;
  }

  body.mobile-layout #role > #roleclose:after {
    content: "\00D7" !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 33px !important;
    color: #fff2c5 !important;
    font-family: Arial, sans-serif !important;
    font-size: 27px !important;
    text-align: center !important;
  }

  body.mobile-layout #rolerefresh,
  body.mobile-layout #roleyijiancz,
  body.mobile-layout #rolezbyijianhuanzhuangbtn {
    top: 44px !important;
  }

  body.mobile-layout #rolezbtxt {
    inset: 76px 0 auto 0 !important;
    height: calc(100vh - 76px) !important;
    height: calc(100dvh - 76px) !important;
  }

  body.mobile-layout #rolezbtxt > div:nth-of-type(15) {
    top: 72px !important;
    width: 160px !important;
    max-width: calc(100vw - 160px) !important;
    height: 188px !important;
  }

  body.mobile-layout #rolezbtxt > div[id^="role-zb"] {
    width: 64px !important;
    height: 64px !important;
  }

  body.mobile-layout #rolezbtxt > #role-zb1 { top: 68px !important; }
  body.mobile-layout #rolezbtxt > #role-zb2 { top: 132px !important; }
  body.mobile-layout #rolezbtxt > #role-zb3 { top: 196px !important; }
  body.mobile-layout #rolezbtxt > #role-zb4 { top: 260px !important; }
  body.mobile-layout #rolezbtxt > #role-zb5 { top: 68px !important; }
  body.mobile-layout #rolezbtxt > #role-zb6 { top: 132px !important; }
  body.mobile-layout #rolezbtxt > #role-zb7 { top: 196px !important; }
  body.mobile-layout #rolezbtxt > #role-zb8 { top: 260px !important; }
  body.mobile-layout #rolezbtxt > #role-zb9 {
    left: calc(50% - 69px) !important;
    top: 324px !important;
  }
  body.mobile-layout #rolezbtxt > #role-zb10 {
    left: calc(50% + 5px) !important;
    top: 324px !important;
  }

  body.mobile-layout #rolezbtxt div[id^="role-zbbg"] {
    width: 60px !important;
    height: 60px !important;
  }

  body.mobile-layout #rolezbtxt div[id^="role-zbbg"] a,
  body.mobile-layout #rolezbtxt div[id^="role-zbbg"] #alt_div,
  body.mobile-layout #rolezbtxt div[id^="role-zbbg"] img {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
  }

  body.mobile-layout #jichusx {
    top: 400px !important;
  }

  body.mobile-layout #rolezbtxt > .role-battle-panel {
    top: 494px !important;
  }
}
/* mobile role hidden scrollbar width refine 20260711c */
@media screen and (max-width: 767px) {
  body.mobile-layout #rolezbtxt {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
  }

  body.mobile-layout #rolezbtxt::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}
/* mobile role center slots raised below character 20260711d */
@media screen and (max-width: 767px) {
  body.mobile-layout #rolezbtxt > #role-zb9,
  body.mobile-layout #rolezbtxt > #role-zb10 {
    top: 244px !important;
  }
}
/* mobile role bottom row alignment and gap removal 20260711e */
@media screen and (max-width: 767px) {
  body.mobile-layout #rolezbtxt > #role-zb9,
  body.mobile-layout #rolezbtxt > #role-zb10 {
    top: 260px !important;
  }

  body.mobile-layout #jichusx {
    top: 336px !important;
  }

  body.mobile-layout #rolezbtxt > .role-battle-panel {
    top: 430px !important;
  }
}

/* mobile bag auction final position override 20260719 */
@media screen and (max-width: 767px) {
  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-paimai #paimai.mobile-panel #paimaitxt.mobile-panel-body {
    left: 8px !important;
    top: 48px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(36vh - 58px) !important;
    min-height: 0 !important;
    padding: 38px 10px 10px !important;
  }
}

/* mobile bag auction subpanel ui 20260719 */
@media screen and (max-width: 767px) {
  body.mobile-layout.mobile-bag-sub-paimai #paimai.mobile-panel {
    background: linear-gradient(180deg, #172434 0%, #0d151f 100%) !important;
    border-bottom: 1px solid #46617a !important;
  }

  body.mobile-layout.mobile-bag-sub-paimai #paimai #paimaitxt {
    position: absolute !important;
    left: 8px !important;
    top: 48px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(36vh - 58px) !important;
    min-height: 0 !important;
    padding: 38px 10px 10px !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, 68px) !important;
    grid-auto-rows: 84px !important;
    align-content: start !important;
    justify-content: center !important;
    gap: 10px 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: rgba(8, 14, 21, 0.78) !important;
    border: 1px solid #324a61 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout.mobile-bag-sub-paimai #paimai #paimaitxt .mobile-bag-auction-list-title {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    top: 6px !important;
    height: 27px !important;
    line-height: 27px !important;
    color: #ffd982 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(126, 158, 187, 0.35) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout.mobile-bag-sub-paimai #paimai #paimaitxt .mobile-bag-auction-empty {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-30%) !important;
    color: #91a5b8 !important;
    font-size: 15px !important;
    line-height: 24px !important;
    text-align: center !important;
  }

  body.mobile-layout.mobile-bag-sub-paimai #paimai #paimaitxt .mobile-bag-auction-item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 68px !important;
    height: 84px !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.mobile-layout.mobile-bag-sub-paimai #paimai #paimaitxt .mobile-bag-auction-item > div[id^="paimaidaojutxt"] {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 68px !important;
    height: 84px !important;
    overflow: visible !important;
  }

  body.mobile-layout.mobile-bag-sub-paimai #paimai #paimaitxt div[id^="paimaidaojubg"] {
    left: 6px !important;
    top: 0 !important;
    width: 56px !important;
    height: 56px !important;
    background-size: 56px 56px !important;
    border-width: 1px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.mobile-layout.mobile-bag-sub-paimai #paimai #paimaitxt div[id^="paimaidaojubg"] a,
  body.mobile-layout.mobile-bag-sub-paimai #paimai #paimaitxt div[id^="paimaidaojubg"] img {
    display: block !important;
    width: 54px !important;
    height: 54px !important;
    object-fit: contain !important;
  }

  body.mobile-layout.mobile-bag-sub-paimai #paimai #paimaitxt div[id^="paimaidaojunum"] {
    left: -6px !important;
    top: 61px !important;
    width: 68px !important;
    height: 18px !important;
    line-height: 18px !important;
    padding: 0 3px !important;
    color: #fff1bd !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    background: rgba(7, 11, 16, 0.94) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout.mobile-bag-sub-paimai #bag #bagbgs {
    left: 10px !important;
    top: 8px !important;
    width: calc(100% - 20px) !important;
    height: 34px !important;
    line-height: 34px !important;
    padding-left: 2px !important;
    font-size: 21px !important;
    text-align: left !important;
    border-bottom: 1px solid #30465b !important;
    box-sizing: border-box !important;
  }
}

/* mobile bag sell subpanel ui and item names 20260719 */
@media screen and (max-width: 767px) {
  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-sell #sell.mobile-panel #selltxt.mobile-panel-body {
    position: absolute !important;
    left: 8px !important;
    top: 90px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(36vh - 102px) !important;
    min-height: 0 !important;
    padding: 38px 10px 10px !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, 68px) !important;
    grid-auto-rows: 84px !important;
    align-content: start !important;
    justify-content: start !important;
    gap: 10px 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: rgba(8, 14, 21, 0.78) !important;
    border: 1px solid #324a61 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-sell #sell #selltxt .mobile-bag-sell-list-title {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    top: 6px !important;
    height: 27px !important;
    line-height: 27px !important;
    color: #ffd982 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(126, 158, 187, 0.35) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-sell #sell #selltxt .mobile-bag-sell-empty {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-25%) !important;
    color: #91a5b8 !important;
    font-size: 15px !important;
    line-height: 24px !important;
    text-align: center !important;
  }

  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-sell #sell #selltxt .mobile-bag-sell-item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 68px !important;
    height: 84px !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-sell #sell #selltxt .mobile-bag-sell-item > div[id^="selldaojutxt"] {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 68px !important;
    height: 84px !important;
    overflow: visible !important;
  }

  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-sell #sell #selltxt div[id^="selldaojubg"] {
    left: 6px !important;
    top: 0 !important;
    width: 56px !important;
    height: 56px !important;
    background-size: 56px 56px !important;
    border-width: 1px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-sell #sell #selltxt div[id^="selldaojubg"] a,
  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-sell #sell #selltxt div[id^="selldaojubg"] img {
    display: block !important;
    width: 54px !important;
    height: 54px !important;
    object-fit: contain !important;
  }

  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-sell #sell #selltxt div[id^="selldaojunum"] {
    left: -6px !important;
    top: 61px !important;
    width: 68px !important;
    height: 18px !important;
    line-height: 18px !important;
    padding: 0 3px !important;
    color: #fff1bd !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    background: rgba(7, 11, 16, 0.94) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-sell #sell #selltxt div[id^="selldaobangding"] {
    right: -2px !important;
    bottom: -2px !important;
    width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    background: rgba(12, 17, 24, 0.82) !important;
    border-radius: 50% !important;
    text-align: center !important;
  }

  body.mobile-layout.mobile-bag-sub-open.mobile-bag-sub-sell #bag #bagbgs {
    left: 10px !important;
    top: 8px !important;
    width: calc(100% - 20px) !important;
    height: 34px !important;
    line-height: 34px !important;
    padding-left: 2px !important;
    font-size: 21px !important;
    text-align: left !important;
    border-bottom: 1px solid #30465b !important;
    box-sizing: border-box !important;
  }
}
/* mobile jiujiepofeng redesign 20260711a */
@media screen and (max-width: 767px) {
  body.mobile-layout #jiujiepofeng {
    background:
      radial-gradient(circle at 14% 0%, rgba(34, 91, 126, .34), transparent 34%),
      linear-gradient(180deg, #101d2a 0%, #071019 100%) !important;
    overflow: hidden !important;
  }

  body.mobile-layout #jiujiepofeng:before {
    height: 62px !important;
    background: linear-gradient(90deg, #14283a 0%, #172536 58%, #251f20 100%) !important;
    border-bottom: 1px solid #9b7740 !important;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .32) !important;
  }

  body.mobile-layout #jiujiepofeng #biaotis {
    left: 16px !important;
    top: 10px !important;
    width: calc(100vw - 78px) !important;
    height: 42px !important;
    line-height: 42px !important;
    color: #ffe4a3 !important;
    font-size: 22px !important;
    letter-spacing: 1px !important;
    text-shadow: 0 1px 8px rgba(255, 194, 80, .24) !important;
  }

  body.mobile-layout #jiujiepofengclose {
    right: 10px !important;
    top: 9px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    background: linear-gradient(180deg, #3c2730 0%, #251820 100%) !important;
    border: 1px solid #c29758 !important;
    border-radius: 10px !important;
  }

  body.mobile-layout #jiujiepofengclose:after {
    line-height: 39px !important;
    color: #fff0c7 !important;
    font-size: 29px !important;
  }

  body.mobile-layout #jiujiepofengtxt.jjpf-body {
    position: absolute !important;
    left: 0 !important;
    top: 62px !important;
    width: 100vw !important;
    height: calc(100vh - 62px) !important;
    height: calc(100dvh - 62px) !important;
    padding: 12px 12px calc(126px + env(safe-area-inset-bottom)) !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
    color: #eaf6ff !important;
    font-family: Microsoft YaHei, SimSun, sans-serif !important;
  }

  body.mobile-layout #jiujiepofengtxt.jjpf-body::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-card,
  body.mobile-layout #jiujiepofengtxt .jjpf-stages {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 10px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-card {
    padding: 12px 14px 14px !important;
    background: linear-gradient(145deg, rgba(22, 43, 60, .96), rgba(10, 23, 34, .98)) !important;
    border: 1px solid #42647d !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 8px 20px rgba(0, 0, 0, .18) !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-current {
    border-color: #547d91 !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-guide {
    background: linear-gradient(145deg, rgba(47, 37, 26, .96), rgba(22, 23, 27, .98)) !important;
    border-color: #7d6341 !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-card-title {
    position: relative !important;
    height: 30px !important;
    margin: 0 0 7px !important;
    padding: 0 0 0 12px !important;
    line-height: 30px !important;
    color: #ffe29a !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-card-title:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 7px !important;
    width: 4px !important;
    height: 16px !important;
    background: #e4b95e !important;
    border-radius: 3px !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-current-info {
    padding: 2px 2px 0 !important;
    color: #cfe6f6 !important;
    font-size: 15px !important;
    line-height: 25px !important;
    word-break: break-word !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-current-info font {
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-guide-text {
    padding: 2px 2px 0 !important;
    color: #b9d9c4 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: justify !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stages {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
    background: rgba(5, 14, 22, .76) !important;
    border: 1px solid #314b60 !important;
    border-radius: 12px !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stages-title {
    grid-column: 1 / -1 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 32px !important;
    line-height: 32px !important;
    color: #ffe29a !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-align: left !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stages-title:after {
    content: "12 \52AB" !important;
    float: right !important;
    color: #66879d !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stage {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 80px !important;
    padding: 10px !important;
    background: linear-gradient(145deg, #152331, #0d1721) !important;
    border: 1px solid #365269 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    line-height: 18px !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stage br {
    display: none !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stage-name {
    display: inline-block !important;
    max-width: calc(100% - 55px) !important;
    color: #e9f2f8 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    vertical-align: top !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stage-status {
    float: right !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 46px !important;
    height: 19px !important;
    padding: 0 5px !important;
    background: rgba(105, 130, 148, .13) !important;
    border: 1px solid rgba(110, 142, 163, .35) !important;
    border-radius: 10px !important;
    color: #91a9b9 !important;
    font-size: 11px !important;
    line-height: 17px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stage-threshold {
    display: block !important;
    clear: both !important;
    margin-top: 9px !important;
    padding-top: 7px !important;
    border-top: 1px solid rgba(82, 113, 136, .28) !important;
    color: #8ed9e6 !important;
    font-family: Consolas, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    overflow-wrap: anywhere !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stage.is-complete {
    background: linear-gradient(145deg, rgba(18, 54, 47, .96), rgba(10, 28, 29, .98)) !important;
    border-color: #39806d !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stage.is-complete .jjpf-stage-status {
    background: rgba(50, 181, 126, .14) !important;
    border-color: rgba(72, 203, 147, .48) !important;
    color: #74e8ac !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stage.is-ready {
    background: linear-gradient(145deg, rgba(72, 55, 25, .98), rgba(31, 29, 22, .98)) !important;
    border-color: #d3a64f !important;
    box-shadow: inset 0 0 18px rgba(235, 181, 67, .08), 0 0 12px rgba(235, 181, 67, .11) !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stage.is-ready .jjpf-stage-status {
    background: rgba(230, 178, 58, .16) !important;
    border-color: rgba(236, 188, 78, .62) !important;
    color: #ffe18a !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stage.is-target {
    background: linear-gradient(145deg, rgba(61, 34, 34, .96), rgba(29, 22, 26, .98)) !important;
    border-color: #875154 !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-stage.is-target .jjpf-stage-status {
    background: rgba(205, 84, 84, .13) !important;
    border-color: rgba(218, 101, 101, .45) !important;
    color: #ffaaa4 !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-actions {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    top: auto !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(20, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
    background: rgba(7, 16, 25, .96) !important;
    border: 1px solid #46627a !important;
    border-radius: 12px !important;
    box-shadow: 0 -8px 28px rgba(0, 0, 0, .38) !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    backdrop-filter: blur(8px) !important;
    z-index: 9010 !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-actions > br {
    display: none !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-btn {
    grid-column: span 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    background: linear-gradient(180deg, #263d50, #172738) !important;
    border: 1px solid #5c7b91 !important;
    border-radius: 8px !important;
    color: #e5f5ff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-btn-tip {
    background: linear-gradient(180deg, #1d5d57, #153b3d) !important;
    border-color: #50a797 !important;
    color: #e5fff9 !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-btn-break.is-ready {
    background: linear-gradient(180deg, #8a6427, #513b20) !important;
    border-color: #e0b85f !important;
    color: #fff0a9 !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-btn-break.is-locked {
    background: linear-gradient(180deg, #5e3338, #36242b) !important;
    border-color: #9b5a5e !important;
    color: #ffc0b9 !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-btn-break.is-disabled {
    background: #202830 !important;
    border-color: #49545d !important;
    color: #8997a1 !important;
    cursor: default !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-btn-map {
    background: linear-gradient(180deg, #22517a, #18334f) !important;
    border-color: #558dba !important;
    color: #dff3ff !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-btn-back {
    background: linear-gradient(180deg, #454a55, #292f39) !important;
    border-color: #6c7581 !important;
    color: #edf2f7 !important;
  }

  body.mobile-layout #jiujiepofengtxt .jjpf-btn-nav {
    grid-column: span 4 !important;
    height: 36px !important;
    background: #121f2c !important;
    border-color: #3d6079 !important;
    color: #aee6ff !important;
    font-size: 13px !important;
    line-height: 34px !important;
  }
}
/* mobile wanjiehuoban redesign 20260711a */
@media screen and (max-width: 767px) {
  body.mobile-layout #wanjiehuoban {
    background:
      radial-gradient(circle at 12% 0%, rgba(63, 84, 137, .34), transparent 36%),
      linear-gradient(180deg, #111c2b 0%, #080f19 100%) !important;
    overflow: hidden !important;
  }

  body.mobile-layout #wanjiehuoban:before {
    height: 62px !important;
    background: linear-gradient(90deg, #192a3d 0%, #1c2739 55%, #2c2133 100%) !important;
    border-bottom: 1px solid #98784d !important;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .34) !important;
  }

  body.mobile-layout #wanjiehuoban #biaotis {
    left: 16px !important;
    top: 10px !important;
    width: calc(100vw - 78px) !important;
    height: 42px !important;
    line-height: 42px !important;
    color: #ffe2a0 !important;
    font-size: 22px !important;
    letter-spacing: 1px !important;
    text-shadow: 0 1px 8px rgba(231, 176, 87, .22) !important;
  }

  body.mobile-layout #wanjiehuobanclose {
    right: 10px !important;
    top: 9px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    background: linear-gradient(180deg, #3c2b39 0%, #241a28 100%) !important;
    border: 1px solid #c29961 !important;
    border-radius: 10px !important;
  }

  body.mobile-layout #wanjiehuobanclose:after {
    line-height: 39px !important;
    color: #fff0cb !important;
    font-size: 29px !important;
  }

  body.mobile-layout #wanjiehuoban #wanjiehuobantxt.wjhb-body {
    position: absolute !important;
    left: 0 !important;
    top: 62px !important;
    width: 100vw !important;
    height: calc(100vh - 62px) !important;
    height: calc(100dvh - 62px) !important;
    margin: 0 !important;
    padding: 10px 10px calc(112px + env(safe-area-inset-bottom)) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
    color: #e8f3fb !important;
    font-family: Microsoft YaHei, SimSun, sans-serif !important;
  }

  body.mobile-layout #wanjiehuoban #wanjiehuobantxt.wjhb-body::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-summary {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
    padding: 10px !important;
    background: linear-gradient(145deg, rgba(24, 42, 59, .97), rgba(13, 24, 36, .98)) !important;
    border: 1px solid #45647b !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 7px 18px rgba(0, 0, 0, .17) !important;
    line-height: normal !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-summary > br {
    display: none !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-tab {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    background: #152636 !important;
    border: 1px solid #476b85 !important;
    border-radius: 9px !important;
    color: #b9e7ff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-tab.is-active {
    background: linear-gradient(180deg, #76562d, #483923) !important;
    border-color: #d3ac66 !important;
    color: #fff0bd !important;
    box-shadow: inset 0 0 14px rgba(255, 211, 117, .08) !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-resource-line {
    grid-column: 1 / -1 !important;
    min-height: 36px !important;
    padding: 7px 10px !important;
    background: rgba(5, 15, 24, .58) !important;
    border: 1px solid rgba(69, 101, 124, .55) !important;
    border-radius: 8px !important;
    color: #b7cad7 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-resource-line font {
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-note {
    grid-column: 1 / -1 !important;
    display: block !important;
    padding: 1px 2px 0 !important;
    color: #9eb5c5 !important;
    font-size: 12px !important;
    line-height: 19px !important;
    text-align: center !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-list {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 198px !important;
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    grid-template-rows: auto 40px !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
    margin: 0 !important;
    padding: 12px !important;
    background: linear-gradient(145deg, rgba(20, 33, 45, .98), rgba(10, 18, 27, .99)) !important;
    border: 1px solid #3b5266 !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 8px 20px rgba(0, 0, 0, .18) !important;
    box-sizing: border-box !important;
    line-height: normal !important;
    text-align: left !important;
    overflow: hidden !important;
    word-break: normal !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-card.is-locked {
    border-color: #3b4c5b !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-card.is-locked .wjhb-card-image {
    filter: grayscale(.22) !important;
    opacity: .78 !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-card.is-available {
    background: linear-gradient(145deg, rgba(65, 49, 27, .98), rgba(28, 25, 22, .99)) !important;
    border-color: #b98947 !important;
    box-shadow: inset 0 0 18px rgba(218, 160, 69, .06), 0 8px 22px rgba(0, 0, 0, .2) !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-card.is-active {
    background: linear-gradient(145deg, rgba(19, 52, 49, .98), rgba(10, 27, 31, .99)) !important;
    border-color: #448576 !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-card-image {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 78px !important;
    height: 82px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px !important;
    background: radial-gradient(circle at 50% 36%, rgba(77, 116, 144, .25), rgba(7, 15, 23, .72)) !important;
    border: 1px solid #3c5a70 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-card-image img {
    width: 70px !important;
    height: 74px !important;
    max-width: 70px !important;
    max-height: 74px !important;
    object-fit: contain !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-card-info {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    color: #bfd1dd !important;
    font-size: 13px !important;
    line-height: 21px !important;
    text-align: left !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-card-name {
    color: #ffe09a !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-unlock {
    color: #87d8eb !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-level {
    color: #ffc96b !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-star {
    color: #efa6ff !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-bonus {
    color: #84e4a9 !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-material,
  body.mobile-layout #wanjiehuobantxt .wjhb-cost {
    color: #d5e0e7 !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-card-actions {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 40px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    line-height: normal !important;
    text-align: center !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    color: #f4fbff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-action-locked,
  body.mobile-layout #wanjiehuobantxt .wjhb-action-activate {
    grid-column: 1 / -1 !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-action-locked {
    background: #202a33 !important;
    border: 1px solid #485866 !important;
    color: #8d9aa4 !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-action-activate,
  body.mobile-layout #wanjiehuobantxt .wjhb-action-upgrade {
    background: linear-gradient(180deg, #226153, #17443e) !important;
    border: 1px solid #4ea38b !important;
    color: #e5fff5 !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-action-star {
    background: linear-gradient(180deg, #563b65, #352744) !important;
    border: 1px solid #9b6daf !important;
    color: #f5ddff !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-nav {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    top: auto !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
    background: rgba(7, 15, 24, .96) !important;
    border: 1px solid #476179 !important;
    border-radius: 12px !important;
    box-shadow: 0 -8px 28px rgba(0, 0, 0, .38) !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    backdrop-filter: blur(8px) !important;
    z-index: 9010 !important;
  }

  body.mobile-layout #wanjiehuobantxt .wjhb-nav-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    background: linear-gradient(180deg, #23384a, #152638) !important;
    border: 1px solid #4a708a !important;
    border-radius: 8px !important;
    color: #bdeaff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
  }
}
/* mobile jiujie trio redesign 20260711a */
@media screen and (max-width: 767px) {
  body.mobile-layout #jiujiewuxue {
    --jj-accent: #d6a14b;
    --jj-accent-bright: #ffe0a0;
    --jj-accent-rgb: 214, 161, 75;
    --jj-header-start: #3a2a16;
    --jj-header-mid: #2a2430;
    --jj-header-end: #211823;
    --jj-panel-start: #352616;
    --jj-panel-end: #18131c;
    --jj-path-border: #7c6036;
    --jj-primary-top: #725527;
    --jj-primary-bottom: #3e2d16;
    --jj-primary-border: #c89a4a;
    --jj-secondary-top: #5b3d64;
    --jj-secondary-bottom: #382643;
    --jj-secondary-border: #9a6faf;
    background:
      radial-gradient(circle at 12% 0%, rgba(153, 105, 38, .35), transparent 38%),
      linear-gradient(180deg, #17150f 0%, #0b1016 100%) !important;
  }

  body.mobile-layout #tianming {
    --jj-accent: #69b2ff;
    --jj-accent-bright: #d8ecff;
    --jj-accent-rgb: 105, 178, 255;
    --jj-header-start: #183452;
    --jj-header-mid: #1b2c46;
    --jj-header-end: #211e3d;
    --jj-panel-start: #17324e;
    --jj-panel-end: #101827;
    --jj-path-border: #3d6f9b;
    --jj-primary-top: #245f91;
    --jj-primary-bottom: #183d62;
    --jj-primary-border: #67aee6;
    --jj-secondary-top: #50456f;
    --jj-secondary-bottom: #302b4d;
    --jj-secondary-border: #8d82c3;
    background:
      radial-gradient(circle at 12% 0%, rgba(54, 120, 184, .38), transparent 38%),
      linear-gradient(180deg, #0d1b2a 0%, #08111d 100%) !important;
  }

  body.mobile-layout #zhongyanshengyin {
    --jj-accent: #e18491;
    --jj-accent-bright: #ffd3d8;
    --jj-accent-rgb: 225, 132, 145;
    --jj-header-start: #47202a;
    --jj-header-mid: #352034;
    --jj-header-end: #21182c;
    --jj-panel-start: #421f2a;
    --jj-panel-end: #1c1420;
    --jj-path-border: #874652;
    --jj-primary-top: #843c49;
    --jj-primary-bottom: #512631;
    --jj-primary-border: #ca6e7c;
    --jj-secondary-top: #633e70;
    --jj-secondary-bottom: #3d2949;
    --jj-secondary-border: #9f71b0;
    background:
      radial-gradient(circle at 12% 0%, rgba(150, 52, 74, .38), transparent 38%),
      linear-gradient(180deg, #1b1018 0%, #0d0d16 100%) !important;
  }

  body.mobile-layout #jiujiewuxue,
  body.mobile-layout #tianming,
  body.mobile-layout #zhongyanshengyin {
    overflow: hidden !important;
  }

  body.mobile-layout #jiujiewuxue:before,
  body.mobile-layout #tianming:before,
  body.mobile-layout #zhongyanshengyin:before {
    height: 62px !important;
    background: linear-gradient(90deg, var(--jj-header-start) 0%, var(--jj-header-mid) 58%, var(--jj-header-end) 100%) !important;
    border-bottom: 1px solid var(--jj-accent) !important;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .34) !important;
  }

  body.mobile-layout #jiujiewuxue #biaotis,
  body.mobile-layout #tianming #biaotis,
  body.mobile-layout #zhongyanshengyin #biaotis {
    left: 16px !important;
    top: 10px !important;
    width: calc(100vw - 78px) !important;
    height: 42px !important;
    line-height: 42px !important;
    color: var(--jj-accent-bright) !important;
    font-size: 22px !important;
    letter-spacing: 1px !important;
    text-shadow: 0 1px 8px rgba(var(--jj-accent-rgb), .24) !important;
  }

  body.mobile-layout #jiujiewuxueclose,
  body.mobile-layout #tianmingclose,
  body.mobile-layout #zhongyanshengyinclose {
    right: 10px !important;
    top: 9px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    background: linear-gradient(180deg, var(--jj-header-end) 0%, #17131b 100%) !important;
    border: 1px solid var(--jj-accent) !important;
    border-radius: 10px !important;
  }

  body.mobile-layout #jiujiewuxueclose:after,
  body.mobile-layout #tianmingclose:after,
  body.mobile-layout #zhongyanshengyinclose:after {
    line-height: 39px !important;
    color: var(--jj-accent-bright) !important;
    font-size: 29px !important;
  }

  body.mobile-layout #jiujiewuxue #jiujiewuxuetxt.jj-system-body,
  body.mobile-layout #tianming #tianmingtxt.jj-system-body,
  body.mobile-layout #zhongyanshengyin #zhongyanshengyintxt.jj-system-body {
    position: absolute !important;
    left: 0 !important;
    top: 62px !important;
    width: 100vw !important;
    height: calc(100vh - 62px) !important;
    height: calc(100dvh - 62px) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 12px 10px calc(116px + env(safe-area-inset-bottom)) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
    color: #edf5fb !important;
    font-family: Microsoft YaHei, SimSun, sans-serif !important;
  }

  body.mobile-layout #jiujiewuxue #jiujiewuxuetxt.jj-system-body::-webkit-scrollbar,
  body.mobile-layout #tianming #tianmingtxt.jj-system-body::-webkit-scrollbar,
  body.mobile-layout #zhongyanshengyin #zhongyanshengyintxt.jj-system-body::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  body.mobile-layout .jj-system-body > .jj-system-overview,
  body.mobile-layout .jj-system-body > .jj-system-info,
  body.mobile-layout .jj-system-body > .jj-system-actions {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout .jj-system-body > .jj-system-overview {
    padding: 13px 11px 11px !important;
    background: linear-gradient(145deg, var(--jj-panel-start), var(--jj-panel-end)) !important;
    border: 1px solid var(--jj-accent) !important;
    border-radius: 13px !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 8px 22px rgba(0, 0, 0, .22) !important;
    line-height: normal !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body.mobile-layout .jj-system-body .jj-system-name {
    display: block !important;
    margin: 0 0 10px !important;
    color: var(--jj-accent-bright) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: 2px !important;
    text-shadow: 0 1px 10px rgba(var(--jj-accent-rgb), .25) !important;
  }

  body.mobile-layout .jj-system-body .jj-system-path {
    display: block !important;
    width: 100% !important;
    padding: 8px 10px !important;
    background: rgba(4, 10, 16, .46) !important;
    border: 1px solid var(--jj-path-border) !important;
    border-radius: 9px !important;
    color: #dce9f2 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout .jj-system-body .jj-system-path + .jj-system-path {
    margin-top: 8px !important;
  }

  body.mobile-layout .jj-system-body .jj-system-path-high {
    background: rgba(var(--jj-accent-rgb), .075) !important;
    border-color: var(--jj-accent) !important;
  }

  body.mobile-layout .jj-system-body .jj-system-path font {
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout .jj-system-body > .jj-system-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    padding: 10px !important;
    background: linear-gradient(145deg, rgba(16, 27, 38, .97), rgba(8, 15, 23, .99)) !important;
    border: 1px solid #354b5d !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 7px 18px rgba(0, 0, 0, .18) !important;
    line-height: normal !important;
    text-align: left !important;
  }

  body.mobile-layout .jj-system-body .jj-system-material-row,
  body.mobile-layout .jj-system-body .jj-system-bonus-row,
  body.mobile-layout .jj-system-body .jj-system-cost-row {
    position: relative !important;
    width: 100% !important;
    min-height: 40px !important;
    padding: 8px 9px 8px 11px !important;
    background: rgba(255, 255, 255, .025) !important;
    border: 1px solid #2d4354 !important;
    border-left: 3px solid var(--jj-accent) !important;
    border-radius: 8px !important;
    color: #cfdae3 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout .jj-system-body .jj-system-bonus-row {
    background: rgba(35, 91, 62, .16) !important;
    border-color: #315a48 !important;
    border-left-color: #65b888 !important;
  }

  body.mobile-layout .jj-system-body .jj-system-cost-row {
    background: rgba(var(--jj-accent-rgb), .075) !important;
    border-color: var(--jj-path-border) !important;
    border-left-color: var(--jj-accent) !important;
  }

  body.mobile-layout .jj-system-body .jj-system-info font {
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout .jj-system-body > .jj-system-actions {
    display: grid !important;
    margin-top: auto !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: normal !important;
    text-align: center !important;
  }

  body.mobile-layout .jj-system-body .jj-system-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border-radius: 9px !important;
    color: #f7fbff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 44px !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 5px 12px rgba(0, 0, 0, .18) !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.mobile-layout .jj-system-body .jj-system-action-primary {
    background: linear-gradient(180deg, var(--jj-primary-top), var(--jj-primary-bottom)) !important;
    border: 1px solid var(--jj-primary-border) !important;
  }

  body.mobile-layout .jj-system-body .jj-system-action-secondary {
    background: linear-gradient(180deg, var(--jj-secondary-top), var(--jj-secondary-bottom)) !important;
    border: 1px solid var(--jj-secondary-border) !important;
  }

  body.mobile-layout .jj-system-body > .jj-system-nav {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    top: auto !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
    margin: 0 !important;
    background: rgba(7, 14, 22, .96) !important;
    border: 1px solid var(--jj-path-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 -8px 28px rgba(0, 0, 0, .4) !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    backdrop-filter: blur(8px) !important;
    z-index: 9010 !important;
  }

  body.mobile-layout .jj-system-body .jj-system-nav-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    background: linear-gradient(180deg, rgba(var(--jj-accent-rgb), .22), rgba(16, 28, 40, .98)) !important;
    border: 1px solid var(--jj-path-border) !important;
    border-radius: 8px !important;
    color: var(--jj-accent-bright) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
  }
}

/* mobile system panels + battle reward + prompt bounds 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #wudao,
  body.mobile-layout #yuanshen,
  body.mobile-layout #zhanhun,
  body.mobile-layout #shili,
  body.mobile-layout #shengwu,
  body.mobile-layout #laodongjiehd {
    overflow: hidden !important;
    background: linear-gradient(180deg, #101923 0%, #081017 100%) !important;
  }

  body.mobile-layout #wudao {
    background: radial-gradient(circle at 12% 0%, rgba(208, 151, 58, .26), transparent 38%), linear-gradient(180deg, #1d1710 0%, #0b1017 100%) !important;
  }

  body.mobile-layout #yuanshen {
    background: radial-gradient(circle at 12% 0%, rgba(72, 129, 206, .3), transparent 38%), linear-gradient(180deg, #101e32 0%, #081019 100%) !important;
  }

  body.mobile-layout #zhanhun {
    background: radial-gradient(circle at 12% 0%, rgba(163, 64, 72, .27), transparent 38%), linear-gradient(180deg, #251217 0%, #0c1017 100%) !important;
  }

  body.mobile-layout #shili {
    background: radial-gradient(circle at 12% 0%, rgba(164, 100, 50, .26), transparent 38%), linear-gradient(180deg, #211912 0%, #0c1117 100%) !important;
  }

  body.mobile-layout #shengwu {
    background: radial-gradient(circle at 12% 0%, rgba(50, 167, 132, .27), transparent 38%), linear-gradient(180deg, #11251f 0%, #091017 100%) !important;
  }

  body.mobile-layout #laodongjiehd {
    background: radial-gradient(circle at 12% 0%, rgba(211, 92, 76, .25), transparent 38%), linear-gradient(180deg, #271315 0%, #0e1118 100%) !important;
  }

  body.mobile-layout #wudao:before,
  body.mobile-layout #yuanshen:before,
  body.mobile-layout #zhanhun:before,
  body.mobile-layout #shili:before,
  body.mobile-layout #shengwu:before,
  body.mobile-layout #laodongjiehd:before {
    height: 64px !important;
    background: linear-gradient(90deg, rgba(13, 25, 37, .98), rgba(28, 39, 52, .98)) !important;
    border-bottom: 1px solid rgba(136, 183, 214, .55) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .35) !important;
  }

  body.mobile-layout #wudao #biaotis,
  body.mobile-layout #yuanshen #biaotis,
  body.mobile-layout #zhanhun #biaotis,
  body.mobile-layout #shili #biaotis,
  body.mobile-layout #shengwu #biaotis,
  body.mobile-layout #laodongjiehd #biaotis {
    position: absolute !important;
    left: 16px !important;
    top: 10px !important;
    width: calc(100vw - 82px) !important;
    height: 42px !important;
    margin: 0 !important;
    color: #ffe2a1 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 42px !important;
    letter-spacing: 1px !important;
    text-align: left !important;
    text-shadow: 0 1px 10px rgba(255, 202, 112, .2) !important;
  }

  body.mobile-layout #wudaoclose,
  body.mobile-layout #yuanshenclose,
  body.mobile-layout #zhanhunclose,
  body.mobile-layout #shiliclose,
  body.mobile-layout #shengwuclose,
  body.mobile-layout #laodongjiehdclose {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    background: linear-gradient(180deg, #2b3949, #17202b) !important;
    border: 1px solid #7697ad !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #wudaoclose:after,
  body.mobile-layout #yuanshenclose:after,
  body.mobile-layout #zhanhunclose:after,
  body.mobile-layout #shiliclose:after,
  body.mobile-layout #shengwuclose:after,
  body.mobile-layout #laodongjiehdclose:after {
    content: "\00d7" !important;
    display: block !important;
    color: #ffe4aa !important;
    font-size: 29px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    text-align: center !important;
  }

  body.mobile-layout #wudaotxt,
  body.mobile-layout #yuanshentxt,
  body.mobile-layout #zhanhuntxt,
  body.mobile-layout #shilitxt,
  body.mobile-layout #shengwutxt,
  body.mobile-layout #laodongjiehdtxt {
    position: absolute !important;
    left: 0 !important;
    top: 64px !important;
    width: 100vw !important;
    height: calc(100vh - 64px) !important;
    height: calc(100dvh - 64px) !important;
    margin: 0 !important;
    padding: 12px 10px calc(92px + env(safe-area-inset-bottom)) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    color: #dce7ef !important;
    font-family: Arial, "Microsoft YaHei", sans-serif !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.mobile-layout #wudaotxt #duihuanbiao,
  body.mobile-layout #wudaotxt #shouchong {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #wudaotxt #shouchong {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 14px 12px 18px !important;
    background: linear-gradient(145deg, rgba(62, 43, 21, .96), rgba(17, 24, 31, .99)) !important;
    border: 1px solid #98743b !important;
    border-radius: 14px !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 8px 20px rgba(0, 0, 0, .2) !important;
    color: #e8edf2 !important;
    line-height: 23px !important;
    text-align: center !important;
  }

  body.mobile-layout #wudaotxt #shouchong > img {
    display: block !important;
    width: min(72vw, 250px) !important;
    height: auto !important;
    max-height: 250px !important;
    margin: 8px auto 10px !important;
    object-fit: contain !important;
  }

  body.mobile-layout #wudaotxt #shouchong > input {
    width: min(100%, 260px) !important;
    min-height: 44px !important;
    margin: 8px auto 0 !important;
    border: 1px solid #c69b50 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #zhanhun #shengjijieshao,
  body.mobile-layout #zhanhun #jinjiejieshao {
    position: absolute !important;
    left: 12px !important;
    width: calc(100vw - 24px) !important;
    height: 22px !important;
    margin: 0 !important;
    color: #d7c9d0 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: center !important;
  }

  body.mobile-layout #zhanhun #shengjijieshao {
    top: 64px !important;
  }

  body.mobile-layout #zhanhun #jinjiejieshao {
    top: 87px !important;
  }

  body.mobile-layout #zhanhuntxt {
    top: 110px !important;
    height: calc(100vh - 110px) !important;
    height: calc(100dvh - 110px) !important;
  }

  body.mobile-layout #zhanhuntxt #xitongpic,
  body.mobile-layout #zhanhuntxt #xitongxiangqing,
  body.mobile-layout #zhanhuntxt #xitongcaozuo {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #zhanhuntxt #xitongpic {
    width: 132px !important;
    height: 132px !important;
    margin: 0 auto 10px !important;
    padding: 5px !important;
    background: radial-gradient(circle, rgba(153, 57, 68, .4), rgba(8, 15, 23, .96)) !important;
    border: 1px solid #a94c59 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  body.mobile-layout #zhanhuntxt #xitongpic img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  body.mobile-layout #zhanhuntxt #xitongxiangqing {
    padding: 12px !important;
    background: linear-gradient(145deg, rgba(44, 22, 29, .97), rgba(12, 20, 29, .99)) !important;
    border: 1px solid #6e4650 !important;
    border-radius: 13px !important;
    color: #dbe4ea !important;
    line-height: 22px !important;
    overflow-wrap: anywhere !important;
  }

  body.mobile-layout #zhanhuntxt #xitongcaozuo {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
    background: rgba(9, 17, 26, .92) !important;
    border: 1px solid #52454d !important;
    border-radius: 12px !important;
    line-height: normal !important;
    text-align: center !important;
  }

  body.mobile-layout #zhanhuntxt #xitongcaozuo font {
    grid-column: 1 / -1 !important;
    color: #ffd49a !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }

  body.mobile-layout #zhanhuntxt #xitongcaozuo input {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #yuanshentxt #tupianzhanshi,
  body.mobile-layout #shengwutxt #tupianzhanshi {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 0 10px !important;
    padding: 10px !important;
    background: linear-gradient(145deg, rgba(18, 38, 55, .98), rgba(8, 16, 24, .99)) !important;
    border: 1px solid #405f73 !important;
    border-radius: 13px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #yuanshentxt #yuanshenchakan,
  body.mobile-layout #yuanshentxt #xiajieyulan,
  body.mobile-layout #shengwutxt #tupianzhanshi > div:first-child,
  body.mobile-layout #shengwutxt #xiajieyulan {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    height: 148px !important;
    min-height: 148px !important;
    padding: 4px !important;
    background: radial-gradient(circle, rgba(67, 112, 142, .24), rgba(6, 14, 22, .85)) !important;
    border: 1px solid #426379 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.mobile-layout #yuanshentxt #yuanshenchakan {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.mobile-layout #yuanshentxt #xiajieyulan {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  body.mobile-layout #yuanshentxt #tupianzhanshi > div:not(#yuanshenchakan):not(#xiajieyulan),
  body.mobile-layout #shengwutxt #tupianzhanshi > div:not(:first-child):not(#xiajieyulan) {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    width: 30px !important;
    height: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    color: #ffd57d !important;
    font-size: 18px !important;
    line-height: 20px !important;
    text-align: center !important;
  }

  body.mobile-layout #shengwutxt #tupianzhanshi > div:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.mobile-layout #shengwutxt #xiajieyulan {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  body.mobile-layout #yuanshentxt #tupianzhanshi img,
  body.mobile-layout #shengwutxt #tupianzhanshi img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }

  body.mobile-layout #yuanshentxt #caozuoquyu,
  body.mobile-layout #yuanshentxt #xitongcaozuo,
  body.mobile-layout #shengwutxt #xitongcaozuo,
  body.mobile-layout #shengwutxt #danyao {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #yuanshentxt #caozuoquyu {
    min-height: 50px !important;
    padding: 9px 10px !important;
    background: rgba(8, 18, 29, .94) !important;
    border: 1px solid #3e6179 !important;
    border-radius: 10px !important;
  }

  body.mobile-layout #yuanshentxt #caozuoquyu #dikuang {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 22px !important;
    background: rgba(30, 52, 69, .7) !important;
    border: 1px solid #47708a !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #yuanshentxt #caozuoquyu #jindutiao {
    position: absolute !important;
    left: 11px !important;
    top: 12px !important;
    max-width: calc(100% - 22px) !important;
    height: 16px !important;
    border-radius: 6px !important;
  }

  body.mobile-layout #yuanshentxt #caozuoquyu #shujuxianshi {
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    width: calc(100% - 20px) !important;
    height: 20px !important;
    color: #e9f5ff !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-shadow: 0 1px 2px #000 !important;
  }

  body.mobile-layout #yuanshentxt #xitongcaozuo,
  body.mobile-layout #shengwutxt #xitongcaozuo {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 10px !important;
    background: rgba(8, 17, 26, .94) !important;
    border: 1px solid #40596b !important;
    border-radius: 12px !important;
    line-height: normal !important;
    text-align: center !important;
  }

  body.mobile-layout #shengwutxt #xitongcaozuo {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mobile-layout #yuanshentxt #xitongcaozuo input,
  body.mobile-layout #shengwutxt #xitongcaozuo input {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #shengwutxt #danyao {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    padding: 10px !important;
    background: rgba(13, 34, 30, .92) !important;
    border: 1px solid #3d7d68 !important;
    border-radius: 12px !important;
  }

  body.mobile-layout #shengwutxt #danyao img {
    width: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    border: 1px solid #5ba78b !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shilitxt #xuanzeshili {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
    background: linear-gradient(145deg, rgba(60, 42, 21, .97), rgba(13, 20, 28, .99)) !important;
    border: 1px solid #896d43 !important;
    border-radius: 13px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shilitxt #xuanzeshili > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 7px 4px 8px !important;
    background: rgba(7, 15, 23, .6) !important;
    border: 1px solid #56462f !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shilitxt #xuanzeshili > div:first-child {
    grid-column: 1 / -1 !important;
    padding: 4px 5px 10px !important;
    background: transparent !important;
    border: 0 !important;
    color: #ffe2a1 !important;
    font-size: 14px !important;
    line-height: 21px !important;
  }

  body.mobile-layout #shilitxt #xuanzeshili img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 126px !important;
    margin: 0 auto 7px !important;
    object-fit: contain !important;
  }

  body.mobile-layout #shilitxt #xuanzeshili input {
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #shilitxt > div:not(#xuanzeshili) {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
  }

  body.mobile-layout #shilitxt > div:not(#xuanzeshili) > div {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #laodongjiehdtxt {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 9px !important;
  }

  body.mobile-layout #laodongjiehdtxt > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #laodongjiehdtxt > div:first-child:not(#xitongxiangqing) {
    grid-column: 1 / -1 !important;
    padding: 10px !important;
    background: rgba(82, 33, 32, .7) !important;
    border: 1px solid #9b5950 !important;
    border-radius: 11px !important;
    color: #ffe3c0 !important;
    font-size: 14px !important;
    line-height: 21px !important;
  }

  body.mobile-layout #laodongjiehdtxt > div[id^="laodongjiehdbtn"] {
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 3px !important;
    background: linear-gradient(180deg, #5a3534, #2f222a) !important;
    border: 1px solid #a96c5c !important;
    border-radius: 9px !important;
  }

  body.mobile-layout #laodongjiehdtxt > div[id^="laodongjiehdbtn"] > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    color: #ffe6b0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center !important;
  }

  body.mobile-layout #laodongjiehdtxt #xitongxiangqing,
  body.mobile-layout #laodongjiehdtxt #xitongcaozuo {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    padding: 12px !important;
    background: linear-gradient(145deg, rgba(54, 25, 29, .98), rgba(10, 18, 27, .99)) !important;
    border: 1px solid #87504b !important;
    border-radius: 12px !important;
    color: #e4e9ed !important;
    line-height: 23px !important;
    overflow-wrap: anywhere !important;
  }

  body.mobile-layout #laodongjiehdtxt #xitongcaozuo {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    text-align: center !important;
  }

  body.mobile-layout #laodongjiehdtxt #xitongcaozuo font {
    grid-column: 1 / -1 !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }

  body.mobile-layout #laodongjiehdtxt #xitongcaozuo input {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #vs #vsingtxtbg {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    top: 78px !important;
    width: auto !important;
    height: 108px !important;
    background: rgba(5, 14, 22, .74) !important;
    border: 1px solid #304859 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #vs #vsingtxt {
    position: absolute !important;
    left: 22px !important;
    right: 22px !important;
    top: 84px !important;
    width: auto !important;
    height: 96px !important;
    margin: 0 !important;
    padding: 4px 2px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 20px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.mobile-layout #vs #vsendtxt {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    top: clamp(192px, 34dvh, 220px) !important;
    bottom: calc(120px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: auto !important;
    min-height: 104px !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    background: rgba(5, 14, 22, .78) !important;
    border: 1px solid #3c5567 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 21px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.mobile-layout #vs #vsypic,
  body.mobile-layout #vs #vsepic {
    bottom: calc(54px + env(safe-area-inset-bottom)) !important;
    width: 60px !important;
    height: 60px !important;
    padding: 3px !important;
    background: #0b1721 !important;
    border: 1px solid #37536a !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #vs #vsypic {
    left: 22px !important;
  }

  body.mobile-layout #vs #vsepic {
    right: 22px !important;
  }

  body.mobile-layout #tishi {
    position: fixed !important;
    left: calc(10px + env(safe-area-inset-left)) !important;
    right: calc(10px + env(safe-area-inset-right)) !important;
    top: clamp(10px, 14dvh, 74px) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 20px) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    z-index: 12000 !important;
  }

  body.mobile-layout #tishiclose {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    z-index: 3 !important;
  }

  body.mobile-layout #tishitxt {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 54px) !important;
    margin: 0 !important;
    padding: 52px 14px 16px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: 24px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.mobile-layout #tishidaojushow {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 14px 16px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
}
/* mobile system action stack 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #yuanshentxt #xitongcaozuo,
  body.mobile-layout #shengwutxt #xitongcaozuo {
    display: block !important;
    font-size: 0 !important;
  }

  body.mobile-layout #yuanshentxt #xitongcaozuo input,
  body.mobile-layout #shengwutxt #xitongcaozuo input {
    display: block !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 0 8px !important;
    font-size: 15px !important;
    line-height: 42px !important;
  }

  body.mobile-layout #yuanshentxt #xitongcaozuo input:last-of-type,
  body.mobile-layout #shengwutxt #xitongcaozuo input:last-of-type {
    margin-bottom: 0 !important;
  }
}
/* mobile battle reward above start control 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #vs #vsendtxt {
    bottom: calc(210px + env(safe-area-inset-bottom)) !important;
    min-height: 70px !important;
  }
}
/* mobile battle combatant separation 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #vs #vsyxinxi,
  body.mobile-layout #vs #vsexinxi {
    height: 132px !important;
    padding: 0 !important;
    overflow: hidden !important;
    z-index: 1 !important;
  }

  body.mobile-layout #vs #vsypic,
  body.mobile-layout #vs #vsepic {
    bottom: calc(90px + env(safe-area-inset-bottom)) !important;
    width: 52px !important;
    height: 52px !important;
    padding: 3px !important;
    border-color: #6c91a8 !important;
    background: linear-gradient(145deg, #172b3e, #0a121c) !important;
    z-index: 4 !important;
  }

  body.mobile-layout #vs #vsypic {
    left: 18px !important;
  }

  body.mobile-layout #vs #vsepic {
    right: 18px !important;
  }

  body.mobile-layout #vs #vsyxinxi > font,
  body.mobile-layout #vs #vsexinxi > font {
    position: absolute !important;
    top: 6px !important;
    display: block !important;
    height: 18px !important;
    margin: 0 !important;
    color: #ffe2a1 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.mobile-layout #vs #vsyxinxi > font {
    left: 62px !important;
    width: calc(100% - 68px) !important;
  }

  body.mobile-layout #vs #vsexinxi > font {
    left: 6px !important;
    width: calc(100% - 68px) !important;
  }

  body.mobile-layout #vs #vsyhpbg,
  body.mobile-layout #vs #vsympbg,
  body.mobile-layout #vs #vsehpbg,
  body.mobile-layout #vs #vsempbg {
    position: absolute !important;
    transform: none !important;
    width: calc(100% - 68px) !important;
    height: 12px !important;
    margin: 0 !important;
    border-radius: 7px !important;
  }

  body.mobile-layout #vs #vsyhpbg,
  body.mobile-layout #vs #vsympbg {
    left: 62px !important;
  }

  body.mobile-layout #vs #vsehpbg,
  body.mobile-layout #vs #vsempbg {
    left: 6px !important;
  }

  body.mobile-layout #vs #vsyhpbg,
  body.mobile-layout #vs #vsehpbg {
    top: 29px !important;
  }

  body.mobile-layout #vs #vsympbg,
  body.mobile-layout #vs #vsempbg {
    top: 45px !important;
  }

  body.mobile-layout #vs #vsyshuxing,
  body.mobile-layout #vs #vseshuxing {
    bottom: 13px !important;
    width: calc(50% - 16px) !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 7px !important;
    color: #dcecff !important;
    font-size: 12px !important;
    line-height: 17px !important;
    text-align: left !important;
    word-break: break-all !important;
    overflow: hidden !important;
    z-index: 3 !important;
  }

  body.mobile-layout #vs #vseshuxing {
    color: #ffd0d0 !important;
  }

  body.mobile-layout #vs #vsyshuxing br,
  body.mobile-layout #vs #vseshuxing br {
    display: none !important;
  }
}

/* mobile seven growth panels redesign 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #shenjian,
  body.mobile-layout #chibang,
  body.mobile-layout #dizuo,
  body.mobile-layout #chongwu,
  body.mobile-layout #fabao,
  body.mobile-layout #jingling,
  body.mobile-layout #shili {
    overflow: hidden !important;
    background: radial-gradient(circle at 84% 0%, rgba(97, 160, 207, .22), transparent 32%), linear-gradient(180deg, #152434 0%, #08111a 100%) !important;
  }

  body.mobile-layout #shenjian,
  body.mobile-layout #chibang,
  body.mobile-layout #dizuo {
    background: radial-gradient(circle at 84% 0%, rgba(232, 166, 67, .28), transparent 33%), linear-gradient(180deg, #241c12 0%, #091119 100%) !important;
  }

  body.mobile-layout #chongwu,
  body.mobile-layout #jingling {
    background: radial-gradient(circle at 84% 0%, rgba(81, 179, 143, .26), transparent 34%), linear-gradient(180deg, #10281f 0%, #081119 100%) !important;
  }

  body.mobile-layout #fabao {
    background: radial-gradient(circle at 84% 0%, rgba(150, 102, 212, .28), transparent 34%), linear-gradient(180deg, #211530 0%, #0a1019 100%) !important;
  }

  body.mobile-layout #shili {
    background: radial-gradient(circle at 84% 0%, rgba(204, 135, 63, .27), transparent 34%), linear-gradient(180deg, #241b12 0%, #0a1119 100%) !important;
  }

  body.mobile-layout #shenjian #biaotis,
  body.mobile-layout #chibang #biaotis,
  body.mobile-layout #dizuo #biaotis,
  body.mobile-layout #chongwu #biaotis,
  body.mobile-layout #fabao #biaotis,
  body.mobile-layout #jingling #biaotis,
  body.mobile-layout #shili #biaotis {
    left: 16px !important;
    top: 10px !important;
    width: calc(100vw - 80px) !important;
    height: 40px !important;
    color: #ffe2a1 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    letter-spacing: 1px !important;
    text-align: left !important;
  }

  body.mobile-layout #shenjianclose,
  body.mobile-layout #chibangclose,
  body.mobile-layout #dizuoclose,
  body.mobile-layout #chongwuclose,
  body.mobile-layout #fabaoclose,
  body.mobile-layout #jinglingclose,
  body.mobile-layout #shiliclose {
    top: 10px !important;
    right: 10px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    background: linear-gradient(180deg, #31475b, #1a2735) !important;
    border: 1px solid #95b2c5 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shenjianclose:after,
  body.mobile-layout #chibangclose:after,
  body.mobile-layout #dizuoclose:after,
  body.mobile-layout #chongwuclose:after,
  body.mobile-layout #fabaoclose:after,
  body.mobile-layout #jinglingclose:after,
  body.mobile-layout #shiliclose:after {
    content: "\\00d7" !important;
    display: block !important;
    color: #fff2d1 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    text-align: center !important;
  }

  body.mobile-layout #shenjian #shengjijieshao,
  body.mobile-layout #chibang #shengjijieshao,
  body.mobile-layout #dizuo #shengjijieshao,
  body.mobile-layout #shenjian #jinjiejieshao,
  body.mobile-layout #chibang #jinjiejieshao,
  body.mobile-layout #dizuo #jinjiejieshao {
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    height: 18px !important;
    margin: 0 !important;
    color: #cbd8e2 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.mobile-layout #shenjian #shengjijieshao,
  body.mobile-layout #chibang #shengjijieshao,
  body.mobile-layout #dizuo #shengjijieshao {
    top: 58px !important;
  }

  body.mobile-layout #shenjian #jinjiejieshao,
  body.mobile-layout #chibang #jinjiejieshao,
  body.mobile-layout #dizuo #jinjiejieshao {
    top: 78px !important;
  }

  body.mobile-layout #shenjiantxt,
  body.mobile-layout #chibangtxt,
  body.mobile-layout #dizuotxt {
    left: 10px !important;
    top: 104px !important;
    width: calc(100vw - 20px) !important;
    height: calc(100vh - 114px) !important;
    height: calc(100dvh - 114px) !important;
    display: grid !important;
    grid-template-columns: minmax(105px, .76fr) minmax(0, 1.24fr) !important;
    grid-template-areas: "visual detail" "materials actions" !important;
    align-content: start !important;
    gap: 10px !important;
    padding: 0 0 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.mobile-layout #shenjian #xitongpic,
  body.mobile-layout #chibang #xitongpic,
  body.mobile-layout #dizuo #xitongpic {
    grid-area: visual !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 148px !important;
    min-height: 148px !important;
    margin: 0 !important;
    padding: 7px !important;
    background: radial-gradient(circle at 50% 46%, rgba(255, 191, 77, .22), transparent 58%), rgba(5, 13, 21, .9) !important;
    border: 1px solid #7c6440 !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.mobile-layout #shenjian #xitongpic img,
  body.mobile-layout #chibang #xitongpic img,
  body.mobile-layout #dizuo #xitongpic img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  body.mobile-layout #shenjian #xitongxiangqing,
  body.mobile-layout #chibang #xitongxiangqing,
  body.mobile-layout #dizuo #xitongxiangqing {
    grid-area: detail !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 148px !important;
    min-height: 148px !important;
    margin: 0 !important;
    padding: 10px !important;
    background: linear-gradient(145deg, rgba(32, 43, 54, .98), rgba(10, 18, 27, .99)) !important;
    border: 1px solid #4b6477 !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    color: #dce7ef !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: left !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.mobile-layout #shenjian #xitongxiangqing font,
  body.mobile-layout #chibang #xitongxiangqing font,
  body.mobile-layout #dizuo #xitongxiangqing font {
    font-size: 12px !important;
    line-height: 18px !important;
    white-space: normal !important;
  }

  body.mobile-layout #shenjian #xitongxiangqing .font22,
  body.mobile-layout #chibang #xitongxiangqing .font22,
  body.mobile-layout #dizuo #xitongxiangqing .font22 {
    display: block !important;
    margin-bottom: 4px !important;
    color: #ffe2a1 !important;
    font-size: 16px !important;
    line-height: 21px !important;
    text-align: center !important;
  }

  body.mobile-layout #shenjian #xitongxiangqing .font20,
  body.mobile-layout #chibang #xitongxiangqing .font20,
  body.mobile-layout #dizuo #xitongxiangqing .font20 {
    display: block !important;
    margin: 5px 0 1px !important;
    color: #ffd37b !important;
    font-size: 13px !important;
    line-height: 18px !important;
  }

  body.mobile-layout #shenjian #danyao,
  body.mobile-layout #chibang #danyao,
  body.mobile-layout #dizuo #danyao {
    grid-area: materials !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 84px !important;
    min-height: 84px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 8px !important;
    background: rgba(13, 29, 41, .93) !important;
    border: 1px solid #41677a !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shenjian #danyao img,
  body.mobile-layout #chibang #danyao img,
  body.mobile-layout #dizuo #danyao img {
    width: 54px !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 3px !important;
    background: #07111b !important;
    border: 1px solid #6e97ab !important;
    border-radius: 11px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shenjian #xitongcaozuo,
  body.mobile-layout #chibang #xitongcaozuo,
  body.mobile-layout #dizuo #xitongcaozuo {
    grid-area: actions !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 84px !important;
    min-height: 84px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: center !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 8px !important;
    background: linear-gradient(145deg, rgba(73, 54, 25, .94), rgba(19, 28, 36, .98)) !important;
    border: 1px solid #9a7540 !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    line-height: normal !important;
  }

  body.mobile-layout #shenjian #xitongcaozuo input,
  body.mobile-layout #chibang #xitongcaozuo input,
  body.mobile-layout #dizuo #xitongcaozuo input {
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    border: 1px solid #d7ae5c !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #4a6380, #26394e) !important;
    color: #fff4d5 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #chongwutxt,
  body.mobile-layout #fabaotxt,
  body.mobile-layout #jinglingtxt {
    left: 10px !important;
    top: 70px !important;
    width: calc(100vw - 20px) !important;
    height: calc(100vh - 80px) !important;
    height: calc(100dvh - 80px) !important;
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    grid-template-areas: "visual actions" "detail detail" !important;
    align-content: start !important;
    gap: 10px !important;
    padding: 0 0 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.mobile-layout #chongwu #xitongpic,
  body.mobile-layout #fabao #fabaopic,
  body.mobile-layout #jingling #jinglingtxt > img {
    grid-area: visual !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 112px !important;
    height: 142px !important;
    min-height: 142px !important;
    margin: 0 !important;
    padding: 6px !important;
    background: radial-gradient(circle at 50% 44%, rgba(108, 193, 166, .22), transparent 56%), rgba(5, 13, 21, .9) !important;
    border: 1px solid #4a7b75 !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.mobile-layout #fabao #fabaopic {
    border-color: #8065a6 !important;
    background: radial-gradient(circle at 50% 44%, rgba(167, 112, 225, .25), transparent 56%), rgba(12, 8, 20, .92) !important;
  }

  body.mobile-layout #chongwu #xitongpic img,
  body.mobile-layout #jingling #jinglingtxt > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  body.mobile-layout #fabao #fabaopic > div[id^="fabaogif"] {
    left: 50% !important;
    top: 50% !important;
    width: 104px !important;
    height: 126px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    transform: translate(-50%, -50%) !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  body.mobile-layout #chongwu #xitongcaozuo,
  body.mobile-layout #fabao #xitongcaozuo,
  body.mobile-layout #jingling #xitongcaozuo {
    grid-area: actions !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-height: 142px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 9px !important;
    background: linear-gradient(145deg, rgba(30, 50, 61, .98), rgba(10, 18, 27, .99)) !important;
    border: 1px solid #4d7180 !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    color: #dce7ef !important;
    line-height: normal !important;
  }

  body.mobile-layout #fabao #xitongcaozuo {
    border-color: #8065a6 !important;
    background: linear-gradient(145deg, rgba(59, 37, 80, .98), rgba(14, 12, 24, .99)) !important;
  }

  body.mobile-layout #chongwu #xitongcaozuo,
  body.mobile-layout #fabao #xitongcaozuo {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 7px !important;
  }

  body.mobile-layout #jingling #xitongcaozuo {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: center !important;
    gap: 7px !important;
  }

  body.mobile-layout #chongwu #xitongcaozuo font,
  body.mobile-layout #fabao #xitongcaozuo font,
  body.mobile-layout #jingling #xitongcaozuo font {
    display: block !important;
    width: 100% !important;
    max-height: 36px !important;
    margin: 0 !important;
    color: #d7e9f2 !important;
    font-size: 12px !important;
    line-height: 17px !important;
    text-align: left !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.mobile-layout #jingling #xitongcaozuo font {
    grid-column: 1 / -1 !important;
  }

  body.mobile-layout #chongwu #xitongcaozuo input,
  body.mobile-layout #fabao #xitongcaozuo input,
  body.mobile-layout #jingling #xitongcaozuo input {
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border: 1px solid #75a5b4 !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #42627a, #26394d) !important;
    color: #f6fbff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #fabao #xitongcaozuo input {
    border-color: #b18bdb !important;
    background: linear-gradient(180deg, #654888, #382651) !important;
  }

  body.mobile-layout #chongwu #xitongxiangqing,
  body.mobile-layout #fabao #xitongxiangqing,
  body.mobile-layout #jingling #xitongxiangqing {
    grid-area: detail !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-height: 170px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px !important;
    background: rgba(8, 17, 26, .94) !important;
    border: 1px solid #3d6071 !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    color: #dce7ef !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }

  body.mobile-layout #fabao #xitongxiangqing {
    border-color: #735d96 !important;
  }

  body.mobile-layout #chongwu #xitongxiangqing font,
  body.mobile-layout #fabao #xitongxiangqing font,
  body.mobile-layout #jingling #xitongxiangqing font {
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: left !important;
  }

  body.mobile-layout #chongwu #xitongxiangqing .font22,
  body.mobile-layout #fabao #xitongxiangqing font:first-child,
  body.mobile-layout #jingling #xitongxiangqing font:first-child {
    display: block !important;
    margin-bottom: 5px !important;
    color: #ffe2a1 !important;
    font-size: 17px !important;
    line-height: 23px !important;
    text-align: center !important;
  }

  body.mobile-layout #chongwu #xitongxiangqing .font20,
  body.mobile-layout #fabao #xitongxiangqing font:nth-of-type(2),
  body.mobile-layout #jingling #xitongxiangqing font:nth-of-type(2) {
    display: block !important;
    margin: 7px 0 2px !important;
    color: #ffd37b !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.mobile-layout #shilitxt {
    left: 10px !important;
    top: 64px !important;
    width: calc(100vw - 20px) !important;
    height: calc(100vh - 74px) !important;
    height: calc(100dvh - 74px) !important;
    padding: 0 0 14px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.mobile-layout #shilitxt #xuanzeshili {
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 10px !important;
    background: linear-gradient(145deg, rgba(66, 47, 25, .96), rgba(10, 18, 27, .99)) !important;
    border: 1px solid #9a7540 !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shilitxt #xuanzeshili > div:first-child {
    padding: 0 2px 4px !important;
    color: #ffe2a1 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    text-align: left !important;
  }

  body.mobile-layout #shilitxt #xuanzeshili > div:not(:first-child) {
    position: relative !important;
    width: 100% !important;
    min-height: 92px !important;
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 7px !important;
    background: linear-gradient(90deg, rgba(25, 33, 40, .98), rgba(11, 19, 28, .96)) !important;
    border: 1px solid #5e7180 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shilitxt #xuanzeshili > div:not(:first-child) br {
    display: none !important;
  }

  body.mobile-layout #shilitxt #xuanzeshili img {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 78px !important;
    height: 78px !important;
    max-height: 78px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  body.mobile-layout #shilitxt #xuanzeshili input {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    border: 1px solid #d7ae5c !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #4a6380, #26394e) !important;
    color: #fff4d5 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shilitxt > div:not(#xuanzeshili) {
    margin: 0 0 10px !important;
    padding: 8px !important;
    background: rgba(8, 17, 26, .92) !important;
    border: 1px solid #5e7180 !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
  }
}
/* mobile growth layout specificity fix 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #shenjian #shenjiantxt,
  body.mobile-layout #chibang #chibangtxt,
  body.mobile-layout #dizuo #dizuotxt {
    left: 10px !important;
    top: 104px !important;
    width: calc(100vw - 20px) !important;
    height: calc(100vh - 114px) !important;
    height: calc(100dvh - 114px) !important;
    display: grid !important;
    grid-template-columns: minmax(105px, .76fr) minmax(0, 1.24fr) !important;
    grid-template-areas: "visual detail" "materials actions" !important;
    align-content: start !important;
    gap: 10px !important;
    padding: 0 0 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.mobile-layout #chongwu #chongwutxt,
  body.mobile-layout #fabao #fabaotxt,
  body.mobile-layout #jingling #jinglingtxt {
    left: 10px !important;
    top: 70px !important;
    width: calc(100vw - 20px) !important;
    height: calc(100vh - 80px) !important;
    height: calc(100dvh - 80px) !important;
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    grid-template-areas: "visual actions" "detail detail" !important;
    align-content: start !important;
    gap: 10px !important;
    padding: 0 0 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.mobile-layout #shili #shilitxt {
    left: 10px !important;
    top: 64px !important;
    width: calc(100vw - 20px) !important;
    height: calc(100vh - 74px) !important;
    height: calc(100dvh - 74px) !important;
    padding: 0 0 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}
/* mobile growth action stack cleanup 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #shenjian #danyao,
  body.mobile-layout #chibang #danyao,
  body.mobile-layout #dizuo #danyao {
    height: 108px !important;
    min-height: 108px !important;
  }

  body.mobile-layout #shenjian #xitongcaozuo,
  body.mobile-layout #chibang #xitongcaozuo,
  body.mobile-layout #dizuo #xitongcaozuo {
    height: 108px !important;
    min-height: 108px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 6px !important;
    font-size: 0 !important;
  }

  body.mobile-layout #shenjian #xitongcaozuo input,
  body.mobile-layout #chibang #xitongcaozuo input,
  body.mobile-layout #dizuo #xitongcaozuo input {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    font-size: 14px !important;
  }
}
/* mobile companion action overlap fix 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #chongwu #xitongcaozuo,
  body.mobile-layout #fabao #xitongcaozuo,
  body.mobile-layout #jingling #xitongcaozuo {
    height: 142px !important;
    min-height: 142px !important;
    max-height: 142px !important;
    font-size: 0 !important;
    overflow: hidden !important;
  }

  body.mobile-layout #chongwu #xitongcaozuo br,
  body.mobile-layout #fabao #xitongcaozuo br,
  body.mobile-layout #jingling #xitongcaozuo br {
    display: none !important;
  }

  body.mobile-layout #chongwu #xitongcaozuo font,
  body.mobile-layout #fabao #xitongcaozuo font,
  body.mobile-layout #jingling #xitongcaozuo font {
    flex: 0 0 34px !important;
    font-size: 12px !important;
  }

  body.mobile-layout #chongwu #xitongcaozuo input,
  body.mobile-layout #fabao #xitongcaozuo input,
  body.mobile-layout #jingling #xitongcaozuo input {
    height: 38px !important;
    min-height: 38px !important;
    font-size: 13px !important;
  }
}
/* mobile companion detail spacing fix 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #chongwu #xitongxiangqing,
  body.mobile-layout #fabao #xitongxiangqing,
  body.mobile-layout #jingling #xitongxiangqing {
    margin-top: 20px !important;
  }
}
/* mobile companion grid track fix 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #chongwu #chongwutxt,
  body.mobile-layout #fabao #fabaotxt,
  body.mobile-layout #jingling #jinglingtxt {
    grid-template-rows: 142px auto !important;
    align-items: start !important;
  }

  body.mobile-layout #chongwu #xitongxiangqing,
  body.mobile-layout #fabao #xitongxiangqing,
  body.mobile-layout #jingling #xitongxiangqing {
    margin-top: 0 !important;
  }
}
/* mobile jingling action grid fix 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #jingling #xitongcaozuo {
    position: relative !important;
    display: block !important;
    height: 142px !important;
    min-height: 142px !important;
    max-height: 142px !important;
    padding: 8px !important;
    overflow: hidden !important;
  }

  body.mobile-layout #jingling #xitongcaozuo font {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    top: 96px !important;
    width: auto !important;
    height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    color: #d7e9f2 !important;
    font-size: 11px !important;
    line-height: 15px !important;
    text-align: left !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.mobile-layout #jingling #xitongcaozuo input {
    position: absolute !important;
    width: calc(50% - 12px) !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    font-size: 13px !important;
  }

  body.mobile-layout #jingling #xitongcaozuo input:nth-of-type(1) {
    left: 8px !important;
    top: 8px !important;
  }

  body.mobile-layout #jingling #xitongcaozuo input:nth-of-type(2) {
    right: 8px !important;
    top: 8px !important;
  }

  body.mobile-layout #jingling #xitongcaozuo input:nth-of-type(3) {
    left: 8px !important;
    top: 52px !important;
  }

  body.mobile-layout #jingling #xitongcaozuo input:nth-of-type(4) {
    right: 8px !important;
    top: 52px !important;
  }
}

/* mobile country subpanel and action layout hardening 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #shilitxt {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  body.mobile-layout #shilitxt > div:not([id]) {
    order: 0 !important;
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    z-index: 8 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px !important;
    background: linear-gradient(145deg, rgba(49, 37, 22, .98), rgba(11, 19, 28, .99)) !important;
    border: 1px solid #8f7041 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    line-height: normal !important;
  }

  body.mobile-layout #shilitxt > div:not([id]) br {
    display: none !important;
  }

  body.mobile-layout #shilitxt > div:not([id]) input {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    border: 1px solid #d7ae5c !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #4a6380, #26394e) !important;
    color: #fff4d5 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shilitxt > div[id^="weiguo"],
  body.mobile-layout #shilitxt > div[id^="shuguo"],
  body.mobile-layout #shilitxt > div[id^="wuguo"],
  body.mobile-layout #shilitxt > #kuzang,
  body.mobile-layout #shilitxt > #jiuzhou {
    order: 1 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    height: 400px !important;
    min-height: 400px !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(7, 16, 25, .94) !important;
    border: 1px solid #5e7180 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.mobile-layout #shilitxt > #kuzang {
    height: 340px !important;
    min-height: 340px !important;
  }

  body.mobile-layout #shilitxt > #jiuzhou {
    height: 500px !important;
    min-height: 500px !important;
  }

  body.mobile-layout #jingling #jinglingtxt #xitongcaozuo {
    position: relative !important;
    display: block !important;
    height: 142px !important;
    min-height: 142px !important;
    max-height: 142px !important;
    padding: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #jingling #jinglingtxt #xitongcaozuo > br {
    display: none !important;
  }

  body.mobile-layout #jingling #jinglingtxt #xitongcaozuo font {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    top: 96px !important;
    width: auto !important;
    height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    color: #d7e9f2 !important;
    font-size: 11px !important;
    line-height: 15px !important;
    text-align: left !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.mobile-layout #jingling #jinglingtxt #xitongcaozuo input {
    position: absolute !important;
    width: calc(50% - 12px) !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #jingling #jinglingtxt #xitongcaozuo input:nth-of-type(1) {
    left: 8px !important;
    top: 8px !important;
  }

  body.mobile-layout #jingling #jinglingtxt #xitongcaozuo input:nth-of-type(2) {
    right: 8px !important;
    top: 8px !important;
  }

  body.mobile-layout #jingling #jinglingtxt #xitongcaozuo input:nth-of-type(3) {
    left: 8px !important;
    top: 52px !important;
  }

  body.mobile-layout #jingling #jinglingtxt #xitongcaozuo input:nth-of-type(4) {
    right: 8px !important;
    top: 52px !important;
  }

  body.mobile-layout #laodongjiehdtxt #xitongcaozuo {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.mobile-layout #laodongjiehdtxt #xitongcaozuo > br {
    display: none !important;
  }

  body.mobile-layout #laodongjiehdtxt #xitongcaozuo font {
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body.mobile-layout #laodongjiehdtxt #xitongcaozuo input {
    display: block !important;
    flex: 0 0 44px !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}
/* mobile dashen category full-card redesign 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #dashenbtn {
    background: radial-gradient(circle at 12% 0%, rgba(195, 83, 63, .28), transparent 38%), linear-gradient(180deg, #241518 0%, #0a1119 100%) !important;
  }

  body.mobile-layout #dashenbtn .mobile-menu-modal-title {
    left: 16px !important;
    top: 8px !important;
    height: 46px !important;
    color: #ffe2a1 !important;
    font-size: 24px !important;
    line-height: 46px !important;
    letter-spacing: 1px !important;
  }

  body.mobile-layout #dashenbtn .mobile-menu-modal-title:after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 72px !important;
    height: 3px !important;
    border-radius: 2px !important;
    background: linear-gradient(90deg, #f2b35c, rgba(242, 179, 92, 0)) !important;
  }

  body.mobile-layout #dashenbtn .mobile-menu-modal-close {
    top: 10px !important;
    right: 12px !important;
    background: linear-gradient(180deg, #594038, #2d2225) !important;
    border-color: #d2a35b !important;
    border-radius: 11px !important;
  }

  body.mobile-layout #dashenbtn .mobile-menu-modal-body {
    left: 0 !important;
    top: 64px !important;
    width: 100vw !important;
    height: calc(100vh - 64px) !important;
    height: calc(100dvh - 64px) !important;
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom)) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(8, minmax(80px, 1fr)) !important;
    align-content: stretch !important;
    gap: 10px !important;
    background: linear-gradient(180deg, rgba(33, 19, 24, .76), rgba(7, 15, 24, .98)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(207, 151, 91, .38) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.mobile-layout #dashenbtn .mobile-menu-modal-body .mobile-grid-btn,
  body.mobile-layout.mobile-category-modal-open #dashenbtn .mobile-menu-modal-body .mobile-grid-btn {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 80px !important;
    margin: 0 !important;
    padding: 0 16px 0 18px !important;
    background: linear-gradient(135deg, rgba(76, 48, 49, .98), rgba(28, 30, 42, .98)) !important;
    border: 1px solid #876359 !important;
    border-radius: 14px !important;
    box-shadow: inset 0 1px rgba(255, 231, 193, .09), 0 8px 18px rgba(0, 0, 0, .22) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: transform .16s ease, filter .16s ease !important;
  }

  body.mobile-layout #dashenbtn .mobile-menu-modal-body .mobile-grid-btn:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 12px !important;
    bottom: 12px !important;
    width: 4px !important;
    border-radius: 0 4px 4px 0 !important;
    background: #e0a35b !important;
    box-shadow: 0 0 12px rgba(224, 163, 91, .58) !important;
  }

  body.mobile-layout #dashenbtn .mobile-menu-modal-body .mobile-grid-btn:after {
    content: "" !important;
    position: absolute !important;
    right: -28px !important;
    bottom: -38px !important;
    width: 106px !important;
    height: 106px !important;
    border: 1px solid rgba(255, 220, 160, .1) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 34px rgba(216, 112, 85, .18) !important;
  }

  body.mobile-layout #dashenbtn .mobile-menu-modal-body .mobile-grid-btn > div,
  body.mobile-layout.mobile-category-modal-open #dashenbtn .mobile-menu-modal-body .mobile-grid-btn > div {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff0cf !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    text-align: center !important;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .7) !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow: hidden !important;
  }

  body.mobile-layout #dashenbtn .mobile-menu-modal-body .mobile-grid-btn:active {
    transform: scale(.975) !important;
    filter: brightness(1.15) !important;
  }

  body.mobile-layout #dashenbtn #dashen0,
  body.mobile-layout #dashenbtn #dashen1,
  body.mobile-layout #dashenbtn #dashen2,
  body.mobile-layout #dashenbtn #dashen3 {
    border-color: #a1774e !important;
    background: linear-gradient(135deg, rgba(88, 61, 37, .98), rgba(38, 34, 38, .98)) !important;
  }

  body.mobile-layout #dashenbtn #dashen4,
  body.mobile-layout #dashenbtn #dashen5,
  body.mobile-layout #dashenbtn #dashen6,
  body.mobile-layout #dashenbtn #dashen7,
  body.mobile-layout #dashenbtn #dashen8 {
    border-color: #85669b !important;
    background: linear-gradient(135deg, rgba(63, 43, 85, .98), rgba(27, 26, 45, .98)) !important;
  }

  body.mobile-layout #dashenbtn #dashen4:before,
  body.mobile-layout #dashenbtn #dashen5:before,
  body.mobile-layout #dashenbtn #dashen6:before,
  body.mobile-layout #dashenbtn #dashen7:before,
  body.mobile-layout #dashenbtn #dashen8:before {
    background: #b88aea !important;
    box-shadow: 0 0 12px rgba(184, 138, 234, .55) !important;
  }

  body.mobile-layout #dashenbtn #dashen9,
  body.mobile-layout #dashenbtn #dashen10,
  body.mobile-layout #dashenbtn #dashen11,
  body.mobile-layout #dashenbtn #dashen12,
  body.mobile-layout #dashenbtn #dashen13,
  body.mobile-layout #dashenbtn #dashen14,
  body.mobile-layout #dashenbtn #dashen15 {
    border-color: #577f83 !important;
    background: linear-gradient(135deg, rgba(33, 71, 73, .98), rgba(23, 31, 43, .98)) !important;
  }

  body.mobile-layout #dashenbtn #dashen9:before,
  body.mobile-layout #dashenbtn #dashen10:before,
  body.mobile-layout #dashenbtn #dashen11:before,
  body.mobile-layout #dashenbtn #dashen12:before,
  body.mobile-layout #dashenbtn #dashen13:before,
  body.mobile-layout #dashenbtn #dashen14:before,
  body.mobile-layout #dashenbtn #dashen15:before {
    background: #67c6bb !important;
    box-shadow: 0 0 12px rgba(103, 198, 187, .5) !important;
  }
}

@media screen and (max-width: 380px) {
  body.mobile-layout #dashenbtn .mobile-menu-modal-body {
    grid-template-rows: repeat(8, minmax(74px, 1fr)) !important;
    gap: 8px !important;
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom)) !important;
  }

  body.mobile-layout #dashenbtn .mobile-menu-modal-body .mobile-grid-btn,
  body.mobile-layout.mobile-category-modal-open #dashenbtn .mobile-menu-modal-body .mobile-grid-btn {
    min-height: 74px !important;
    padding: 0 10px 0 13px !important;
  }

  body.mobile-layout #dashenbtn .mobile-menu-modal-body .mobile-grid-btn > div,
  body.mobile-layout.mobile-category-modal-open #dashenbtn .mobile-menu-modal-body .mobile-grid-btn > div {
    font-size: 17px !important;
    line-height: 24px !important;
  }
}

/* mobile dashen actual subpage rebuild 20260712 */
@media screen and (max-width: 767px) {
  /* Shared touch controls for the real subpages. */
  body.mobile-layout #chenghao input,
  body.mobile-layout #teshuchenghao input,
  body.mobile-layout #shenqishenjia input,
  body.mobile-layout #wuxue input,
  body.mobile-layout #shengshou input,
  body.mobile-layout #qiege input,
  body.mobile-layout #jianqiao input,
  body.mobile-layout #douqi input,
  body.mobile-layout #tujian input,
  body.mobile-layout #zuoqi input,
  body.mobile-layout #tianfu input,
  body.mobile-layout #xianyu input {
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 10px !important;
    border: 1px solid #d9b561 !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #405a76, #203245) !important;
    color: #fff4d8 !important;
    font-family: Microsoft YaHei, SimSun, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 42px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  /* Title progression: the level row and 鏅嬪崌 action must stay readable. */
  body.mobile-layout #chenghao {
    position: absolute !important;
    left: 0 !important;
    top: 102px !important;
    width: 100vw !important;
    height: calc(100dvh - 104px) !important;
    overflow: hidden !important;
    background: #081019 !important;
    border-top: 1px solid #26394d !important;
    border-bottom: 1px solid #26394d !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #chenghao #biaotis {
    left: 14px !important;
    top: 12px !important;
    width: calc(100% - 76px) !important;
    height: 36px !important;
    color: #ffd765 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    text-align: left !important;
  }

  body.mobile-layout #chenghaoclose {
    top: 11px !important;
    right: 12px !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid #9a504e !important;
    border-radius: 8px !important;
    background: #401719 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #chenghaoclose:after {
    content: "脳" !important;
    display: block !important;
    color: #fff2da !important;
    font-size: 30px !important;
    line-height: 36px !important;
    text-align: center !important;
  }

  body.mobile-layout #chenghao #suicongshengjixiaolvbg,
  body.mobile-layout #chenghao #jinjiejieshao {
    position: absolute !important;
    left: 8px !important;
    width: calc(100vw - 16px) !important;
    height: auto !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    border: 1px solid #765c3d !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, rgba(61, 43, 29, .96), rgba(12, 23, 34, .98)) !important;
    color: #ffe0a1 !important;
    font-size: 13px !important;
    line-height: 19px !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #chenghao #suicongshengjixiaolvbg { top: 58px !important; }
  body.mobile-layout #chenghao #jinjiejieshao { top: 94px !important; }

  body.mobile-layout #chenghao #chenghaotxt {
    position: absolute !important;
    left: 8px !important;
    top: 132px !important;
    width: calc(100vw - 16px) !important;
    height: calc(100% - 142px) !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow: hidden !important;
    border: 1px solid #435b71 !important;
    border-radius: 10px !important;
    background: #0b1520 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #chenghao #duihuanjl {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 1px 4px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #chenghao #duihuanjl > div[id="duihua1njl"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 88px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    border: 1px solid #476176 !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #142534, #0c1823) !important;
    color: #e4f0fa !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #chenghao #duihuanjl > div[id="duihua1njl"] > div {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    text-align: left !important;
  }

  body.mobile-layout #chenghao #duihuanjl > div[id="duihua1njl"] > div:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffd67d !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: center !important;
  }

  body.mobile-layout #chenghao #duihuanjl > div[id="duihua1njl"] > div:last-child {
    grid-column: 2 !important;
    text-align: right !important;
  }

  body.mobile-layout #chenghao #duihuanjl > div[id="duihua1njl"] .hand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 58px !important;
    min-height: 36px !important;
    padding: 0 9px !important;
    border: 1px solid #e2bb64 !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #7b5127, #513419) !important;
    color: #fff0ca !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 34px !important;
    box-sizing: border-box !important;
  }

  /* Artifact / armor: preserve the two real panels and replace unlabeled arrows. */
  body.mobile-layout #shenqishenjia #shenqishenjiatxt {
    top: 70px !important;
    height: calc(100% - 82px) !important;
    padding: 62px 10px 18px !important;
  }

  body.mobile-layout #shenqishenjia #shenqijiemian,
  body.mobile-layout #shenqishenjia #shenjiajiemian {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shenqishenjia #shenqijiemian[style*="display:none"],
  body.mobile-layout #shenqishenjia #shenqijiemian[style*="display: none"],
  body.mobile-layout #shenqishenjia #shenjiajiemian[style*="display:none"],
  body.mobile-layout #shenqishenjia #shenjiajiemian[style*="display: none"] {
    display: none !important;
  }

  body.mobile-layout #shenqishenjia #shenqijiemian:not([style*="display:none"]):not([style*="display: none"]),
  body.mobile-layout #shenqishenjia #shenjiajiemian:not([style*="display:none"]):not([style*="display: none"]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.mobile-layout #shenqishenjia #shenqijiemian > div[id^="shenqi"],
  body.mobile-layout #shenqishenjia #shenjiajiemian > div[id^="shenqi"] {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 276px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
    border: 1px solid #8b6d49 !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #261d24, #101c28) !important;
    color: #f7e7c8 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shenqishenjia #shenqijiemian > div[id^="shenqi"] > img:first-of-type,
  body.mobile-layout #shenqishenjia #shenjiajiemian > div[id^="shenqi"] > img:first-of-type {
    display: block !important;
    width: 100% !important;
    max-width: 136px !important;
    height: 112px !important;
    margin: 5px auto 7px !important;
    object-fit: contain !important;
  }

  body.mobile-layout #shenqishenjia #shenqijiemian > div[id^="shenqi"] input,
  body.mobile-layout #shenqishenjia #shenjiajiemian > div[id^="shenqi"] input {
    width: 100% !important;
    margin: 7px 0 0 !important;
  }

  body.mobile-layout #shenqishenjia #shenqi,
  body.mobile-layout #shenqishenjia #shenjia {
    position: absolute !important;
    top: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(50% - 22px) !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 1px solid #d1ad64 !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #425d79, #23364a) !important;
    color: transparent !important;
    font-size: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shenqishenjia #shenqi { left: 10px !important; }
  body.mobile-layout #shenqishenjia #shenjia { right: 10px !important; }
    body.mobile-layout #shenqishenjia #shenqi:after { content: "\5207\6362\81F3\795E\5668\0020\2192" !important; }
    body.mobile-layout #shenqishenjia #shenjia:after { content: "\5207\6362\81F3\795E\7532\0020\2192" !important; }

  body.mobile-layout #shenqishenjia #shenqi:after,
  body.mobile-layout #shenqishenjia #shenjia:after {
    color: #fff2cb !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    white-space: nowrap !important;
  }

  /* Martial arts: only the active school may become a grid. */
  body.mobile-layout #wuxue #wuxuetxt {
    padding: 10px !important;
  }

  body.mobile-layout #wuxue #wugongjm,
  body.mobile-layout #wuxue #neigongjm,
  body.mobile-layout #wuxue #qinggongjm {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #wuxue #wugongjm[style*="display:none"],
  body.mobile-layout #wuxue #wugongjm[style*="display: none"],
  body.mobile-layout #wuxue #neigongjm[style*="display:none"],
  body.mobile-layout #wuxue #neigongjm[style*="display: none"],
  body.mobile-layout #wuxue #qinggongjm[style*="display:none"],
  body.mobile-layout #wuxue #qinggongjm[style*="display: none"] {
    display: none !important;
  }

  body.mobile-layout #wuxue #wugongjm:not([style*="display:none"]):not([style*="display: none"]),
  body.mobile-layout #wuxue #neigongjm:not([style*="display:none"]):not([style*="display: none"]),
  body.mobile-layout #wuxue #qinggongjm:not([style*="display:none"]):not([style*="display: none"]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.mobile-layout #wuxue #wugongjm > img:first-child,
  body.mobile-layout #wuxue #neigongjm > img:first-child,
  body.mobile-layout #wuxue #qinggongjm > img:first-child {
    grid-column: 1 / -1 !important;
    display: block !important;
    width: 158px !important;
    height: 54px !important;
    margin: 0 auto 2px !important;
    object-fit: contain !important;
  }

  body.mobile-layout #wuxue #wugongjm > div[id^="wugong"]:not([id$="zuo"]):not([id$="you"]),
  body.mobile-layout #wuxue #neigongjm > div[id^="neigong"]:not([id$="zuo"]):not([id$="you"]),
  body.mobile-layout #wuxue #qinggongjm > div[id^="qinggong"]:not([id$="zuo"]):not([id$="you"]) {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 264px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
    border: 1px solid #566984 !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #142534, #0b1621) !important;
    color: #dcecff !important;
    font-size: 14px !important;
    line-height: 21px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #wuxue #wugongjm > div[id^="wugong"]:not([id$="zuo"]):not([id$="you"]) > img:first-of-type,
  body.mobile-layout #wuxue #neigongjm > div[id^="neigong"]:not([id$="zuo"]):not([id$="you"]) > img:first-of-type,
  body.mobile-layout #wuxue #qinggongjm > div[id^="qinggong"]:not([id$="zuo"]):not([id$="you"]) > img:first-of-type {
    display: block !important;
    width: 100% !important;
    max-width: 102px !important;
    height: 96px !important;
    margin: 5px auto 7px !important;
    object-fit: contain !important;
  }

  body.mobile-layout #wuxue #wugongjm > div[id^="wugong"]:not([id$="zuo"]):not([id$="you"]) input,
  body.mobile-layout #wuxue #neigongjm > div[id^="neigong"]:not([id$="zuo"]):not([id$="you"]) input,
  body.mobile-layout #wuxue #qinggongjm > div[id^="qinggong"]:not([id$="zuo"]):not([id$="you"]) input {
    width: 100% !important;
    margin: 6px 0 0 !important;
  }

  body.mobile-layout #wuxue #wugongzuo,
  body.mobile-layout #wuxue #qinggongyou {
    display: none !important;
  }

  body.mobile-layout #wuxue #wugongyou,
  body.mobile-layout #wuxue #neigongzuo,
  body.mobile-layout #wuxue #neigongyou,
  body.mobile-layout #wuxue #qinggongzuo {
    position: absolute !important;
    top: 8px !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 98px !important;
    height: 38px !important;
    padding: 0 5px !important;
    border: 1px solid #8ba9c8 !important;
    border-radius: 8px !important;
    background: #243b53 !important;
    color: transparent !important;
    font-size: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #wuxue #wugongyou,
  body.mobile-layout #wuxue #neigongyou { right: 0 !important; }
  body.mobile-layout #wuxue #neigongzuo,
  body.mobile-layout #wuxue #qinggongzuo { left: 0 !important; }
    body.mobile-layout #wuxue #wugongyou:after { content: "\5185\529F\0020\2192" !important; }
    body.mobile-layout #wuxue #neigongzuo:after { content: "\2190\0020\6B66\529F" !important; }
    body.mobile-layout #wuxue #neigongyou:after { content: "\8F7B\529F\0020\2192" !important; }
    body.mobile-layout #wuxue #qinggongzuo:after { content: "\2190\0020\5185\529F" !important; }

  body.mobile-layout #wuxue #wugongyou:after,
  body.mobile-layout #wuxue #neigongzuo:after,
  body.mobile-layout #wuxue #neigongyou:after,
  body.mobile-layout #wuxue #qinggongzuo:after {
    color: #eaf5ff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    white-space: nowrap !important;
  }

  /* Sacred beasts: retain one visible beast at a time and make arrows meaningful. */
  body.mobile-layout #shengshou #shengjijieshao,
  body.mobile-layout #shengshou #jinjiejieshao {
    position: absolute !important;
    left: 10px !important;
    width: calc(100vw - 20px) !important;
    height: auto !important;
    min-height: 22px !important;
    color: #e8c780 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: left !important;
  }

  body.mobile-layout #shengshou #shengjijieshao { top: 56px !important; }
  body.mobile-layout #shengshou #jinjiejieshao { top: 78px !important; }

  body.mobile-layout #shengshou #shengshoutxt {
    top: 104px !important;
    height: calc(100% - 116px) !important;
    padding: 10px !important;
  }

  body.mobile-layout #shengshou #shengshoutxt > div[id$="xs"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shengshou #shengshoutxt > div[id$="xs"][style*="display:none"],
  body.mobile-layout #shengshou #shengshoutxt > div[id$="xs"][style*="display: none"] {
    display: none !important;
  }

  body.mobile-layout #shengshou #shengshoutxt > div[id$="xs"]:not([style*="display:none"]):not([style*="display: none"]) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  body.mobile-layout #shengshou #shengshoutxt > div[id$="xs"] > div[id="xitongpic"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
    border: 1px solid #66728a !important;
    border-radius: 11px !important;
    background: linear-gradient(145deg, #17263a, #0c1623) !important;
    color: #f6e6b5 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shengshou #shengshoutxt > div[id$="xs"] > div[id="xitongpic"]:has(> img) {
    order: 1 !important;
    min-height: 232px !important;
  }

  body.mobile-layout #shengshou #shengshoutxt > div[id$="xs"] > div[id="xitongpic"]:not(:has(> img)) {
    order: 3 !important;
    padding: 14px !important;
  }

  body.mobile-layout #shengshou #shengshoutxt > div[id$="xs"] > div[id="xitongpic"] > img {
    display: block !important;
    width: 100% !important;
    height: 184px !important;
    margin: 5px auto 0 !important;
    object-fit: contain !important;
  }

  body.mobile-layout #shengshou #shengshoutxt > div[id$="xs"] > div[id="xitongpic"] input {
    width: 100% !important;
    margin: 8px 0 0 !important;
  }

  body.mobile-layout #shengshou #shengshoutxt > div[id$="xs"] > div[id$="zuo"],
  body.mobile-layout #shengshou #shengshoutxt > div[id$="xs"] > div[id$="you"] {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    order: 2 !important;
    flex: 1 1 calc(50% - 5px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 6px !important;
    border: 1px solid #90b1c8 !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #304c68, #1c3044) !important;
    color: transparent !important;
    font-size: 0 !important;
    box-sizing: border-box !important;
  }

    body.mobile-layout #shengshou #baihuyou:after { content: "\4E0B\4E00\53EA\FF1A\9752\9F99" !important; }
    body.mobile-layout #shengshou #qinglongzuo:after { content: "\4E0A\4E00\53EA\FF1A\767D\864E" !important; }
    body.mobile-layout #shengshou #qinglongyou:after { content: "\4E0B\4E00\53EA\FF1A\6731\96C0" !important; }
    body.mobile-layout #shengshou #zhuquezuo:after { content: "\4E0A\4E00\53EA\FF1A\9752\9F99" !important; }
    body.mobile-layout #shengshou #zhuqueyou:after { content: "\4E0B\4E00\53EA\FF1A\7384\6B66" !important; }
    body.mobile-layout #shengshou #xuanwuzuo:after { content: "\4E0A\4E00\53EA\FF1A\6731\96C0" !important; }

  body.mobile-layout #shengshou #shengshoutxt > div[id$="xs"] > div[id$="zuo"]:after,
  body.mobile-layout #shengshou #shengshoutxt > div[id$="xs"] > div[id$="you"]:after {
    color: #edf7ff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    white-space: nowrap !important;
  }

  /* Special titles: a visible group selector plus one real detail page. */
  body.mobile-layout #teshuchenghao > input[type="button"] {
    position: absolute !important;
    left: 8px !important;
    top: 62px !important;
    width: calc(100vw - 16px) !important;
    margin: 0 !important;
  }

  body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"] {
    position: absolute !important;
    left: 8px !important;
    top: 114px !important;
    width: calc(100vw - 16px) !important;
    height: 200px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"][style*="display:none"],
  body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"][style*="display: none"] {
    display: none !important;
  }

  body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"]:not([style*="display:none"]):not([style*="display: none"]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 34px repeat(3, 38px) 34px !important;
    gap: 5px 8px !important;
  }

  body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"] > div[id^="tschenghao"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    border: 1px solid #8063a3 !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #34284a, #1a2030) !important;
    color: #f3ddff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"] > div[id^="chshangbtn"],
  body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"] > div[id^="chxiabtn"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 1px solid #bd9b5d !important;
    border-radius: 8px !important;
    background: #293a4d !important;
    color: transparent !important;
    font-size: 0 !important;
    box-sizing: border-box !important;
  }

    body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"] > div[id^="chshangbtn"]:after { content: "\4E0A\4E00\7EC4\79F0\53F7" !important; }
    body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"] > div[id^="chxiabtn"]:after { content: "\4E0B\4E00\7EC4\79F0\53F7" !important; }
  body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"] > div[id^="chshangbtn"]:after,
  body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"] > div[id^="chxiabtn"]:after {
    color: #fff0ca !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
  }

  body.mobile-layout #teshuchenghaotxt {
    position: absolute !important;
    left: 8px !important;
    top: 324px !important;
    width: calc(100vw - 16px) !important;
    height: calc(100% - 334px) !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow: hidden !important;
    border: 1px solid #4e5e72 !important;
    border-radius: 10px !important;
    background: #0b1520 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #teshuchenghao #duihuanbiao {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #teshuchenghao #duihuanbiao > div[id$="ch"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-height: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px !important;
    overflow: auto !important;
    border: 1px solid #796043 !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, #1d2632, #0d1721) !important;
    color: #f3ead6 !important;
    font-size: 15px !important;
    line-height: 24px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #teshuchenghao #duihuanbiao > div[id$="ch"][style*="display:none"],
  body.mobile-layout #teshuchenghao #duihuanbiao > div[id$="ch"][style*="display: none"] {
    display: none !important;
  }

  body.mobile-layout #teshuchenghao #duihuanbiao > div[id$="ch"] img {
    max-width: 100% !important;
    height: auto !important;
    margin: 6px auto !important;
    object-fit: contain !important;
  }

  body.mobile-layout #teshuchenghao #duihuanbiao > div[id$="ch"] input {
    width: 100% !important;
    margin: 8px 0 0 !important;
  }

  /* Detail systems: image, readable information, then a full-width action area. */
  body.mobile-layout #qiege #qiegetxt,
  body.mobile-layout #jianqiao #jianqiaotxt,
  body.mobile-layout #douqi #douqitxt {
    position: absolute !important;
    left: 8px !important;
    top: 70px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: calc(100vw - 16px) !important;
    height: calc(100% - 82px) !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid #2c435a !important;
    border-radius: 10px !important;
    background: #0d1721 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #qiege #xitongpic,
  body.mobile-layout #jianqiao #jianqiaopic,
  body.mobile-layout #douqi #douqipic {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid #415d78 !important;
    border-radius: 11px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #qiege #xitongpic img,
  body.mobile-layout #jianqiao #jianqiaopic > div[id^="jianqiaogif"],
  body.mobile-layout #douqi #douqipic > div[id^="douqigif"] {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    background-size: contain !important;
  }

  body.mobile-layout #qiege #xitongxiangqing,
  body.mobile-layout #jianqiao #xitongxiangqing,
  body.mobile-layout #douqi #xitongxiangqing,
  body.mobile-layout #douqi #yaoqiu,
  body.mobile-layout #douqi #douqijs,
  body.mobile-layout #qiege #xitongcaozuo,
  body.mobile-layout #jianqiao #xitongcaozuo {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid #405d75 !important;
    border-radius: 10px !important;
    background: #13202d !important;
    color: #e7f1fb !important;
    font-size: 16px !important;
    line-height: 26px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #qiege #xitongcaozuo,
  body.mobile-layout #jianqiao #xitongcaozuo,
  body.mobile-layout #douqi #douqijs {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    border-color: #c9a95f !important;
    background: linear-gradient(145deg, #263b4f, #172837) !important;
  }

  body.mobile-layout #qiege #xitongcaozuo input,
  body.mobile-layout #jianqiao #xitongcaozuo input,
  body.mobile-layout #douqi #douqijs input {
    width: 100% !important;
    margin: 8px 0 0 !important;
  }

  /* Collection and talent cards have an explicit card grid and no transparent overlay. */
  body.mobile-layout #tujian #baihuxs,
  body.mobile-layout #tianfu #baihuxs {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.mobile-layout #tujian #dengjich,
  body.mobile-layout #tianfu #dengjich {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #tujian #dengjich > div[id^="chengchi"],
  body.mobile-layout #tianfu #dengjich > div[id^="chengchi"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-height: 238px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 9px !important;
    overflow: hidden !important;
    border: 1px solid #506a82 !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #132435, #0b1722) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #tujian #dengjich > div[id^="chengchi"] > div:first-child,
  body.mobile-layout #tianfu #dengjich > div[id^="chengchi"] > div:first-child {
    display: none !important;
  }

  body.mobile-layout #tujian #dengjich > div[id^="chengchi"] > div:not(:first-child),
  body.mobile-layout #tianfu #dengjich > div[id^="chengchi"] > div:not(:first-child) {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    color: #e8f3ff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 21px !important;
    text-align: center !important;
  }

  body.mobile-layout #tujian #dengjich > div[id^="chengchi"] img,
  body.mobile-layout #tianfu #dengjich > div[id^="chengchi"] img {
    display: block !important;
    width: 92px !important;
    max-width: 100% !important;
    height: 92px !important;
    margin: 5px auto 7px !important;
    object-fit: contain !important;
  }

  body.mobile-layout #tujian #dengjich > div[id^="chengchi"] input,
  body.mobile-layout #tianfu #dengjich > div[id^="chengchi"] input {
    width: 100% !important;
    margin: auto 0 0 !important;
  }

  body.mobile-layout #tujian #xianhuabangjs,
  body.mobile-layout #tianfu #xianhuabangjs {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 10px 0 0 !important;
    padding: 10px !important;
    border: 1px solid #5b748a !important;
    border-radius: 9px !important;
    background: #132232 !important;
    color: #e6f4ff !important;
    font-size: 14px !important;
    line-height: 21px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #tujian #xianhuabangjs > div,
  body.mobile-layout #tianfu #xianhuabangjs > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  /* Mount: a centered mount, a four-slot equipment grid, and persistent actions. */
  body.mobile-layout #zuoqi #zuoqitxt {
    position: absolute !important;
    left: 8px !important;
    top: 70px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: calc(100vw - 16px) !important;
    height: calc(100% - 82px) !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid #2c435a !important;
    border-radius: 10px !important;
    background: #0d1721 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #zuoqi #fabaopic,
  body.mobile-layout #zuoqi #xitongxiangqing,
  body.mobile-layout #zuoqi #xitongcaozuo {
    grid-column: 1 / -1 !important;
  }

  body.mobile-layout #zuoqi #fabaopic {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 210px !important;
    min-height: 210px !important;
    margin: 0 !important;
    padding: 8px !important;
  }

  body.mobile-layout #zuoqi #xitongxiangqing,
  body.mobile-layout #zuoqi #xitongcaozuo {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 11px !important;
    border: 1px solid #44657c !important;
    border-radius: 10px !important;
    background: #132333 !important;
    color: #edf6ff !important;
    font-size: 15px !important;
    line-height: 24px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #zuoqi #zuoqizbjiao,
  body.mobile-layout #zuoqi #zuoqizbya,
  body.mobile-layout #zuoqi #zuoqizbjia {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 74px !important;
    margin: 0 !important;
    padding: 5px !important;
    border: 1px solid #806d45 !important;
    border-radius: 10px !important;
    background-position: center !important;
    background-size: contain !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #zuoqi #zuoqizbjiao > div,
  body.mobile-layout #zuoqi #zuoqizbya > div,
  body.mobile-layout #zuoqi #zuoqizbjia > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 58px !important;
    height: 58px !important;
  }

  body.mobile-layout #zuoqi #zuoqizbjiao img,
  body.mobile-layout #zuoqi #zuoqizbya img,
  body.mobile-layout #zuoqi #zuoqizbjia img {
    width: 58px !important;
    height: 58px !important;
    object-fit: contain !important;
  }

  body.mobile-layout #zuoqi #xitongcaozuo {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    border-color: #c8a75d !important;
    background: linear-gradient(145deg, #263b4f, #172837) !important;
  }

  body.mobile-layout #zuoqi #xitongcaozuo input {
    width: 100% !important;
    margin: 8px 0 0 !important;
  }

  /* Immortal wing: the picture, bonuses, equipment/skill strips and upgrades flow vertically. */
  body.mobile-layout #xianyu #xianyutxt {
    position: absolute !important;
    left: 8px !important;
    top: 70px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: calc(100vw - 16px) !important;
    height: calc(100% - 82px) !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid #2c435a !important;
    border-radius: 10px !important;
    background: #0d1721 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #xianyu #xianyupic,
  body.mobile-layout #xianyu #xitongxiangqing,
  body.mobile-layout #xianyu #shengjijm,
  body.mobile-layout #xianyu #xianyutxt > div:not([id]) {
    grid-column: 1 / -1 !important;
  }

  body.mobile-layout #xianyu #xianyupic {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 190px !important;
    min-height: 190px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid #7f5a99 !important;
    border-radius: 11px !important;
    background-position: center !important;
    background-size: contain !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #xianyu #xitongxiangqing,
  body.mobile-layout #xianyu #shengjijm,
  body.mobile-layout #xianyu #xianyutxt > div:not([id]) {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid #5b6286 !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #1d1d3b, #10182a) !important;
    color: #eee9ff !important;
    font-size: 15px !important;
    line-height: 24px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #xianyu #xianyutxt > div:not([id]) {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.mobile-layout #xianyu #xianyutxt > div:not([id]) img {
    display: block !important;
    width: 54px !important;
    max-width: 100% !important;
    height: 54px !important;
    margin: 4px auto !important;
    padding: 3px !important;
    border: 1px solid #8b77b4 !important;
    border-radius: 9px !important;
    background: rgba(16, 17, 36, .85) !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #xianyu #shengjijm {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    border-color: #c19bdb !important;
  }

  body.mobile-layout #xianyu #shengjijm > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 22px !important;
    text-align: center !important;
  }

  body.mobile-layout #xianyu #shengjijm input {
    width: 100% !important;
    margin: 0 !important;
  }

  /* The country action panel must consume every pixel below its button block. */
  body.mobile-layout #shilitxt {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    height: calc(100dvh - 74px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.mobile-layout #shilitxt > div:not([id]) {
    flex: 0 0 auto !important;
  }

  body.mobile-layout #shilitxt > div[id^="weiguo"],
  body.mobile-layout #shilitxt > div[id^="shuguo"],
  body.mobile-layout #shilitxt > div[id^="wuguo"],
  body.mobile-layout #shilitxt > #kuzang,
  body.mobile-layout #shilitxt > #jiuzhou {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
  }
}

/* mobile dashen pagination labels repair 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #shenqishenjia #shenqi:after {
    content: "\5207\6362\81F3\795E\5668\0020\2192" !important;
  }

  body.mobile-layout #shenqishenjia #shenjia:after {
    content: "\5207\6362\81F3\795E\7532\0020\2192" !important;
  }

  body.mobile-layout #wuxue #wugongyou:after {
    content: "\5185\529F\0020\2192" !important;
  }

  body.mobile-layout #wuxue #neigongzuo:after {
    content: "\2190\0020\6B66\529F" !important;
  }

  body.mobile-layout #wuxue #neigongyou:after {
    content: "\8F7B\529F\0020\2192" !important;
  }

  body.mobile-layout #wuxue #qinggongzuo:after {
    content: "\2190\0020\5185\529F" !important;
  }

  body.mobile-layout #shengshou #baihuyou:after {
    content: "\4E0B\4E00\53EA\FF1A\9752\9F99" !important;
  }

  body.mobile-layout #shengshou #qinglongzuo:after {
    content: "\4E0A\4E00\53EA\FF1A\767D\864E" !important;
  }

  body.mobile-layout #shengshou #qinglongyou:after {
    content: "\4E0B\4E00\53EA\FF1A\6731\96C0" !important;
  }

  body.mobile-layout #shengshou #zhuquezuo:after {
    content: "\4E0A\4E00\53EA\FF1A\9752\9F99" !important;
  }

  body.mobile-layout #shengshou #zhuqueyou:after {
    content: "\4E0B\4E00\53EA\FF1A\7384\6B66" !important;
  }

  body.mobile-layout #shengshou #xuanwuzuo:after {
    content: "\4E0A\4E00\53EA\FF1A\6731\96C0" !important;
  }

  body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"] > div[id^="chshangbtn"]:after {
    content: "\4E0A\4E00\7EC4\79F0\53F7" !important;
  }

  body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"] > div[id^="chxiabtn"]:after {
    content: "\4E0B\4E00\7EC4\79F0\53F7" !important;
  }
}
/* mobile dashen navigation layout repair 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #shenqishenjia #shenqishenjiatxt {
    top: 114px !important;
    height: calc(100% - 126px) !important;
    padding: 10px !important;
  }

  body.mobile-layout #shenqishenjia #shenqi,
  body.mobile-layout #shenqishenjia #shenjia {
    left: 10px !important;
    right: auto !important;
    top: 62px !important;
    width: calc(100% - 20px) !important;
  }

  body.mobile-layout #shenqishenjia #shenqi[style*="display:none"],
  body.mobile-layout #shenqishenjia #shenqi[style*="display: none"],
  body.mobile-layout #shenqishenjia #shenjia[style*="display:none"],
  body.mobile-layout #shenqishenjia #shenjia[style*="display: none"] {
    display: none !important;
  }

  body.mobile-layout #shenqishenjia #shenqi:not([style*="display:none"]):not([style*="display: none"]),
  body.mobile-layout #shenqishenjia #shenjia:not([style*="display:none"]):not([style*="display: none"]) {
    display: flex !important;
  }

  body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"] > div[id^="chshangbtn"]:not([onclick]),
  body.mobile-layout #teshuchenghao > div[id^="chenghaobtn"] > div[id^="chxiabtn"]:not([onclick]) {
    display: none !important;
  }
}
/* mobile dashen douqi action layer repair 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #douqi #douqitxt {
    padding-bottom: 118px !important;
  }

  body.mobile-layout #douqi #yaoqiu {
    z-index: auto !important;
  }

  body.mobile-layout #douqi #douqijs {
    z-index: 12 !important;
    box-shadow: 0 -8px 18px rgba(0, 0, 0, .38) !important;
  }
}
/* mobile dashen detail action layer repair 20260712 */
@media screen and (max-width: 767px) {
  body.mobile-layout #qiege #qiegetxt,
  body.mobile-layout #jianqiao #jianqiaotxt {
    padding-bottom: 190px !important;
  }

  body.mobile-layout #qiege #xitongxiangqing,
  body.mobile-layout #jianqiao #xitongxiangqing {
    z-index: auto !important;
  }

  body.mobile-layout #qiege #xitongcaozuo,
  body.mobile-layout #jianqiao #xitongcaozuo {
    z-index: 12 !important;
    box-shadow: 0 -8px 18px rgba(0, 0, 0, .38) !important;
  }
}
/* mobile artifact armor content scrolling repair 20260718 */
@media screen and (max-width: 767px) {
  body.mobile-layout #shenqishenjia {
    min-height: 0 !important;
  }

  body.mobile-layout #shenqishenjia #shenqishenjiatxt {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    touch-action: pan-y !important;
  }

  body.mobile-layout #shenqishenjia #shenqijiemian,
  body.mobile-layout #shenqishenjia #shenjiajiemian {
    height: auto !important;
    min-height: 0 !important;
  }
}
/* mobile dashen flow alignment repair 20260718 */
@media screen and (max-width: 767px) {
  /* Keep action panels in normal content flow so they cannot cover detail text. */
  body.mobile-layout #qiege #qiegetxt,
  body.mobile-layout #jianqiao #jianqiaotxt,
  body.mobile-layout #douqi #douqitxt {
    padding-bottom: 18px !important;
  }

  body.mobile-layout #qiege #xitongcaozuo,
  body.mobile-layout #jianqiao #xitongcaozuo,
  body.mobile-layout #douqi #douqijs {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    box-shadow: none !important;
  }

  /* Make the collection category title occupy a full row before its cards. */
  body.mobile-layout #tujian #dengjich > font:first-child {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    color: #d5a944 !important;
    background: rgba(39, 31, 18, .72) !important;
    border: 1px solid #80662c !important;
    border-radius: 9px !important;
    font-family: Microsoft YaHei, SimSun, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  /* Mount equipment uses inline slots so its raw level text cannot consume a grid cell. */
  body.mobile-layout #zuoqi #zuoqitxt {
    display: block !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body.mobile-layout #zuoqi #zuoqizbjiao,
  body.mobile-layout #zuoqi #zuoqizbya,
  body.mobile-layout #zuoqi #zuoqizbjia {
    display: inline-flex !important;
    vertical-align: top !important;
    width: calc(50% - 5px) !important;
    margin: 0 0 10px !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body.mobile-layout #zuoqi #zuoqitxt > #zuoqizbjiao,
  body.mobile-layout #zuoqi #zuoqitxt > #zuoqizbjia:nth-of-type(4) {
    margin-right: 10px !important;
  }

  body.mobile-layout #zuoqi #xitongcaozuo {
    position: relative !important;
    bottom: auto !important;
    z-index: auto !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
  }

  /* The wing screen is a vertical flow; equipment and skills each draw a two-column icon row. */
  body.mobile-layout #xianyu #xianyutxt {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding-bottom: 18px !important;
  }

  body.mobile-layout #xianyu #xianyutxt > #xianyupic,
  body.mobile-layout #xianyu #xianyutxt > #xitongxiangqing,
  body.mobile-layout #xianyu #xianyutxt > #shengjijm,
  body.mobile-layout #xianyu #xianyutxt > div:not([id]) {
    flex: 0 0 auto !important;
  }

  body.mobile-layout #xianyu #xianyutxt > #xitongxiangqing,
  body.mobile-layout #xianyu #xianyutxt > #shengjijm {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.mobile-layout #xianyu #xianyutxt > div:not([id]) {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 10px 12px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
  }

  body.mobile-layout #xianyu #xianyutxt > div:not([id]) br {
    display: none !important;
  }

  body.mobile-layout #xianyu #xianyutxt > div:nth-of-type(3):before,
  body.mobile-layout #xianyu #xianyutxt > div:nth-of-type(4):before {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    color: #eee9ff !important;
    font-family: Microsoft YaHei, SimSun, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-align: left !important;
  }

  body.mobile-layout #xianyu #xianyutxt > div:nth-of-type(3):before {
    content: "\4ED9\7FBD\88C5\5907" !important;
  }

  body.mobile-layout #xianyu #xianyutxt > div:nth-of-type(4):before {
    content: "\4ED9\7FBD\6280\80FD" !important;
  }

  body.mobile-layout #xianyu #xianyutxt > div:not([id]) img {
    display: inline-block !important;
    width: 64px !important;
    max-width: 64px !important;
    height: 64px !important;
    margin: 0 32px 8px !important;
    vertical-align: top !important;
  }
}
/* mobile other feature pages adaptive layout 20260718 */
@media screen and (max-width: 767px) {
  body.mobile-layout #kuanggong #guajitxt,
  body.mobile-layout #meirirenwu #meirirenwutxt,
  body.mobile-layout #baoxiang #wudaotxt,
  body.mobile-layout #lingdi #lingditxt,
  body.mobile-layout #jiaomiepanjun #jiaomiepanjuntxt,
  body.mobile-layout #xianhuabang #xianhuabangtxt,
  body.mobile-layout #zhuanpan #zhuanpantxt,
  body.mobile-layout #xuyuanshu #xuyuanshutxt,
  body.mobile-layout #tehuishangcheng #tehuishangchengtxt,
  body.mobile-layout #queqiao #queqiaotxt,
  body.mobile-layout #duanzao #duanzaotxt,
  body.mobile-layout #hecheng #hechengtxt,
  body.mobile-layout #biaoche #biaochetxt,
  body.mobile-layout #duobeicz #duobeicztxt {
    overscroll-behavior-y: contain !important;
    touch-action: pan-y !important;
  }

  /* Guest cards and daily task rows. */
  body.mobile-layout #kuanggong #jieshao,
  body.mobile-layout #kuanggong #jieshaos,
  body.mobile-layout #meirirenwu #suicongshengjixiaolvbg,
  body.mobile-layout #meirirenwu #jinjiejieshao {
    position: absolute !important;
    left: 14px !important;
    width: calc(100vw - 28px) !important;
    height: auto !important;
    margin: 0 !important;
    color: #bdd3e7 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
    z-index: 9002 !important;
  }

  body.mobile-layout #kuanggong #jieshao,
  body.mobile-layout #meirirenwu #suicongshengjixiaolvbg {
    top: 62px !important;
  }

  body.mobile-layout #kuanggong #jieshaos,
  body.mobile-layout #meirirenwu #jinjiejieshao {
    top: 84px !important;
  }

  body.mobile-layout #kuanggong #guajitxt {
    top: 110px !important;
    height: calc(100dvh - 122px) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  body.mobile-layout #kuanggong #guajitxt > div[id^="fazhen"] {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 126px !important;
    margin: 0 !important;
    padding: 8px 5px !important;
    border: 1px solid #45627c !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, #182938, #0d1720) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.mobile-layout #kuanggong #guajitxt > div[id$="gj"] {
    min-height: 190px !important;
    color: #dfeeff !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
  }

  body.mobile-layout #kuanggong #guajitxt > div[id^="fazhen"] img {
    display: block !important;
    width: min(100%, 92px) !important;
    height: auto !important;
    max-height: 88px !important;
    margin: 2px auto !important;
    object-fit: contain !important;
  }

  body.mobile-layout #kuanggong #guajitxt > div[id$="gj"] input {
    width: 100% !important;
    min-height: 38px !important;
    margin: 6px 0 0 !important;
    padding: 0 3px !important;
    font-size: 13px !important;
  }

  body.mobile-layout #kuanggong #guajijilu {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: 44px !important;
    margin: 2px 0 0 !important;
    line-height: 42px !important;
    border: 1px solid #8097aa !important;
    border-radius: 8px !important;
    background: #1b3143 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #meirirenwu #meirirenwutxt {
    top: 110px !important;
    height: calc(100dvh - 122px) !important;
    padding: 8px !important;
  }

  body.mobile-layout #meirirenwu #duihuanjl {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #meirirenwu #renwuliebiao {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 82px !important;
    align-items: center !important;
    column-gap: 6px !important;
    width: 100% !important;
    min-height: 76px !important;
    height: auto !important;
    margin: 0 0 8px !important;
    padding: 7px !important;
    border: 1px solid #34526b !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, #172737, #0d1721) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #meirirenwu #renwuliebiao > div {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    line-height: 20px !important;
  }

  body.mobile-layout #meirirenwu #renwubiaohao {
    min-height: 42px !important;
    color: #f8d87b !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 42px !important;
    text-align: center !important;
  }

  body.mobile-layout #meirirenwu #renwuliebiao > div:nth-child(2) {
    color: #e5f1fb !important;
    font-size: 14px !important;
    text-align: left !important;
  }

  body.mobile-layout #meirirenwu #renwuliebiao > div:last-child {
    color: #bff4cf !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
  }

  /* Treasure boxes use a compact grid plus one readable explanation card. */
  body.mobile-layout #baoxiang #baoxiangcishutxt {
    position: absolute !important;
    left: 10px !important;
    top: 65px !important;
    width: calc(100vw - 20px) !important;
    min-height: 34px !important;
    height: auto !important;
    padding: 5px 8px !important;
    margin: 0 !important;
    border-radius: 7px !important;
    font-size: 14px !important;
    line-height: 22px !important;
    box-sizing: border-box !important;
    z-index: 9002 !important;
  }

  body.mobile-layout #baoxiang #wudaotxt {
    top: 110px !important;
    height: calc(100dvh - 122px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  body.mobile-layout #baoxiang #wudaotxt > div {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #baoxiang #wudaotxt > div:first-child {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 8px !important;
    border: 1px solid #435d74 !important;
    border-radius: 10px !important;
    background: #0b1520 !important;
  }

  body.mobile-layout #baoxiang #wudaotxt > div:first-child > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    min-width: 0 !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border: 1px solid rgba(154, 121, 55, .65) !important;
    border-radius: 7px !important;
  }

  body.mobile-layout #baoxiang #wudaotxt > div:last-child {
    padding: 12px !important;
    border: 1px solid #6e592e !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #241d12, #101b24) !important;
    color: #ead79b !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: left !important;
  }

  /* Territory and rebel cards. */
  body.mobile-layout #lingdi #lingditxt {
    display: block !important;
    padding: 8px !important;
  }

  body.mobile-layout #lingdi #lingdibtn {
    position: sticky !important;
    left: auto !important;
    top: -8px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 10px !important;
    padding: 8px 0 !important;
    background: #0b1520 !important;
    z-index: 5 !important;
  }

  body.mobile-layout #lingdi #lingdibtn > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 5px !important;
    border: 1px solid #806b35 !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #31485a, #172938) !important;
    color: #ffe8bd !important;
    font-size: 15px !important;
    line-height: 18px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #lingdi #fangqi {
    grid-column: 1 / -1 !important;
    border-color: #b1615e !important;
    color: #ffbbb4 !important;
  }

  body.mobile-layout #lingdi #didujm,
  body.mobile-layout #lingdi #jundujm,
  body.mobile-layout #lingdi #xiandujm,
  body.mobile-layout #lingdi #xiangdujm,
  body.mobile-layout #jiaomiepanjun #bossjiemian {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 9px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.mobile-layout #lingdi #didujm[style*="display:none"],
  body.mobile-layout #lingdi #didujm[style*="display: none"],
  body.mobile-layout #lingdi #jundujm[style*="display:none"],
  body.mobile-layout #lingdi #jundujm[style*="display: none"],
  body.mobile-layout #lingdi #xiandujm[style*="display:none"],
  body.mobile-layout #lingdi #xiandujm[style*="display: none"],
  body.mobile-layout #lingdi #xiangdujm[style*="display:none"],
  body.mobile-layout #lingdi #xiangdujm[style*="display: none"] {
    display: none !important;
  }

  body.mobile-layout #lingdi #didujm > div[id^="chengchi"],
  body.mobile-layout #lingdi #jundujm > div[id^="chengchi"],
  body.mobile-layout #lingdi #xiandujm > div[id^="chengchi"],
  body.mobile-layout #lingdi #xiangdujm > div[id^="chengchi"],
  body.mobile-layout #jiaomiepanjun #bossjiemian > div[id^="chengchi"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 184px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid #46617b !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #172838, #0d1720) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.mobile-layout #jiaomiepanjun #jiaomiepanjuntxt {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  body.mobile-layout #jiaomiepanjun #bossjiemian > div[id^="chengchi"] {
    min-height: 190px !important;
    border-color: #705448 !important;
    background: linear-gradient(145deg, #2a2020, #111922) !important;
  }

  body.mobile-layout #lingdi #didujm > div[id^="chengchi"] > div:first-child,
  body.mobile-layout #lingdi #jundujm > div[id^="chengchi"] > div:first-child,
  body.mobile-layout #lingdi #xiandujm > div[id^="chengchi"] > div:first-child,
  body.mobile-layout #lingdi #xiangdujm > div[id^="chengchi"] > div:first-child,
  body.mobile-layout #jiaomiepanjun #bossjiemian > div[id^="chengchi"] > div:first-child {
    display: none !important;
  }

  body.mobile-layout #lingdi #didujm > div[id^="chengchi"] > div:not(:first-child),
  body.mobile-layout #lingdi #jundujm > div[id^="chengchi"] > div:not(:first-child),
  body.mobile-layout #lingdi #xiandujm > div[id^="chengchi"] > div:not(:first-child),
  body.mobile-layout #lingdi #xiangdujm > div[id^="chengchi"] > div:not(:first-child),
  body.mobile-layout #jiaomiepanjun #bossjiemian > div[id^="chengchi"] > div:not(:first-child) {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    color: #e4f1fb !important;
    font-size: 13px !important;
    line-height: 19px !important;
    text-align: center !important;
  }

  body.mobile-layout #lingdi #didujm > div[id^="chengchi"] > div:nth-child(2),
  body.mobile-layout #lingdi #jundujm > div[id^="chengchi"] > div:nth-child(2),
  body.mobile-layout #lingdi #xiandujm > div[id^="chengchi"] > div:nth-child(2),
  body.mobile-layout #lingdi #xiangdujm > div[id^="chengchi"] > div:nth-child(2),
  body.mobile-layout #jiaomiepanjun #bossjiemian > div[id^="chengchi"] > div:nth-child(2) {
    min-height: 88px !important;
    color: #ffe39b !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #jiaomiepanjun #bossjiemian > div[id^="chengchi"] > div:nth-child(2) {
    min-height: 116px !important;
    color: #ffd7a3 !important;
    font-size: 16px !important;
  }

  body.mobile-layout #lingdi #didujm > div[id^="chengchi"] img,
  body.mobile-layout #lingdi #jundujm > div[id^="chengchi"] img,
  body.mobile-layout #lingdi #xiandujm > div[id^="chengchi"] img,
  body.mobile-layout #lingdi #xiangdujm > div[id^="chengchi"] img,
  body.mobile-layout #jiaomiepanjun #bossjiemian > div[id^="chengchi"] img {
    display: block !important;
    width: 92px !important;
    height: 64px !important;
    margin: 2px auto !important;
    object-fit: contain !important;
  }

  body.mobile-layout #jiaomiepanjun #bossjiemian > div[id^="chengchi"] img {
    width: 82px !important;
    height: 92px !important;
  }

  body.mobile-layout #lingdi #didujm > div[id^="chengchi"] > div:last-child,
  body.mobile-layout #lingdi #jundujm > div[id^="chengchi"] > div:last-child,
  body.mobile-layout #lingdi #xiandujm > div[id^="chengchi"] > div:last-child,
  body.mobile-layout #lingdi #xiangdujm > div[id^="chengchi"] > div:last-child,
  body.mobile-layout #jiaomiepanjun #bossjiemian > div[id^="chengchi"] > div:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    margin-top: auto !important;
    border: 1px solid #92723c !important;
    border-radius: 7px !important;
    background: #263d51 !important;
    color: #fff0c8 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #jiaomiepanjun #panjunnandujm,
  body.mobile-layout #jiaomiepanjun #panjunjs {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #jiaomiepanjun #panjunnanduxiaolvbg {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    padding: 8px !important;
    border: 1px solid #4b6680 !important;
    border-radius: 8px !important;
    background: #162535 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #jiaomiepanjun #panjunnanduxiaolv {
    width: 96px !important;
    min-height: 34px !important;
    font-size: 16px !important;
  }

  body.mobile-layout #jiaomiepanjun #panjunjs > div:first-child {
    display: none !important;
  }

  body.mobile-layout #jiaomiepanjun #panjunjs > div:last-child {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 8px !important;
    border: 1px solid #57977f !important;
    border-radius: 8px !important;
    background: #17362f !important;
    color: #dbfff1 !important;
    font-size: 15px !important;
    line-height: 24px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  /* Flower ranking and wheel. */
  body.mobile-layout #xianhuabang #huodongbtn1 {
    position: absolute !important;
    left: 10px !important;
    top: 65px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: calc(100vw - 20px) !important;
    height: auto !important;
    z-index: 9002 !important;
  }

  body.mobile-layout #xianhuabang #huodongbtn1 > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    border: 1px solid #9c7541 !important;
    border-radius: 8px !important;
    background: #293b4e !important;
    color: #ffe6ae !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #xianhuabang #xianhuabangtxt {
    top: 116px !important;
    height: calc(100dvh - 128px) !important;
    padding: 9px !important;
  }

  body.mobile-layout #xianhuabang #xianhuaph,
  body.mobile-layout #xianhuabang #songhuaph {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  body.mobile-layout #xianhuabang #xianhuaph[style*="display:none"],
  body.mobile-layout #xianhuabang #xianhuaph[style*="display: none"],
  body.mobile-layout #xianhuabang #songhuaph[style*="display:none"],
  body.mobile-layout #xianhuabang #songhuaph[style*="display: none"] {
    display: none !important;
  }

  body.mobile-layout #xianhuabang #xianhuaph > div,
  body.mobile-layout #xianhuabang #songhuaph > div {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 7px !important;
    border: 1px solid #3e5870 !important;
    border-radius: 8px !important;
    background: #142331 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #xianhuabang #xianhuaph > div > div,
  body.mobile-layout #xianhuabang #songhuaph > div > div {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 4px 0 0 !important;
    vertical-align: middle !important;
    line-height: 22px !important;
  }

  body.mobile-layout #xianhuabang #xianhuaph > div > div img,
  body.mobile-layout #xianhuabang #songhuaph > div > div img {
    max-width: 54px !important;
    max-height: 54px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    vertical-align: middle !important;
  }

  body.mobile-layout #xianhuabang #xianhuadiyi,
  body.mobile-layout #xianhuabang #xianhuaersan,
  body.mobile-layout #xianhuabang #xianhuasishi,
  body.mobile-layout #xianhuabang #xianhuacanyu {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 7px !important;
    min-height: 76px !important;
  }

  body.mobile-layout #xianhuabang #xianhuadiyi > div:last-child,
  body.mobile-layout #xianhuabang #xianhuaersan > div:last-child,
  body.mobile-layout #xianhuabang #xianhuasishi > div:last-child,
  body.mobile-layout #xianhuabang #xianhuacanyu > div:last-child {
    grid-column: 1 / -1 !important;
  }

  body.mobile-layout #xianhuabang #xianhuadiyi input,
  body.mobile-layout #xianhuabang #xianhuaersan input,
  body.mobile-layout #xianhuabang #xianhuasishi input,
  body.mobile-layout #xianhuabang #xianhuacanyu input {
    width: 100% !important;
    margin: 4px 0 0 !important;
  }

  body.mobile-layout #zhuanpan #zhuanpantxt {
    position: absolute !important;
    left: 10px !important;
    top: 74px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 8px !important;
    width: calc(100vw - 20px) !important;
    height: calc(100dvh - 86px) !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #0b1520 !important;
    border: 1px solid #2c435a !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #zhuanpan #zhuanpantxt > div[id^="zhuanpandaojubg"],
  body.mobile-layout #zhuanpan #zhuanpanjiandanjieshaobg {
    display: none !important;
  }

  body.mobile-layout #zhuanpan #zhuanpantxt > div[id^="zhuanpandaojutxt"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid #906d35 !important;
    border-radius: 10px !important;
    background: radial-gradient(circle at 50% 35%, #3f4850, #151f29) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #zhuanpan #zhuanpantxt > div[id^="zhuanpandaojutxt"] img {
    display: block !important;
    width: min(100%, 58px) !important;
    height: auto !important;
    max-height: 58px !important;
    object-fit: contain !important;
  }

  body.mobile-layout #zhuanpan #zhuanpantxt > div[id^="zhuanpandaojunum"] {
    position: absolute !important;
    left: 2px !important;
    right: 2px !important;
    top: auto !important;
    bottom: 3px !important;
    width: auto !important;
    height: 18px !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  body.mobile-layout #zhuanpan #zhuanpanchoujiangstartbtn,
  body.mobile-layout #zhuanpan #zhuanpanchoujiangstopbtn {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 50px !important;
    height: auto !important;
    margin: 4px 0 0 !important;
    padding: 8px !important;
    border: 1px solid #d2a652 !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #5b4220, #2b2417) !important;
    color: #fff0c6 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #zhuanpan #zhuanpanchoujiangstopbtn[style*="display:none"],
  body.mobile-layout #zhuanpan #zhuanpanchoujiangstopbtn[style*="display: none"] {
    display: none !important;
  }

  /* Wish tree, bridge, shop and escort cards. */
  body.mobile-layout #xuyuanshu #xuyuanshutxt,
  body.mobile-layout #queqiao #queqiaotxt,
  body.mobile-layout #biaoche #biaochetxt,
  body.mobile-layout #tehuishangcheng #tehuishangchengtxt {
    padding: 10px !important;
  }

  body.mobile-layout #xuyuanshu #xuyuanshutxt > .mobile-sjboss-wrap,
  body.mobile-layout #queqiao #queqiaotxt > .mobile-sjboss-wrap,
  body.mobile-layout #biaoche #biaochetxt > .mobile-sjboss-wrap,
  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div:first-child {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #xuyuanshu #xuyuanshutxt > .mobile-sjboss-wrap > div:first-child,
  body.mobile-layout #queqiao #queqiaotxt > .mobile-sjboss-wrap > div:first-child {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 190px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #527059 !important;
    border-radius: 12px !important;
    background: #15241c !important;
  }

  body.mobile-layout #xuyuanshu #xuyuanshutxt > .mobile-sjboss-wrap > div:first-child img,
  body.mobile-layout #queqiao #queqiaotxt > .mobile-sjboss-wrap > div:first-child img {
    display: block !important;
    width: 100% !important;
    height: 188px !important;
    object-fit: cover !important;
  }

  body.mobile-layout #queqiao #queqiaotxt > .mobile-sjboss-wrap > div:nth-child(2) {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    height: 190px !important;
    max-width: 100% !important;
    margin: 0 !important;
    background-size: auto 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
  }

  body.mobile-layout #queqiao #queqiaotxt > .mobile-sjboss-wrap > div:nth-child(3) {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid #465c71 !important;
    border-radius: 10px !important;
    background: #12202c !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #queqiao #queqiaotxt > .mobile-sjboss-wrap > div:nth-child(3) > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 30px !important;
    margin: 4px 0 !important;
    padding: 4px !important;
    border-bottom: 1px solid rgba(112, 145, 170, .35) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #xuyuanshu #xuyuanshujl1,
  body.mobile-layout #queqiao #xuyuanshujl1 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: auto !important;
    min-height: 132px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid #77653a !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #292416, #111b23) !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  body.mobile-layout #xuyuanshu #xuyuanshujl1 > div,
  body.mobile-layout #queqiao #xuyuanshujl1 > div {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body.mobile-layout #xuyuanshu #xuyuanshujl1 > div:first-child,
  body.mobile-layout #queqiao #xuyuanshujl1 > div:first-child {
    width: 52px !important;
    height: 52px !important;
    background-position: center center !important;
    background-size: contain !important;
  }

  body.mobile-layout #xuyuanshu #xuyuanshujl1 input,
  body.mobile-layout #queqiao #xuyuanshujl1 input {
    width: 100% !important;
    min-height: 38px !important;
    margin: 4px 0 0 !important;
    font-size: 14px !important;
  }

  body.mobile-layout #xuyuanshu #xianhuabangjs,
  body.mobile-layout #queqiao #xianhuabangjs,
  body.mobile-layout #biaoche #xianhuabangjs,
  body.mobile-layout #tehuishangcheng #xianhuabangjs {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    margin: 0 !important;
  }

  body.mobile-layout #xuyuanshu #xianhuabangjs > div,
  body.mobile-layout #queqiao #xianhuabangjs > div,
  body.mobile-layout #biaoche #xianhuabangjs > div,
  body.mobile-layout #tehuishangcheng #xianhuabangjs > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 9px !important;
    border: 1px solid #4c8b76 !important;
    border-radius: 8px !important;
    background: #17362f !important;
    box-sizing: border-box !important;
    color: #e5fff2 !important;
    font-size: 15px !important;
    line-height: 24px !important;
    text-align: center !important;
  }

  body.mobile-layout #xuyuanshu #jindukuang,
  body.mobile-layout #xuyuanshu #jindutiao,
  body.mobile-layout #xuyuanshu #xianshishuzhi,
  body.mobile-layout #xuyuanshu #dengji {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: 6 !important;
    height: 24px !important;
    margin: 0 !important;
  }

  body.mobile-layout #xuyuanshu #jindukuang,
  body.mobile-layout #queqiao #jindukuang {
    width: 100% !important;
    border: 1px solid #6c8452 !important;
    border-radius: 12px !important;
    background-size: 100% 100% !important;
  }

  body.mobile-layout #xuyuanshu #jindutiao,
  body.mobile-layout #queqiao #jindutiao {
    justify-self: start !important;
    max-width: 100% !important;
    background-size: auto 100% !important;
  }

  body.mobile-layout #xuyuanshu #xianshishuzhi,
  body.mobile-layout #queqiao #xianshishuzhi {
    width: 100% !important;
    color: #efffdc !important;
    font-size: 13px !important;
    line-height: 24px !important;
    text-align: center !important;
    z-index: 2 !important;
  }

  body.mobile-layout #xuyuanshu #dengji {
    justify-self: start !important;
    width: auto !important;
    padding-left: 8px !important;
    color: #fff0a6 !important;
    line-height: 24px !important;
    z-index: 3 !important;
  }

  body.mobile-layout #queqiao #jindukuang,
  body.mobile-layout #queqiao #jindutiao,
  body.mobile-layout #queqiao #xianshishuzhi {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    height: 24px !important;
    margin: 0 !important;
  }

  body.mobile-layout #queqiao #queqiaotxt > .mobile-sjboss-wrap > div:last-child {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid #4c6680 !important;
    border-radius: 8px !important;
    background: #162638 !important;
    box-sizing: border-box !important;
    line-height: 26px !important;
    text-align: center !important;
  }

  body.mobile-layout #queqiao #queqiaojianshexiaolv {
    width: 92px !important;
    min-height: 34px !important;
    margin: 0 5px !important;
  }

  body.mobile-layout #biaoche #tuangousp1,
  body.mobile-layout #biaoche #tuangousp2 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 270px !important;
    margin: 0 !important;
    padding: 28px 8px 8px !important;
    border: 1px solid #4f6c80 !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #162736, #0d1721) !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
  }

  body.mobile-layout #biaoche #tuangousp1 > div,
  body.mobile-layout #biaoche #tuangousp2 > div {
    position: absolute !important;
    left: 0 !important;
    top: 5px !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
  }

  body.mobile-layout #biaoche #tuangousp1 img,
  body.mobile-layout #biaoche #tuangousp2 img {
    display: block !important;
    width: 100% !important;
    height: 172px !important;
    margin: 0 auto 5px !important;
    object-fit: contain !important;
  }

  body.mobile-layout #biaoche #biaochetxt > .mobile-sjboss-wrap > div:nth-last-child(2) {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 86px !important;
    margin: 0 !important;
    padding: 9px !important;
    border: 1px solid #866a3b !important;
    border-radius: 10px !important;
    background: #242015 !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
  }

  body.mobile-layout #biaoche #biaochetxt > .mobile-sjboss-wrap > div:nth-last-child(2) input {
    min-width: calc(50% - 12px) !important;
    margin: 7px 3px 0 !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div[id^="fanli"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: auto !important;
    min-height: 172px !important;
    margin: 0 !important;
    padding: 9px !important;
    border: 1px solid #a66038 !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #31221c, #131c25) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div[id^="fanli"] > div {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div[id^="fanli"] > div[id^="fanlibg"] {
    display: none !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div[id^="fanli"] > div[id^="fanlitianshu"] {
    min-height: 42px !important;
    color: #ffe0a4 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div[id^="fanli"] > div[id^="fanlijlpic"] img {
    display: block !important;
    width: 58px !important;
    height: 58px !important;
    margin: 3px auto !important;
    object-fit: contain !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div[id^="fanli"] > div[id^="fanlijllingqu"] > div:first-child {
    display: none !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div[id^="fanli"] > div[id^="fanlijllingqu"] > div:last-child {
    min-height: 38px !important;
    padding: 7px !important;
    border: 1px solid #c48c3e !important;
    border-radius: 7px !important;
    background: #5a3d20 !important;
    color: #fff3cc !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }

  /* Forge and synthesis preserve their selected tab and turn card lists into grids. */
  body.mobile-layout #duanzao #duanzaotxt > div:first-child,
  body.mobile-layout #hecheng #hechengtxt > div:first-child {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="duanzaoxz"],
  body.mobile-layout #hecheng #hechengtxt > div:first-child > div[id^="hechengbtn"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border: 1px solid #9c783b !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #3a4551, #1a2733) !important;
    color: #ffe6a0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"],
  body.mobile-layout #hecheng #hechengtxt > div:first-child > div[id^="hecheng"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"][style*="display:none"],
  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"][style*="display: none"],
  body.mobile-layout #hecheng #hechengtxt > div:first-child > div[id^="hecheng"][style*="display:none"],
  body.mobile-layout #hecheng #hechengtxt > div:first-child > div[id^="hecheng"][style*="display: none"] {
    display: none !important;
  }

  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"]:not([style*="display:none"]):not([style*="display: none"]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 9px !important;
    padding: 9px !important;
    border: 1px solid #526d84 !important;
    border-radius: 11px !important;
    background: #111d28 !important;
  }

  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"] > div:first-child {
    display: none !important;
  }

  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"] > div:not([id]):nth-child(2) {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 150px !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow: hidden !important;
    border: 1px solid #716044 !important;
    border-radius: 9px !important;
    background: #1d2024 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"] > div:not([id]):nth-child(2) > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"] > div:not([id]):nth-child(2) img {
    max-width: 120px !important;
    max-height: 106px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.mobile-layout #duanzao #zhuangbeisx,
  body.mobile-layout #duanzao #zhuangbeixq {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 204px !important;
    margin: 0 !important;
    padding: 9px !important;
    border: 1px solid #4d6579 !important;
    border-radius: 9px !important;
    background: #142331 !important;
    box-sizing: border-box !important;
    color: #e4eff7 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: left !important;
  }

  body.mobile-layout #duanzao #zhuangbeisx font,
  body.mobile-layout #duanzao #zhuangbeixq font {
    display: block !important;
    margin-top: 5px !important;
    font-size: 15px !important;
    line-height: 22px !important;
  }

  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"] > div[id^="zbqh"],
  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"] > div[id^="zbjl"],
  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"] > div[id^="zbtf"],
  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"] > div[id^="zbfj"],
  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"] > div[id^="zbjs"],
  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"] > div[id^="fjzb"],
  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"] > div[id^="zbpz"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 42px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5px !important;
    border: 1px solid #a98041 !important;
    border-radius: 8px !important;
    background: #3b3222 !important;
    color: #fff0bc !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hechengshengjixiaolvbg {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid #4e6a82 !important;
    border-radius: 8px !important;
    background: #162636 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hechengshengjixiaolv {
    width: 92px !important;
    min-height: 34px !important;
  }

  body.mobile-layout #hecheng #hechengtxt > div:first-child > div[id^="hecheng"]:not([style*="display:none"]):not([style*="display: none"]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 9px !important;
    padding: 9px !important;
    border: 1px solid #4a657a !important;
    border-radius: 10px !important;
    background: #10202c !important;
  }

  body.mobile-layout #hecheng #hechengtxt > div:first-child > div[id^="hecheng"] > div[id^="chengchi"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 156px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid #746048 !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, #27313a, #121c24) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.mobile-layout #hecheng #hechengtxt > div:first-child > div[id^="hecheng"] > div[id^="chengchi"] > div:first-child {
    display: none !important;
  }

  body.mobile-layout #hecheng #hechengtxt > div:first-child > div[id^="hecheng"] > div[id^="chengchi"] > div:not(:first-child) {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    color: #e8f0f6 !important;
    font-size: 13px !important;
    line-height: 19px !important;
    text-align: center !important;
  }

  body.mobile-layout #hecheng #hechengtxt > div:first-child > div[id^="hecheng"] > div[id^="chengchi"] img {
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    margin: 3px auto !important;
    object-fit: contain !important;
  }

  body.mobile-layout #hecheng #hechengtxt > div:first-child > div[id^="hecheng"] > div[id^="chengchi"] > div:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    margin-top: auto !important;
    border: 1px solid #a47d3f !important;
    border-radius: 7px !important;
    background: #3b3222 !important;
    color: #fff2ca !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  /* Ten multi-gift rows become stacked purchase cards. */
  body.mobile-layout #duobeicz #duobeicztxt {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    padding: 10px !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div[id^="duobeicz"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 7px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 154px !important;
    margin: 0 !important;
    padding: 9px !important;
    border: 1px solid #806441 !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #2b241a, #111b24) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div[id^="duobeicz"] > div {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    color: #e7f0f8 !important;
    font-size: 13px !important;
    line-height: 19px !important;
    text-align: center !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div[id^="duobeicz"] > div img {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    margin: 2px auto !important;
    object-fit: contain !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div[id^="duobeicz"] > #lingqujl {
    grid-column: 1 / -1 !important;
    min-height: 46px !important;
    padding-top: 4px !important;
    border-top: 1px solid rgba(197, 158, 86, .4) !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div[id^="duobeicz"] > #lingqujl input {
    width: min(100%, 220px) !important;
    min-height: 40px !important;
    margin: 0 0 3px !important;
  }
}

/* mobile other feature layout refinement 20260718 */
@media screen and (max-width: 767px) {
  /* The panel selector above intentionally targets only real synthesis panels. */
  body.mobile-layout #hecheng #hechengtxt > div:first-child > div[id^="hechengbtn"] {
    grid-column: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 4px !important;
    border: 1px solid #9c783b !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #3a4551, #1a2733) !important;
    color: #ffe6a0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-align: center !important;
  }

  body.mobile-layout #hecheng #hechengshengjixiaolvbg {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 48px !important;
    padding: 8px !important;
    border: 1px solid #4e6a82 !important;
    border-radius: 8px !important;
    background: #162636 !important;
  }

  body.mobile-layout #hecheng #hechengtxt > div:first-child > #hecheng1:not([style*="display:none"]):not([style*="display: none"]),
  body.mobile-layout #hecheng #hechengtxt > div:first-child > #hecheng2:not([style*="display:none"]):not([style*="display: none"]),
  body.mobile-layout #hecheng #hechengtxt > div:first-child > #hecheng3:not([style*="display:none"]):not([style*="display: none"]),
  body.mobile-layout #hecheng #hechengtxt > div:first-child > #hecheng5:not([style*="display:none"]):not([style*="display: none"]) {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mobile-layout #hecheng #hechengtxt > div:first-child > #hecheng1[style*="display:none"],
  body.mobile-layout #hecheng #hechengtxt > div:first-child > #hecheng1[style*="display: none"],
  body.mobile-layout #hecheng #hechengtxt > div:first-child > #hecheng2[style*="display:none"],
  body.mobile-layout #hecheng #hechengtxt > div:first-child > #hecheng2[style*="display: none"],
  body.mobile-layout #hecheng #hechengtxt > div:first-child > #hecheng3[style*="display:none"],
  body.mobile-layout #hecheng #hechengtxt > div:first-child > #hecheng3[style*="display: none"],
  body.mobile-layout #hecheng #hechengtxt > div:first-child > #hecheng5[style*="display:none"],
  body.mobile-layout #hecheng #hechengtxt > div:first-child > #hecheng5[style*="display: none"] {
    display: none !important;
  }

  body.mobile-layout #xianhuabang #xianhuabangjs {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    margin: 0 0 8px !important;
  }

  body.mobile-layout #xianhuabang #xianhuabangjs > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid #548877 !important;
    border-radius: 7px !important;
    background: #17362f !important;
    box-sizing: border-box !important;
    color: #e5fff2 !important;
    line-height: 24px !important;
    text-align: center !important;
  }
}

/* mobile other pages scroll and flow repair 20260718 */
@media screen and (max-width: 767px) {
  body.mobile-layout #queqiao #queqiaotxt,
  body.mobile-layout #duanzao #duanzaotxt,
  body.mobile-layout #kuanggong #guajitxt,
  body.mobile-layout #meirirenwu #meirirenwutxt,
  body.mobile-layout #baoxiang #wudaotxt,
  body.mobile-layout #lingdi #lingditxt,
  body.mobile-layout #jiaomiepanjun #jiaomiepanjuntxt,
  body.mobile-layout #xianhuabang #xianhuabangtxt,
  body.mobile-layout #zhuanpan #zhuanpantxt,
  body.mobile-layout #xuyuanshu #xuyuanshutxt,
  body.mobile-layout #tehuishangcheng #tehuishangchengtxt,
  body.mobile-layout #hecheng #hechengtxt,
  body.mobile-layout #biaoche #biaochetxt,
  body.mobile-layout #duobeicz #duobeicztxt {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }

  /* The bridge ranking uses a real three-column row so long names cannot cover totals. */
  body.mobile-layout #queqiao #queqiaotxt > .mobile-sjboss-wrap > div:nth-child(3) > div {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) minmax(0, 1.2fr) !important;
    align-items: center !important;
    column-gap: 6px !important;
    min-height: 42px !important;
  }

  body.mobile-layout #queqiao #queqiaotxt > .mobile-sjboss-wrap > div:nth-child(3) > div > * {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
    line-height: 22px !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.mobile-layout #queqiao #queqiaotxt > .mobile-sjboss-wrap > div:nth-child(3) > div > :first-child {
    justify-self: center !important;
    text-align: center !important;
  }

  /* Keep the forge title in the content flow instead of leaving its PC absolute offset. */
  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"] > div:nth-child(2) {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  body.mobile-layout #duanzao #duanzaotxt > div:first-child > div[id^="zbdz"] > div:nth-child(5) {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 100% !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    overflow: hidden !important;
    border: 1px solid #6a4b35 !important;
    border-radius: 7px !important;
    background: #201817 !important;
    box-sizing: border-box !important;
    color: #ffb08d !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 21px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.mobile-layout #duanzao #zhuangbeisx {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  body.mobile-layout #duanzao #zhuangbeixq {
    grid-column: 2 !important;
    grid-row: 3 !important;
  }

  /* Territory tabs must scroll with their cards; sticky tabs masked the lower rows. */
  body.mobile-layout #lingdi #lingdibtn {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
  }

  /* Do not let flexbox shrink the rebel card grid below its real five-row height. */
  body.mobile-layout #jiaomiepanjun #bossjiemian,
  body.mobile-layout #jiaomiepanjun #panjunnandujm,
  body.mobile-layout #jiaomiepanjun #panjunjs {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    align-self: stretch !important;
  }

  body.mobile-layout #jiaomiepanjun #panjunnanduxiaolvbg {
    position: relative !important;
    z-index: auto !important;
  }

  /* The shop source nests cards one level deeper than the original desktop selectors. */
  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div:first-child {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div:first-child > div[id^="fanli"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 172px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    overflow: hidden !important;
    border: 1px solid #8b6841 !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #2c271d, #121c25) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div:first-child > div[id^="fanli"] > div[id^="fanlibg"] {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: auto !important;
    height: auto !important;
    opacity: .18 !important;
    pointer-events: none !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div:first-child > div[id^="fanli"] > div:not([id^="fanlibg"]) {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div:first-child > div[id^="fanli"] > div[id^="fanlitianshu"] {
    min-height: 36px !important;
    color: #fff1bd !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div:first-child > div[id^="fanli"] > div[id^="fanlijlpic"] img {
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    margin: 2px auto !important;
    object-fit: contain !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div:first-child > div[id^="fanli"] > div[id^="fanlijlname"] {
    color: #dceaf4 !important;
    font-size: 13px !important;
    line-height: 19px !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div:first-child > div[id^="fanli"] > div[id^="fanlijllingqu"] input {
    width: 100% !important;
    min-height: 36px !important;
    margin: 2px 0 0 !important;
    font-size: 14px !important;
  }

  /* Multi-gift rows are also nested under a desktop fixed-width wrapper. */
  body.mobile-layout #duobeicz #duobeicztxt > div:first-child {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 152px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 9px !important;
    overflow: hidden !important;
    border: 1px solid #806441 !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #2b241a, #111b24) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] > div {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    color: #e7f0f8 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    text-align: center !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] > #chushijl {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] > #beishu {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] > #dikuang {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    padding-top: 31px !important;
    color: #ffd875 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] > #beishucheng,
  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] > #jiantou,
  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] > #dikuang img {
    display: none !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] > #jiangli {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] > #chushijl img,
  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] > #beishu img,
  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] > #jiangli img {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    margin: 2px auto !important;
    object-fit: contain !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] > #lingqujl {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-height: 46px !important;
    padding-top: 5px !important;
    border-top: 1px solid rgba(197, 158, 86, .4) !important;
  }

  body.mobile-layout #duobeicz #duobeicztxt > div:first-child > div[id^="duobeicz"] > #lingqujl input {
    width: min(100%, 220px) !important;
    min-height: 40px !important;
    margin: 0 0 3px !important;
    font-size: 14px !important;
  }
}

/* mobile other pages action control repair 20260718 */
@media screen and (max-width: 767px) {
  /* The bridge efficiency input and confirmation link stay on one usable row. */
  body.mobile-layout #queqiao #queqiaotxt > .mobile-sjboss-wrap > div:last-child {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px !important;
    font-size: 13px !important;
    line-height: 22px !important;
  }

  body.mobile-layout #queqiao #queqiaojianshexiaolv {
    flex: 0 0 92px !important;
    width: 92px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.mobile-layout #queqiao #queqiaotxt > .mobile-sjboss-wrap > div:last-child a {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    padding: 5px 10px !important;
    border: 1px solid #9b7d3e !important;
    border-radius: 7px !important;
    background: #30475a !important;
    color: #fff0bd !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  /* The purchase control is made of two desktop absolute divs, not an input. */
  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div:first-child > div[id^="fanli"] > div[id^="fanlijllingqu"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    margin: 3px 0 0 !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div:first-child > div[id^="fanli"] > div[id^="fanlijllingqu"] > div:first-child {
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    border: 1px solid #a98243 !important;
    border-radius: 7px !important;
    background: #20180e !important;
    opacity: 1 !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #tehuishangcheng #tehuishangchengtxt > div:first-child > div[id^="fanli"] > div[id^="fanlijllingqu"] > div:last-child {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
    color: #fff0bd !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}

/* mobile multi-gift trailing action flow repair 20260718 */
@media screen and (max-width: 767px) {
  body.mobile-layout #duobeicz #xianhuabangjs {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 44px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #duobeicz #xianhuabangjs > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 7px !important;
    border: 1px solid #4b806b !important;
    border-radius: 8px !important;
    background: #17362f !important;
    box-sizing: border-box !important;
    color: #e7fff0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: center !important;
  }
}

/* mobile shop auction rank redesign 20260718v1 */
#shangcheng .mobile-shop-item-name,
#shangcheng .mobile-shop-item-price {
  display: none;
}

@media screen and (max-width: 767px) {
  body.mobile-layout #shangcheng #mobile-shop-tabs {
    position: absolute !important;
    z-index: 24 !important;
    left: 8px !important;
    top: 72px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: calc(100vw - 16px) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shangcheng #mobile-shop-tabs .mobile-shop-tab {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    overflow: hidden !important;
    border: 1px solid #36546d !important;
    border-radius: 8px !important;
    background: linear-gradient(145deg, #1d3244, #12202e) !important;
    color: #d9eefa !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shangcheng #mobile-shop-tabs .mobile-shop-tab.yellow {
    border-color: #9e7d37 !important;
    background: linear-gradient(145deg, #4a381d, #241b12) !important;
    color: #ffe8a1 !important;
  }

  body.mobile-layout #shangcheng > div[style*="top:110px"] {
    position: absolute !important;
    z-index: 23 !important;
    left: 8px !important;
    top: 160px !important;
    display: block !important;
    width: calc(100vw - 16px) !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 1px solid #2e4960 !important;
    border-radius: 8px !important;
    background: #0e1b27 !important;
    color: #b9d7e9 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    white-space: nowrap !important;
    text-align: left !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.mobile-layout #shangcheng > div[id$="shangchengtxt"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.mobile-layout #shangcheng div[id$="shangchengtxttxt"] {
    position: absolute !important;
    z-index: 10 !important;
    left: 8px !important;
    top: 214px !important;
    right: 8px !important;
    bottom: 10px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 108px !important;
    align-content: start !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    gap: 10px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid #29455d !important;
    border-radius: 10px !important;
    background: #091521 !important;
    box-sizing: border-box !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.mobile-layout #shangcheng div[id$="shangchengtxttxt"] > div.mobile-shop-item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 108px !important;
    min-height: 108px !important;
    margin: 0 !important;
    padding: 11px 9px 9px 78px !important;
    overflow: hidden !important;
    border: 1px solid #405d73 !important;
    border-radius: 10px !important;
    background-color: #142433 !important;
    background-position: 12px 20px !important;
    background-size: 54px 54px !important;
    background-repeat: no-repeat !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shangcheng .mobile-shop-item-name {
    display: -webkit-box !important;
    min-width: 0 !important;
    min-height: 38px !important;
    overflow: hidden !important;
    color: #f5edcf !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 19px !important;
    text-align: left !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body.mobile-layout #shangcheng .mobile-shop-item-price {
    display: block !important;
    min-width: 0 !important;
    margin-top: 8px !important;
    overflow: hidden !important;
    color: #f0c75d !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.mobile-layout #shangcheng .mobile-shop-item-price em {
    margin-left: 4px !important;
    color: #97bbd2 !important;
    font-size: 12px !important;
    font-style: normal !important;
  }

  body.mobile-layout #shangcheng div[id$="shangchengtxttxt"]::-webkit-scrollbar,
  body.mobile-layout #shangcheng > div[style*="top:110px"]::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
  }

  body.mobile-layout #paimaihang #shengjijieshao {
    position: absolute !important;
    z-index: 22 !important;
    left: 8px !important;
    top: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100vw - 16px) !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    overflow: hidden !important;
    border: 1px solid #2e4960 !important;
    border-radius: 8px !important;
    background: #0e1b27 !important;
    color: #b9d7e9 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #paimaihang #paimaihanglefttag0 {
    position: absolute !important;
    z-index: 22 !important;
    left: 8px !important;
    top: 112px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100vw - 16px) !important;
    height: 40px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #a17c39 !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, #4a381d, #241b12) !important;
    color: #ffe5a2 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #paimaihang #paimaihanglefttag0 u {
    color: inherit !important;
    text-decoration: none !important;
  }

  body.mobile-layout #paimaihang #paimaihangchaxuntxt {
    position: absolute !important;
    z-index: 10 !important;
    left: 8px !important;
    top: 164px !important;
    right: 8px !important;
    bottom: 10px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: 110px !important;
    align-content: start !important;
    gap: 10px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid #29455d !important;
    border-radius: 10px !important;
    background: #091521 !important;
    color: #d8edf7 !important;
    font-size: 14px !important;
    text-align: left !important;
    box-sizing: border-box !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.mobile-layout #paimaihang #paimaihangchaxuntxt:empty::after {
    content: "\6682\65e0\53ef\8d2d\4e70\7684\6750\6599" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 130px !important;
    color: #8eaec3 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
  }

  body.mobile-layout #paimaihang #paimaihangchaxuntxt > div.mobile-auction-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 110px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #405d73 !important;
    border-radius: 10px !important;
    background: #142433 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #paimaihang .mobile-auction-card > div[id^="paimaihangdaojutxt"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
  }

  body.mobile-layout #paimaihang .mobile-auction-card div[id^="paimaihangdaojubg"] {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    border: 0 !important;
    background-position: 12px 18px !important;
    background-size: 58px 58px !important;
    background-repeat: no-repeat !important;
  }

  body.mobile-layout #paimaihang .mobile-auction-card div[id^="paimaihangdaojubg"] > a {
    position: absolute !important;
    z-index: 2 !important;
    inset: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
  }

  body.mobile-layout #paimaihang .mobile-auction-card #alt_div {
    position: absolute !important;
    z-index: 3 !important;
    left: 12px !important;
    top: 18px !important;
    display: block !important;
    width: 58px !important;
    height: 58px !important;
  }

  body.mobile-layout #paimaihang .mobile-auction-card #alt_div img {
    display: block !important;
    width: 58px !important;
    height: 58px !important;
    object-fit: contain !important;
  }

  body.mobile-layout #paimaihang .mobile-auction-card div[id^="paimaihangdaojunum"] {
    display: none !important;
  }

  body.mobile-layout #paimaihang .mobile-auction-item-name,
  body.mobile-layout #paimaihang .mobile-auction-item-detail {
    position: absolute !important;
    z-index: 4 !important;
    left: 84px !important;
    right: 14px !important;
    min-width: 0 !important;
    pointer-events: none !important;
  }

  body.mobile-layout #paimaihang .mobile-auction-item-name {
    top: 14px !important;
    overflow: hidden !important;
    color: #f7edcb !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.mobile-layout #paimaihang .mobile-auction-item-detail {
    top: 50px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 14px !important;
    color: #a7c6d8 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-align: left !important;
  }

  body.mobile-layout #paimaihang .mobile-auction-item-detail span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.mobile-layout #paimaihang .mobile-auction-item-qty::before {
    content: "\6570\91cf  " !important;
    color: #82acd0 !important;
  }

  body.mobile-layout #paimaihang .mobile-auction-item-price::before {
    content: "\5355\4ef7  " !important;
    color: #f0c75d !important;
  }

  body.mobile-layout #paimaihang .mobile-auction-card::after {
    content: "\67e5\770b\5e76\8d2d\4e70" !important;
    position: absolute !important;
    z-index: 4 !important;
    right: 14px !important;
    bottom: 12px !important;
    color: #74c9e8 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    pointer-events: none !important;
  }

  body.mobile-layout #paihangbang #huodongbtn1 {
    position: absolute !important;
    z-index: 24 !important;
    left: 8px !important;
    top: 72px !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: calc(100vw - 16px) !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #paihangbang #huodongbtn1 > div[id^="paihangbang"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    overflow: hidden !important;
    border: 1px solid #36546d !important;
    border-radius: 8px !important;
    background: linear-gradient(145deg, #1d3244, #12202e) !important;
    color: #d9eefa !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt {
    position: absolute !important;
    z-index: 10 !important;
    left: 8px !important;
    top: 126px !important;
    right: 8px !important;
    bottom: 10px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #29455d !important;
    border-radius: 10px !important;
    background: #091521 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt > div[id$="bang"] {
    position: absolute !important;
    inset: 0 !important;
    grid-template-columns: 38px minmax(0, 1fr) minmax(72px, 34%) 64px !important;
    grid-auto-rows: 38px !important;
    align-content: start !important;
    align-items: center !important;
    column-gap: 4px !important;
    row-gap: 3px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt > div[id$="bang"][style*="display:block"],
  body.mobile-layout #paihangbang #paihangbangtxt > div[id$="bang"][style*="display: block"] {
    display: grid !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt > div[id$="bang"] > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    overflow: hidden !important;
    border: 1px solid #304c63 !important;
    background: rgba(19, 36, 50, .78) !important;
    line-height: 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt > div[id$="bang"] > div:first-child {
    grid-column: 1 / -1 !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    border-color: #8e7137 !important;
    border-radius: 7px !important;
    background: linear-gradient(90deg, #292015, #4c3a1b, #292015) !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt > div[id$="bang"] > div:first-child font {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    color: #ffe49a !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt div[id="paihangmc"],
  body.mobile-layout #paihangbang #paihangbangtxt div[id="paihangname"],
  body.mobile-layout #paihangbang #paihangbangtxt div[id="paihanglv"],
  body.mobile-layout #paihangbang #paihangbangtxt div[id="caozuo"] {
    border-color: #486981 !important;
    background: #182d3e !important;
    color: #b8d7e9 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt > div[id$="bang"] > div:not(:first-child) font {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt div[id^="mingci"] font {
    color: #ffd767 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt div[id^="lv"],
  body.mobile-layout #paihangbang #paihangbangtxt div[id^="zhanli"],
  body.mobile-layout #paihangbang #paihangbangtxt div[id^="rmb"],
  body.mobile-layout #paihangbang #paihangbangtxt div[id^="yinyuan"],
  body.mobile-layout #paihangbang #paihangbangtxt div[id^="yijie"] {
    color: #f2cf72 !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt > div[id$="bang"] > a {
    position: relative !important;
    display: block !important;
    width: auto !important;
    height: 38px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt > div[id$="bang"] > a > div[id^="chakan"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 3px !important;
    overflow: hidden !important;
    border: 1px solid #3e7691 !important;
    border-radius: 7px !important;
    background: #15384c !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt > div[id$="bang"] > a > div[id^="chakan"] font {
    display: block !important;
    width: 100% !important;
    height: 36px !important;
    overflow: hidden !important;
    color: #a9e7ff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* mobile shop auction rank specificity correction 20260718v2 */
@media screen and (max-width: 767px) {
  body.mobile-layout #shangcheng #mobile-shop-tabs {
    z-index: 10020 !important;
  }

  body.mobile-layout #shangcheng > div[style*="top:110px"] {
    z-index: 10019 !important;
  }

  body.mobile-layout #shangcheng #yinyuanshangchengtxt,
  body.mobile-layout #shangcheng #jinyuanshangchengtxt,
  body.mobile-layout #shangcheng #gongxianshangchengtxt,
  body.mobile-layout #shangcheng #rongyushangchengtxt,
  body.mobile-layout #shangcheng #yuanbaoshangchengtxt,
  body.mobile-layout #shangcheng #jifenshangchengtxt {
    position: absolute !important;
    z-index: 1 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.mobile-layout #shangcheng #yinyuanshangchengtxttxt,
  body.mobile-layout #shangcheng #jinyuanshangchengtxttxt,
  body.mobile-layout #shangcheng #gongxianshangchengtxttxt,
  body.mobile-layout #shangcheng #rongyushangchengtxttxt,
  body.mobile-layout #shangcheng #yuanbaoshangchengtxttxt,
  body.mobile-layout #shangcheng #jifenshangchengtxttxt {
    position: absolute !important;
    z-index: 10 !important;
    left: 8px !important;
    top: 214px !important;
    right: 8px !important;
    bottom: 10px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 108px !important;
    align-content: start !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    gap: 10px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #shangcheng #yinyuanshangchengtxttxt > div.mobile-shop-item,
  body.mobile-layout #shangcheng #jinyuanshangchengtxttxt > div.mobile-shop-item,
  body.mobile-layout #shangcheng #gongxianshangchengtxttxt > div.mobile-shop-item,
  body.mobile-layout #shangcheng #rongyushangchengtxttxt > div.mobile-shop-item,
  body.mobile-layout #shangcheng #yuanbaoshangchengtxttxt > div.mobile-shop-item,
  body.mobile-layout #shangcheng #jifenshangchengtxttxt > div.mobile-shop-item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 108px !important;
    min-height: 108px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}

/* mobile shop full-height content correction 20260718v3 */
@media screen and (max-width: 767px) {
  body.mobile-layout #shangcheng #yinyuanshangchengtxt,
  body.mobile-layout #shangcheng #jinyuanshangchengtxt,
  body.mobile-layout #shangcheng #gongxianshangchengtxt,
  body.mobile-layout #shangcheng #rongyushangchengtxt,
  body.mobile-layout #shangcheng #yuanbaoshangchengtxt,
  body.mobile-layout #shangcheng #jifenshangchengtxt {
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }
}
/* mobile auction rank content-layer correction 20260718v4 */
@media screen and (max-width: 767px) {
  body.mobile-layout #paimaihang #paimaihangtxt.mobile-panel-body,
  body.mobile-layout #paihangbang #paihangbangtxt.mobile-panel-body {
    position: absolute !important;
    z-index: 1 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }
}
/* mobile auction empty-state correction 20260718v5 */
@media screen and (max-width: 767px) {
  body.mobile-layout #paimaihang #paimaihangchaxuntxt > .mobile-auction-empty {
    position: absolute !important;
    z-index: 2 !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 24px !important;
    color: #8eaec3 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}
/* mobile rank content-position correction 20260718v6 */
@media screen and (max-width: 767px) {
  body.mobile-layout #paihangbang #paihangbangtxt.mobile-panel-body {
    position: absolute !important;
    z-index: 10 !important;
    left: 8px !important;
    top: 126px !important;
    right: 8px !important;
    bottom: 10px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #091521 !important;
    border: 1px solid #29455d !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }
}
/* mobile other recharge activity layout 20260718 */
@media screen and (max-width: 767px) {
  body.mobile-layout #hecheng #hechengtxt {
    position: absolute !important;
    z-index: 20 !important;
    left: 8px !important;
    top: 64px !important;
    right: 8px !important;
    bottom: 10px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #0b1520 !important;
    border: 1px solid #29475f !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hechengxianshi {
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hechengbtn1,
  body.mobile-layout #hecheng #hechengbtn2,
  body.mobile-layout #hecheng #hechengbtn3 {
    position: absolute !important;
    top: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc((100% - 32px) / 3) !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 3px !important;
    overflow: hidden !important;
    border: 1px solid #7e6331 !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #3a4e5c, #172633) !important;
    color: #ffe8a7 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hechengbtn1 { left: 8px !important; }
  body.mobile-layout #hecheng #hechengbtn2 { left: calc((100% - 32px) / 3 + 16px) !important; }
  body.mobile-layout #hecheng #hechengbtn3 { right: 8px !important; left: auto !important; }

  body.mobile-layout #hecheng #hechengshengjixiaolvbg {
    position: absolute !important;
    z-index: 10 !important;
    left: 8px !important;
    top: 54px !important;
    right: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: auto !important;
    min-height: 40px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px 7px !important;
    overflow: hidden !important;
    border: 1px solid #3f6079 !important;
    border-radius: 8px !important;
    background: #122131 !important;
    color: #dceaf6 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hechengshengjixiaolv {
    flex: 0 0 88px !important;
    width: 88px !important;
    min-width: 0 !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    border: 1px solid #587891 !important;
    border-radius: 6px !important;
    background: #08131e !important;
    color: #d9ff87 !important;
    font-size: 14px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hechengshengjixiaolvbg a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid #9b7d3e !important;
    border-radius: 6px !important;
    background: #31475a !important;
    color: #fff0bd !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hecheng1,
  body.mobile-layout #hecheng #hecheng2,
  body.mobile-layout #hecheng #hecheng3 {
    position: absolute !important;
    left: 8px !important;
    top: 102px !important;
    right: 8px !important;
    bottom: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 144px !important;
    align-content: start !important;
    gap: 10px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hecheng1[style*="display:block"],
  body.mobile-layout #hecheng #hecheng1[style*="display: block"],
  body.mobile-layout #hecheng #hecheng2[style*="display:block"],
  body.mobile-layout #hecheng #hecheng2[style*="display: block"],
  body.mobile-layout #hecheng #hecheng3[style*="display:block"],
  body.mobile-layout #hecheng #hecheng3[style*="display: block"] {
    display: grid !important;
  }

  body.mobile-layout #hecheng #hecheng1 > div[id^="chengchi"],
  body.mobile-layout #hecheng #hecheng2 > div[id^="chengchi"],
  body.mobile-layout #hecheng #hecheng3 > div[id^="chengchi"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 144px !important;
    min-height: 144px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #46647b !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #182b3b, #0c1721) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hecheng1 > div[id^="chengchi"] > div:first-child,
  body.mobile-layout #hecheng #hecheng2 > div[id^="chengchi"] > div:first-child,
  body.mobile-layout #hecheng #hecheng3 > div[id^="chengchi"] > div:first-child {
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    opacity: .12 !important;
    pointer-events: none !important;
  }

  body.mobile-layout #hecheng #hecheng1 > div[id^="chengchi"] > div:nth-child(2),
  body.mobile-layout #hecheng #hecheng2 > div[id^="chengchi"] > div:nth-child(2),
  body.mobile-layout #hecheng #hecheng3 > div[id^="chengchi"] > div:nth-child(2) {
    position: absolute !important;
    left: 70px !important;
    top: 10px !important;
    right: 8px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #ffe3a2 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 19px !important;
    text-align: left !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hecheng1 > div[id^="chengchi"] > div:nth-child(2) > div,
  body.mobile-layout #hecheng #hecheng2 > div[id^="chengchi"] > div:nth-child(2) > div,
  body.mobile-layout #hecheng #hecheng3 > div[id^="chengchi"] > div:nth-child(2) > div {
    position: absolute !important;
    left: -62px !important;
    top: -3px !important;
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
  }

  body.mobile-layout #hecheng #hecheng1 > div[id^="chengchi"] > div:nth-child(2) > div img,
  body.mobile-layout #hecheng #hecheng2 > div[id^="chengchi"] > div:nth-child(2) > div img,
  body.mobile-layout #hecheng #hecheng3 > div[id^="chengchi"] > div:nth-child(2) > div img {
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    object-fit: contain !important;
  }

  body.mobile-layout #hecheng #hecheng1 > div[id^="chengchi"] > div:nth-child(3),
  body.mobile-layout #hecheng #hecheng2 > div[id^="chengchi"] > div:nth-child(3),
  body.mobile-layout #hecheng #hecheng3 > div[id^="chengchi"] > div:nth-child(3) {
    position: absolute !important;
    left: 70px !important;
    top: 38px !important;
    right: 8px !important;
    width: auto !important;
    height: 50px !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #c9dbe8 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    text-align: left !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hecheng1 > div[id^="chengchi"] > div:nth-child(4),
  body.mobile-layout #hecheng #hecheng2 > div[id^="chengchi"] > div:nth-child(4),
  body.mobile-layout #hecheng #hecheng3 > div[id^="chengchi"] > div:nth-child(4) {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    top: auto !important;
    bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    overflow: hidden !important;
    border: 1px solid #9b7b3e !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, #375068, #1a2b3a) !important;
    color: #fff1c3 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #kuanggong #jieshao,
  body.mobile-layout #kuanggong #jieshaos {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border: 1px solid #34516a !important;
    border-radius: 7px !important;
    background: #122131 !important;
    color: #d4e7f5 !important;
    font-size: 13px !important;
    line-height: 19px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #kuanggong #jieshao { top: 60px !important; }
  body.mobile-layout #kuanggong #jieshaos { top: 94px !important; }

  body.mobile-layout #kuanggong #guajitxt {
    position: absolute !important;
    z-index: 20 !important;
    left: 8px !important;
    top: 132px !important;
    right: 8px !important;
    bottom: 10px !important;
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    grid-template-rows: repeat(3, minmax(126px, auto)) auto !important;
    align-content: start !important;
    gap: 10px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    background: #0b1520 !important;
    border: 1px solid #29475f !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #kuanggong #guajitxt > div:nth-child(1),
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(2),
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(3) {
    grid-column: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 126px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 7px 4px !important;
    overflow: hidden !important;
    border: 1px solid #45627c !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, #182938, #0d1720) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #kuanggong #guajitxt > div:nth-child(1) { grid-row: 1 !important; }
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(2) { grid-row: 2 !important; }
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(3) { grid-row: 3 !important; }

  body.mobile-layout #kuanggong #guajitxt > div:nth-child(4),
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(5),
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(6) {
    grid-column: 2 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 126px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow: hidden !important;
    border: 1px solid #45627c !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, #182938, #0d1720) !important;
    color: #dfeeff !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: center !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #kuanggong #guajitxt > div:nth-child(4) { grid-row: 1 !important; }
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(5) { grid-row: 2 !important; }
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(6) { grid-row: 3 !important; }

  body.mobile-layout #kuanggong #guajitxt > div:nth-child(1) img,
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(2) img,
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(3) img {
    display: block !important;
    width: 86px !important;
    height: 86px !important;
    max-height: 86px !important;
    margin: 3px auto 0 !important;
    object-fit: contain !important;
  }

  body.mobile-layout #kuanggong #guajitxt > div:nth-child(1) font,
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(2) font,
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(3) font {
    font-size: 15px !important;
    line-height: 19px !important;
    white-space: nowrap !important;
  }

  body.mobile-layout #kuanggong #guajitxt > div:nth-child(4) input,
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(5) input,
  body.mobile-layout #kuanggong #guajitxt > div:nth-child(6) input {
    display: inline-block !important;
    width: calc(50% - 4px) !important;
    min-width: 0 !important;
    min-height: 34px !important;
    margin: 4px 1px 0 !important;
    padding: 0 2px !important;
    font-size: 12px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #kuanggong #guajijilu[style*="display:block"],
  body.mobile-layout #kuanggong #guajijilu[style*="display: block"] {
    position: relative !important;
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
  }

  body.mobile-layout #biaoche #biaochetxt {
    position: absolute !important;
    z-index: 20 !important;
    left: 8px !important;
    top: 64px !important;
    right: 8px !important;
    bottom: 10px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    background: #0b1520 !important;
    border: 1px solid #29475f !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #biaoche #biaochetxt > .mobile-sjboss-wrap {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #biaoche #tuangousp1,
  body.mobile-layout #biaoche #tuangousp2 {
    min-height: 234px !important;
    padding: 28px 7px 7px !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  body.mobile-layout #biaoche #tuangousp1 img,
  body.mobile-layout #biaoche #tuangousp2 img {
    width: 100% !important;
    height: 142px !important;
    margin: 0 auto 4px !important;
  }

  body.mobile-layout #biaoche #biaochetxt > .mobile-sjboss-wrap > div:nth-last-child(2) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 104px !important;
    padding: 9px !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  body.mobile-layout #biaoche #biaochetxt > .mobile-sjboss-wrap > div:nth-last-child(2) input {
    flex: 0 0 calc(50% - 4px) !important;
    width: calc(50% - 4px) !important;
    min-width: 0 !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 3px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #biaoche #xianhuabangjs {
    grid-column: 1 / -1 !important;
    min-height: 44px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.mobile-layout #biaoche #xianhuabangjs > div:first-child {
    display: none !important;
  }

  body.mobile-layout #biaoche #xianhuabangjs > div:last-child {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 7px 9px !important;
    border: 1px solid #4c8b76 !important;
    border-radius: 8px !important;
    background: #17362f !important;
    color: #e5fff2 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #meirirenwu #suicongshengjixiaolvbg,
  body.mobile-layout #meirirenwu #jinjiejieshao {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    min-height: 30px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    border: 1px solid #36536b !important;
    border-radius: 7px !important;
    background: #122131 !important;
    color: #d7e8f5 !important;
    font-size: 13px !important;
    line-height: 19px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #meirirenwu #suicongshengjixiaolvbg { top: 62px !important; }
  body.mobile-layout #meirirenwu #jinjiejieshao { top: 110px !important; }

  body.mobile-layout #meirirenwu #meirirenwutxt {
    position: absolute !important;
    z-index: 20 !important;
    left: 8px !important;
    top: 152px !important;
    right: 8px !important;
    bottom: 10px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    background: #0b1520 !important;
    border: 1px solid #29475f !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #meirirenwu #duihuanjl {
    width: 100% !important;
    min-height: 100% !important;
    padding: 0 !important;
  }

  body.mobile-layout #chongzhi #czshangchengtab,
  body.mobile-layout #chongzhi #bucshangchengtab {
    position: absolute !important;
    z-index: 30 !important;
    top: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(50% - 14px) !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    overflow: hidden !important;
    border: 1px solid #6d8ba4 !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #39556d, #182a3b) !important;
    color: #e9f7ff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #chongzhi #czshangchengtab { left: 8px !important; }
  body.mobile-layout #chongzhi #bucshangchengtab { left: calc(50% + 6px) !important; }

  body.mobile-layout #chongzhi > div[style*="top:112px"] {
    position: absolute !important;
    z-index: 29 !important;
    left: 12px !important;
    top: 118px !important;
    right: 12px !important;
    width: auto !important;
    min-height: 30px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    overflow: hidden !important;
    border: 1px solid #38546b !important;
    border-radius: 7px !important;
    background: #101e2c !important;
    color: #cfe6f7 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #chongzhi #chongzhitxt {
    position: absolute !important;
    z-index: 20 !important;
    left: 8px !important;
    top: 164px !important;
    right: 8px !important;
    bottom: 10px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #29475f !important;
    border-radius: 10px !important;
    background: #0b1520 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #chongzhi #chongzhigmtxt,
  body.mobile-layout #chongzhi #chongzhidirecttxt {
    position: absolute !important;
    inset: 0 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: 78px !important;
    align-content: start !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #chongzhi #chongzhigmtxt[style*="display:block"],
  body.mobile-layout #chongzhi #chongzhigmtxt[style*="display: block"],
  body.mobile-layout #chongzhi #chongzhidirecttxt[style*="display:block"],
  body.mobile-layout #chongzhi #chongzhidirecttxt[style*="display: block"] {
    display: grid !important;
  }

  body.mobile-layout #chongzhi #chongzhigmtxt > div[id^="czshangchengdaoju"],
  body.mobile-layout #chongzhi #chongzhidirecttxt > div[id^="czshangchengdaoju"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    height: 78px !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #526d83 !important;
    border-radius: 9px !important;
    background-color: #132536 !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 56px 56px !important;
    box-shadow: inset 0 0 0 1px rgba(205, 169, 91, .12) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huodong #ygsg {
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.mobile-layout #huodong #ygsg[style*="display:block"],
  body.mobile-layout #huodong #ygsg[style*="display: block"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 9px !important;
    padding: 10px !important;
  }

  body.mobile-layout #huodong #ygsg > font {
    position: relative !important;
    order: 0 !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    color: #ffd978 !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    text-align: center !important;
  }

  body.mobile-layout #huodong #ygsg #hungupic {
    position: relative !important;
    z-index: auto !important;
    order: 1 !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    height: 184px !important;
    min-height: 184px !important;
    margin: 0 !important;
    transform: none !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huodong #ygsg #hungupic > div {
    display: none !important;
  }

  body.mobile-layout #huodong #ygsg > div:not(#hungupic) {
    position: relative !important;
    z-index: auto !important;
    order: 2 !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow: visible !important;
    border: 1px solid #4b6538 !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #19271c, #101c25) !important;
    color: #f1efb0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 23px !important;
    text-align: left !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huodong #qyxt {
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.mobile-layout #huodong #qyxt[style*="display:block"],
  body.mobile-layout #huodong #qyxt[style*="display: block"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  body.mobile-layout #huodong #qyxt > br {
    display: none !important;
  }

  body.mobile-layout #huodong #qyxt .mobile-qy-intro {
    position: relative !important;
    order: 0 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-height: 74px !important;
    margin: 0 0 2px !important;
    padding: 8px 10px !important;
    overflow: hidden !important;
    border: 1px solid #70572f !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, #292419, #121c25) !important;
    color: #e2ebf4 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huodong #qyxt .mobile-qy-intro .font28 {
    display: block !important;
    margin-bottom: 4px !important;
    color: #ffd879 !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
  }

  body.mobile-layout #huodong #qyxt .mobile-qy-counter {
    position: absolute !important;
    z-index: 30 !important;
    left: calc(50% - 38px) !important;
    top: 172px !important;
    width: 76px !important;
    height: 76px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    font-size: 38px !important;
    line-height: 76px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huodong #qyxt .mobile-qy-reward-bg,
  body.mobile-layout #huodong #qyxt .mobile-qy-action-bg,
  body.mobile-layout #huodong #qyxt .mobile-qy-milestone-bg {
    display: none !important;
  }

  body.mobile-layout #huodong #qyxt .mobile-qy-reward {
    position: relative !important;
    z-index: auto !important;
    order: 1 !important;
    flex: 0 0 calc(25% - 6px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 7px !important;
    transform: none !important;
    overflow: hidden !important;
    border: 1px solid #826434 !important;
    border-radius: 9px !important;
    background: radial-gradient(circle at 50% 35%, #3e4850, #141e29) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huodong #qyxt .mobile-qy-reward img {
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }

  body.mobile-layout #huodong #qyxt .mobile-qy-action {
    position: relative !important;
    z-index: auto !important;
    order: 2 !important;
    flex: 0 0 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;
    margin: 3px 0 1px !important;
    padding: 0 10px !important;
    transform: none !important;
    overflow: hidden !important;
    border: 1px solid #bd8f3d !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #4b3a1d, #272215) !important;
    color: #d9ff91 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 44px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huodong #qyxt .mobile-qy-milestone {
    position: relative !important;
    z-index: auto !important;
    order: 3 !important;
    flex: 0 0 calc(50% - 4px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 82px !important;
    height: 82px !important;
    margin: 0 !important;
    padding: 8px 8px 24px !important;
    transform: none !important;
    overflow: hidden !important;
    border: 1px solid #537188 !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, #193142, #101c27) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huodong #qyxt .mobile-qy-milestone > img {
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  body.mobile-layout #huodong #qyxt .mobile-qy-milestone > div[id^="zhuanpandaojunum"] {
    display: none !important;
  }

  body.mobile-layout #huodong #qyxt .mobile-qy-milestone::after {
    content: attr(data-qy-label) !important;
    position: absolute !important;
    left: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    overflow: hidden !important;
    color: #b9f2ff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 17px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}
/* mobile hecheng cascade fix 20260718 */
@media screen and (max-width: 767px) {
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi {
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hechengshengjixiaolvbg {
    position: absolute !important;
    z-index: 10 !important;
    left: 8px !important;
    top: 54px !important;
    right: 8px !important;
    bottom: auto !important;
    display: flex !important;
    width: auto !important;
    min-height: 40px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px 7px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng1,
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng2,
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng3 {
    position: absolute !important;
    z-index: 5 !important;
    left: 8px !important;
    top: 102px !important;
    right: 8px !important;
    bottom: 8px !important;
    display: none !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng1[style*="display:block"],
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng1[style*="display: block"],
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng2[style*="display:block"],
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng2[style*="display: block"],
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng3[style*="display:block"],
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng3[style*="display: block"] {
    display: grid !important;
  }
}
/* mobile recharge visibility fix 20260718 */
@media screen and (max-width: 767px) {
  body.mobile-layout #chongzhi #chongzhitxt > #chongzhigmtxt[style*="display:none"],
  body.mobile-layout #chongzhi #chongzhitxt > #chongzhigmtxt[style*="display: none"],
  body.mobile-layout #chongzhi #chongzhitxt > #chongzhidirecttxt[style*="display:none"],
  body.mobile-layout #chongzhi #chongzhitxt > #chongzhidirecttxt[style*="display: none"] {
    display: none !important;
  }

  body.mobile-layout #chongzhi #chongzhitxt > #chongzhigmtxt[style*="display:block"],
  body.mobile-layout #chongzhi #chongzhitxt > #chongzhigmtxt[style*="display: block"],
  body.mobile-layout #chongzhi #chongzhitxt > #chongzhidirecttxt[style*="display:block"],
  body.mobile-layout #chongzhi #chongzhitxt > #chongzhidirecttxt[style*="display: block"] {
    display: grid !important;
  }
}
/* mobile prayer flow cascade fix 20260718 */
@media screen and (max-width: 767px) {
  body.mobile-layout #huodong #duihuanbiao > #qyxt {
    position: absolute !important;
    z-index: 5 !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huodong #duihuanbiao > #qyxt[style*="display:none"],
  body.mobile-layout #huodong #duihuanbiao > #qyxt[style*="display: none"] {
    display: none !important;
  }

  body.mobile-layout #huodong #duihuanbiao > #qyxt[style*="display:block"],
  body.mobile-layout #huodong #duihuanbiao > #qyxt[style*="display: block"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  body.mobile-layout #huodong #duihuanbiao > #qyxt > br {
    display: none !important;
  }

  body.mobile-layout #huodong #duihuanbiao > #qyxt > .mobile-qy-intro {
    position: relative !important;
    z-index: auto !important;
    inset: auto !important;
    order: 0 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 74px !important;
    margin: 0 0 2px !important;
    padding: 8px 10px !important;
    transform: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huodong #duihuanbiao > #qyxt > .mobile-qy-counter {
    position: absolute !important;
    z-index: 30 !important;
    left: calc(50% - 38px) !important;
    top: 172px !important;
    right: auto !important;
    bottom: auto !important;
    width: 76px !important;
    height: 76px !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huodong #duihuanbiao > #qyxt > .mobile-qy-reward {
    position: relative !important;
    z-index: auto !important;
    inset: auto !important;
    order: 1 !important;
    flex: 0 0 calc(25% - 6px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 7px !important;
    transform: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huodong #duihuanbiao > #qyxt > .mobile-qy-reward-bg,
  body.mobile-layout #huodong #duihuanbiao > #qyxt > .mobile-qy-action-bg,
  body.mobile-layout #huodong #duihuanbiao > #qyxt > .mobile-qy-milestone-bg {
    display: none !important;
  }

  body.mobile-layout #huodong #duihuanbiao > #qyxt > .mobile-qy-action {
    position: relative !important;
    z-index: auto !important;
    inset: auto !important;
    order: 2 !important;
    flex: 0 0 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    height: 46px !important;
    margin: 3px 0 1px !important;
    padding: 0 10px !important;
    transform: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huodong #duihuanbiao > #qyxt > .mobile-qy-milestone {
    position: relative !important;
    z-index: auto !important;
    inset: auto !important;
    order: 3 !important;
    flex: 0 0 calc(50% - 4px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 82px !important;
    height: 82px !important;
    margin: 0 !important;
    padding: 8px 8px 24px !important;
    transform: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
}
/* mobile daily task intro gap fix 20260718 */
@media screen and (max-width: 767px) {
  body.mobile-layout #meirirenwu #jinjiejieshao {
    top: 118px !important;
  }
}
/* mobile biaoche action row fix 20260718 */
@media screen and (max-width: 767px) {
  body.mobile-layout #biaoche #biaochetxt > .mobile-sjboss-wrap > div:nth-last-child(2) {
    position: relative !important;
    display: block !important;
    min-height: 128px !important;
    padding: 9px 9px 58px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #biaoche #biaochetxt > .mobile-sjboss-wrap > div:nth-last-child(2) input {
    position: absolute !important;
    bottom: 9px !important;
    z-index: 2 !important;
    display: block !important;
    flex: none !important;
    width: calc(50% - 13px) !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
  }

  body.mobile-layout #biaoche #biaochetxt > .mobile-sjboss-wrap > div:nth-last-child(2) input:first-of-type {
    left: 9px !important;
    right: auto !important;
  }

  body.mobile-layout #biaoche #biaochetxt > .mobile-sjboss-wrap > div:nth-last-child(2) input:nth-of-type(2) {
    left: auto !important;
    right: 9px !important;
  }
}

/* mobile compose, offline hangup and otherworld rank repair 20260719 */
@media screen and (max-width: 767px) {
  /* The legacy synthesis title owns the nested item image.  Keep its image inside the card. */
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng1,
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng2,
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 144px !important;
    align-content: start !important;
    gap: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng1 > div[id^="chengchi"],
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng2 > div[id^="chengchi"],
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng3 > div[id^="chengchi"] {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 144px !important;
    min-height: 144px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng1 > div[id^="chengchi"] > div:nth-child(2),
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng2 > div[id^="chengchi"] > div:nth-child(2),
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng3 > div[id^="chengchi"] > div:nth-child(2) {
    position: absolute !important;
    left: 70px !important;
    top: 10px !important;
    right: 8px !important;
    display: block !important;
    width: auto !important;
    height: 20px !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    text-align: left !important;
  }

  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng1 > div[id^="chengchi"] > div:nth-child(2) > div,
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng2 > div[id^="chengchi"] > div:nth-child(2) > div,
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng3 > div[id^="chengchi"] > div:nth-child(2) > div {
    position: absolute !important;
    left: -62px !important;
    top: -3px !important;
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
  }

  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng1 > div[id^="chengchi"] > div:nth-child(2) > div img,
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng2 > div[id^="chengchi"] > div:nth-child(2) > div img,
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng3 > div[id^="chengchi"] > div:nth-child(2) > div img {
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng1 > div[id^="chengchi"] > div:nth-child(3),
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng2 > div[id^="chengchi"] > div:nth-child(3),
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng3 > div[id^="chengchi"] > div:nth-child(3) {
    position: absolute !important;
    left: 70px !important;
    top: 38px !important;
    right: 8px !important;
    display: block !important;
    width: auto !important;
    height: 50px !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
  }

  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng1 > div[id^="chengchi"] > div:nth-child(4),
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng2 > div[id^="chengchi"] > div:nth-child(4),
  body.mobile-layout #hecheng #hechengtxt > #hechengxianshi > #hecheng3 > div[id^="chengchi"] > div:nth-child(4) {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    top: auto !important;
    bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 34px !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  /* Offline hangup: pair every magic circle with its own readable control card. */
  body.mobile-layout #guaji #guajitxt {
    position: absolute !important;
    z-index: 20 !important;
    left: 8px !important;
    top: 72px !important;
    right: 8px !important;
    bottom: 10px !important;
    display: grid !important;
    grid-template-columns: 102px minmax(0, 1fr) !important;
    grid-template-rows: repeat(3, minmax(152px, auto)) auto !important;
    align-content: start !important;
    gap: 9px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    background: #0b1520 !important;
    border: 1px solid #29475f !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #guaji #guajitxt > div:nth-child(1),
  body.mobile-layout #guaji #guajitxt > div:nth-child(2),
  body.mobile-layout #guaji #guajitxt > div:nth-child(3) {
    grid-column: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 152px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 7px 4px !important;
    overflow: hidden !important;
    border: 1px solid #45627c !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, #182938, #0d1720) !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #guaji #guajitxt > div:nth-child(1) { grid-row: 1 !important; }
  body.mobile-layout #guaji #guajitxt > div:nth-child(2) { grid-row: 2 !important; }
  body.mobile-layout #guaji #guajitxt > div:nth-child(3) { grid-row: 3 !important; }

  body.mobile-layout #guaji #guajitxt > div:nth-child(4),
  body.mobile-layout #guaji #guajitxt > div:nth-child(5),
  body.mobile-layout #guaji #guajitxt > div:nth-child(6) {
    grid-column: 2 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 152px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow: hidden !important;
    border: 1px solid #45627c !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, #182938, #0d1720) !important;
    color: #dfeeff !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: center !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #guaji #guajitxt > div:nth-child(4) { grid-row: 1 !important; }
  body.mobile-layout #guaji #guajitxt > div:nth-child(5) { grid-row: 2 !important; }
  body.mobile-layout #guaji #guajitxt > div:nth-child(6) { grid-row: 3 !important; }

  body.mobile-layout #guaji #guajitxt > div:nth-child(1) img,
  body.mobile-layout #guaji #guajitxt > div:nth-child(2) img,
  body.mobile-layout #guaji #guajitxt > div:nth-child(3) img {
    display: block !important;
    width: 86px !important;
    height: 86px !important;
    max-height: 86px !important;
    margin: 3px auto 0 !important;
    object-fit: contain !important;
  }

  body.mobile-layout #guaji #guajitxt > div:nth-child(1) font,
  body.mobile-layout #guaji #guajitxt > div:nth-child(2) font,
  body.mobile-layout #guaji #guajitxt > div:nth-child(3) font {
    display: block !important;
    font-size: 15px !important;
    line-height: 19px !important;
    white-space: nowrap !important;
  }

  body.mobile-layout #guaji #guajitxt > div:nth-child(4) input,
  body.mobile-layout #guaji #guajitxt > div:nth-child(5) input,
  body.mobile-layout #guaji #guajitxt > div:nth-child(6) input {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 8px auto 0 !important;
    padding: 0 6px !important;
    border: 1px solid #d6ad47 !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #384d31, #1b2c23) !important;
    color: #d9ff91 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #guaji #guajijilu[style*="display:block"],
  body.mobile-layout #guaji #guajijilu[style*="display: block"] {
    position: relative !important;
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
  }

  /* The otherworld reward and its time rule are full-width rows, not table cells. */
  body.mobile-layout #paihangbang #paihangbangtxt > #yijiebang > #yijiebangjllq {
    position: relative !important;
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    height: 46px !important;
    margin: 8px 0 0 !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    border: 1px solid #bf9442 !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #4c3c1d, #292315) !important;
    color: #fff0b5 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 44px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #paihangbang #paihangbangtxt > #yijiebang > #yijiebangjllq + div {
    position: relative !important;
    grid-column: 1 / -1 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    overflow: visible !important;
    border: 1px solid #3f6079 !important;
    border-radius: 8px !important;
    background: #122131 !important;
    color: #d9eaf6 !important;
    font-size: 13px !important;
    line-height: 19px !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
  }
}

/* mobile offline hangup grid position correction 20260719 */
@media screen and (max-width: 767px) {
  body.mobile-layout #guaji #guajitxt > div:nth-child(1),
  body.mobile-layout #guaji #guajitxt > div:nth-child(2),
  body.mobile-layout #guaji #guajitxt > div:nth-child(3),
  body.mobile-layout #guaji #guajitxt > div:nth-child(4),
  body.mobile-layout #guaji #guajitxt > div:nth-child(5),
  body.mobile-layout #guaji #guajitxt > div:nth-child(6) {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
  }
}
/* mobile dungeon battle result and vip privilege switch 20260719 */
@media screen and (max-width: 767px) {
  body.mobile-layout #maptxtbg > div[id*="-vstxt"] {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: auto !important;
    z-index: 30 !important;
    width: 100% !important;
    height: calc(100vh - 104px) !important;
    height: calc(100dvh - 104px) !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 18px 14px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    background: linear-gradient(180deg, #101d2a 0%, #09131d 100%) !important;
    border: 1px solid #49667d !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    color: #eaf4ff !important;
    font-family: Microsoft YaHei, SimSun, sans-serif !important;
    text-align: center !important;
    cursor: default !important;
  }

  body.mobile-layout #maptxtbg > div[id*="-vstxt"] font,
  body.mobile-layout #maptxtbg > div[id*="-vstxt"] span {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.mobile-layout #maptxtbg > div[id*="-vstxt"] br {
    line-height: 20px !important;
  }

  body.mobile-layout #huiyuan #vipdengji[style*="display:none"],
  body.mobile-layout #huiyuan #vipdengji[style*="display: none"] {
    display: none !important;
  }

  body.mobile-layout #huiyuan #tequanjm {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 16px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huiyuan #tequanjm:before {
    content: "\4F1A\5458\7279\6743" !important;
    display: block !important;
    margin: 0 0 10px !important;
    color: #ffd779 !important;
    font-size: 22px !important;
    line-height: 30px !important;
    font-weight: bold !important;
    text-align: center !important;
  }

  body.mobile-layout #huiyuan #tequanbackbtn {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    margin: 0 0 10px !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    background: #172b3d !important;
    border: 1px solid #7697b1 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    color: #f6e2a7 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 42px !important;
    text-align: center !important;
  }

  body.mobile-layout #huiyuan #tequanjm > #baiyin,
  body.mobile-layout #huiyuan #tequanjm > #huangjin,
  body.mobile-layout #huiyuan #tequanjm > #zuanshi {
    margin: 0 0 12px !important;
    padding: 14px 12px !important;
    background: linear-gradient(145deg, #172b3b, #0b1620) !important;
    border-color: #526f88 !important;
    border-radius: 11px !important;
  }

  body.mobile-layout #huiyuan #tequanjm > #baiyin > div,
  body.mobile-layout #huiyuan #tequanjm > #huangjin > div,
  body.mobile-layout #huiyuan #tequanjm > #zuanshi > div {
    margin: 0 !important;
    padding: 0 !important;
    color: #dcecff !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: center !important;
  }

  body.mobile-layout #huiyuan #tequanjm > #baiyin > div > font:first-child,
  body.mobile-layout #huiyuan #tequanjm > #huangjin > div > font:first-child,
  body.mobile-layout #huiyuan #tequanjm > #zuanshi > div > font:first-child {
    display: block !important;
    margin-bottom: 6px !important;
    color: #ffe09a !important;
    font-size: 21px !important;
    line-height: 28px !important;
    font-weight: bold !important;
  }

  body.mobile-layout #huiyuan #tequanjm > #baiyin img,
  body.mobile-layout #huiyuan #tequanjm > #huangjin img,
  body.mobile-layout #huiyuan #tequanjm > #zuanshi img {
    display: block !important;
    width: 84px !important;
    height: 84px !important;
    margin: 4px auto 10px !important;
  }

  body.mobile-layout #huiyuan #tequanjm > #baiyin input[type="button"],
  body.mobile-layout #huiyuan #tequanjm > #huangjin input[type="button"],
  body.mobile-layout #huiyuan #tequanjm > #zuanshi input[type="button"] {
    display: block !important;
    width: 100% !important;
    max-width: 270px !important;
    min-height: 42px !important;
    margin: 12px auto 0 !important;
    padding: 8px 10px !important;
    font-size: 15px !important;
    line-height: 22px !important;
  }

  body.mobile-layout #huiyuan #tequanjm > #tequanjs {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
    background: #132333 !important;
    border: 1px solid #46667e !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #huiyuan #tequanjm > #tequanjs > div:first-child {
    display: none !important;
  }

  body.mobile-layout #huiyuan #tequanjm > #tequanjs > div:last-child {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    color: #cfe4f6 !important;
    font-size: 15px !important;
    line-height: 24px !important;
    text-align: center !important;
  }
}
/* desktop category duplicate title hide 20260719 */
@media screen and (min-width: 768px) {
  #zhandoufb > .mobile-menu-modal-title,
  #xinshoubtn > .mobile-menu-modal-title,
  #dashenbtn > .mobile-menu-modal-title,
  #qitabtn > .mobile-menu-modal-title {
    display: none !important;
  }
}

/* ===== 九劫地图 分栏式界面 移动端 (2026-07-26 改版) ===== */
body.mobile-layout #jiujiemaptxt #jjrail {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

body.mobile-layout #jiujiemaptxt .jjrow {
  width: calc((100% - 18px) / 4) !important;
  height: 50px !important;
  line-height: normal !important;
  padding: 5px 2px !important;
  border: 1px solid #1d3941 !important;
  border-bottom: 1px solid #1d3941 !important;
  border-radius: 8px !important;
  background: #111c27 !important;
  text-align: center !important;
  white-space: normal !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.mobile-layout #jiujiemaptxt .jjno {
  display: block !important;
  width: auto !important;
  font-size: 11px !important;
  line-height: 15px !important;
}

body.mobile-layout #jiujiemaptxt .jjnm {
  display: block !important;
  width: auto !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

body.mobile-layout #jiujiemaptxt .jjdot {
  display: none !important;
}

body.mobile-layout #jiujiemaptxt .jjdet {
  min-height: 0 !important;
  padding: 12px !important;
  background: #111c27 !important;
}

body.mobile-layout #jiujiemaptxt .jjname {
  height: auto !important;
  line-height: 34px !important;
}

body.mobile-layout #jiujiemaptxt .jjintro {
  height: auto !important;
  font-size: 15px !important;
  line-height: 24px !important;
}

body.mobile-layout #jiujiemaptxt .jjdrops {
  height: auto !important;
}

body.mobile-layout #jiujiemaptxt .jjpill {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  line-height: 38px !important;
  margin: 0 0 8px !important;
  font-size: 15px !important;
  border-radius: 8px !important;
}

body.mobile-layout #jiujiemaptxt .jjbase {
  height: auto !important;
  line-height: 20px !important;
  font-size: 13px !important;
}

body.mobile-layout #jiujiemaptxt .jjdaily {
  height: auto !important;
  font-size: 14px !important;
}

body.mobile-layout #jiujiemaptxt .jjact {
  height: auto !important;
  line-height: 46px !important;
  font-size: 14px !important;
}

body.mobile-layout #jiujiemaptxt .jjnum {
  width: 84px !important;
  height: 42px !important;
  line-height: 42px !important;
  font-size: 18px !important;
  border-radius: 8px !important;
}

body.mobile-layout #jiujiemaptxt .jjqk {
  min-width: 60px !important;
  width: auto !important;
  height: 42px !important;
  line-height: 40px !important;
  font-size: 15px !important;
  border-radius: 8px !important;
}

body.mobile-layout #jiujiemaptxt .jjgo {
  height: 52px !important;
  line-height: 50px !important;
  min-width: 0 !important;
  font-size: 19px !important;
  border-radius: 8px !important;
}

body.mobile-layout #jiujiemaptxt .jjlockmsg {
  height: auto !important;
  line-height: 24px !important;
  padding: 24px 0 !important;
  font-size: 15px !important;
}

body.mobile-layout #jiujiemaptxt .jjnav {
  width: auto !important;
  min-width: 74px !important;
  height: 38px !important;
  line-height: 36px !important;
  margin: 3px 2px !important;
  font-size: 15px !important;
  border-radius: 8px !important;
}

body.mobile-layout #jiujiemaptxt #jjhud {
  min-height: 0 !important;
}

body.mobile-layout #jiujiemaptxt .jjhudtip {
  height: auto !important;
  line-height: 18px !important;
  font-size: 12px !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* ===== Jiujie six-panel split layout mobile (2026-07-27) ===== */
@media screen and (max-width:767px){
body.mobile-layout #jiujiepofeng,body.mobile-layout #wanjieyuanzheng,body.mobile-layout #wanjiehuoban,body.mobile-layout #jiujiewuxue,body.mobile-layout #tianming,body.mobile-layout #zhongyanshengyin{left:0!important;top:102px!important;width:100vw!important;height:calc(100vh - 104px)!important;height:calc(100dvh - 104px)!important;background:#081019!important;border-top:1px solid #26394d!important;border-bottom:1px solid #26394d!important;box-sizing:border-box!important;overflow:hidden!important;}
body.mobile-layout #jiujiepofeng #biaotis,body.mobile-layout #wanjieyuanzheng #biaotis,body.mobile-layout #wanjiehuoban #biaotis,body.mobile-layout #jiujiewuxue #biaotis,body.mobile-layout #tianming #biaotis,body.mobile-layout #zhongyanshengyin #biaotis{left:14px!important;top:12px!important;width:calc(100% - 76px)!important;height:38px!important;line-height:38px!important;color:#ffd765!important;font-size:23px!important;text-align:left!important;letter-spacing:0!important;}
body.mobile-layout #jiujiepofengclose,body.mobile-layout #wanjieyuanzhengclose,body.mobile-layout #wanjiehuobanclose,body.mobile-layout #jiujiewuxueclose,body.mobile-layout #tianmingclose,body.mobile-layout #zhongyanshengyinclose{top:10px!important;right:12px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border:1px solid #9a504e!important;border-radius:8px!important;background:#401719!important;box-sizing:border-box!important;}
body.mobile-layout #jiujiepofengtxt.jjx-body,body.mobile-layout #wanjieyuanzhengtxt.jjx-body,body.mobile-layout #wanjiehuobantxt.jjx-body,body.mobile-layout #jiujiewuxuetxt.jjx-body,body.mobile-layout #tianmingtxt.jjx-body,body.mobile-layout #zhongyanshengyintxt.jjx-body{position:absolute!important;left:0!important;top:60px!important;width:100%!important;height:calc(100% - 60px)!important;padding:10px 10px calc(24px + env(safe-area-inset-bottom))!important;margin:0!important;background:#081019!important;border:0!important;border-radius:0!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;color:#d8f6ff!important;font-family:Microsoft YaHei,SimSun,sans-serif!important;}
body.mobile-layout .jjx-body .jjx-hud{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:58px!important;padding:8px 10px!important;border:1px solid #2c5964!important;border-radius:6px!important;background:#101b22!important;overflow:visible!important;}
body.mobile-layout .jjx-body .jjx-hud-main{height:auto!important;min-height:22px!important;line-height:22px!important;font-size:14px!important;white-space:normal!important;overflow:visible!important;}
body.mobile-layout .jjx-body .jjx-hud-tip{height:auto!important;min-height:18px!important;line-height:18px!important;font-size:12px!important;white-space:normal!important;overflow:visible!important;}
body.mobile-layout .jjx-body .jjx-hud-tabs{min-height:82px!important;}
body.mobile-layout .jjx-body .jjx-tabs{float:none!important;height:38px!important;}
body.mobile-layout .jjx-body .jjx-tab{width:104px!important;height:36px!important;line-height:34px!important;margin-top:0!important;border-radius:6px!important;font-size:15px!important;}
body.mobile-layout .jjx-body .jjx-hud-side{float:none!important;height:auto!important;line-height:22px!important;font-size:13px!important;}
body.mobile-layout .jjx-body .jjx-main{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;margin-top:10px!important;overflow:visible!important;}
body.mobile-layout .jjx-body .jjx-rail{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;}
body.mobile-layout .jjx-body .jjx-rail-two{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body.mobile-layout .jjx-body .jjx-row,body.mobile-layout .jjx-body .jjx-rail-twelve .jjx-row,body.mobile-layout .jjx-body .jjx-rail-eight .jjx-row,body.mobile-layout .jjx-body .jjx-rail-seven .jjx-row,body.mobile-layout .jjx-body .jjx-rail-two .jjx-row{height:58px!important;line-height:normal!important;padding:7px 4px!important;border:1px solid #1d3941!important;border-radius:6px!important;background:#111c27!important;text-align:center!important;white-space:normal!important;overflow:hidden!important;}
body.mobile-layout .jjx-body .jjx-row.is-selected{padding-left:4px!important;border:1px solid #08f19b!important;background:#123a33!important;box-shadow:inset 0 0 0 1px rgba(8,241,155,.18)!important;}
body.mobile-layout .jjx-body .jjx-row-name,body.mobile-layout .jjx-body .jjx-row-state{display:block!important;float:none!important;max-width:none!important;height:22px!important;line-height:22px!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.mobile-layout .jjx-body .jjx-row-state{height:18px!important;line-height:18px!important;font-size:11px!important;}
body.mobile-layout .jjx-body .jjx-rail-note{grid-column:1/-1!important;padding:10px!important;border:1px solid #243b47!important;border-radius:6px!important;background:#0d171b!important;line-height:24px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px 8px!important;}
body.mobile-layout .jjx-body .jjx-rail-note b{grid-column:1/-1!important;height:24px!important;}
body.mobile-layout .jjx-body .jjx-detail{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:300px!important;padding:12px!important;border:1px solid #223a42!important;border-radius:6px!important;background:#111c27!important;overflow:hidden!important;}
body.mobile-layout .jjx-body .jjx-detail-head{height:auto!important;min-height:38px!important;line-height:34px!important;}
body.mobile-layout .jjx-body .jjx-detail-name{font-size:19px!important;letter-spacing:0!important;}
body.mobile-layout .jjx-body .jjx-badge{min-width:66px!important;height:26px!important;line-height:24px!important;margin-top:4px!important;padding:0 6px!important;border-radius:5px!important;}
body.mobile-layout .jjx-body .jjx-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:8px!important;}
body.mobile-layout .jjx-body .jjx-kpis-three{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
body.mobile-layout .jjx-body .jjx-kpis>div{height:62px!important;padding:8px!important;border-radius:5px!important;}
body.mobile-layout .jjx-body .jjx-kpis b,body.mobile-layout .jjx-body .jjx-cost-list b{font-size:14px!important;overflow-wrap:anywhere!important;}
body.mobile-layout .jjx-body .jjx-copy{height:auto!important;min-height:0!important;margin-top:9px!important;padding:9px!important;font-size:13px!important;line-height:21px!important;overflow:visible!important;}
body.mobile-layout .jjx-body .jjx-copy-short{white-space:normal!important;text-overflow:clip!important;}
body.mobile-layout .jjx-body .jjx-status-line,body.mobile-layout .jjx-body .jjx-material-line{height:auto!important;min-height:28px!important;line-height:21px!important;padding:6px 0!important;white-space:normal!important;overflow:visible!important;}
body.mobile-layout .jjx-body .jjx-actionbar{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;margin-top:12px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;white-space:normal!important;overflow:visible!important;}
body.mobile-layout .jjx-body .jjx-action{width:100%!important;min-width:0!important;height:44px!important;line-height:42px!important;margin:0!important;padding:0 5px!important;border-radius:6px!important;font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.mobile-layout .jjx-body .jjx-actionbar-single{grid-template-columns:1fr!important;}
body.mobile-layout .jjx-body .jjx-pills{height:auto!important;margin-top:8px!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;}
body.mobile-layout .jjx-body .jjx-pills span{height:42px!important;line-height:21px!important;border-radius:5px!important;font-size:14px!important;}
body.mobile-layout .jjx-body .jjx-daily{height:auto!important;line-height:24px!important;margin-top:10px!important;font-size:14px!important;}
body.mobile-layout .jjx-body .jjx-progress{height:9px!important;}
body.mobile-layout .jjx-body .jjx-number-line{height:auto!important;line-height:44px!important;margin-top:10px!important;font-size:14px!important;}
body.mobile-layout .jjx-body .jjx-number{width:76px!important;height:42px!important;line-height:40px!important;margin:0 5px!important;border-radius:6px!important;font-size:17px!important;}
body.mobile-layout .jjx-body .jjx-quick{width:58px!important;height:42px!important;line-height:40px!important;margin-left:4px!important;border-radius:6px!important;font-size:14px!important;}
body.mobile-layout .jjx-body .jjx-lock{height:auto!important;line-height:24px!important;margin-top:12px!important;padding:22px 4px!important;}
body.mobile-layout .jjx-body .jjx-partner-head{height:78px!important;}
body.mobile-layout .jjx-body .jjx-partner-image{width:66px!important;height:66px!important;}
body.mobile-layout .jjx-body .jjx-partner-image img{width:58px!important;height:58px!important;}
body.mobile-layout .jjx-body .jjx-partner-title{margin-left:76px!important;padding-top:5px!important;}
body.mobile-layout .jjx-body .jjx-partner-title b,body.mobile-layout .jjx-body .jjx-partner-title i{max-width:calc(100% - 82px)!important;}
body.mobile-layout .jjx-body .jjx-partner-title b{font-size:18px!important;}
body.mobile-layout .jjx-body .jjx-partner-head .jjx-badge{right:12px!important;top:12px!important;}
body.mobile-layout .jjx-body .jjx-cost-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
body.mobile-layout .jjx-body .jjx-cost-list span{height:58px!important;padding:7px!important;border-radius:5px!important;}
body.mobile-layout .jjx-body .jjx-navbar{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;margin:10px 0 0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;white-space:normal!important;overflow:visible!important;}
body.mobile-layout .jjx-body .jjx-nav{width:100%!important;height:42px!important;line-height:40px!important;margin:0!important;border-radius:6px!important;font-size:14px!important;}
}

/* ===== Jiujie expedition legacy mobile override (2026-07-27) ===== */
@media screen and (max-width:767px){
body.mobile-layout #wanjieyuanzhengtxt.jjx-body > .jjx-hud{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:58px!important;margin:0!important;padding:8px 10px!important;background:#101b22!important;border:1px solid #2c5964!important;border-radius:6px!important;line-height:normal!important;overflow:visible!important;}
body.mobile-layout #wanjieyuanzhengtxt.jjx-body > .jjx-main{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:10px 0 0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;}
body.mobile-layout #wanjieyuanzhengtxt.jjx-body > .jjx-main > .jjx-rail{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0 0 10px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;}
body.mobile-layout #wanjieyuanzhengtxt.jjx-body > .jjx-main > .jjx-detail{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:300px!important;margin:0!important;padding:12px!important;background:#111c27!important;border:1px solid #223a42!important;border-radius:6px!important;font-size:inherit!important;line-height:normal!important;overflow:hidden!important;}
body.mobile-layout #wanjieyuanzhengtxt.jjx-body > .jjx-navbar{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;margin:10px 0 0!important;padding:0!important;background:transparent!important;border:0!important;line-height:normal!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;}
body.mobile-layout #wanjieyuanzhengtxt.jjx-body .jjx-row-name{min-width:0!important;height:22px!important;line-height:22px!important;padding:0!important;font-size:13px!important;border-radius:0!important;}
body.mobile-layout #wanjieyuanzhengtxt.jjx-body .jjx-row-state{min-width:0!important;height:18px!important;line-height:18px!important;padding:0!important;font-size:11px!important;border-radius:0!important;}
body.mobile-layout #wanjieyuanzhengtxt.jjx-body .jjx-badge{min-width:66px!important;height:26px!important;line-height:24px!important;padding:0 6px!important;font-size:12px!important;border-radius:5px!important;}
body.mobile-layout #wanjieyuanzhengtxt.jjx-body .jjx-pills span{min-width:0!important;height:42px!important;line-height:21px!important;padding:0 8px!important;font-size:14px!important;border-radius:5px!important;}
body.mobile-layout #wanjieyuanzhengtxt.jjx-body .jjx-quick{min-width:0!important;width:58px!important;height:42px!important;line-height:40px!important;padding:0!important;font-size:14px!important;border-radius:6px!important;}
body.mobile-layout #wanjieyuanzhengtxt.jjx-body .jjx-action{min-width:0!important;width:100%!important;height:44px!important;line-height:42px!important;padding:0 5px!important;font-size:14px!important;border-radius:6px!important;}
body.mobile-layout #wanjieyuanzhengtxt.jjx-body .jjx-nav{min-width:0!important;width:100%!important;height:42px!important;line-height:40px!important;padding:0!important;font-size:14px!important;border-radius:6px!important;}
}
/* mobile bag use dialog restore 20260809 */
@media screen and (max-width: 767px) {
  body.mobile-layout #tishi.mobile-use-dialog {
    position: fixed !important;
    left: 4vw !important;
    right: auto !important;
    top: 12vh !important;
    width: 92vw !important;
    min-width: 0 !important;
    max-width: 92vw !important;
    height: auto !important;
    min-height: 360px !important;
    max-height: 78dvh !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #0d1219 !important;
    border: 1px solid #344d63 !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.62) !important;
    box-sizing: border-box !important;
    color: #e9f2ff !important;
    z-index: 12000 !important;
  }

  body.mobile-layout #tishi.mobile-use-dialog:before {
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    width: 100% !important;
    height: 54px !important;
    background: #121b25 !important;
    border-bottom: 1px solid #2d4258 !important;
    box-sizing: border-box !important;
  }

  body.mobile-layout #tishi.mobile-use-dialog #tishiclose {
    position: absolute !important;
    right: 10px !important;
    top: 8px !important;
    left: auto !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    background-image: none !important;
    background: #2b1215 !important;
    border: 1px solid #7a3e3e !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    z-index: 4 !important;
  }

  body.mobile-layout #tishi.mobile-use-dialog #tishiclose:after {
    width: 100% !important;
    height: 100% !important;
    line-height: 36px !important;
    color: #ffd9bf !important;
    font-family: Arial, sans-serif !important;
    font-size: 28px !important;
    text-align: center !important;
  }

  body.mobile-layout #tishi.mobile-use-dialog #tishidaojushow {
    position: absolute !important;
    left: calc(50% - 38px) !important;
    top: 68px !important;
    display: block !important;
    width: 76px !important;
    max-width: 76px !important;
    height: 90px !important;
    min-height: 90px !important;
    padding: 0 !important;
    text-align: center !important;
    overflow: visible !important;
    z-index: 2 !important;
  }

  body.mobile-layout #tishi.mobile-use-dialog #tishitxt {
    position: absolute !important;
    left: 14px !important;
    top: 172px !important;
    width: calc(100% - 28px) !important;
    min-width: 0 !important;
    max-width: calc(100% - 28px) !important;
    height: auto !important;
    min-height: 156px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #e9f2ff !important;
    text-align: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
}

/* Chenghao mobile command interface 20260810 */
@media screen and (max-width:767px){
  body.mobile-layout #chenghao{
    top:102px !important;
    width:100vw !important;
    height:calc(100dvh - 104px) !important;
    border:0 !important;
    border-top:1px solid #684127 !important;
    border-radius:0 !important;
    background:
      radial-gradient(circle at 50% -8%,rgba(139,39,22,.3),transparent 34%),
      linear-gradient(180deg,#150d0b,#080d12 22%,#0a1117) !important;
    box-shadow:inset 0 0 32px rgba(0,0,0,.72) !important;
  }
  body.mobile-layout #chenghao:before{
    left:10px !important;
    right:10px !important;
    top:51px !important;
  }
  body.mobile-layout #chenghao #biaotis{
    left:58px !important;
    top:7px !important;
    width:calc(100% - 116px) !important;
    height:40px !important;
    font-size:22px !important;
    line-height:40px !important;
    letter-spacing:7px !important;
    text-align:center !important;
  }
  body.mobile-layout #chenghao #biaotis:before,
  body.mobile-layout #chenghao #biaotis:after{display:none !important;}
  body.mobile-layout #chenghaoclose{
    top:8px !important;
    right:10px !important;
    width:36px !important;
    height:36px !important;
    border-color:#8c3c29 !important;
    border-radius:4px !important;
    background:linear-gradient(180deg,#451a14,#1b0c0a) !important;
  }
  body.mobile-layout #chenghaoclose:after{
    content:"\00d7" !important;
    color:#f1af7b !important;
    font:28px/33px Arial,sans-serif !important;
  }
  body.mobile-layout #chenghaoCommandDeck{
    left:8px !important;
    top:58px !important;
    grid-template-columns:46px minmax(0,1fr) minmax(125px,38vw) !important;
    width:calc(100vw - 16px) !important;
    height:91px !important;
    padding:8px !important;
    border-color:#60452f !important;
    background:linear-gradient(105deg,rgba(76,35,23,.73),rgba(12,18,23,.98) 48%,rgba(9,13,17,.99)) !important;
  }
  body.mobile-layout .chenghao-rank-emblem{width:36px !important;height:36px !important;margin-left:2px !important;}
  body.mobile-layout .chenghao-rank-emblem span{font-size:10px !important;line-height:36px !important;}
  body.mobile-layout .chenghao-current-rank{padding-left:7px !important;}
  body.mobile-layout .chenghao-current-rank .chenghao-current-label{height:15px !important;font-size:9px !important;line-height:15px !important;letter-spacing:1px !important;}
  body.mobile-layout .chenghao-current-rank strong{height:25px !important;font-size:16px !important;line-height:25px !important;}
  body.mobile-layout .chenghao-current-rank em{height:16px !important;font-size:10px !important;line-height:16px !important;}
  body.mobile-layout .chenghao-auto-control{height:72px !important;}
  body.mobile-layout .chenghao-auto-btn{
    min-height:43px !important;
    height:43px !important;
    padding:0 7px 0 31px !important;
    border-radius:4px !important;
    font-size:13px !important;
    line-height:41px !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }
  body.mobile-layout .chenghao-auto-btn .chenghao-auto-icon{left:9px !important;top:12px !important;width:15px !important;height:15px !important;}
  body.mobile-layout .chenghao-auto-control small{height:28px !important;margin-top:2px !important;font-size:9px !important;line-height:14px !important;white-space:normal !important;}
  body.mobile-layout #chenghao #suicongshengjixiaolvbg,
  body.mobile-layout #chenghao #jinjiejieshao{
    left:8px !important;
    width:calc(100vw - 16px) !important;
    min-height:0 !important;
    height:47px !important;
    padding:6px 9px !important;
    border-radius:3px !important;
    background:linear-gradient(180deg,rgba(20,26,31,.98),rgba(9,13,17,.98)) !important;
    color:#c5cbd0 !important;
    font-size:10px !important;
    line-height:16px !important;
    overflow:hidden !important;
  }
  body.mobile-layout #chenghao #suicongshengjixiaolvbg{top:156px !important;border-left:2px solid #9e6230 !important;}
  body.mobile-layout #chenghao #jinjiejieshao{top:209px !important;border-left:2px solid #92372a !important;color:#d7bd88 !important;}
  body.mobile-layout #chenghao #chenghaotxt{
    left:8px !important;
    top:263px !important;
    width:calc(100vw - 16px) !important;
    height:calc(100% - 272px) !important;
    padding:7px !important;
    border:1px solid #4b3828 !important;
    border-radius:4px !important;
    background:linear-gradient(180deg,rgba(8,12,15,.99),rgba(10,16,21,.99)) !important;
  }
  body.mobile-layout #chenghao #duihuanjl{
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
    padding:0 2px 5px 0 !important;
  }
  body.mobile-layout #chenghao #duihuanjl>div[id="duihua1njl"]{
    display:grid !important;
    grid-template-columns:82px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    gap:3px 7px !important;
    flex:0 0 auto !important;
    min-height:91px !important;
    height:auto !important;
    padding:8px !important;
    border:1px solid #303b43 !important;
    border-radius:4px !important;
    background:linear-gradient(105deg,#171a1e,#0c1217 64%,#111419) !important;
  }
  body.mobile-layout #chenghao #duihuanjl>div[id="duihua1njl"]:has(.hand){border-color:#8d5529 !important;background:linear-gradient(105deg,rgba(80,40,21,.68),#10161a 64%,rgba(68,24,18,.42)) !important;}
  body.mobile-layout #chenghao #duihuanjl>div[id="duihua1njl"]>div:first-child{
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    padding:0 5px !important;
    border-right:1px solid #2e3438 !important;
    font-size:14px !important;
    line-height:20px !important;
  }
  body.mobile-layout #chenghao #duihuanjl>div[id="duihua1njl"]>div:nth-child(2){
    grid-column:2 !important;
    grid-row:1 !important;
    padding:0 2px !important;
    border:0 !important;
    font-size:12px !important;
    line-height:18px !important;
    text-align:left !important;
  }
  body.mobile-layout #chenghao #duihuanjl>div[id="duihua1njl"]>div:last-child{
    grid-column:2 !important;
    grid-row:2 !important;
    justify-content:flex-end !important;
    min-height:34px !important;
    padding:0 !important;
  }
  body.mobile-layout #chenghao #duihuanjl .hand{
    min-width:68px !important;
    min-height:34px !important;
    height:34px !important;
    padding:0 11px !important;
    border-color:#d65a39 !important;
    border-radius:3px !important;
    background:linear-gradient(180deg,#76271b,#35110e) !important;
    color:#ffe0ca !important;
    font-size:14px !important;
    line-height:32px !important;
  }
}