body{
  background	: #98a0a5/*#bfbfbf*/;
  color	: #bdc8d7;
}
h4{
  padding-left	: 5px;
  margin	: 10px;
  border-left	: 15px solid #ff0000;
  border-bottom	: 1px solid #ff0000;
  width	: 950px;
  height:20px;
}
.bgcolor{background-color	: #ff0000;}
.light{
  /* 绅达硷梧 */
  color	: #ff0000;
  font-size	: 80%;
}
.unselect{color	: #ff0000;}
.divide{
  background	: #0000ff;
  margin	: 0px 5px;
}
.carpet_frame{
  text-align:center;
}
.carpet0{
  padding-bottom	: 20px;
  margin	: 20px 0 3px 0;
  background-image : url(image/carpet011.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.carpet1{
  padding-bottom	: 20px;
  margin	: 20px 0 3px 0;
  background-image : url(image/carpet010.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
div#main_frame{
  width	: 1024px;
  min-width	: 850px;
  position: relative;
  min-height	: 100%;
  /*margin	: 0 20px 0 40px;
  */
  border-left	: 1px solid #070b0e;
  border-right	: 1px solid #070b0e;
  border-bottom	: 1px solid #070b0e;
  background	: #10151b;
  text-align	: left;
  margin:0 auto;
  padding-bottom:0px;

}
#menu{
  padding	: 8px 10px 5px 10px;
  border-top	: 1px solid #070b0e;
  background	: #304052;
  text-align	: center;
}
#menu2{
  border-top		: 1px dotted #304052;
  border-bottom	: 1px solid #304052;
  padding	: 5px 10px 2px 10px;
}
#contents{
  padding:0px;  
  padding-bottom:60px;  
}
#container{
min-height:620px;  
position:relative;  
  }
#title{
  color	: red;
  font-weight : bold;
  font-size	: 100%;
  text-align	: center;
  padding	: 15px;
  width	: auto;
}
#foot{
  width:1024px;
  padding	: 10px 0px;
  background	: #1b222c;
  border-top	: 2px solid #070b0e;
  text-align	: center;
  color	: #5a708f;
  bottom:0px;right:0px;
  position:static;
  margin-bottom:0px;
  
}
.error{
  color	: red;
  font-weight : bold;
  font-size	: 100%;
}
.result{
  color	: #ffff00;
  font-weight : bold;
  font-size	: 100%;
}
.margin15{
  margin:15px;
}
a{
  text-decoration	: none;
  color	: #8a9cb7;
  font-weight	: bold;
}
a:hover{
  text-decoration	: underline;
  color	: #cbd3de;
  font-weight	: bold;
}
.a0{
  /* ヘルプ≈?∽の咖(だけ) */
  text-decoration	: none;
  color	: #c69500;
  font-weight	: bold;
}
.a0:hover{
  /*  */
  text-decoration	: underline;
  color	: #ffcc33;
  font-weight	: bold;
}
.td1{
  background	: #242f3c;
  border-bottom	: 1px solid #afbdcf;
  padding	: 3px 3px;
}
.td2{
  background	: #384b5f;
  border-bottom	: 1px solid #afbdcf;
  padding	: 3px;
}
.td3{
  background	: #567294;
  border-bottom	: 1px solid #afbdcf;
  padding	: 3px;
}
.td4{
  background	: #4a6380;
  padding	: 3px;
}
.td5{
  background	: #6f8baa;
  padding	: 3px;
}
.td6{
  background-color	: #304052;
  padding	: 3px;
}
.td7{
  border-left	: 1px solid #304052;
  border-bottom	: 1px solid #304052;
  padding	: 3px;
}
.td8{
  border-left	: 1px solid #304052;
  border-right	: 1px solid #304052;
  border-bottom	: 1px solid #304052;
  padding	: 3px;
}
.td9{
  background-color	: #9776ff;
  padding	: 3px;
}
.tdToggleBg{
  background-color	: #202935;
}
select{
  background	: #91a2bb;
  color	: #10151b;
}
.select0{
  background	: #768bab;
  color	: #10151b;
}
.text{
  padding:1px 5px 0px 5px;
  color	: #10151b;
  border	: 1px solid #1a232d;
  background	: #91a2bb;
}
.btn{
  font-size : 12px;
  padding	: 5px 8px 2px 8px;
  margin-top	: 5px;
  margin-right	: 5px;
  font-weight:bold; 
  text-align:center;
  color	: #181818;
  border:1px solid #334357;
  background : url(image/btn_bk01.gif) repeat-x left top;
}
.btn2{
  font-size : 12px;
  padding	: 0px;
  font-weight:bold; 
  text-align:center;
  color	: #181818;
  background : url(image/btn_bk01.gif) repeat-x left top ;
}
.btl_img{
  background	: #070b0e;
  padding	: 3px;
}
.teams{
  width		: 50%;
  text-align	: center;
  padding	: 10px;
}
.break{
  border-bottom:1px solid #070b0e;
}
.break-top{
  border-top:1px solid #070b0e;
}
.hpsp{
   float:left; text-align:center; margin-left:2px;display: block; width:94px;
}
.hpsp1{
   float:right; text-align:center; margin-right:2px;display: block; width:94px;
}
.teamhpsp{
   float:left;  text-align:center; border:#900  double 1px; width:488px; height:120px;
}
.teamhpsp1{
   float:right;  text-align:center; border:#900  double 1px; width:488px; height:120px;
}
.xlteam{
   float:left;width:490px; color: #C90; text-align:center; background-color:#900;
}
.xlteam1{
   float:right;width:490px; color: #C90; text-align:center; background-color:#900;
}
.bl{
	width:49%;
  float:left;
  border-right:1px solid #070b0e;
}
.br{
	width:50%;
  float:right;
}
.ttd1{
  border-left	: 1px solid #070b0e;
  padding-left	: 10px;
}
.ttd2{
  padding-right	: 0px;
}
.town{
  padding-left	: 10px;
  height:450px;
  width:970px;
  background-image : url(image/town.png);
  background-position:top right;
  background-repeat	: no-repeat;  
}
.collection{
  padding-left	: 10px;
  height:450px;
  width:970px;
  background-image : url(image/collection.png);
  background-position:top right;
  background-repeat	: no-repeat;  
}
.zsgh{
  padding-left	: 10px;
  height:450px;
  width:970px;
  background-image : url(image/gh4.png);
  background-position:top right;
  background-repeat	: no-repeat;  
}
.fsgh{
  padding-left	: 10px;
  height:450px;
  width:970px;
  background-image : url(image/gh5.png);
  background-position:top right;
  background-repeat	: no-repeat;  
}
.msgh{
  padding-left	: 10px;
  height:450px;
  width:970px;
  background-image : url(image/gh1.png);
  background-position:top right;
  background-repeat	: no-repeat;  
}
.gsgh{
  padding-left	: 10px;
  height:450px;
  width:970px;
  background-image : url(image/gh2.png);
  background-position:top right;
  background-repeat	: no-repeat;  
}
.dzgh{
  padding-left	: 10px;
  height:450px;
  width:970px;
  background-image : url(image/gh3.png);
  background-position:top right;
  background-repeat	: no-repeat;  
}
.shop{
  padding-left	: 10px;
  height:450px;
  width:970px;
  background-image : url(image/other/shangdian.png);
  background-position:top right;
  background-repeat	: no-repeat;  
}
.tjp{
  padding-left	: 10px;
  height:450px;
  width:970px;
  background-image : url(image/other/tjp.png);
  background-position:top right;
  background-repeat	: no-repeat;  
}
.maps{
text-align:left;
margin:0 30px;
padding:0 20px;
}
.sjlr{
  padding-left	: 10px;
  height:450px;
  width:970px;
  background-image : url(image/other/jiuguan.png);
  background-position:top right;
  background-repeat	: no-repeat;  
}
.lrgh{
float:left; color:#FC6; width:520px;
}
.hsjt{
  padding-left	: 10px;
  height:450px;
  width:970px;
  background-image : url(image/other/jt1.jpg);
  background-position:top right;
  background-repeat	: no-repeat;  
}


.bodyzt{width:980px; margin:0 auto; padding:0px;}
.ybztbj{float:left; margin:0px; padding:0px;}
.ybztbj1{float:left; width:980px; height:690px; background-image:url(image/map/map.gif); background-repeat:no-repeat; margin:0px; padding:0px;}
.ybztbj2{float:left; width:980px; height:690px; background-image:url(image/map/map2.gif); background-repeat:no-repeat; margin:0px; padding:0px;}
.ybztbj3{float:left; width:980px; height:690px; background-image:url(image/map/map3.gif); background-repeat:no-repeat; margin:0px; padding:0px;}
.ybdtdw1{float:left; width:980px; height:135px;padding:0px;}
.ybdtdw2{float:left; width:980px; height:145px;padding:0px;}
.ybdtdw3{float:left; width:980px; height:165px;padding:0px;}
.ybdtdw4{float:left; width:980px; height:185px;padding:0px;}

.hxsj-game-home{
  height:100%;
  overflow:hidden;
}

.hxsj-game-content{
  overflow:hidden;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-hunt-screen{
  --hxsj-hunt-bg-deep:#0a0c14;
  --hxsj-hunt-bg-panel:#12151f;
  --hxsj-hunt-bg-card:#1a1e2e;
  --hxsj-hunt-border:#2a3045;
  --hxsj-hunt-red:#dc2626;
  --hxsj-hunt-gold:#f59e0b;
  --hxsj-hunt-text:#f1f5f9;
  --hxsj-hunt-muted:#64748b;
  --hxsj-hunt-secondary:#94a3b8;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:560px;
  height:min(760px, calc(100vh - 142px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--hxsj-hunt-bg-deep);
  color:var(--hxsj-hunt-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-hunt-screen *,
.hxsj-hunt-screen *::before,
.hxsj-hunt-screen *::after{
  box-sizing:border-box;
}

.hxsj-hunt-titlebar{
  height:64px;
  min-height:64px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 32px;
  border-bottom:2px solid var(--hxsj-hunt-red);
  background:var(--hxsj-hunt-bg-deep);
}

.hxsj-hunt-title-marker{
  width:6px;
  height:24px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-hunt-red);
}

.hxsj-hunt-title-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.hxsj-hunt-title-copy span{
  color:var(--hxsj-hunt-secondary);
  font-size:12px;
  font-weight:700;
  line-height:16px;
}

.hxsj-hunt-title-copy h2{
  margin:0;
  color:var(--hxsj-hunt-text);
  font-size:22px;
  font-weight:800;
  line-height:30px;
}

.hxsj-hunt-body{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:240px minmax(0, 1fr);
  gap:28px;
  padding:28px 32px 32px;
}

.hxsj-hunt-sidebar{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.hxsj-hunt-nav{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav-item{
  min-height:58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  padding:10px 14px;
  border:1px solid var(--hxsj-hunt-border);
  border-radius:8px;
  background:var(--hxsj-hunt-bg-card);
  color:var(--hxsj-hunt-secondary);
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav-item:hover{
  border-color:#475569;
  color:var(--hxsj-hunt-text);
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav-item.is-active{
  border-color:var(--hxsj-hunt-red);
  background:rgba(220,38,38,.10);
  color:var(--hxsj-hunt-text);
}

.hxsj-hunt-nav-item span{
  color:inherit;
  font-size:12px;
  font-weight:700;
  line-height:16px;
}

.hxsj-hunt-nav-item strong{
  min-width:0;
  overflow:hidden;
  color:inherit;
  font-size:17px;
  font-weight:800;
  line-height:24px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-hunt-player-panel{
  min-width:0;
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid var(--hxsj-hunt-border);
  border-radius:8px;
  background:var(--hxsj-hunt-bg-panel);
}

.hxsj-hunt-player-panel div{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:8px;
  align-items:center;
  min-height:36px;
  padding:0 8px;
  border-radius:6px;
  background:#0d1019;
}

.hxsj-hunt-player-panel span{
  min-width:0;
  overflow:hidden;
  color:var(--hxsj-hunt-secondary);
  font-size:12px;
  font-weight:700;
  line-height:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-hunt-player-panel strong{
  color:var(--hxsj-hunt-gold);
  font-size:14px;
  font-weight:800;
  line-height:20px;
  white-space:nowrap;
}

.hxsj-hunt-content{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:18px;
  overflow:auto;
  padding-right:2px;
}

.hxsj-hunt-overview{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(220px, 1fr) minmax(240px, .9fr) auto;
  gap:16px;
  align-items:stretch;
  padding:18px;
  border:1px solid var(--hxsj-hunt-border);
  border-radius:8px;
  background:
    linear-gradient(rgba(148,163,184,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.035) 1px, transparent 1px),
    var(--hxsj-hunt-bg-panel);
  background-size:12px 12px, 12px 12px, auto;
}

.hxsj-hunt-overview-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
}

.hxsj-hunt-overview-copy span{
  color:var(--hxsj-hunt-secondary);
  font-size:13px;
  font-weight:700;
  line-height:18px;
}

.hxsj-hunt-overview-copy strong{
  min-width:0;
  overflow:hidden;
  color:var(--hxsj-hunt-text);
  font-size:24px;
  font-weight:800;
  line-height:32px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-hunt-overview-stats{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.hxsj-hunt-overview-stats div{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:3px 8px;
  align-content:center;
  padding:12px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:8px;
  background:rgba(10,12,20,.76);
}

.hxsj-hunt-overview-stats span{
  grid-column:1 / -1;
  color:var(--hxsj-hunt-secondary);
  font-size:12px;
  font-weight:700;
  line-height:18px;
}

.hxsj-hunt-overview-stats strong{
  color:var(--hxsj-hunt-gold);
  font-size:24px;
  font-weight:800;
  line-height:30px;
}

.hxsj-hunt-overview-stats em{
  align-self:end;
  color:var(--hxsj-hunt-muted);
  font-size:12px;
  font-style:normal;
  font-weight:700;
  line-height:20px;
}

.hxsj-hunt-bind-form{
  min-width:180px;
  display:flex;
  align-items:center;
  margin:0;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-primary-action,
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-secondary-action{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 18px;
  border-radius:8px;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:42px;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-primary-action{
  width:100%;
  border:2px solid #8a5a18;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 16px 1px rgba(245,158,11,.36), 0 0 3px rgba(255,243,208,.30);
  color:#5a3a08;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-primary-action:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e8b95a 50%, #c88629 100%);
  color:#5a3a08;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-secondary-action{
  border:1px solid var(--hxsj-hunt-border);
  background:linear-gradient(180deg, #1a2030, #12151f);
  color:#cbd5e1;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-secondary-action:hover{
  border-color:#64748b;
  background:linear-gradient(180deg, #222a3b, #171c2c);
  color:#f1f5f9;
}

.hxsj-hunt-region-grid{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:12px;
}

.hxsj-hunt-region-card{
  min-width:0;
  min-height:188px;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px;
  overflow:hidden;
  border:1px solid var(--hxsj-hunt-border);
  border-radius:8px;
  background:var(--hxsj-hunt-bg-card);
}

.hxsj-hunt-region-card.is-unlocked{
  border-color:rgba(245,158,11,.36);
  background:
    linear-gradient(180deg, rgba(245,158,11,.06), rgba(245,158,11,0) 42%),
    var(--hxsj-hunt-bg-card);
}

.hxsj-hunt-region-card.is-locked{
  background:#111520;
}

.hxsj-hunt-region-header{
  min-width:0;
  display:grid;
  gap:4px;
}

.hxsj-hunt-region-header span{
  color:var(--hxsj-hunt-secondary);
  font-size:12px;
  font-weight:700;
  line-height:16px;
}

.hxsj-hunt-region-header h3{
  min-width:0;
  overflow:hidden;
  margin:0;
  color:var(--hxsj-hunt-text);
  font-size:17px;
  font-weight:800;
  line-height:24px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-hunt-region-card.is-unlocked .hxsj-hunt-region-header h3{
  color:#fde68a;
}

.hxsj-hunt-region-header em{
  color:var(--hxsj-hunt-muted);
  font-size:12px;
  font-style:normal;
  font-weight:700;
  line-height:16px;
}

.hxsj-hunt-location-list{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-location-link{
  min-width:0;
  min-height:34px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:10px;
  align-items:center;
  padding:0 10px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:6px;
  background:#0d1019;
  color:#dbeafe;
  font-size:13px;
  font-weight:700;
  line-height:20px;
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-location-link:hover{
  border-color:rgba(245,158,11,.52);
  color:#ffffff;
  text-decoration:none;
}

.hxsj-hunt-location-link span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-hunt-location-link em{
  color:var(--hxsj-hunt-gold);
  font-size:12px;
  font-style:normal;
  font-weight:800;
}

.hxsj-hunt-region-locked,
.hxsj-hunt-region-empty{
  min-height:42px;
  display:flex;
  align-items:center;
  margin:0;
  padding:10px 12px;
  border-radius:6px;
  font-size:13px;
  font-weight:700;
  line-height:20px;
  overflow-wrap:anywhere;
}

.hxsj-hunt-region-locked{
  border:1px solid rgba(220,38,38,.34);
  background:rgba(127,29,29,.18);
  color:#fca5a5;
}

.hxsj-hunt-region-empty{
  border:1px solid rgba(148,163,184,.16);
  background:#0d1019;
  color:var(--hxsj-hunt-secondary);
}

.hxsj-hunt-footer-actions{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  padding:2px 0 0;
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-hunt-screen{
    min-height:0;
  }

  .hxsj-hunt-titlebar{
    height:56px;
    min-height:56px;
  }

  .hxsj-hunt-body{
    gap:20px;
    padding:20px 24px 24px;
  }

  .hxsj-hunt-region-card{
    min-height:164px;
  }
}

@media (max-width: 1080px){
  .hxsj-hunt-body{
    grid-template-columns:210px minmax(0, 1fr);
    gap:20px;
    padding:22px 24px 24px;
  }

  .hxsj-hunt-overview{
    grid-template-columns:1fr;
  }

  .hxsj-hunt-bind-form{
    min-width:0;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-hunt-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-hunt-titlebar{
    height:56px;
    min-height:56px;
    padding:0 18px;
  }

  .hxsj-hunt-title-copy h2{
    font-size:20px;
    line-height:28px;
  }

  .hxsj-hunt-body{
    grid-template-columns:1fr;
    gap:16px;
    padding:16px 14px 18px;
  }

  .hxsj-hunt-nav{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav-item{
    min-height:54px;
    padding:8px 10px;
  }

  .hxsj-hunt-nav-item strong{
    font-size:15px;
    line-height:21px;
  }

  .hxsj-hunt-player-panel{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    padding:8px;
  }

  .hxsj-hunt-player-panel div{
    min-height:48px;
    grid-template-columns:1fr;
    gap:2px;
    align-content:center;
  }

  .hxsj-hunt-player-panel strong{
    font-size:13px;
  }

  .hxsj-hunt-content{
    overflow:visible;
  }

  .hxsj-hunt-overview{
    padding:14px;
  }

  .hxsj-hunt-overview-copy strong{
    font-size:21px;
    line-height:29px;
  }

  .hxsj-hunt-region-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .hxsj-hunt-region-card{
    min-height:0;
    padding:14px;
  }
}

@media (max-width: 430px){
  .hxsj-hunt-titlebar{
    padding:0 14px;
  }

  .hxsj-hunt-body{
    padding:14px 10px 16px;
  }

  .hxsj-hunt-nav,
  .hxsj-hunt-player-panel,
  .hxsj-hunt-overview-stats{
    grid-template-columns:1fr;
  }

  .hxsj-hunt-overview-copy strong{
    white-space:normal;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-primary-action,
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-secondary-action{
    width:100%;
  }
}

.hxsj-hunt-titlebar{
  justify-content:space-between;
}

.hxsj-hunt-title-copy{
  flex:1 1 auto;
}

.hxsj-hunt-title-copy h2{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:8px;
}

.hxsj-hunt-title-copy h2 small{
  color:#94a3b8;
  font-size:13px;
  font-weight:600;
  line-height:20px;
}

.hxsj-hunt-bind-form{
  flex:0 0 auto;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-primary-action{
  min-height:40px;
  padding:0 16px;
  border:1px solid #b78b35;
  border-radius:4px;
  background:#d6a648;
  background-image:linear-gradient(180deg, #e9c36f, #c88f2f);
  box-shadow:none;
  color:#251804;
  line-height:38px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-primary-action:hover{
  border-color:#d7aa51;
  background-image:linear-gradient(180deg, #f0cd7d, #d49d3c);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-secondary-action{
  min-height:40px;
  border-radius:4px;
  background:#171b29;
  line-height:38px;
}

.hxsj-hunt-body{
  grid-template-columns:216px minmax(0, 1fr);
  gap:20px;
  padding:20px 24px 24px;
}

.hxsj-hunt-nav{
  gap:6px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav-item{
  min-height:52px;
  border-radius:4px;
  background:#12151f;
  transition:background .16s ease, border-color .16s ease, color .16s ease;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav-item.is-active{
  border-color:#dc2626;
  border-left-width:4px;
  background:#1a1e2b;
}

.hxsj-hunt-player-panel{
  gap:0;
  padding:0;
  overflow:hidden;
  border-radius:4px;
  background:#12151f;
}

.hxsj-hunt-player-panel div{
  min-height:40px;
  border-radius:0;
  border-bottom:1px solid #242b3e;
  background:transparent;
}

.hxsj-hunt-player-panel div:last-child{
  border-bottom:0;
}

.hxsj-hunt-map-head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 0 14px;
  border-bottom:1px solid #2a3045;
}

.hxsj-hunt-map-head-copy{
  min-width:0;
  display:grid;
  gap:2px;
}

.hxsj-hunt-map-head-copy span{
  color:#94a3b8;
  font-size:12px;
  font-weight:700;
  line-height:18px;
}

.hxsj-hunt-map-head-copy strong{
  min-width:0;
  overflow:hidden;
  color:#f8fafc;
  font-size:20px;
  font-weight:700;
  line-height:28px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-hunt-summary{
  flex:0 0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

.hxsj-hunt-summary span{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:0 10px;
  border:1px solid #2a3045;
  border-radius:4px;
  background:#12151f;
  color:#94a3b8;
  font-size:13px;
  font-weight:600;
  line-height:30px;
}

.hxsj-hunt-summary strong{
  color:#f5c15e;
  font-size:15px;
  font-weight:800;
}

.hxsj-hunt-summary em{
  color:#64748b;
  font-style:normal;
}

.hxsj-hunt-region-list{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.hxsj-hunt-region-card{
  position:relative;
  min-height:0;
  gap:10px;
  padding:12px 14px;
  overflow:visible;
  border-radius:4px;
  background:#12151f;
}

.hxsj-hunt-region-card::before{
  content:"";
  position:absolute;
  left:32px;
  top:-9px;
  bottom:100%;
  width:1px;
  background:#2a3045;
}

.hxsj-hunt-region-card:first-child::before{
  display:none;
}

.hxsj-hunt-region-card.is-unlocked{
  border-color:#3a3340;
  background:#151925;
}

.hxsj-hunt-region-card.is-locked{
  border-color:#252a3b;
  background:#0f131d;
}

.hxsj-hunt-region-header{
  grid-template-columns:40px minmax(0, 1fr) auto;
  align-items:center;
  gap:12px;
}

.hxsj-hunt-region-index{
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #343b50;
  border-radius:4px;
  background:#0a0c14;
  color:#94a3b8;
  font-size:12px;
  font-weight:800;
  line-height:1;
}

.hxsj-hunt-region-card.is-unlocked .hxsj-hunt-region-index{
  border-color:#a97829;
  color:#f5c15e;
}

.hxsj-hunt-region-title{
  min-width:0;
  display:grid;
  gap:2px;
}

.hxsj-hunt-region-title h3{
  min-width:0;
  overflow:hidden;
  margin:0;
  color:#f1f5f9;
  font-size:16px;
  font-weight:700;
  line-height:23px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-hunt-region-card.is-unlocked .hxsj-hunt-region-title h3{
  color:#f8fafc;
}

.hxsj-hunt-region-title em{
  color:#64748b;
  font-size:12px;
  font-style:normal;
  font-weight:600;
  line-height:17px;
}

.hxsj-hunt-region-status{
  min-height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  border:1px solid #2a3045;
  border-radius:4px;
  background:#0a0c14;
  color:#94a3b8;
  font-size:12px;
  font-weight:700;
  line-height:24px;
  white-space:nowrap;
}

.hxsj-hunt-region-card.is-unlocked .hxsj-hunt-region-status{
  border-color:rgba(245,193,94,.38);
  color:#f5c15e;
}

.hxsj-hunt-location-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding-left:52px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-location-link{
  width:auto;
  min-height:36px;
  display:inline-flex;
  gap:8px;
  padding:0 12px;
  border-radius:4px;
  background:#0c111d;
  color:#dbeafe;
  font-size:14px;
  line-height:34px;
  transition:border-color .16s ease, background .16s ease, color .16s ease;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-location-link:hover{
  background:#151b2a;
}

.hxsj-hunt-location-link span{
  white-space:normal;
}

.hxsj-hunt-location-link em{
  color:#f5c15e;
}

.hxsj-hunt-region-locked,
.hxsj-hunt-region-empty{
  min-height:34px;
  margin-left:52px;
  padding:7px 10px;
  border-radius:4px;
  font-size:13px;
  line-height:19px;
}

.hxsj-hunt-region-locked{
  border-color:#4a2630;
  background:#1a1118;
  color:#f2a3a3;
}

.hxsj-hunt-region-empty{
  border-color:#2a3045;
  background:#0c111d;
}

@media (max-width: 900px){
  .hxsj-hunt-titlebar{
    height:auto;
    min-height:0;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:14px 18px;
  }

  .hxsj-hunt-body{
    grid-template-columns:1fr;
    gap:14px;
    padding:14px;
  }

  .hxsj-hunt-bind-form{
    width:100%;
  }

  .hxsj-hunt-map-head{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }

  .hxsj-hunt-summary{
    width:100%;
    justify-content:flex-start;
  }

  .hxsj-hunt-region-card{
    padding:12px;
  }

  .hxsj-hunt-region-header{
    grid-template-columns:34px minmax(0, 1fr);
    gap:10px;
  }

  .hxsj-hunt-region-index{
    width:30px;
    height:30px;
  }

  .hxsj-hunt-region-status{
    grid-column:2;
    justify-self:start;
  }

  .hxsj-hunt-location-list,
  .hxsj-hunt-region-locked,
  .hxsj-hunt-region-empty{
    margin-left:44px;
    padding-left:0;
  }
}

@media (max-width: 430px){
  .hxsj-hunt-nav,
  .hxsj-hunt-player-panel{
    grid-template-columns:1fr;
  }

  .hxsj-hunt-summary span{
    width:100%;
  }

  .hxsj-hunt-location-list{
    margin-left:0;
    padding-left:0;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-location-link{
    width:100%;
    justify-content:space-between;
  }

  .hxsj-hunt-region-locked,
  .hxsj-hunt-region-empty{
    margin-left:0;
  }
}




/* Pencil: Monster Location Screen 打怪地点 */
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-game-content-panel{
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-screen{
  --hunt-bg-deep:#0a0c14;
  --hunt-bg-panel:#12151f;
  --hunt-bg-card:#1a1e2e;
  --hunt-bg-input:#0d1019;
  --hunt-border:#2a3045;
  --hunt-red:#dc2626;
  --hunt-gold:#f59e0b;
  --hunt-text:#f1f5f9;
  --hunt-muted:#64748b;
  --hunt-secondary:#94a3b8;
  --hunt-online:#22c55e;
  width:100%;
  min-width:0;
  min-height:620px;
  height:min(1020px, calc(100vh - 132px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:
    radial-gradient(ellipse 130% 100% at 50% 18%, #141826 0%, #0a0c14 62%),
    radial-gradient(ellipse 70% 70% at 6% 88%, rgba(245,158,11,.055) 0%, rgba(245,158,11,0) 68%),
    #0a0c14;
  color:var(--hunt-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-screen *,
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-screen *::before,
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-screen *::after{
  box-sizing:border-box;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-stats-bar{
  height:40px;
  flex:0 0 40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 24px;
  overflow:hidden;
  border-bottom:1px solid var(--hunt-border);
  background:rgba(13,15,26,.8);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-stat-item{
  min-width:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 16px;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-stat-item span{
  color:var(--hunt-muted);
  font-size:12px;
  font-weight:400;
  line-height:17px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-stat-item strong{
  min-width:0;
  overflow:hidden;
  font-size:13px;
  font-weight:700;
  line-height:16px;
  text-overflow:ellipsis;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-stat-item.is-gold strong{ color:#fbbf24; }
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-stat-item.is-star strong{ color:#a78bfa; }
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-stat-item.is-exp strong{ color:#34d399; }
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-stat-item.is-point strong{ color:#60a5fa; }
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-stat-item.is-action strong{ color:#f87171; }

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-stat-divider{
  width:1px;
  height:16px;
  flex:0 0 1px;
  background:var(--hunt-border);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-titlebar,
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-page-header{
  height:100px;
  min-height:100px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:0 32px;
  border-bottom:2px solid var(--hunt-red);
  background:rgba(13,15,26,.6);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-header-left{
  min-width:0;
  display:flex;
  align-items:center;
  gap:16px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-title-marker{
  width:6px;
  height:42px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hunt-red);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-title-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-title-copy > span{
  color:var(--hunt-secondary);
  font-size:13px;
  font-weight:600;
  line-height:18px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-title-copy h2{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:12px;
  margin:0;
  color:var(--hunt-text);
  font-size:27px;
  font-weight:700;
  line-height:32px;
  letter-spacing:0;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-title-copy h2 small{
  color:var(--hunt-muted);
  font-size:15px;
  font-weight:400;
  line-height:24px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-bind-form{
  flex:0 0 auto;
  display:flex;
  margin:0;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-primary-action{
  width:207px;
  height:48px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 28px;
  border:2px solid var(--hunt-gold);
  border-radius:8px;
  background:linear-gradient(180deg, #5a3410 0%, #2a1808 100%);
  box-shadow:0 0 16px 1px rgba(245,158,11,.33), 0 0 4px rgba(251,191,36,.27);
  color:#fbbf24;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:20px;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-primary-action:hover{
  border-color:#fbbf24;
  background:linear-gradient(180deg, #6a3d13 0%, #321d09 100%);
  color:#fff4c2;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-body{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:300px minmax(0, 1fr);
  gap:28px;
  padding:28px 32px 32px;
  overflow:hidden;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-sidebar{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:16px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#3b435c transparent;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-sidebar-section{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-section-head{
  min-width:0;
  min-height:17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 2px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-section-head span{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#fbbf24;
  font-size:12px;
  font-weight:700;
  line-height:17px;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-section-head i{
  width:3px;
  height:14px;
  display:inline-block;
  border-radius:2px;
  background:var(--hunt-gold);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-section-head em{
  min-width:0;
  overflow:hidden;
  color:var(--hunt-muted);
  font-size:11px;
  font-style:normal;
  font-weight:400;
  line-height:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav-item,
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-card{
  width:100%;
  height:95px;
  min-height:95px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  border:1px solid var(--hunt-border);
  border-radius:10px;
  background:#1a1e2e;
  color:var(--hunt-text);
  text-decoration:none;
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav-item:hover,
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-card:hover{
  border-color:rgba(245,158,11,.55);
  color:#f8fafc;
  text-decoration:none;
  transform:translateY(-1px);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav-item.is-active,
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-card.is-active{
  border:2px solid var(--hunt-gold);
  background:
    linear-gradient(180deg, rgba(245,158,11,.13) 0%, rgba(245,158,11,.03) 100%),
    #1a1e2e;
  box-shadow:0 0 18px 1px rgba(245,158,11,.25), 0 0 5px rgba(251,191,36,.19);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-copy em{
  color:var(--hunt-secondary);
  font-size:12px;
  font-style:normal;
  font-weight:600;
  line-height:16px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-copy strong{
  min-width:0;
  overflow:hidden;
  color:var(--hunt-text);
  font-size:24px;
  font-weight:700;
  line-height:28px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav-item.is-active .hxsj-hunt-continent-copy strong{
  color:#fbbf24;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-arrow{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--hunt-muted);
  font-size:22px;
  line-height:1;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-arrow::before{
  content:"›";
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-info-panel{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--hunt-border);
  border-radius:12px;
  background:var(--hunt-bg-panel);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-info-panel header{
  height:36px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border-bottom:1px solid var(--hunt-border);
  background:#0d0f1a;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-info-panel header span{
  color:#fbbf24;
  font-size:12px;
  font-weight:700;
  line-height:17px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-info-rows{
  display:flex;
  flex-direction:column;
  padding:6px 14px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-info-rows div{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid rgba(42,48,69,.72);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-info-rows div:last-child{
  border-bottom:0;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-info-rows span{
  min-width:0;
  overflow:hidden;
  color:var(--hunt-secondary);
  font-size:13px;
  font-weight:400;
  line-height:19px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-info-rows strong{
  color:#fbbf24;
  font-size:14px;
  font-weight:700;
  line-height:20px;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-content{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:16px;
  overflow:auto;
  padding-right:4px;
  scrollbar-width:thin;
  scrollbar-color:#3b435c transparent;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-map-head,
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-content-header{
  min-width:0;
  min-height:59px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:0;
  border:0;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-map-head-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-map-head-copy span{
  color:var(--hunt-secondary);
  font-size:13px;
  font-weight:600;
  line-height:18px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-map-head-copy strong{
  min-width:0;
  overflow:hidden;
  color:var(--hunt-text);
  font-size:24px;
  font-weight:700;
  line-height:30px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-summary{
  flex:0 0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-summary span{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:8px 14px;
  border:1px solid var(--hunt-border);
  border-radius:6px;
  background:#1a1e2e;
  color:var(--hunt-secondary);
  font-size:13px;
  font-weight:600;
  line-height:18px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-summary strong{
  color:#fbbf24;
  font-size:15px;
  font-weight:700;
  line-height:20px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-summary span:last-child strong{
  color:var(--hunt-online);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-summary em{
  color:var(--hunt-muted);
  font-style:normal;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-list{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-card{
  min-width:0;
  min-height:134px;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px 18px;
  overflow:hidden;
  border:1px solid rgba(245,158,11,.25);
  border-radius:10px;
  background:#1a1e2e;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-card::before{
  display:none;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-card.is-locked{
  min-height:133px;
  border-color:var(--hunt-border);
  background:#12151f;
  opacity:.72;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-header{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-index{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--hunt-border);
  border-radius:8px;
  background:#0d1019;
  color:var(--hunt-muted);
  font-size:18px;
  font-weight:700;
  line-height:1;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-card.is-unlocked .hxsj-hunt-region-index{
  border-color:var(--hunt-gold);
  color:#fbbf24;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-title{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-title h3{
  min-width:0;
  overflow:hidden;
  margin:0;
  color:var(--hunt-text);
  font-size:18px;
  font-weight:700;
  line-height:24px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-title em{
  min-width:0;
  overflow:hidden;
  color:var(--hunt-muted);
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-status{
  grid-column:auto;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:6px 10px;
  border:1px solid var(--hunt-border);
  border-radius:6px;
  background:rgba(255,255,255,.03);
  color:var(--hunt-secondary);
  font-size:13px;
  font-weight:600;
  line-height:18px;
  text-decoration:none;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-card.is-unlocked .hxsj-hunt-region-status{
  border-color:var(--hunt-gold);
  background:rgba(245,158,11,.10);
  color:#fbbf24;
  font-weight:700;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-enter{
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-enter:hover,
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-enter:focus-visible{
  border-color:#fbbf24;
  background:rgba(245,158,11,.18);
  color:#fff4c2;
  text-decoration:none;
  outline:0;
  box-shadow:0 0 0 2px rgba(245,158,11,.18);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-status-icon{
  width:15px;
  height:15px;
  position:relative;
  flex:0 0 15px;
  display:inline-block;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-card.is-unlocked .hxsj-hunt-status-icon{
  border:1.5px solid var(--hunt-gold);
  border-radius:50%;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-card.is-unlocked .hxsj-hunt-status-icon::after{
  content:"";
  position:absolute;
  left:3px;
  top:3px;
  width:7px;
  height:4px;
  border-left:1.5px solid var(--hunt-gold);
  border-bottom:1.5px solid var(--hunt-gold);
  transform:rotate(-45deg);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-card.is-locked .hxsj-hunt-status-icon::before{
  content:"";
  position:absolute;
  left:3px;
  top:6px;
  width:9px;
  height:7px;
  border:1.5px solid var(--hunt-muted);
  border-radius:2px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-card.is-locked .hxsj-hunt-status-icon::after{
  content:"";
  position:absolute;
  left:5px;
  top:1px;
  width:5px;
  height:7px;
  border:1.5px solid var(--hunt-muted);
  border-bottom:0;
  border-radius:5px 5px 0 0;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-status-arrow{
  width:12px;
  flex:0 0 12px;
  color:inherit;
  font-size:15px;
  line-height:1;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-card.is-unlocked .hxsj-hunt-status-arrow::before{
  content:"›";
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-location-list{
  min-width:0;
  height:44px;
  min-height:44px;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  gap:10px;
  margin:0;
  padding:12px 16px;
  overflow-x:auto;
  overflow-y:hidden;
  border:1px solid var(--hunt-border);
  border-radius:8px;
  background:#0d1019;
  scrollbar-width:thin;
  scrollbar-color:#4b556f transparent;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-location-link{
  width:auto;
  min-width:max-content;
  min-height:20px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#e2e8f0;
  font-size:14px;
  font-weight:600;
  line-height:20px;
  text-decoration:none;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-location-link::before{
  content:"";
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#fbbf24;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-location-link:hover{
  color:#fbbf24;
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-location-link span{
  min-width:0;
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-location-link em{
  color:#fbbf24;
  font-size:13px;
  font-style:normal;
  font-weight:700;
  line-height:20px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-locked,
.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-empty{
  min-height:43px;
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  padding:12px 16px;
  border:1px solid rgba(220,38,38,.20);
  border-radius:8px;
  background:rgba(220,38,38,.08);
  color:#f87171;
  font-size:13px;
  font-weight:600;
  line-height:19px;
  overflow-wrap:anywhere;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-locked > span{
  width:14px;
  height:14px;
  position:relative;
  flex:0 0 14px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-locked > span::before{
  content:"";
  position:absolute;
  left:3px;
  top:6px;
  width:8px;
  height:7px;
  border:1.4px solid #f87171;
  border-radius:2px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-locked > span::after{
  content:"";
  position:absolute;
  left:5px;
  top:1px;
  width:4px;
  height:7px;
  border:1.4px solid #f87171;
  border-bottom:0;
  border-radius:4px 4px 0 0;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-empty{
  border-color:var(--hunt-border);
  background:#0d1019;
  color:var(--hunt-secondary);
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-footer-actions{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px;
  padding:0 0 2px;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-secondary-action{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border:1px solid var(--hunt-border);
  border-radius:6px;
  background:#1a1e2e;
  color:#cbd5e1;
  font-size:13px;
  font-weight:700;
  line-height:34px;
  text-decoration:none;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-secondary-action:hover{
  border-color:rgba(245,158,11,.55);
  color:#fbbf24;
  text-decoration:none;
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-screen{
    min-height:560px;
    height:calc(100vh - 126px);
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-titlebar,
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-page-header{
    height:76px;
    min-height:76px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-body{
    gap:20px;
    padding:20px 24px 24px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav-item,
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-card{
    height:76px;
    min-height:76px;
    padding:12px 16px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-copy strong{
    font-size:20px;
    line-height:24px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-card{
    min-height:122px;
  }
}

@media (max-width: 1180px){
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-body{
    grid-template-columns:260px minmax(0, 1fr);
    gap:20px;
    padding:22px 24px 24px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-copy strong{
    font-size:21px;
    line-height:26px;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-stats-bar{
    height:auto;
    min-height:40px;
    flex:0 0 auto;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:8px 0;
    padding:8px 14px;
    overflow:visible;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-stat-item{
    flex:1 1 142px;
    justify-content:flex-start;
    padding:0 8px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-stat-divider{
    display:none;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-titlebar,
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-page-header{
    height:auto;
    min-height:0;
    flex-direction:column;
    align-items:stretch;
    gap:14px;
    padding:16px 18px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-title-copy h2{
    font-size:24px;
    line-height:30px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-bind-form,
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-primary-action{
    width:100%;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-body{
    grid-template-columns:1fr;
    gap:18px;
    padding:18px 14px 20px;
    overflow:visible;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-sidebar,
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-content{
    overflow:visible;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav-item,
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-card{
    height:auto;
    min-height:72px;
    padding:12px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-copy strong{
    font-size:16px;
    line-height:22px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-continent-arrow{
    display:none;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-map-head,
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-content-header{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-summary{
    width:100%;
    justify-content:flex-start;
  }
}

@media (max-width: 520px){
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-nav{
    grid-template-columns:1fr;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-body{
    padding:16px 10px 18px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-card{
    min-height:0;
    padding:14px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-header{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-region-status{
    margin-left:60px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-location-list{
    height:auto;
    min-height:44px;
    padding:10px 12px;
  }

  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-summary span,
  .hxsj-game-frame.hxsj-game-page-hunt-map .hxsj-hunt-secondary-action{
    width:100%;
  }
}

    #DoorP{
    border:10px solid #333;
    width:120px;
    height:422px;
    padding:4px;
    background:#fff;
    }
    .title01{
    width:100%;
    height:25px;
    background:#000000;
	color:#FFFFFF;
	font-weight:bold;
    cursor:pointer;
    }
    .title02{
    width:100%;
    height:25px;
    background: #666;
	color:#000000;
	font-weight:bold;
    cursor:pointer;
    }
    .content{
    background:#eee;
    border-bottom:2px solid #fff;
    overflow:hidden;
    color:#666;
    padding-left:4px;
    padding-right:4px;
    line-height:18px;
    }

a#tip {position:relative;left:10px; font-weight:bold;}
a#tip:link,a#tip:hover {text-decoration:none;display:block;}
a#tip div {display:none;text-decoration:none;}
a#tip:visited {color:#000;text-decoration:underline;}
a#tip:hover #tip_info {margin:10px; width:335px; height:112px;display:block;background-image:url(image/bbsbg.png);position:absolute;z-index:999;color:#630}

.span1{
  background	: #242f3c;
  border-bottom	: 1px solid #afbdcf;
  padding	: 3px 3px;
  text-align:center;
  width:180px;
  height:220px;
  float:left;
}
.span2{
  background	: #384b5f;
  border-bottom	: 1px solid #afbdcf;
  padding	: 3px;
  text-align:center;
  width:180px;
  height:220px;
  float:left;
}

/* Pencil 登录前首页 */
body.hxsj-public-body{
  margin:0;
  background:#0a0c14;
  color:#f1f5f9;
  font-family:"Noto Sans SC", "Microsoft YaHei", Inter, Arial, sans-serif;
}

body.hxsj-public-body a{
  color:#f59e0b;
  font-weight:normal;
}

body.hxsj-public-body a:hover{
  color:#fbbf24;
  text-decoration:none;
}

div#main_frame.hxsj-public-frame{
  width:100%;
  min-width:0;
  min-height:100vh;
  margin:0;
  padding:0;
  border:0;
  background:#0a0c14;
  text-align:left;
}

.hxsj-public-frame #container{
  min-height:0;
}

.hxsj-public-frame #contents{
  padding:0;
}

#menu.hxsj-public-nav,
.hxsj-public-nav{
  position:absolute;
  top:0;
  left:0;
  z-index:5;
  box-sizing:border-box;
  width:100%;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 48px;
  border:0;
  border-bottom:1px solid #2a3045;
  background:rgba(10,12,20,.70);
}

#menu.hxsj-public-nav a,
.hxsj-public-nav a{
  box-sizing:border-box;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 16px;
  border-radius:4px;
  color:#f1f5f9;
  font-size:13px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
  transition:background-color .18s ease, color .18s ease;
}

#menu.hxsj-public-nav a:hover,
.hxsj-public-nav a:hover{
  background:rgba(245,158,11,.12);
  color:#ffffff;
}

#menu.hxsj-public-nav img,
.hxsj-public-nav img{
  width:16px;
  height:16px;
  object-fit:cover;
}

#menu.hxsj-public-nav .hxsj-nav-icon,
.hxsj-public-nav .hxsj-nav-icon{
  width:16px;
  height:16px;
  flex:0 0 16px;
  background:#f59e0b;
  display:inline-block;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:16px 16px;
  mask-size:16px 16px;
  filter:drop-shadow(0 0 5px rgba(245,158,11,.35));
}

.hxsj-nav-home{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E");
}

.hxsj-nav-login{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='m10 17 5-5-5-5'/%3E%3Cpath d='M15 12H3'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='m10 17 5-5-5-5'/%3E%3Cpath d='M15 12H3'/%3E%3C/svg%3E");
}

.hxsj-nav-user-plus{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6'/%3E%3Cpath d='M22 11h-6'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6'/%3E%3Cpath d='M22 11h-6'/%3E%3C/svg%3E");
}

.hxsj-nav-book{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E");
}

.hxsj-nav-swords{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.5 17.5 7-7-3-3-7 7'/%3E%3Cpath d='m8.5 14.5-6-6 3-3 6 6'/%3E%3Cpath d='m14 19 3 3 5-5-3-3'/%3E%3Cpath d='m3 14 7 7'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.5 17.5 7-7-3-3-7 7'/%3E%3Cpath d='m8.5 14.5-6-6 3-3 6 6'/%3E%3Cpath d='m14 19 3 3 5-5-3-3'/%3E%3Cpath d='m3 14 7 7'/%3E%3C/svg%3E");
}

.hxsj-nav-message{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3Cpath d='M8 12h.01'/%3E%3Cpath d='M12 12h.01'/%3E%3Cpath d='M16 12h.01'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3Cpath d='M8 12h.01'/%3E%3Cpath d='M12 12h.01'/%3E%3Cpath d='M16 12h.01'/%3E%3C/svg%3E");
}

.hxsj-nav-update{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E");
}

.hxsj-public-home{
  min-height:900px;
  overflow:hidden;
  background:#0a0c14;
}

.hxsj-hero{
  position:relative;
  height:500px;
  overflow:hidden;
  background-image:
    linear-gradient(180deg, #0a0c14 0%, rgba(10,12,20,0) 30%, rgba(10,12,20,0) 70%, rgba(10,12,20,.87) 100%),
    radial-gradient(ellipse at center, rgba(10,12,20,0) 0%, rgba(10,12,20,.53) 100%),
    url(image/index/pencil-hero-bg.webp);
  background-size:100% 100%, 100% 100%, cover;
  background-position:center;
}

.hxsj-hero:after,
.hxsj-manual-hero:after,
.hxsj-log-hero:after,
.hxsj-update-hero:after,
.hxsj-job-hero:after,
.hxsj-skill-hero:after,
.hxsj-item-hero:after,
.hxsj-monster-hero:after,
.hxsj-title-public-hero:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:6px;
  background:linear-gradient(90deg, rgba(245,158,11,0), #f59e0b 50%, rgba(245,158,11,0));
}

.hxsj-manual-hero,
.hxsj-log-hero,
.hxsj-update-hero,
.hxsj-job-hero,
.hxsj-skill-hero,
.hxsj-item-hero,
.hxsj-monster-hero,
.hxsj-title-public-hero{
  position:relative;
  height:360px;
  overflow:hidden;
  background-image:
    linear-gradient(180deg, #0a0c14 0%, rgba(10,12,20,.08) 34%, rgba(10,12,20,.35) 76%, #0a0c14 100%),
    radial-gradient(ellipse at center, rgba(10,12,20,.03) 0%, rgba(10,12,20,.58) 100%),
    url(image/index/pencil-hero-bg.webp);
  background-size:100% 100%, 100% 100%, cover;
  background-position:center;
}

.hxsj-manual-hero .hxsj-hero-title,
.hxsj-log-hero .hxsj-hero-title,
.hxsj-update-hero .hxsj-hero-title,
.hxsj-job-hero .hxsj-hero-title,
.hxsj-skill-hero .hxsj-hero-title,
.hxsj-item-hero .hxsj-hero-title,
.hxsj-monster-hero .hxsj-hero-title,
.hxsj-title-public-hero .hxsj-hero-title{
  top:76px;
  height:220px;
}

.hxsj-hero-title{
  position:absolute;
  left:50%;
  top:116px;
  width:min(100%, 880px);
  height:250px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:20px;
  transform:translateX(-50%);
  text-align:center;
}

.hxsj-logo-en{
  color:#f59e0b;
  font-family:Cinzel, Georgia, "Times New Roman", serif;
  font-size:72px;
  font-weight:700;
  line-height:1;
  letter-spacing:12px;
  text-shadow:0 0 20px rgba(245,158,11,.40);
}

.hxsj-hero-title h1{
  margin:0;
  color:#f1f5f9;
  font-size:56px;
  font-weight:900;
  line-height:1;
  letter-spacing:8px;
  text-shadow:0 0 16px rgba(245,158,11,.27);
}

.hxsj-hero-title p{
  margin:0;
  color:#94a3b8;
  font-size:16px;
  line-height:1.4;
  letter-spacing:2px;
}

.hxsj-auth-section{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  min-height:0;
  box-sizing:border-box;
  padding:18px 0 12px;
  background:#0a0c14;
}

.hxsj-login-panel{
  box-sizing:border-box;
  width:420px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  margin:0;
  padding:18px 32px;
  border:1px solid #2a3045;
  border-radius:16px;
  background:#1a1e2e;
  box-shadow:0 0 24px 2px rgba(249,115,22,.67), 0 8px 32px rgba(0,0,0,.50);
}

.hxsj-login-panel h2{
  margin:0;
  color:#fbbf24;
  font-size:24px;
  font-weight:700;
  line-height:1.2;
}

.hxsj-login-subtitle{
  margin:0;
  color:#64748b;
  font-size:12px;
  line-height:1.4;
}

.hxsj-auth-message{
  box-sizing:border-box;
  width:100%;
  color:#fbbf24;
  font-size:12px;
  line-height:1.5;
  text-align:center;
}

.hxsj-manual-home,
.hxsj-log-home,
.hxsj-job-home,
.hxsj-skill-home,
.hxsj-item-home,
.hxsj-monster-home,
.hxsj-title-public-home{
  overflow:visible;
}

.hxsj-manual-section,
.hxsj-log-section,
.hxsj-update-section,
.hxsj-job-section,
.hxsj-skill-section,
.hxsj-item-section,
.hxsj-monster-section,
.hxsj-title-public-section{
  box-sizing:border-box;
  display:flex;
  justify-content:center;
  padding:26px 20px 48px;
  background:#0a0c14;
}

.hxsj-manual-panel,
.hxsj-log-panel,
.hxsj-update-panel,
.hxsj-job-panel,
.hxsj-skill-panel,
.hxsj-item-panel,
.hxsj-monster-panel,
.hxsj-title-public-panel{
  box-sizing:border-box;
  width:min(920px, 100%);
  border:1px solid #2a3045;
  border-radius:8px;
  background:#151927;
  box-shadow:0 0 22px rgba(249,115,22,.24), 0 10px 34px rgba(0,0,0,.44);
  overflow:hidden;
}

.hxsj-manual-panel,
.hxsj-log-panel,
.hxsj-job-panel,
.hxsj-skill-panel,
.hxsj-item-panel,
.hxsj-monster-panel,
.hxsj-title-public-panel{
  width:min(1040px, 100%);
}

.hxsj-manual-panel-head,
.hxsj-log-panel-head,
.hxsj-update-panel-head,
.hxsj-job-panel-head,
.hxsj-skill-panel-head,
.hxsj-item-panel-head,
.hxsj-monster-panel-head,
.hxsj-title-public-panel-head{
  box-sizing:border-box;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:22px 26px;
  border-bottom:1px solid #2a3045;
  background:linear-gradient(180deg, rgba(245,158,11,.10), rgba(21,25,39,0));
}

.hxsj-manual-panel-head h2,
.hxsj-log-panel-head h2,
.hxsj-update-panel-head h2,
.hxsj-job-panel-head h2,
.hxsj-skill-panel-head h2,
.hxsj-item-panel-head h2,
.hxsj-monster-panel-head h2,
.hxsj-title-public-panel-head h2{
  margin:0;
  color:#fbbf24;
  font-size:24px;
  font-weight:700;
  line-height:1.25;
}

.hxsj-manual-panel-head p,
.hxsj-log-panel-head p,
.hxsj-update-panel-head p,
.hxsj-job-panel-head p,
.hxsj-skill-panel-head p,
.hxsj-item-panel-head p,
.hxsj-monster-panel-head p,
.hxsj-title-public-panel-head p{
  margin:6px 0 0;
  color:#94a3b8;
  font-size:13px;
  line-height:1.6;
}

.hxsj-manual-back,
.hxsj-log-back,
.hxsj-job-back,
.hxsj-skill-back,
.hxsj-item-back,
.hxsj-monster-back,
.hxsj-title-public-back{
  box-sizing:border-box;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border:1px solid #f59e0b;
  border-radius:8px;
  color:#f59e0b;
  background:#0d1019;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
}

.hxsj-manual-back:hover,
.hxsj-log-back:hover,
.hxsj-job-back:hover,
.hxsj-skill-back:hover,
.hxsj-item-back:hover,
.hxsj-monster-back:hover,
.hxsj-title-public-back:hover{
  color:#ffffff;
  border-color:#fbbf24;
}

.hxsj-update-panel-head span{
  flex:0 0 auto;
  color:#94a3b8;
  font-size:12px;
  line-height:1.5;
  white-space:nowrap;
}

.hxsj-manual-content{
  box-sizing:border-box;
  min-height:420px;
  padding:28px;
  color:#dbe4f0;
  font-size:14px;
  line-height:1.85;
  overflow-wrap:anywhere;
}

.hxsj-manual-content *{
  max-width:100%;
}

.hxsj-manual-content > div{
  margin:0 !important;
}

.hxsj-manual-content [style*="margin-left"]{
  margin-left:0 !important;
}

.hxsj-manual-content a[name]{
  scroll-margin-top:76px;
}

.hxsj-manual-content h4{
  margin:34px 0 14px;
  padding:0 0 10px;
  border-bottom:1px solid rgba(245,158,11,.24);
  color:#fbbf24;
  font-size:20px;
  font-weight:700;
  line-height:1.35;
}

.hxsj-manual-content h4:first-of-type{
  margin-top:0;
}

.hxsj-manual-content h4 a{
  margin-left:8px;
  color:#f59e0b;
  font-size:13px;
}

.hxsj-manual-content p{
  margin:12px 0;
  color:#dbe4f0;
  line-height:1.85;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.hxsj-manual-content ul{
  box-sizing:border-box;
  margin:10px 0 20px;
  padding:12px 18px 12px 28px;
  border-left:2px solid rgba(245,158,11,.38);
  background:rgba(13,16,25,.64);
  overflow:hidden;
}

.hxsj-manual-content li{
  margin:7px 0;
  padding-left:2px;
  color:#dbe4f0;
  line-height:1.75;
  white-space:normal !important;
  word-break:break-all;
  overflow-wrap:anywhere;
}

.hxsj-manual-content .bold{
  color:#f8fafc;
}

.hxsj-manual-content .u{
  text-decoration-color:rgba(245,158,11,.66);
  text-underline-offset:3px;
}

.hxsj-manual-content a{
  color:#f59e0b;
  white-space:normal !important;
  word-break:break-all;
  overflow-wrap:anywhere;
}

.hxsj-manual-content li > a{
  display:block;
  width:100%;
}

.hxsj-manual-content a:hover{
  color:#fbbf24;
}

.hxsj-manual-content img{
  max-width:100%;
  height:auto;
  border-radius:6px;
  vertical-align:middle;
}

.hxsj-manual-content table{
  width:100%;
  max-width:620px;
  margin:14px 0;
  border-collapse:collapse;
  color:#dbe4f0;
  background:#0d1019;
}

.hxsj-manual-content td{
  padding:9px 10px;
  border:1px solid #2a3045;
  vertical-align:top;
}

.hxsj-manual-content input,
.hxsj-manual-content select{
  max-width:100%;
  color:#f1f5f9;
  border:1px solid #2a3045;
  border-radius:6px;
  background:#0a0c14;
}

.hxsj-log-content{
  box-sizing:border-box;
  padding:0;
}

.hxsj-log-panel .hxsj-battle-log-screen{
  min-height:520px;
  background:#151927;
}

.hxsj-log-panel .hxsj-battle-log-header{
  background:linear-gradient(180deg, rgba(220,38,38,.12), rgba(21,25,39,0));
}

.hxsj-log-panel .hxsj-battle-log-list{
  background:#0d1019;
}

.hxsj-log-panel .hxsj-battle-log-row{
  transition:background-color .18s ease, border-color .18s ease;
}

.hxsj-log-panel .hxsj-battle-log-row:hover{
  border-color:rgba(245,158,11,.36);
  background:rgba(245,158,11,.07);
}

.hxsj-log-panel .hxsj-battle-log-time:hover{
  color:#fbbf24;
}

.hxsj-log-panel .hxsj-battle-log-detail-card{
  margin:12px;
  border-radius:8px;
  background:#0d1019;
}

.hxsj-update-content{
  box-sizing:border-box;
  min-height:260px;
  padding:26px;
  color:#dbe4f0;
  font-size:14px;
  line-height:1.9;
  overflow-wrap:anywhere;
}

.hxsj-job-content{
  box-sizing:border-box;
  padding:22px;
  background:#0d1019;
}

.hxsj-job-summary{
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 18px;
  padding:14px;
  border:1px solid rgba(245,158,11,.20);
  border-radius:8px;
  background:rgba(21,25,39,.72);
  color:#94a3b8;
  font-size:12px;
  line-height:1.3;
}

.hxsj-job-summary span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:#12151f;
  white-space:nowrap;
}

.hxsj-job-summary strong{
  color:#fbbf24;
  font-family:Inter, Arial, sans-serif;
  font-size:13px;
  font-weight:700;
}

.hxsj-job-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.hxsj-job-row{
  box-sizing:border-box;
  min-width:0;
  display:grid;
  grid-template-columns:72px minmax(0, 1fr) 168px;
  gap:18px;
  align-items:center;
  padding:14px;
  border:1px solid #2a3045;
  border-radius:8px;
  background:#151927;
  transition:border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.hxsj-job-row:hover{
  border-color:rgba(245,158,11,.40);
  background:#1a1e2e;
  transform:translateY(-1px);
}

.hxsj-job-avatar{
  box-sizing:border-box;
  width:64px;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(245,158,11,.28);
  border-radius:8px;
  background:radial-gradient(circle at 50% 30%, rgba(245,158,11,.18), rgba(13,16,25,.92));
  overflow:hidden;
}

.hxsj-job-avatar img{
  max-width:58px;
  max-height:58px;
  object-fit:contain;
}

.hxsj-job-info{
  min-width:0;
}

.hxsj-job-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}

.hxsj-job-title h3{
  min-width:0;
  margin:0;
  overflow:hidden;
  color:#f8fafc;
  font-size:18px;
  font-weight:700;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-job-title span{
  flex:0 0 auto;
  color:#f59e0b;
  font-family:Inter, Arial, sans-serif;
  font-size:12px;
  line-height:1.4;
  white-space:nowrap;
}

.hxsj-job-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:9px;
}

.hxsj-job-meta span{
  box-sizing:border-box;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:999px;
  background:#0d1019;
  color:#cbd5e1;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}

.hxsj-job-equip{
  margin:11px 0 0;
  color:#94a3b8;
  font-size:13px;
  line-height:1.65;
  overflow-wrap:anywhere;
}

.hxsj-job-equip span{
  color:#fbbf24;
}

.hxsj-job-portrait{
  box-sizing:border-box;
  width:156px;
  height:156px;
  margin:0;
  border:1px solid rgba(245,158,11,.22);
  border-radius:8px;
  background:
    radial-gradient(circle at 50% 25%, rgba(245,158,11,.18), rgba(10,12,20,0) 58%),
    #0a0c14;
  overflow:hidden;
}

.hxsj-job-portrait img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

.hxsj-skill-content{
  box-sizing:border-box;
  padding:22px;
  background:#0d1019;
}

.hxsj-skill-summary{
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 18px;
  padding:14px;
  border:1px solid rgba(245,158,11,.20);
  border-radius:8px;
  background:rgba(21,25,39,.72);
  color:#94a3b8;
  font-size:12px;
  line-height:1.3;
}

.hxsj-skill-summary span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:#12151f;
  white-space:nowrap;
}

.hxsj-skill-summary strong{
  color:#fbbf24;
  font-family:Inter, Arial, sans-serif;
  font-size:13px;
  font-weight:700;
}

.hxsj-skill-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.hxsj-skill-row{
  position:relative;
  box-sizing:border-box;
  min-width:0;
  display:grid;
  grid-template-columns:58px minmax(0, 1fr);
  gap:16px;
  align-items:start;
  padding:14px 16px 14px 18px;
  border:1px solid #2a3045;
  border-radius:8px;
  background:#151927;
  overflow:hidden;
  transition:border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.hxsj-skill-row:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:#f59e0b;
  opacity:.86;
}

.hxsj-skill-row:hover{
  border-color:rgba(245,158,11,.40);
  background:#1a1e2e;
  transform:translateY(-1px);
}

.hxsj-skill-type-0:before{background:#f97316;}
.hxsj-skill-type-1:before{background:#60a5fa;}
.hxsj-skill-type-2:before{background:#34d399;}
.hxsj-skill-type-3:before{background:#a78bfa;}
.hxsj-skill-type-4:before{background:#f43f5e;}

.hxsj-skill-icon{
  box-sizing:border-box;
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(245,158,11,.28);
  border-radius:8px;
  background:radial-gradient(circle at 50% 30%, rgba(245,158,11,.18), rgba(13,16,25,.92));
  overflow:hidden;
}

.hxsj-skill-icon img{
  max-width:42px;
  max-height:42px;
  object-fit:contain;
}

.hxsj-skill-main{
  min-width:0;
}

.hxsj-skill-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}

.hxsj-skill-title h3{
  min-width:0;
  margin:0;
  overflow:hidden;
  color:#f8fafc;
  font-size:18px;
  font-weight:700;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-skill-title span{
  flex:0 0 auto;
  color:#f59e0b;
  font-family:Inter, Arial, sans-serif;
  font-size:12px;
  line-height:1.4;
  white-space:nowrap;
}

.hxsj-skill-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:9px;
}

.hxsj-skill-meta span{
  box-sizing:border-box;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:999px;
  background:#0d1019;
  color:#cbd5e1;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}

.hxsj-skill-meta .hxsj-skill-kind{
  border-color:rgba(245,158,11,.30);
  color:#fbbf24;
}

.hxsj-skill-desc{
  margin:11px 0 0;
  color:#94a3b8;
  font-size:13px;
  line-height:1.65;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.hxsj-item-content{
  box-sizing:border-box;
  padding:22px;
  background:#0d1019;
}

.hxsj-item-summary{
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 18px;
  padding:14px;
  border:1px solid rgba(245,158,11,.20);
  border-radius:8px;
  background:rgba(21,25,39,.72);
  color:#94a3b8;
  font-size:12px;
  line-height:1.3;
}

.hxsj-item-summary span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:#12151f;
  white-space:nowrap;
}

.hxsj-item-summary strong{
  color:#fbbf24;
  font-family:Inter, Arial, sans-serif;
  font-size:13px;
  font-weight:700;
}

.hxsj-item-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.hxsj-item-row{
  position:relative;
  box-sizing:border-box;
  min-width:0;
  display:grid;
  grid-template-columns:58px minmax(0, 1fr);
  gap:16px;
  align-items:start;
  padding:14px 16px 14px 18px;
  border:1px solid #2a3045;
  border-radius:8px;
  background:#151927;
  overflow:hidden;
  transition:border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.hxsj-item-row:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:#f59e0b;
  opacity:.86;
}

.hxsj-item-row:hover{
  border-color:rgba(245,158,11,.40);
  background:#1a1e2e;
  transform:translateY(-1px);
}

.hxsj-item-rank-9:before{background:#facc15;}
.hxsj-item-rank-8:before{background:#fb7185;}
.hxsj-item-rank-7:before{background:#f97316;}
.hxsj-item-rank-6:before{background:#a78bfa;}
.hxsj-item-rank-5:before{background:#60a5fa;}
.hxsj-item-rank-4:before{background:#34d399;}
.hxsj-item-rank-3:before{background:#94a3b8;}
.hxsj-item-rank-2:before{background:#64748b;}
.hxsj-item-rank-1:before{background:#475569;}

.hxsj-item-icon{
  box-sizing:border-box;
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(245,158,11,.28);
  border-radius:8px;
  background:radial-gradient(circle at 50% 30%, rgba(245,158,11,.18), rgba(13,16,25,.92));
  overflow:hidden;
}

.hxsj-item-icon img{
  max-width:42px;
  max-height:42px;
  object-fit:contain;
}

.hxsj-item-main{
  min-width:0;
}

.hxsj-item-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}

.hxsj-item-title h3{
  min-width:0;
  margin:0;
  overflow:hidden;
  color:#f8fafc;
  font-size:18px;
  font-weight:700;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-item-title span{
  flex:0 0 auto;
  color:#f59e0b;
  font-family:Inter, Arial, sans-serif;
  font-size:12px;
  line-height:1.4;
  white-space:nowrap;
}

.hxsj-item-meta,
.hxsj-item-effects{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:9px;
}

.hxsj-item-meta span,
.hxsj-item-effects span{
  box-sizing:border-box;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:999px;
  background:#0d1019;
  color:#cbd5e1;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}

.hxsj-item-meta .hxsj-item-rank-label{
  border-color:rgba(245,158,11,.30);
  color:#fbbf24;
}

.hxsj-item-effects span{
  border-color:rgba(96,165,250,.24);
  color:#dbeafe;
}

.hxsj-item-desc{
  margin:11px 0 0;
  color:#94a3b8;
  font-size:13px;
  line-height:1.65;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.hxsj-item-recipe{
  box-sizing:border-box;
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(245,158,11,.18);
  border-radius:8px;
  background:rgba(10,12,20,.55);
}

.hxsj-item-recipe strong{
  display:block;
  margin:0 0 9px;
  color:#fbbf24;
  font-size:12px;
  line-height:1.2;
}

.hxsj-item-recipe div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.hxsj-item-recipe span{
  box-sizing:border-box;
  min-height:28px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 9px;
  border-radius:999px;
  background:#12151f;
  color:#cbd5e1;
  font-size:12px;
  line-height:1.25;
  white-space:nowrap;
}

.hxsj-item-recipe img{
  width:18px;
  height:18px;
  flex:0 0 18px;
  object-fit:contain;
}

.hxsj-monster-content{
  box-sizing:border-box;
  padding:22px;
  background:#0d1019;
}

.hxsj-monster-summary{
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 18px;
  padding:14px;
  border:1px solid rgba(245,158,11,.20);
  border-radius:8px;
  background:rgba(21,25,39,.72);
  color:#94a3b8;
  font-size:12px;
  line-height:1.3;
}

.hxsj-monster-summary span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:#12151f;
  white-space:nowrap;
}

.hxsj-monster-summary strong{
  color:#fbbf24;
  font-family:Inter, Arial, sans-serif;
  font-size:13px;
  font-weight:700;
}

.hxsj-monster-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.hxsj-monster-row{
  position:relative;
  box-sizing:border-box;
  min-width:0;
  display:grid;
  grid-template-columns:72px minmax(0, 1fr);
  gap:16px;
  align-items:start;
  padding:14px 16px 14px 18px;
  border:1px solid #2a3045;
  border-radius:8px;
  background:#151927;
  overflow:hidden;
  transition:border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.hxsj-monster-row:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:#f59e0b;
  opacity:.86;
}

.hxsj-monster-row:hover{
  border-color:rgba(245,158,11,.40);
  background:#1a1e2e;
  transform:translateY(-1px);
}

.hxsj-monster-star-6:before{background:#facc15;}
.hxsj-monster-star-5:before{background:#fb7185;}
.hxsj-monster-star-4:before{background:#f97316;}
.hxsj-monster-star-3:before{background:#60a5fa;}
.hxsj-monster-star-2:before{background:#34d399;}
.hxsj-monster-star-1:before{background:#94a3b8;}

.hxsj-monster-avatar{
  box-sizing:border-box;
  width:64px;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(245,158,11,.28);
  border-radius:8px;
  background:
    radial-gradient(circle at 50% 28%, rgba(245,158,11,.24), rgba(13,16,25,.92) 70%),
    #0a0c14;
  overflow:hidden;
}

.hxsj-monster-avatar img{
  max-width:58px;
  max-height:58px;
  object-fit:contain;
}

.hxsj-monster-main{
  min-width:0;
}

.hxsj-monster-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}

.hxsj-monster-title h3{
  min-width:0;
  margin:0;
  overflow:hidden;
  color:#f8fafc;
  font-size:18px;
  font-weight:700;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-monster-title span{
  flex:0 0 auto;
  color:#f59e0b;
  font-family:Inter, Arial, sans-serif;
  font-size:12px;
  line-height:1.4;
  white-space:nowrap;
}

.hxsj-monster-meta,
.hxsj-monster-stats,
.hxsj-monster-attrs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:9px;
}

.hxsj-monster-meta span,
.hxsj-monster-stats span,
.hxsj-monster-attrs span{
  box-sizing:border-box;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:999px;
  background:#0d1019;
  color:#cbd5e1;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}

.hxsj-monster-meta .hxsj-monster-star-label{
  border-color:rgba(245,158,11,.30);
  color:#fbbf24;
}

.hxsj-monster-stats span{
  border-color:rgba(96,165,250,.24);
  color:#dbeafe;
}

.hxsj-monster-attrs span{
  border-color:rgba(52,211,153,.22);
  color:#d1fae5;
}

.hxsj-monster-drops{
  box-sizing:border-box;
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(245,158,11,.18);
  border-radius:8px;
  background:rgba(10,12,20,.55);
}

.hxsj-monster-drops strong{
  display:block;
  margin:0 0 9px;
  color:#fbbf24;
  font-size:12px;
  line-height:1.2;
}

.hxsj-monster-drops div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.hxsj-monster-drops span{
  box-sizing:border-box;
  min-height:28px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 9px;
  border-radius:999px;
  background:#12151f;
  color:#cbd5e1;
  font-size:12px;
  line-height:1.25;
  white-space:nowrap;
}

.hxsj-monster-drops img{
  width:18px;
  height:18px;
  flex:0 0 18px;
  object-fit:contain;
}

.hxsj-monster-drops em{
  color:#fbbf24;
  font-style:normal;
  font-family:Inter, Arial, sans-serif;
  font-size:11px;
}

.hxsj-monster-drops p{
  margin:0;
  color:#94a3b8;
  font-size:12px;
  line-height:1.5;
}

.hxsj-title-public-content{
  box-sizing:border-box;
  padding:22px;
  background:#0d1019;
}

.hxsj-title-public-summary{
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 18px;
  padding:14px;
  border:1px solid rgba(245,158,11,.20);
  border-radius:8px;
  background:rgba(21,25,39,.72);
  color:#94a3b8;
  font-size:12px;
  line-height:1.3;
}

.hxsj-title-public-summary span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:#12151f;
  white-space:nowrap;
}

.hxsj-title-public-summary strong{
  color:#fbbf24;
  font-family:Inter, Arial, sans-serif;
  font-size:13px;
  font-weight:700;
}

.hxsj-title-public-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.hxsj-title-public-row{
  position:relative;
  box-sizing:border-box;
  min-width:0;
  display:grid;
  grid-template-columns:58px minmax(0, 1fr);
  gap:16px;
  align-items:start;
  padding:14px 16px 14px 18px;
  border:1px solid #2a3045;
  border-radius:8px;
  background:#151927;
  overflow:hidden;
  transition:border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.hxsj-title-public-row:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:#f59e0b;
  opacity:.86;
}

.hxsj-title-public-row:hover{
  border-color:rgba(245,158,11,.40);
  background:#1a1e2e;
  transform:translateY(-1px);
}

.hxsj-title-public-icon{
  box-sizing:border-box;
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(245,158,11,.28);
  border-radius:8px;
  background:radial-gradient(circle at 50% 30%, rgba(245,158,11,.18), rgba(13,16,25,.92));
  overflow:hidden;
}

.hxsj-title-public-icon img{
  max-width:42px;
  max-height:42px;
  object-fit:contain;
}

.hxsj-title-public-main{
  min-width:0;
}

.hxsj-title-public-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}

.hxsj-title-public-title h3{
  min-width:0;
  margin:0;
  overflow:hidden;
  color:#f8fafc;
  font-size:18px;
  font-weight:700;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-title-public-title span{
  flex:0 0 auto;
  color:#f59e0b;
  font-family:Inter, Arial, sans-serif;
  font-size:12px;
  line-height:1.4;
  white-space:nowrap;
}

.hxsj-title-public-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:9px;
}

.hxsj-title-public-meta span{
  box-sizing:border-box;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(245,158,11,.30);
  border-radius:999px;
  background:#0d1019;
  color:#fbbf24;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}

.hxsj-title-public-desc{
  margin:11px 0 0;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.65;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.hxsj-title-public-needs{
  box-sizing:border-box;
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(245,158,11,.18);
  border-radius:8px;
  background:rgba(10,12,20,.55);
}

.hxsj-title-public-needs strong{
  display:block;
  margin:0 0 9px;
  color:#fbbf24;
  font-size:12px;
  line-height:1.2;
}

.hxsj-title-public-needs div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.hxsj-title-public-needs span{
  box-sizing:border-box;
  min-height:28px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 9px;
  border-radius:999px;
  background:#12151f;
  color:#cbd5e1;
  font-size:12px;
  line-height:1.25;
  white-space:nowrap;
}

.hxsj-title-public-needs img{
  width:18px;
  height:18px;
  flex:0 0 18px;
  object-fit:contain;
}

.hxsj-update-empty{
  margin:0;
  color:#94a3b8;
}

.hxsj-manual-actions,
.hxsj-log-actions,
.hxsj-update-actions,
.hxsj-job-actions,
.hxsj-skill-actions,
.hxsj-item-actions,
.hxsj-monster-actions,
.hxsj-title-public-actions{
  box-sizing:border-box;
  display:flex;
  justify-content:flex-end;
  gap:12px;
  padding:0 26px 26px;
}

.hxsj-manual-actions .hxsj-action,
.hxsj-log-actions .hxsj-action,
.hxsj-update-actions .hxsj-action,
.hxsj-job-actions .hxsj-action,
.hxsj-skill-actions .hxsj-action,
.hxsj-item-actions .hxsj-action,
.hxsj-monster-actions .hxsj-action,
.hxsj-title-public-actions .hxsj-action{
  width:150px;
}

.hxsj-field{
  box-sizing:border-box;
  width:100%;
  height:42px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 16px;
  border:1px solid #2a3045;
  border-radius:8px;
  background:#0d1019;
}

.hxsj-field img{
  width:18px;
  height:18px;
  object-fit:contain;
  opacity:.68;
}

.hxsj-field input{
  width:100%;
  min-width:0;
  height:40px;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#f1f5f9;
  font:14px/40px "Noto Sans SC", "Microsoft YaHei", Inter, Arial, sans-serif;
}

.hxsj-field input::placeholder{
  color:#64748b;
  opacity:1;
}

.hxsj-field:focus-within{
  border-color:#f59e0b;
  box-shadow:0 0 0 1px rgba(245,158,11,.25);
}

.hxsj-action-row{
  width:100%;
  display:flex;
  gap:12px;
}

.hxsj-captcha-row{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
}

.hxsj-captcha-field{
  flex:1 1 auto;
}

.hxsj-captcha-image{
  box-sizing:border-box;
  width:110px;
  height:42px;
  border:1px solid #2a3045;
  border-radius:8px;
  background:#0d1019;
  object-fit:contain;
}

.hxsj-action{
  box-sizing:border-box;
  width:100%;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 12px;
  border-radius:8px;
  font-size:15px;
  font-weight:600;
  line-height:42px;
  white-space:nowrap;
  cursor:pointer;
  transition:transform .18s ease, filter .18s ease, border-color .18s ease;
}

.hxsj-action img{
  width:18px;
  height:18px;
  object-fit:contain;
}

.hxsj-action:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}

.hxsj-action-primary{
  border:0;
  color:#ffffff;
  background:linear-gradient(180deg, #ea580c 0%, #dc2626 100%);
  box-shadow:0 4px 16px rgba(234,88,12,.40);
}

.hxsj-action-secondary{
  border:1px solid #f59e0b;
  color:#f59e0b;
  background:#0d1019;
}

.hxsj-server-status{
  box-sizing:border-box;
  width:420px;
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  border:1px solid #2a3045;
  border-radius:8px;
  background:#12151f;
  color:#94a3b8;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
}

.hxsj-status-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 10px rgba(34,197,94,.55);
}

.hxsj-server-status strong{
  color:#fbbf24;
  font-family:Inter, Arial, sans-serif;
  font-size:13px;
  font-weight:600;
}

.hxsj-server-status img{
  width:14px;
  height:14px;
  object-fit:contain;
  opacity:.7;
}

.hxsj-status-divider{
  width:1px;
  height:16px;
  background:#2a3045;
}

.hxsj-public-footer{
  box-sizing:border-box;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:8px 40px 0;
  color:#64748b;
  font-size:11px;
  line-height:1.45;
}

.hxsj-footer-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#64748b;
  font-size:12px;
}

.hxsj-footer-links a{
  color:#f59e0b;
  font-size:12px;
}

.hxsj-health:before{
  content:"!";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  margin-right:8px;
  border-radius:50%;
  background:#dc2626;
  color:#fff;
  font-size:10px;
  font-weight:bold;
}

@media (max-height: 900px) and (min-width: 761px){
  .hxsj-public-home{
    min-height:0;
  }

  .hxsj-hero{
    height:380px;
  }

  .hxsj-hero-title{
    top:78px;
    height:210px;
    gap:14px;
  }

  .hxsj-logo-en{
    font-size:58px;
  }

  .hxsj-hero-title h1{
    font-size:46px;
  }

  .hxsj-hero-title p{
    font-size:14px;
  }

  .hxsj-auth-section{
    gap:8px;
    padding-top:10px;
    padding-bottom:8px;
  }

  .hxsj-login-panel{
    gap:10px;
    padding-top:14px;
    padding-bottom:14px;
  }

  .hxsj-login-panel h2{
    font-size:22px;
  }

  .hxsj-field,
  .hxsj-action,
  .hxsj-captcha-image{
    height:38px;
  }

  .hxsj-field input{
    height:36px;
    font-size:13px;
    line-height:36px;
  }

  .hxsj-action{
    line-height:38px;
  }

  .hxsj-server-status{
    min-height:38px;
    padding-top:9px;
    padding-bottom:9px;
  }

  .hxsj-public-footer{
    gap:4px;
    padding-top:4px;
    font-size:10px;
  }

  .hxsj-footer-links,
  .hxsj-footer-links a{
    font-size:11px;
  }
}

@media (max-width: 760px){
  #menu.hxsj-public-nav,
  .hxsj-public-nav{
    height:auto;
    min-height:56px;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:4px;
    padding:8px 12px;
  }

  #menu.hxsj-public-nav a,
  .hxsj-public-nav a{
    min-height:32px;
    padding:8px 10px;
    font-size:12px;
  }

  #menu.hxsj-public-nav img,
  .hxsj-public-nav img{
    width:14px;
    height:14px;
  }

  .hxsj-hero{
    height:430px;
    background-size:100% 100%, 100% 100%, auto 100%;
  }

  .hxsj-manual-hero,
  .hxsj-log-hero,
  .hxsj-update-hero,
  .hxsj-job-hero,
  .hxsj-skill-hero,
  .hxsj-item-hero,
  .hxsj-monster-hero,
  .hxsj-title-public-hero{
    height:330px;
    background-size:100% 100%, 100% 100%, auto 100%;
  }

  .hxsj-hero-title{
    top:112px;
    height:230px;
    gap:14px;
    padding:0 20px;
    box-sizing:border-box;
  }

  .hxsj-manual-hero .hxsj-hero-title,
  .hxsj-log-hero .hxsj-hero-title,
  .hxsj-update-hero .hxsj-hero-title,
  .hxsj-job-hero .hxsj-hero-title,
  .hxsj-skill-hero .hxsj-hero-title,
  .hxsj-item-hero .hxsj-hero-title,
  .hxsj-monster-hero .hxsj-hero-title,
  .hxsj-title-public-hero .hxsj-hero-title{
    top:92px;
    height:190px;
  }

  .hxsj-logo-en{
    font-size:48px;
    letter-spacing:8px;
  }

  .hxsj-hero-title h1{
    font-size:38px;
    letter-spacing:4px;
  }

  .hxsj-hero-title p{
    font-size:13px;
    letter-spacing:1px;
  }

  .hxsj-auth-section{
    min-height:0;
    padding:18px 14px 20px;
  }

  .hxsj-login-panel,
  .hxsj-server-status{
    width:100%;
    max-width:420px;
  }

  .hxsj-login-panel{
    padding:18px 18px;
  }

  .hxsj-action-row{
    flex-direction:column;
  }

  .hxsj-captcha-row{
    flex-direction:column;
  }

  .hxsj-captcha-image{
    width:100%;
  }

  .hxsj-manual-section,
  .hxsj-log-section,
  .hxsj-update-section,
  .hxsj-job-section,
  .hxsj-skill-section,
  .hxsj-item-section,
  .hxsj-monster-section,
  .hxsj-title-public-section{
    padding:18px 12px 34px;
  }

  .hxsj-manual-panel-head,
  .hxsj-log-panel-head,
  .hxsj-update-panel-head,
  .hxsj-job-panel-head,
  .hxsj-skill-panel-head,
  .hxsj-item-panel-head,
  .hxsj-monster-panel-head,
  .hxsj-title-public-panel-head{
    flex-direction:column;
    padding:18px;
  }

  .hxsj-manual-back,
  .hxsj-log-back,
  .hxsj-job-back,
  .hxsj-skill-back,
  .hxsj-item-back,
  .hxsj-monster-back,
  .hxsj-title-public-back{
    width:100%;
  }

  .hxsj-log-panel .hxsj-battle-log-screen{
    min-height:360px;
  }

  .hxsj-log-panel .hxsj-battle-log-message{
    overflow:visible;
    white-space:normal;
    word-break:break-word;
    overflow-wrap:anywhere;
  }

  .hxsj-log-panel .hxsj-battle-log-message span{
    white-space:normal;
  }

  .hxsj-log-panel .hxsj-battle-log-detail-body{
    overflow:visible;
    word-break:break-word;
    overflow-wrap:anywhere;
  }

  .hxsj-manual-content{
    min-height:260px;
    padding:18px;
    font-size:13px;
  }

  .hxsj-manual-content h4{
    margin-top:28px;
    font-size:18px;
  }

  .hxsj-manual-content ul{
    padding:10px 12px 10px 24px;
  }

  .hxsj-manual-content td{
    display:block;
    width:100%;
  }

  .hxsj-update-panel-head span{
    white-space:normal;
  }

  .hxsj-update-content{
    min-height:220px;
    padding:18px;
    font-size:13px;
  }

  .hxsj-job-content{
    padding:14px;
  }

  .hxsj-job-summary{
    margin-bottom:14px;
    padding:12px;
  }

  .hxsj-job-summary span{
    flex:1 1 auto;
    justify-content:center;
  }

  .hxsj-job-row{
    grid-template-columns:56px minmax(0, 1fr);
    gap:12px;
    padding:12px;
  }

  .hxsj-job-avatar{
    width:56px;
    height:56px;
  }

  .hxsj-job-avatar img{
    max-width:50px;
    max-height:50px;
  }

  .hxsj-job-title{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .hxsj-job-title h3{
    width:100%;
    white-space:normal;
    word-break:break-word;
  }

  .hxsj-job-portrait{
    grid-column:1 / -1;
    width:100%;
    height:190px;
  }

  .hxsj-job-portrait img{
    object-fit:contain;
  }

  .hxsj-skill-content{
    padding:14px;
  }

  .hxsj-skill-summary{
    margin-bottom:14px;
    padding:12px;
  }

  .hxsj-skill-summary span{
    flex:1 1 auto;
    justify-content:center;
  }

  .hxsj-skill-row{
    grid-template-columns:48px minmax(0, 1fr);
    gap:12px;
    padding:12px 12px 12px 14px;
  }

  .hxsj-skill-icon{
    width:48px;
    height:48px;
  }

  .hxsj-skill-icon img{
    max-width:38px;
    max-height:38px;
  }

  .hxsj-skill-title{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .hxsj-skill-title h3{
    width:100%;
    white-space:normal;
    word-break:break-word;
  }

  .hxsj-skill-meta span{
    max-width:100%;
    line-height:1.25;
    white-space:normal;
    word-break:break-word;
  }

  .hxsj-item-content{
    padding:14px;
  }

  .hxsj-item-summary{
    margin-bottom:14px;
    padding:12px;
  }

  .hxsj-item-summary span{
    flex:1 1 auto;
    justify-content:center;
  }

  .hxsj-item-row{
    grid-template-columns:48px minmax(0, 1fr);
    gap:12px;
    padding:12px 12px 12px 14px;
  }

  .hxsj-item-icon{
    width:48px;
    height:48px;
  }

  .hxsj-item-icon img{
    max-width:38px;
    max-height:38px;
  }

  .hxsj-item-title{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .hxsj-item-title h3{
    width:100%;
    white-space:normal;
    word-break:break-word;
  }

  .hxsj-item-meta span,
  .hxsj-item-effects span,
  .hxsj-item-recipe span{
    max-width:100%;
    line-height:1.25;
    white-space:normal;
    word-break:break-word;
  }

  .hxsj-monster-content{
    padding:14px;
  }

  .hxsj-monster-summary{
    margin-bottom:14px;
    padding:12px;
  }

  .hxsj-monster-summary span{
    flex:1 1 auto;
    justify-content:center;
  }

  .hxsj-monster-row{
    grid-template-columns:56px minmax(0, 1fr);
    gap:12px;
    padding:12px 12px 12px 14px;
  }

  .hxsj-monster-avatar{
    width:56px;
    height:56px;
  }

  .hxsj-monster-avatar img{
    max-width:50px;
    max-height:50px;
  }

  .hxsj-monster-title{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .hxsj-monster-title h3{
    width:100%;
    white-space:normal;
    word-break:break-word;
  }

  .hxsj-monster-meta span,
  .hxsj-monster-stats span,
  .hxsj-monster-attrs span,
  .hxsj-monster-drops span{
    max-width:100%;
    line-height:1.25;
    white-space:normal;
    word-break:break-word;
  }

  .hxsj-title-public-content{
    padding:14px;
  }

  .hxsj-title-public-summary{
    margin-bottom:14px;
    padding:12px;
  }

  .hxsj-title-public-summary span{
    flex:1 1 auto;
    justify-content:center;
  }

  .hxsj-title-public-row{
    grid-template-columns:48px minmax(0, 1fr);
    gap:12px;
    padding:12px 12px 12px 14px;
  }

  .hxsj-title-public-icon{
    width:48px;
    height:48px;
  }

  .hxsj-title-public-icon img{
    max-width:38px;
    max-height:38px;
  }

  .hxsj-title-public-title{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .hxsj-title-public-title h3{
    width:100%;
    white-space:normal;
    word-break:break-word;
  }

  .hxsj-title-public-meta span,
  .hxsj-title-public-needs span{
    max-width:100%;
    line-height:1.25;
    white-space:normal;
    word-break:break-word;
  }

  .hxsj-manual-actions,
  .hxsj-log-actions,
  .hxsj-update-actions,
  .hxsj-job-actions,
  .hxsj-skill-actions,
  .hxsj-item-actions,
  .hxsj-monster-actions,
  .hxsj-title-public-actions{
    flex-direction:column;
    padding:0 18px 18px;
  }

  .hxsj-manual-actions .hxsj-action,
  .hxsj-log-actions .hxsj-action,
  .hxsj-update-actions .hxsj-action,
  .hxsj-job-actions .hxsj-action,
  .hxsj-skill-actions .hxsj-action,
  .hxsj-item-actions .hxsj-action,
  .hxsj-monster-actions .hxsj-action,
  .hxsj-title-public-actions .hxsj-action{
    width:100%;
  }

  .hxsj-server-status{
    flex-wrap:wrap;
    gap:10px;
    line-height:1.2;
    white-space:normal;
  }

  .hxsj-status-divider{
    display:none;
  }

  .hxsj-public-footer{
    padding:10px 10px 0;
  }
}

/* Pencil: In-Game Homepage / Nav States – Alternate Tabs */
html.hxsj-game-html{
  height:100%;
  overflow:hidden;
}

body.hxsj-game-body{
  height:100%;
  margin:0;
  overflow:hidden;
  background:
    radial-gradient(ellipse 140% 100% at 50% 30%, #1a1020 0%, #0a0c14 70%),
    radial-gradient(circle at 10% 80%, rgba(245,158,11,.07) 0%, rgba(245,158,11,0) 45%),
    radial-gradient(circle at 90% 20%, rgba(124,58,237,.09) 0%, rgba(124,58,237,0) 40%),
    #0a0c14;
  color:#f1f5f9;
  font-family:"Noto Sans SC", "Microsoft YaHei", Inter, Arial, sans-serif;
}

body.hxsj-game-body a{
  color:inherit;
  font-weight:normal;
}

body.hxsj-game-body a:hover{
  color:inherit;
  text-decoration:none;
}

div#main_frame.hxsj-game-frame{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:100vh;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  text-align:left;
}

.hxsj-game-frame #container{
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
}

.hxsj-game-frame #contents{
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0;
}

#menu.hxsj-game-nav{
  box-sizing:border-box;
  width:100%;
  height:78px;
  padding:0;
  border:0;
  border-bottom:1px solid #2a3045;
  background:#080a12;
  text-align:left;
}

.hxsj-game-tab-row{
  box-sizing:border-box;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 16px;
}

.hxsj-game-tab-left{
  height:40px;
  display:flex;
  align-items:center;
  gap:4px;
}

.hxsj-game-tab{
  box-sizing:border-box;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:#64748b;
  font-family:"Noto Sans SC", "Microsoft YaHei", Inter, Arial, sans-serif;
  font-size:12px;
  line-height:40px;
  white-space:nowrap;
  cursor:pointer;
}

.hxsj-game-tab.is-personal.is-active,
.hxsj-game-tab.is-personal:hover{
  border-bottom-color:#60a5fa;
  background:rgba(96,165,250,.13);
  color:#60a5fa;
  font-weight:700;
}

.hxsj-game-tab.is-commerce.is-active,
.hxsj-game-tab.is-commerce:hover{
  border-bottom-color:#34d399;
  background:rgba(52,211,153,.13);
  color:#34d399;
  font-weight:700;
}

.hxsj-game-tab.is-combat.is-active,
.hxsj-game-tab.is-combat:hover{
  border-bottom-color:#f87171;
  background:rgba(248,113,113,.13);
  color:#f87171;
  font-weight:700;
}

.hxsj-game-tab.is-disabled{
  opacity:.45;
  cursor:not-allowed;
}

.hxsj-game-sub-panels{
  background:#0d0f1a;
}

.hxsj-game-player-info{
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  flex:0 0 auto;
}

.hxsj-game-profile-trigger{
  box-sizing:border-box;
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:#94a3b8;
  list-style:none;
  appearance:none;
  cursor:pointer;
  transition:border-color .16s ease, background .16s ease, color .16s ease;
}

.hxsj-game-profile-trigger::-webkit-details-marker{
  display:none;
}

.hxsj-game-profile-trigger::marker{
  content:"";
}

.hxsj-game-profile-trigger:hover,
.hxsj-game-player-info[open] .hxsj-game-profile-trigger{
  border-color:rgba(245,158,11,.34);
  background:rgba(245,158,11,.08);
  color:#dbeafe;
}

.hxsj-game-avatar{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:radial-gradient(circle at 40% 35%, #f59e0b 0%, #ea580c 100%);
  overflow:hidden;
  box-shadow:0 0 14px rgba(245,158,11,.34);
}

.hxsj-game-avatar img{
  width:100%;
  height:100%;
  display:block;
  border-radius:inherit;
  object-fit:cover;
  object-position:center;
}

.hxsj-game-player-name{
  box-sizing:border-box;
  width:100%;
  max-width:180px;
  margin:0 0 7px;
  padding:2px 8px 8px;
  border-bottom:1px solid rgba(148,163,184,.16);
  overflow:hidden;
  color:#dbeafe;
  font-size:13px;
  font-weight:700;
  line-height:20px;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-game-profile-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:80;
  min-width:132px;
  padding:8px;
  border:1px solid rgba(248,113,113,.28);
  border-radius:8px;
  background:#12151f;
  box-shadow:0 14px 32px rgba(0,0,0,.34);
}

.hxsj-game-exit{
  box-sizing:border-box;
  width:100%;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border:1px solid rgba(248,113,113,.27);
  border-radius:6px;
  background:rgba(248,113,113,.13);
  color:#f87171;
  font-size:13px;
  font-weight:700;
  line-height:32px;
  white-space:nowrap;
}

.hxsj-game-exit:hover{
  border-color:rgba(248,113,113,.55);
  background:rgba(248,113,113,.20);
}

.hxsj-game-sub-row{
  box-sizing:border-box;
  height:36px;
  display:flex;
  align-items:center;
  gap:0;
  padding:0 16px;
  overflow:hidden;
  background:#0d0f1a;
}

.hxsj-game-sub-row[hidden]{
  display:none;
}

.hxsj-game-sub-item,
.hxsj-game-sub-small{
  box-sizing:border-box;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  color:#94a3b8;
  font-size:11px;
  line-height:36px;
  white-space:nowrap;
}

.hxsj-game-sub-item.is-active{
  border-bottom:2px solid rgba(96,165,250,.45);
  background:rgba(96,165,250,.09);
  color:#94c8ff;
}

#menu.hxsj-game-nav.is-commerce-active .hxsj-game-sub-item.is-active{
  border-bottom-color:rgba(52,211,153,.45);
  background:rgba(52,211,153,.09);
  color:#8ef0c7;
}

#menu.hxsj-game-nav.is-combat-active .hxsj-game-sub-item.is-active{
  border-bottom-color:rgba(248,113,113,.45);
  background:rgba(248,113,113,.09);
  color:#ffb1b1;
}

.hxsj-game-sub-item:hover,
.hxsj-game-sub-small:hover{
  color:#f1f5f9;
  background:rgba(42,48,69,.35);
}

.hxsj-game-sub-item.is-disabled{
  opacity:.42;
  cursor:not-allowed;
}

.hxsj-game-sub-spacer{
  height:1px;
  flex:1 1 auto;
  min-width:24px;
  background:rgba(42,48,69,.75);
}

.hxsj-game-sub-small{
  color:#64748b;
  font-size:10px;
}

.hxsj-game-tab-accent{
  height:2px;
  opacity:.4;
  background:linear-gradient(90deg, #60a5fa 0%, rgba(96,165,250,0) 100%);
}

#menu.hxsj-game-nav.is-commerce-active .hxsj-game-tab-accent{
  background:linear-gradient(90deg, #34d399 0%, rgba(52,211,153,0) 100%);
}

#menu.hxsj-game-nav.is-combat-active .hxsj-game-tab-accent{
  background:linear-gradient(90deg, #f87171 0%, rgba(248,113,113,0) 100%);
}

.hxsj-game-stats-bar{
  box-sizing:border-box;
  width:100%;
  height:40px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0;
  padding:0 24px;
  border-bottom:1px solid #2a3045;
  background:rgba(13,15,26,.80);
}

.hxsj-game-stat{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 16px;
  border-right:1px solid #2a3045;
}

.hxsj-game-stat:last-child{
  border-right:0;
}

.hxsj-game-stat-action{
  gap:8px;
  padding-right:0;
}

.hxsj-game-stat span{
  color:#64748b;
  font-size:12px;
  white-space:nowrap;
}

.hxsj-game-stat strong{
  min-width:0;
  overflow:hidden;
  font-family:Inter, Arial, sans-serif;
  font-size:13px;
  line-height:17px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-game-stat .is-gold{color:#fbbf24;}
.hxsj-game-stat .is-purple{color:#a78bfa;}
.hxsj-game-stat .is-green{color:#34d399;}
.hxsj-game-stat .is-blue{color:#60a5fa;}
.hxsj-game-stat .is-red{color:#f87171;}

.hxsj-game-refresh{
  box-sizing:border-box;
  width:auto;
  flex:0 0 auto;
  min-width:44px;
  height:22px;
  padding:0 10px;
  border:1px solid #2a3045;
  border-radius:4px;
  background:#1a1e2e;
  color:#94a3b8;
  font-size:11px;
  font-weight:400;
  line-height:20px;
  cursor:pointer;
}

.hxsj-game-refresh:hover{
  border-color:#f59e0b;
  color:#fbbf24;
}

.hxsj-game-home{
  box-sizing:border-box;
  height:100%;
  min-height:0;
  overflow:hidden;
  padding:12px 16px;
}

.hxsj-game-content{
  height:100%;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 300px;
  gap:12px;
  overflow:hidden;
}

.hxsj-game-main-content{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:auto;
}

.hxsj-game-panel{
  box-sizing:border-box;
  min-width:0;
  overflow:hidden;
  border:1px solid #2a3045;
  border-radius:12px;
  background:#12151f;
}

.hxsj-game-hero-panel{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

.hxsj-game-content-panel{
  flex:1 1 auto;
  min-height:0;
  padding:12px;
  overflow:auto;
  color:#d5deef;
}

.hxsj-game-content-panel table{
  max-width:100%;
}

.hxsj-game-content-panel img{
  max-width:100%;
  height:auto;
}

.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel img{
  display:none !important;
}

.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-page-image-slot,
.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-gold-shop-portrait,
.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-gold-shop-icon-slot,
.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-quest-portrait,
.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-refine-portrait,
.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-synthesis-portrait,
.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-refine-actual-icon,
.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-synthesis-item-icon-slot{
  display:none !important;
}

.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-gold-shop-top-row,
.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-quest-main,
.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-refine-main-row,
.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-synthesis-empty-row,
.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-synthesis-craft-area{
  grid-template-columns:minmax(0, 1fr) !important;
  gap:0 !important;
}

.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-gold-shop-item-cell{
  grid-template-columns:minmax(0, 1fr) !important;
  column-gap:0 !important;
}

.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-gold-shop-item-name,
.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-gold-shop-item-tag{
  grid-column:1 !important;
}

.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-quest-dialogue,
.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel .hxsj-quest-mainline-dialogue{
  width:100%;
  max-width:none !important;
}

.hxsj-game-frame.hxsj-game-content-images-hidden .hxsj-game-content-panel img + br{
  display:none !important;
}

.hxsj-game-content-panel input,
.hxsj-game-content-panel select,
.hxsj-game-content-panel textarea{
  max-width:100%;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-arena-leaderboard-screen{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  background:#0a0c14;
  color:#f1f5f9;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-arena-leaderboard-screen *,
.hxsj-arena-leaderboard-screen *::before,
.hxsj-arena-leaderboard-screen *::after{
  box-sizing:border-box;
}

.hxsj-arena-rank-form,
.hxsj-arena-team-form{
  margin:0;
}

.hxsj-arena-section{
  min-width:0;
  background:#0a0c14;
}

.hxsj-arena-section-header{
  height:56px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 28px;
  border-bottom:2px solid #dc2626;
  background:#0a0c14;
}

.hxsj-arena-section-marker{
  width:6px;
  height:22px;
  flex:0 0 6px;
  border-radius:2px;
  background:#dc2626;
}

.hxsj-arena-section-header h4{
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  color:#f1f5f9;
  font-size:18px;
  font-weight:700;
  line-height:26px;
}

.hxsj-arena-compat-text{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.hxsj-arena-leaderboard-panels{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
  padding:12px 16px;
}

.hxsj-arena-board{
  min-width:0;
  overflow:hidden;
  border:1px solid #2a3045;
  border-radius:4px;
  background:#12151f;
}

.hxsj-arena-board-title{
  height:32px;
  display:flex;
  align-items:center;
  padding:0 12px;
  background:#1e2235;
  color:#94a3b8;
  font-size:13px;
  font-weight:700;
  line-height:32px;
}

.hxsj-arena-board-body{
  min-width:0;
  max-height:546px;
  overflow:auto;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-table{
  width:100%;
  min-width:430px;
  margin:0;
  border-collapse:collapse;
  border-spacing:0;
  background:#12151f;
  color:#f1f5f9;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-table .td6,
.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-table .td7,
.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-table .td8{
  border:0;
  border-bottom:1px solid #2a3045;
  background:transparent;
  padding:0 12px;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-table .td6{
  height:30px;
  background:#151929;
  color:#64748b;
  font-size:12px;
  font-weight:400;
  line-height:30px;
  text-align:left !important;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-place-head,
.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-place-cell{
  width:64px;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-row{
  background:#00000000;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-row.is-even{
  background:#ffffff06;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-place-cell{
  color:#64748b;
  font-size:13px;
  font-weight:700;
  line-height:18px;
  text-align:left !important;
  vertical-align:middle;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-place{
  display:inline-flex;
  width:40px;
  min-height:18px;
  align-items:center;
  color:#64748b;
  font-size:13px;
  font-weight:700;
  line-height:18px;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-place.is-rank-1{
  color:#f59e0b;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-place.is-rank-2{
  color:#94a3b8;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-place.is-rank-3{
  color:#ea580c;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-team-cell{
  min-width:0;
  padding-top:7px;
  padding-bottom:7px;
  color:#f1f5f9;
  font-size:13px;
  line-height:18px;
  vertical-align:middle;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-member{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:18px;
  margin:1px 0;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-name{
  flex:0 0 120px;
  max-width:120px;
  overflow:hidden;
  color:#f1f5f9;
  font-size:13px;
  font-weight:400;
  line-height:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-row.is-place-1 .hxsj-arena-rank-name,
.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-name.is-self{
  color:#fbbf24;
  font-weight:700;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-record{
  min-width:0;
  overflow:hidden;
  color:#64748b;
  font-size:11px;
  font-weight:400;
  line-height:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-break{
  display:none;
}

.hxsj-arena-challenge-row{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:6px 16px;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-gradient-button{
  width:auto;
  min-width:82px;
  height:36px;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 24px;
  border:1px solid #f59e0b;
  border-radius:4px;
  background:#f59e0b;
  background-image:linear-gradient(180deg, #f59e0b 0%, #ea580c 100%);
  box-shadow:none;
  color:#ffffff;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:34px;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-gradient-button:hover{
  border-color:#fbbf24;
  background-image:linear-gradient(180deg, #fbbf24 0%, #f97316 100%);
  color:#ffffff;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-gradient-button:disabled{
  border-color:#2a3045;
  background:#1a1e2e;
  background-image:none;
  color:#64748b;
  cursor:not-allowed;
}

.hxsj-arena-challenge-cooldown,
.hxsj-arena-team-cooldown{
  color:#94a3b8;
  font-size:12px;
  line-height:18px;
}

.hxsj-arena-team-section{
  border-top:0;
}

.hxsj-arena-team-header{
  align-items:center;
}

.hxsj-arena-section-title-group{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.hxsj-arena-section-title-group span{
  color:#94a3b8;
  font-size:12px;
  line-height:17px;
}

.hxsj-arena-section-title-group b{
  color:#fbbf24;
}

.hxsj-arena-team-cards{
  min-width:0;
  padding:14px 28px 8px;
}

.hxsj-arena-team-empty{
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #2a3045;
  border-radius:4px;
  background:#12151f;
  color:#64748b;
  font-size:13px;
}

.hxsj-arena-team-builder{
  display:grid;
  grid-template-columns:minmax(220px, 260px) minmax(0, 1fr);
  gap:12px;
  align-items:stretch;
  min-width:0;
}

.hxsj-arena-formation-panel,
.hxsj-arena-team-pool{
  min-width:0;
  overflow:hidden;
  border:1px solid #2a3045;
  border-radius:6px;
  background:#12151f;
}

.hxsj-arena-formation-summary,
.hxsj-arena-team-pool-title{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 12px;
  border-bottom:1px solid #2a3045;
  background:#1e2235;
}

.hxsj-arena-formation-summary strong,
.hxsj-arena-team-pool-title strong{
  min-width:0;
  overflow:hidden;
  color:#f1f5f9;
  font-size:13px;
  font-weight:700;
  line-height:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-arena-formation-summary span,
.hxsj-arena-team-pool-title span{
  flex:0 0 auto;
  color:#94a3b8;
  font-size:12px;
  font-weight:700;
  line-height:18px;
}

.hxsj-arena-formation-summary b{
  color:#fbbf24;
}

.hxsj-arena-formation-board{
  display:grid;
  gap:10px;
  grid-template-columns:minmax(0, 1fr);
  align-items:stretch;
  overflow:hidden;
  padding:10px;
  border:1px solid #2a3045;
  border-radius:8px;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(245,158,11,.08), transparent 64%),
    #0d1019;
}

.hxsj-arena-formation-lane{
  min-width:0;
  min-height:144px;
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:8px;
  align-content:start;
  padding:10px;
  border:0;
  border-radius:6px;
  background:rgba(18,21,31,.74);
}

.hxsj-arena-formation-front{
  border-color:transparent;
  background:linear-gradient(180deg, rgba(245,158,11,.10), rgba(18,21,31,.76) 58%);
}

.hxsj-arena-formation-back{
  background:linear-gradient(180deg, rgba(59,130,246,.10), rgba(18,21,31,.76) 58%);
}

.hxsj-arena-formation-lane-label{
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  background:#0a0c14;
  color:#fbbf24;
  font-size:12px;
  font-weight:700;
  line-height:16px;
  letter-spacing:0;
}

.hxsj-arena-formation-back .hxsj-arena-formation-lane-label{
  color:#93c5fd;
}

.hxsj-arena-formation-members{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:8px;
  align-items:start;
}

.hxsj-arena-formation-empty{
  min-height:72px;
  display:grid;
  place-items:center;
  border:1px dashed #2a3045;
  border-radius:4px;
  color:#64748b;
  font-size:12px;
  line-height:18px;
}

.hxsj-arena-formation-unit{
  min-width:0;
  min-height:60px;
  display:grid;
  grid-template-columns:42px minmax(0, 1fr);
  gap:8px;
  align-items:center;
  padding:8px;
  border:1px solid #34405b;
  border-radius:5px;
  background:#0f1320;
  color:#f1f5f9;
  text-align:left;
  appearance:none;
  cursor:pointer;
}

.hxsj-arena-formation-unit:hover{
  border-color:#f59e0b;
  background:#171c2c;
}

.hxsj-arena-formation-avatar,
.hxsj-arena-team-avatar{
  overflow:hidden;
  border:1px solid #34405b;
  border-radius:5px;
  background:#0a0c14;
}

.hxsj-arena-formation-avatar{
  width:38px;
  height:38px;
}

.hxsj-arena-formation-avatar img,
.hxsj-arena-team-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

.hxsj-arena-formation-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.hxsj-arena-formation-info strong,
.hxsj-arena-formation-info span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-arena-formation-info strong{
  color:#f1f5f9;
  font-size:12px;
  font-weight:700;
  line-height:16px;
}

.hxsj-arena-formation-info span{
  color:#94a3b8;
  font-size:10px;
  line-height:14px;
}

.hxsj-arena-team-picker{
  max-height:344px;
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(108px, 1fr));
  gap:8px;
  padding:10px;
}

.hxsj-arena-team-card{
  min-width:0;
  min-height:124px;
  display:grid;
  grid-template-columns:18px minmax(0, 1fr) 18px;
  grid-template-rows:auto minmax(0, 1fr) auto;
  gap:6px 7px;
  align-content:start;
  align-items:center;
  padding:9px 8px 8px;
  border:1px solid #2a3045;
  border-radius:5px;
  background:#12151f;
  color:#f1f5f9;
  text-align:center;
  cursor:pointer;
}

.hxsj-arena-team-card:hover,
.hxsj-arena-team-card.is-selected,
.hxsj-arena-team-card:has(input:checked){
  border-color:#f59e0b;
  background:#171c2c;
}

.hxsj-arena-team-card.is-disabled{
  opacity:.48;
  cursor:not-allowed;
}

.hxsj-arena-team-card.is-disabled:hover{
  border-color:#2a3045;
  background:#12151f;
}

.hxsj-arena-team-card .hxsj-arena-team-input{
  grid-column:1;
  grid-row:1;
  align-self:start;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-team-input{
  width:16px;
  height:16px;
  min-height:16px;
  margin:0;
  border:1px solid #2a3045;
  border-radius:2px;
  background:#0d1019;
  accent-color:#f59e0b;
  appearance:auto;
}

.hxsj-arena-team-avatar{
  grid-column:2;
  grid-row:1;
  justify-self:center;
  width:48px;
  height:48px;
}

.hxsj-arena-team-card:hover .hxsj-arena-team-avatar,
.hxsj-arena-team-card.is-selected .hxsj-arena-team-avatar,
.hxsj-arena-team-card:has(input:checked) .hxsj-arena-team-avatar{
  border-color:#f59e0b;
  box-shadow:0 0 12px rgba(245,158,11,.18);
}

.hxsj-arena-team-main{
  grid-column:1 / -1;
  grid-row:2;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:start;
  gap:2px;
  min-height:35px;
  text-align:center;
}

.hxsj-arena-team-main strong,
.hxsj-arena-team-main span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-arena-team-main strong{
  max-width:100%;
  color:#f1f5f9;
  font-size:13px;
  font-weight:700;
  line-height:18px;
}

.hxsj-arena-team-main span{
  max-width:100%;
  color:#94a3b8;
  font-size:11px;
  line-height:16px;
}

.hxsj-arena-team-tags{
  grid-column:1 / -1;
  grid-row:3;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:0;
  color:#94a3b8;
  font-size:10px;
  line-height:14px;
  text-align:center;
}

.hxsj-arena-team-tags span{
  max-width:72px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-arena-team-tags .hxsj-arena-team-stars{
  max-width:100%;
  flex-basis:100%;
  color:#f59e0b;
  font-family:"Inter","Noto Sans SC",Arial,sans-serif;
  font-size:10px;
  line-height:14px;
}

.hxsj-arena-team-check{
  grid-column:3;
  grid-row:1;
  align-self:start;
  justify-self:end;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border:1px solid #2a3045;
  border-radius:50%;
  color:#64748b;
  font-size:10px;
  font-weight:900;
  line-height:1;
}

.hxsj-arena-team-card.is-selected .hxsj-arena-team-check,
.hxsj-arena-team-card:has(input:checked) .hxsj-arena-team-check{
  border-color:#f59e0b;
  background:#f59e0b;
  color:#0a0c14;
}

.hxsj-arena-team-button-row{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:8px 0;
}

.hxsj-arena-team-submit-group{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}

.hxsj-arena-team-limit{
  min-height:17px;
  margin:0;
  color:#94a3b8;
  font-size:12px;
  font-weight:700;
  line-height:17px;
  text-align:center;
}

.hxsj-arena-team-limit.is-invalid{
  color:#fca5a5;
}

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-team-button{
  min-width:157px;
  height:40px;
  min-height:40px;
  padding:0 48px;
  font-size:15px;
  line-height:38px;
}

.hxsj-arena-team-note{
  margin:0;
  padding:0 16px 14px;
  color:#64748b;
  font-size:12px;
  line-height:17px;
  text-align:center;
}

@media (max-width: 1200px) and (min-width: 901px){
  .hxsj-arena-team-cards{
    padding:14px 20px;
  }

  .hxsj-arena-team-builder{
    grid-template-columns:minmax(210px, 240px) minmax(0, 1fr);
  }

  .hxsj-arena-team-picker{
    grid-template-columns:repeat(auto-fill, minmax(108px, 1fr));
    max-height:344px;
  }
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-arena-section-header{
    height:52px;
  }

  .hxsj-arena-leaderboard-panels{
    padding:10px 14px;
  }

  .hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-team-cell{
    padding-top:5px;
    padding-bottom:5px;
  }

  .hxsj-arena-board-body{
    max-height:430px;
  }

  .hxsj-arena-team-cards{
    padding-top:12px;
    padding-bottom:12px;
  }

  .hxsj-arena-team-picker{
    max-height:320px;
  }

  .hxsj-arena-team-card{
    min-height:124px;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-arena-section-header{
    height:52px;
    padding:0 18px;
  }

  .hxsj-arena-leaderboard-panels{
    grid-template-columns:1fr;
    gap:12px;
    padding:12px;
  }

  .hxsj-arena-board-body{
    max-height:none;
    overflow-x:auto;
    overflow-y:visible;
  }

  .hxsj-arena-challenge-row{
    align-items:flex-start;
    flex-direction:column;
    min-height:0;
    padding:8px 12px 12px;
  }

  .hxsj-arena-team-cards{
    padding:12px;
  }

  .hxsj-arena-team-builder{
    grid-template-columns:minmax(0, 1fr);
    align-items:start;
  }

  .hxsj-arena-team-picker{
    max-height:none;
    grid-template-columns:repeat(auto-fill, minmax(118px, 1fr));
  }

  .hxsj-arena-team-button-row{
    flex-direction:column;
    padding:8px 12px;
  }
}

@media (max-width: 480px){
  .hxsj-arena-section-header{
    padding:0 14px;
  }

  .hxsj-arena-team-cards{
    padding:10px;
  }

  .hxsj-arena-formation-board{
    padding:10px;
  }

  .hxsj-arena-formation-lane{
    min-height:118px;
    grid-template-columns:minmax(0, 1fr);
    gap:8px;
    padding:8px;
  }

  .hxsj-arena-formation-members{
    grid-template-columns:1fr;
  }

  .hxsj-arena-team-card{
    grid-template-columns:18px minmax(0, 1fr) 18px;
    grid-template-rows:auto minmax(0, 1fr) auto;
    gap:6px 7px;
  }

  .hxsj-arena-team-card .hxsj-arena-team-input{
    grid-column:1;
    grid-row:1;
  }

  .hxsj-arena-team-main{
    grid-column:1 / -1;
    grid-row:2;
    align-items:center;
    text-align:center;
  }

  .hxsj-arena-team-avatar{
    grid-column:2;
    grid-row:1;
    width:48px;
    height:48px;
  }

  .hxsj-arena-team-tags{
    grid-column:1 / -1;
    grid-row:3;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    min-width:0;
    text-align:center;
  }

  .hxsj-arena-team-tags span{
    max-width:72px;
  }

  .hxsj-arena-team-check{
    grid-column:3;
    grid-row:1;
  }

  .hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-table{
    min-width:100%;
  }

  .hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-place-head,
  .hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-place-cell{
    width:52px;
  }

  .hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-table .td6,
  .hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-table .td7,
  .hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-table .td8{
    padding-right:8px;
    padding-left:8px;
  }

  .hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-rank-name{
    flex-basis:84px;
    max-width:84px;
  }

.hxsj-game-frame.hxsj-game-page-arena-leaderboard .hxsj-arena-team-button{
    width:min(100%, 180px);
    padding:0 24px;
  }
}

.hxsj-game-frame.hxsj-game-page-common-battle .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-common-battle .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-common-battle-screen{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  overflow:hidden;
  background:#0a0c14;
  color:#f1f5f9;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-common-battle-screen *,
.hxsj-common-battle-screen *::before,
.hxsj-common-battle-screen *::after{
  box-sizing:border-box;
}

.hxsj-common-target-section,
.hxsj-common-team-section{
  background:#0a0c14;
}

.hxsj-common-battle-header{
  height:56px;
}

.hxsj-common-battle-overview{
  display:grid;
  grid-template-columns:minmax(230px, .34fr) minmax(0, 1fr);
  gap:14px;
  align-items:stretch;
  padding:14px 28px;
  background:#0a0c14;
}

.hxsj-common-land-card,
.hxsj-common-monster-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #2a3045;
  border-radius:6px;
  background:#12151f;
}

.hxsj-common-land-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  padding:18px;
  background:
    radial-gradient(ellipse at 12% 18%, rgba(220,38,38,.16), transparent 46%),
    #12151f;
}

.hxsj-common-land-card > span{
  color:#94a3b8;
  font-size:12px;
  font-weight:700;
  line-height:18px;
}

.hxsj-common-land-card strong{
  min-width:0;
  overflow:hidden;
  color:#fbbf24;
  font-size:20px;
  font-weight:800;
  line-height:28px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-common-land-card p{
  margin:0;
  color:#cbd5e1;
  font-size:13px;
  line-height:20px;
}

.hxsj-common-land-reward{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  min-height:28px;
  align-items:center;
  padding:0 10px;
  border:1px solid rgba(245,158,11,.32);
  border-radius:999px;
  background:rgba(245,158,11,.10);
  color:#fde68a;
  font-size:12px;
  font-weight:700;
  line-height:18px;
}

.hxsj-common-monster-grid{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:10px;
}

.hxsj-common-monster-card{
  display:grid;
  grid-template-columns:104px minmax(0, 1fr);
  gap:12px;
  align-items:center;
  min-height:150px;
  padding:12px;
  background:
    linear-gradient(rgba(148,163,184,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.035) 1px, transparent 1px),
    #12151f;
  background-size:10px 10px, 10px 10px, auto;
}

.hxsj-common-monster-visual{
  width:104px;
  height:104px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #34405b;
  border-radius:6px;
  background:
    radial-gradient(ellipse at 50% 70%, rgba(245,158,11,.12), transparent 62%),
    #0d1019;
}

.hxsj-common-monster-visual img{
  display:block;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

.hxsj-common-monster-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.hxsj-common-monster-info strong{
  min-width:0;
  overflow:hidden;
  color:#f1f5f9;
  font-size:16px;
  font-weight:800;
  line-height:22px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-common-monster-info > span{
  color:#94a3b8;
  font-size:12px;
  font-weight:700;
  line-height:18px;
}

.hxsj-common-monster-bars{
  display:grid;
  gap:7px;
}

.hxsj-common-monster-bar{
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:4px;
}

.hxsj-common-monster-bar em{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#0d1019;
  box-shadow:inset 0 0 0 1px #2a3045;
}

.hxsj-common-monster-bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, #dc2626, #f97316);
}

.hxsj-common-monster-bar.is-sp i{
  background:linear-gradient(90deg, #2563eb, #38bdf8);
}

.hxsj-common-monster-bar b{
  min-width:0;
  overflow:hidden;
  color:#94a3b8;
  font-size:11px;
  font-weight:700;
  line-height:15px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-common-battle-screen .hxsj-arena-gradient-button,
.hxsj-game-frame.hxsj-game-page-common-battle .hxsj-arena-gradient-button{
  width:auto;
  min-width:82px;
  height:36px;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 24px;
  border:1px solid #f59e0b;
  border-radius:4px;
  background:#f59e0b;
  background-image:linear-gradient(180deg, #f59e0b 0%, #ea580c 100%);
  box-shadow:none;
  color:#ffffff;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:34px;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-common-battle-screen .hxsj-arena-gradient-button:hover,
.hxsj-game-frame.hxsj-game-page-common-battle .hxsj-arena-gradient-button:hover{
  border-color:#fbbf24;
  background-image:linear-gradient(180deg, #fbbf24 0%, #f97316 100%);
  color:#ffffff;
}

.hxsj-common-battle-screen .hxsj-arena-gradient-button:disabled,
.hxsj-game-frame.hxsj-game-page-common-battle .hxsj-arena-gradient-button:disabled{
  border-color:#2a3045;
  background:#1a1e2e;
  background-image:none;
  color:#64748b;
  cursor:not-allowed;
}

.hxsj-common-battle-screen .hxsj-arena-team-input,
.hxsj-game-frame.hxsj-game-page-common-battle .hxsj-arena-team-input{
  width:16px;
  height:16px;
  min-height:16px;
  margin:0;
  border:1px solid #2a3045;
  border-radius:2px;
  background:#0d1019;
  accent-color:#f59e0b;
  appearance:auto;
}

.hxsj-common-battle-screen .hxsj-arena-team-button,
.hxsj-game-frame.hxsj-game-page-common-battle .hxsj-arena-team-button{
  min-width:136px;
  height:42px;
  min-height:42px;
  padding:0 42px;
  border-radius:8px;
  box-shadow:0 10px 22px rgba(234,88,12,.22), inset 0 1px 0 rgba(255,255,255,.22);
  font-size:16px;
  line-height:40px;
}

.hxsj-common-team-button-row{
  min-height:72px;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:12px 18px 14px;
  border-top:1px solid rgba(42,48,69,.8);
  background:linear-gradient(180deg, rgba(18,21,31,.96), rgba(10,12,20,.96));
}

.hxsj-common-save-party{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:42px;
  padding:0 14px;
  border:1px solid #2a3045;
  border-radius:8px;
  background:#12151f;
  color:#94a3b8;
  font-size:14px;
  font-weight:700;
  line-height:20px;
  cursor:pointer;
  user-select:none;
  transition:border-color .16s ease, background .16s ease, color .16s ease;
}

.hxsj-common-save-party:hover{
  border-color:#475569;
  background:#171c2c;
  color:#dbeafe;
}

.hxsj-common-save-party input{
  width:16px;
  height:16px;
  min-height:16px;
  margin:0;
  border:1px solid #64748b;
  border-radius:4px;
  background:#0d1019;
  accent-color:#f59e0b;
  appearance:auto;
}

.hxsj-common-reset-button,
.hxsj-common-back-button{
  min-width:104px;
  height:42px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  border:1px solid #2a3045;
  border-radius:8px;
  background:linear-gradient(180deg, #1a2030, #12151f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  color:#cbd5e1;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:40px;
  appearance:none;
  cursor:pointer;
  transition:border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

.hxsj-common-reset-button:hover,
.hxsj-common-back-button:hover{
  transform:translateY(-1px);
  border-color:#64748b;
  background:linear-gradient(180deg, #222a3b, #171c2c);
  color:#f1f5f9;
}

.hxsj-common-team-button-row .hxsj-arena-team-submit-group{
  min-width:136px;
  gap:7px;
}

.hxsj-common-team-button-row .hxsj-arena-team-limit{
  display:inline-flex;
  min-height:22px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid rgba(148,163,184,.12);
  border-radius:999px;
  background:rgba(15,23,42,.7);
  color:#94a3b8;
  font-size:12px;
  line-height:20px;
  white-space:nowrap;
}

.hxsj-common-team-button-row .hxsj-arena-team-limit.is-invalid{
  border-color:rgba(252,165,165,.24);
  background:rgba(127,29,29,.22);
  color:#fca5a5;
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-common-battle-header{
    height:52px;
  }

  .hxsj-common-battle-overview{
    padding:12px 20px;
  }

  .hxsj-common-monster-card{
    min-height:132px;
  }

  .hxsj-common-monster-visual{
    width:92px;
    height:92px;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-common-battle .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-common-battle-screen{
    overflow:visible;
  }

  .hxsj-common-battle-overview{
    grid-template-columns:1fr;
    gap:10px;
    padding:12px;
  }

  .hxsj-common-monster-grid{
    grid-template-columns:1fr;
  }

  .hxsj-common-team-button-row{
    align-items:center;
  }
}

@media (max-width: 430px){
  .hxsj-common-monster-card{
    grid-template-columns:86px minmax(0, 1fr);
    gap:10px;
    min-height:118px;
    padding:10px;
  }

  .hxsj-common-monster-visual{
    width:86px;
    height:86px;
  }

  .hxsj-game-frame.hxsj-game-page-common-battle .hxsj-arena-team-button{
    width:min(100%, 180px);
  }
}

.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-lord-monster-screen{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#0a0c14;
  color:#f1f5f9;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-lord-monster-screen *,
.hxsj-lord-monster-screen *::before,
.hxsj-lord-monster-screen *::after{
  box-sizing:border-box;
}

.hxsj-lord-announce{
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  overflow:hidden;
  background:#dc2626;
  color:#ffffff;
  font-size:15px;
  font-weight:700;
  line-height:22px;
  text-align:center;
}

.hxsj-lord-section-header,
.hxsj-lord-log-header{
  height:48px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 24px;
  border-bottom:2px solid #dc2626;
  background:#0a0c14;
}

.hxsj-lord-section-marker{
  width:6px;
  height:20px;
  flex:0 0 6px;
  border-radius:2px;
  background:#dc2626;
}

.hxsj-lord-section-header h4,
.hxsj-lord-log-header h4{
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  color:#f1f5f9;
  font-size:16px;
  font-weight:700;
  line-height:23px;
}

.hxsj-lord-cooldown{
  min-height:34px;
  display:flex;
  align-items:center;
  padding:7px 24px 0;
  color:#94a3b8;
  font-size:13px;
  line-height:20px;
}

.hxsj-lord-cooldown strong{
  color:#fbbf24;
  font-weight:700;
}

.hxsj-lord-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px 12px;
  padding:16px 24px;
}

.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-lord-card{
  min-width:0;
  min-height:200px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  padding:16px 12px 12px;
  overflow:hidden;
  border:1px solid #2a3045;
  border-radius:6px;
  background:#1a1e2e;
  color:#f1f5f9;
  text-align:center;
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-lord-card:hover{
  border-color:#f59e0b;
  background:#1e2235;
  color:#f1f5f9;
  text-decoration:none;
}

.hxsj-lord-card-image{
  width:100px;
  height:100px;
  flex:0 0 100px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:50%;
  background:#0d1019;
}

.hxsj-lord-card-image img{
  width:100px;
  height:100px;
  max-width:none;
  object-fit:cover;
  border-radius:50%;
}

.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-lord-card strong{
  max-width:100%;
  overflow:hidden;
  color:#fbbf24;
  font-size:14px;
  font-weight:700;
  line-height:20px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-lord-refresh{
  max-width:100%;
  overflow:hidden;
  color:#94a3b8;
  font-size:12px;
  font-weight:400;
  line-height:17px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-lord-level{
  max-width:100%;
  overflow:hidden;
  color:#64748b;
  font-size:12px;
  font-weight:400;
  line-height:17px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-lord-empty{
  grid-column:1 / -1;
  min-height:160px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #2a3045;
  border-radius:6px;
  background:#1a1e2e;
  color:#64748b;
  font-size:13px;
}

.hxsj-lord-challenge-screen{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  overflow:hidden;
  background:#0a0c14;
  color:#f1f5f9;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-lord-challenge-screen *,
.hxsj-lord-challenge-screen *::before,
.hxsj-lord-challenge-screen *::after{
  box-sizing:border-box;
}

.hxsj-lord-target-section{
  background:#0a0c14;
}

.hxsj-lord-challenge-header{
  height:56px;
}

.hxsj-lord-target-card{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(220px, .48fr) minmax(0, 1fr);
  gap:16px;
  align-items:stretch;
  padding:14px 28px;
  background:#0a0c14;
}

.hxsj-lord-target-visual,
.hxsj-lord-target-info{
  min-width:0;
  overflow:hidden;
  border:1px solid #2a3045;
  border-radius:6px;
  background:#12151f;
}

.hxsj-lord-target-visual{
  min-height:172px;
  display:grid;
  place-items:center;
  padding:12px;
  background:
    linear-gradient(rgba(148,163,184,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.035) 1px, transparent 1px),
    radial-gradient(ellipse at 50% 70%, rgba(245,158,11,.12), transparent 62%),
    #12151f;
  background-size:10px 10px, 10px 10px, auto, auto;
}

.hxsj-lord-target-visual img{
  display:block;
  max-width:100%;
  max-height:150px;
  object-fit:contain;
}

.hxsj-lord-target-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  padding:18px;
}

.hxsj-lord-target-info strong{
  min-width:0;
  overflow:hidden;
  color:#fbbf24;
  font-size:20px;
  font-weight:800;
  line-height:28px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-lord-target-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.hxsj-lord-target-meta span{
  display:inline-flex;
  min-height:26px;
  align-items:center;
  padding:0 10px;
  border:1px solid #2a3045;
  border-radius:4px;
  background:#0d1019;
  color:#94a3b8;
  font-size:12px;
  line-height:18px;
}

.hxsj-lord-target-bars{
  display:grid;
  gap:8px;
}

.hxsj-lord-target-bar{
  display:grid;
  grid-template-columns:34px minmax(0, 1fr) 126px;
  gap:10px;
  align-items:center;
  color:#94a3b8;
  font-size:12px;
  line-height:18px;
}

.hxsj-lord-target-bar span{
  color:#fca5a5;
  font-weight:800;
}

.hxsj-lord-target-bar.is-sp span{
  color:#93c5fd;
}

.hxsj-lord-target-bar em{
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:#0d1019;
  box-shadow:inset 0 0 0 1px #2a3045;
}

.hxsj-lord-target-bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, #dc2626, #f97316);
}

.hxsj-lord-target-bar.is-sp i{
  background:linear-gradient(90deg, #2563eb, #38bdf8);
}

.hxsj-lord-target-bar b{
  overflow:hidden;
  color:#f1f5f9;
  font-weight:700;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-lord-challenge-screen .hxsj-arena-gradient-button,
.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-arena-gradient-button{
  width:auto;
  min-width:82px;
  height:36px;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 24px;
  border:1px solid #f59e0b;
  border-radius:4px;
  background:#f59e0b;
  background-image:linear-gradient(180deg, #f59e0b 0%, #ea580c 100%);
  box-shadow:none;
  color:#ffffff;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:34px;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-lord-challenge-screen .hxsj-arena-gradient-button:hover,
.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-arena-gradient-button:hover{
  border-color:#fbbf24;
  background-image:linear-gradient(180deg, #fbbf24 0%, #f97316 100%);
  color:#ffffff;
}

.hxsj-lord-challenge-screen .hxsj-arena-gradient-button:disabled,
.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-arena-gradient-button:disabled{
  border-color:#2a3045;
  background:#1a1e2e;
  background-image:none;
  color:#64748b;
  cursor:not-allowed;
}

.hxsj-lord-challenge-screen .hxsj-arena-team-input,
.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-arena-team-input{
  width:16px;
  height:16px;
  min-height:16px;
  margin:0;
  border:1px solid #2a3045;
  border-radius:2px;
  background:#0d1019;
  accent-color:#f59e0b;
  appearance:auto;
}

.hxsj-lord-challenge-screen .hxsj-arena-team-button,
.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-arena-team-button{
  min-width:136px;
  height:42px;
  min-height:42px;
  padding:0 42px;
  border-radius:8px;
  box-shadow:0 10px 22px rgba(234,88,12,.22), inset 0 1px 0 rgba(255,255,255,.22);
  font-size:16px;
  line-height:40px;
}

.hxsj-lord-team-button-row{
  min-height:72px;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:12px 18px 14px;
  border-top:1px solid rgba(42,48,69,.8);
  background:linear-gradient(180deg, rgba(18,21,31,.96), rgba(10,12,20,.96));
}

.hxsj-lord-save-party{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:42px;
  padding:0 14px;
  border:1px solid #2a3045;
  border-radius:8px;
  background:#12151f;
  color:#94a3b8;
  font-size:14px;
  font-weight:700;
  line-height:20px;
  cursor:pointer;
  user-select:none;
  transition:border-color .16s ease, background .16s ease, color .16s ease;
}

.hxsj-lord-save-party:hover{
  border-color:#475569;
  background:#171c2c;
  color:#dbeafe;
}

.hxsj-lord-save-party input{
  width:16px;
  height:16px;
  min-height:16px;
  margin:0;
  border:1px solid #64748b;
  border-radius:4px;
  background:#0d1019;
  accent-color:#f59e0b;
  appearance:auto;
}

.hxsj-lord-reset-button{
  min-width:104px;
  height:42px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  border:1px solid #2a3045;
  border-radius:8px;
  background:linear-gradient(180deg, #1a2030, #12151f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  color:#cbd5e1;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:40px;
  appearance:none;
  cursor:pointer;
  transition:border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

.hxsj-lord-reset-button:hover{
  transform:translateY(-1px);
  border-color:#64748b;
  background:linear-gradient(180deg, #222a3b, #171c2c);
  color:#f1f5f9;
}

.hxsj-lord-team-button-row .hxsj-arena-team-submit-group{
  min-width:136px;
  gap:7px;
}

.hxsj-lord-team-button-row .hxsj-arena-team-limit{
  display:inline-flex;
  min-height:22px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid rgba(148,163,184,.12);
  border-radius:999px;
  background:rgba(15,23,42,.7);
  color:#94a3b8;
  font-size:12px;
  line-height:20px;
  white-space:nowrap;
}

.hxsj-lord-team-button-row .hxsj-arena-team-limit.is-invalid{
  border-color:rgba(252,165,165,.24);
  background:rgba(127,29,29,.22);
  color:#fca5a5;
}

.hxsj-lord-log-header{
  height:40px;
  gap:10px;
  border-bottom:1px solid #2a3045;
}

.hxsj-lord-log-marker{
  width:6px;
  height:18px;
  flex:0 0 6px;
  border-radius:2px;
  background:#dc2626;
}

.hxsj-lord-log-header h4{
  font-size:14px;
  line-height:20px;
}

.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-lord-log-header a{
  flex:0 0 auto;
  color:#fbbf24;
  font-size:13px;
  font-weight:400;
  line-height:19px;
  text-decoration:none;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-lord-log-header a:hover{
  color:#f59e0b;
  text-decoration:none;
}

.hxsj-lord-log-list{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:8px 16px;
  background:#0d1019;
}

.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-lord-log-row{
  min-width:0;
  min-height:37px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 0;
  border-bottom:1px solid #2a3045;
  background:#00000000;
  color:#94a3b8;
  font-size:13px;
  line-height:19px;
  text-decoration:none;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-lord-log-row.is-even{
  background:#ffffff06;
}

.hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-lord-log-row:hover{
  color:#f1f5f9;
  text-decoration:none;
}

.hxsj-lord-log-time{
  width:140px;
  flex:0 0 140px;
  overflow:hidden;
  color:#64748b;
  text-overflow:ellipsis;
}

.hxsj-lord-log-battle{
  width:100px;
  flex:0 0 100px;
  overflow:hidden;
  color:#94a3b8;
  text-overflow:ellipsis;
}

.hxsj-lord-log-player{
  flex:0 0 auto;
  max-width:180px;
  overflow:hidden;
  color:#fbbf24;
  font-weight:700;
  text-overflow:ellipsis;
}

.hxsj-lord-log-vs{
  flex:0 0 auto;
  color:#64748b;
}

.hxsj-lord-log-boss{
  flex:0 1 auto;
  min-width:0;
  overflow:hidden;
  color:#dc2626;
  font-weight:700;
  text-overflow:ellipsis;
}

.hxsj-lord-log-empty{
  min-height:46px;
  display:flex;
  align-items:center;
  color:#64748b;
  font-size:13px;
}

@media (max-width: 1180px) and (min-width: 901px){
  .hxsj-lord-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-lord-announce{
    height:38px;
    font-size:14px;
  }

  .hxsj-lord-section-header{
    height:44px;
  }

  .hxsj-lord-challenge-header{
    height:52px;
  }

  .hxsj-lord-target-card{
    padding:12px 20px;
  }

  .hxsj-lord-target-visual{
    min-height:148px;
  }

  .hxsj-lord-target-visual img{
    max-height:126px;
  }

  .hxsj-lord-grid{
    gap:8px 10px;
    padding:12px 20px;
  }

  .hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-lord-card{
    min-height:170px;
    padding-top:12px;
  }

  .hxsj-lord-card-image,
  .hxsj-lord-card-image img{
    width:84px;
    height:84px;
  }

  .hxsj-lord-card-image{
    flex-basis:84px;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-lord-monster-screen{
    overflow:visible;
  }

  .hxsj-lord-announce{
    height:auto;
    min-height:44px;
    padding:9px 14px;
    font-size:14px;
  }

  .hxsj-lord-section-header,
  .hxsj-lord-log-header{
    padding:0 16px;
  }

  .hxsj-lord-challenge-screen{
    overflow:visible;
  }

  .hxsj-lord-target-card{
    grid-template-columns:1fr;
    gap:10px;
    padding:12px;
  }

  .hxsj-lord-target-visual{
    min-height:150px;
  }

  .hxsj-lord-target-info{
    padding:14px;
  }

  .hxsj-lord-target-info strong{
    font-size:17px;
    line-height:24px;
  }

  .hxsj-lord-target-bar{
    grid-template-columns:32px minmax(0, 1fr) 104px;
  }

  .hxsj-lord-team-button-row{
    align-items:center;
  }

  .hxsj-lord-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    padding:14px 12px;
  }

  .hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-lord-card{
    min-height:178px;
    padding:13px 8px 10px;
  }

  .hxsj-lord-card-image,
  .hxsj-lord-card-image img{
    width:86px;
    height:86px;
  }

  .hxsj-lord-card-image{
    flex-basis:86px;
  }

  .hxsj-lord-log-list{
    padding:6px 12px 10px;
  }

  .hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-lord-log-row{
    display:grid;
    grid-template-columns:1fr;
    gap:2px;
    min-height:0;
    padding:8px 0;
    white-space:normal;
  }

  .hxsj-lord-log-time,
  .hxsj-lord-log-battle,
  .hxsj-lord-log-player,
  .hxsj-lord-log-boss{
    width:auto;
    max-width:100%;
    flex-basis:auto;
  }

  .hxsj-lord-log-vs{
    display:none;
  }
}

@media (max-width: 430px){
  .hxsj-lord-target-bar{
    grid-template-columns:32px minmax(0, 1fr);
  }

  .hxsj-lord-target-bar b{
    grid-column:2;
    text-align:left;
  }

  .hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-arena-team-button{
    width:min(100%, 180px);
    padding:0 24px;
  }

  .hxsj-lord-grid{
    grid-template-columns:1fr;
  }

  .hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-lord-card{
    min-height:168px;
  }
}

@media (max-width: 900px){
  .hxsj-common-team-button-row,
  .hxsj-lord-team-button-row{
    min-height:44px;
    display:grid;
    align-items:center;
    justify-content:stretch;
    gap:6px;
    padding:6px 8px;
  }

  .hxsj-common-team-button-row{
    grid-template-columns:minmax(96px, 1.3fr) minmax(58px, .76fr) minmax(48px, .62fr) minmax(48px, .62fr);
  }

  .hxsj-lord-team-button-row{
    grid-template-columns:minmax(96px, 1.3fr) minmax(58px, .76fr) minmax(48px, .62fr);
  }

  .hxsj-common-team-button-row .hxsj-arena-team-submit-group,
  .hxsj-lord-team-button-row .hxsj-arena-team-submit-group{
    min-width:0;
    width:100%;
    display:block;
  }

  .hxsj-common-team-button-row .hxsj-arena-team-limit,
  .hxsj-lord-team-button-row .hxsj-arena-team-limit{
    position:absolute;
    width:1px;
    height:1px;
    min-height:0;
    margin:-1px;
    padding:0;
    overflow:hidden;
    border:0;
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    white-space:nowrap;
  }

  .hxsj-common-save-party,
  .hxsj-lord-save-party,
  .hxsj-game-frame.hxsj-game-page-common-battle .hxsj-common-team-button-row .hxsj-arena-team-button,
  .hxsj-game-frame.hxsj-game-page-lord-monster .hxsj-lord-team-button-row .hxsj-arena-team-button,
  .hxsj-common-reset-button,
  .hxsj-common-back-button,
  .hxsj-lord-reset-button{
    width:100%;
    min-width:0;
    height:32px;
    min-height:32px;
    padding:0 6px;
    border-radius:6px;
    font-size:12px;
    line-height:30px;
  }

  .hxsj-common-save-party,
  .hxsj-lord-save-party{
    gap:5px;
    white-space:nowrap;
  }

  .hxsj-common-save-party input,
  .hxsj-lord-save-party input{
    width:14px;
    height:14px;
    min-height:14px;
    flex:0 0 14px;
  }
}

.hxsj-game-frame.hxsj-game-page-battle-log .hxsj-game-content-panel{
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-battle-log-screen{
  box-sizing:border-box;
  min-width:0;
  width:100%;
  min-height:560px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#0a0c14;
  color:#f1f5f9;
  font-family:"Noto Sans SC", Inter, "Microsoft YaHei", Arial, sans-serif;
}

.hxsj-game-frame.hxsj-game-page-battle-log .hxsj-battle-log-screen{
  height:calc(100vh - 142px);
  min-height:0;
}

.hxsj-battle-log-header{
  box-sizing:border-box;
  height:56px;
  min-height:56px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 28px;
  border-bottom:2px solid #dc2626;
  background:#0a0c14;
}

.hxsj-battle-log-marker{
  width:6px;
  height:22px;
  flex:0 0 6px;
  border-radius:2px;
  background:#dc2626;
}

.hxsj-battle-log-header h2{
  min-width:0;
  flex:1 1 auto;
  margin:0;
  overflow:hidden;
  color:#f1f5f9;
  font-family:"Noto Sans SC", Inter, "Microsoft YaHei", Arial, sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:26px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-battle-log-tabs{
  min-width:0;
  flex:0 1 auto;
  display:flex;
  align-items:center;
  gap:6px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}

.hxsj-battle-log-tabs::-webkit-scrollbar{
  display:none;
}

.hxsj-battle-log-tab{
  box-sizing:border-box;
  height:26px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid rgba(42,48,69,.92);
  border-radius:4px;
  background:#12151f;
  color:#94a3b8;
  font-size:12px;
  font-weight:400;
  line-height:24px;
  white-space:nowrap;
}

.hxsj-battle-log-tab:hover,
.hxsj-battle-log-tab.is-active{
  border-color:rgba(220,38,38,.72);
  background:rgba(220,38,38,.14);
  color:#fbbf24;
}

.hxsj-battle-log-list{
  box-sizing:border-box;
  min-height:0;
  flex:1 1 auto;
  padding:10px 8px;
  overflow:auto;
  background:#0d1019;
}

.hxsj-battle-log-row{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:40px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 16px;
  border-bottom:1px solid #2a3045;
  background:transparent;
}

.hxsj-battle-log-row:nth-of-type(even){
  background:rgba(255,255,255,.024);
}

.hxsj-battle-log-time{
  width:150px;
  flex:0 0 150px;
  overflow:hidden;
  color:#64748b;
  font-size:13px;
  font-weight:400;
  line-height:20px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-battle-log-screen .hxsj-battle-log-time,
.hxsj-game-frame.hxsj-game-page-battle-log .hxsj-battle-log-time{
  color:#64748b;
}

.hxsj-game-frame.hxsj-game-page-battle-log .hxsj-battle-log-time:hover{
  color:#94a3b8;
}

.hxsj-battle-log-message{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:4px;
  overflow-x:auto;
  overflow-y:hidden;
  color:#94a3b8;
  font-size:14px;
  font-weight:400;
  line-height:20px;
  white-space:nowrap;
  scrollbar-width:none;
}

.hxsj-battle-log-message::-webkit-scrollbar{
  display:none;
}

.hxsj-battle-log-message span{
  flex:0 0 auto;
  white-space:nowrap;
}

.hxsj-battle-log-copy{
  color:#94a3b8;
  font-weight:400;
}

.hxsj-battle-log-summary,
.hxsj-battle-log-actor{
  color:#fbbf24;
  font-weight:700;
}

.hxsj-battle-log-target,
.hxsj-battle-log-actor.is-defeated,
.hxsj-battle-log-target.is-defeated{
  color:#dc2626;
  font-weight:700;
}

.hxsj-battle-log-actor.is-victor{
  color:#fbbf24;
  font-weight:700;
}

.hxsj-battle-log-target.is-victor{
  color:#dc2626;
  font-weight:700;
}

.hxsj-battle-log-detail-card{
  box-sizing:border-box;
  margin:0;
  padding:18px 20px 24px;
  border:1px solid #2a3045;
  background:#0a0c14;
}

.hxsj-battle-log-detail-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  padding:0 0 14px;
  border-bottom:1px solid #2a3045;
  color:#94a3b8;
  font-size:14px;
  line-height:22px;
}

.hxsj-battle-log-detail-meta strong{
  color:#64748b;
  font-size:13px;
  font-weight:400;
}

.hxsj-battle-log-detail-summary{
  margin:0 0 12px;
  color:#fbbf24;
  font-size:15px;
  font-weight:700;
  line-height:24px;
}

.hxsj-battle-log-detail-body{
  min-width:0;
  overflow:auto;
  color:#94a3b8;
  font-size:14px;
  line-height:1.65;
}

.hxsj-battle-log-detail-body .battle{
  min-width:0;
}

.hxsj-battle-log-error{
  box-sizing:border-box;
  margin:10px 8px;
  padding:12px 16px;
  border:1px solid rgba(220,38,38,.45);
  background:rgba(220,38,38,.12);
  color:#fecaca;
  font-size:14px;
  line-height:22px;
}

@media (max-width: 1180px) and (min-width: 901px){
  .hxsj-battle-log-header{
    padding:0 22px;
  }

  .hxsj-battle-log-tab{
    padding:0 8px;
    font-size:11px;
  }

  .hxsj-battle-log-time{
    width:140px;
    flex-basis:140px;
  }
}

@media (max-height: 820px) and (min-width: 901px){
  .hxsj-game-frame.hxsj-game-page-battle-log .hxsj-battle-log-screen{
    height:calc(100vh - 142px);
  }

  .hxsj-battle-log-list{
    padding-top:8px;
    padding-bottom:8px;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-battle-log .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-game-frame.hxsj-game-page-battle-log .hxsj-battle-log-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-battle-log-screen{
    min-height:0;
  }

  .hxsj-battle-log-header{
    min-height:56px;
    height:auto;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:8px 12px;
    padding:12px 16px;
  }

  .hxsj-battle-log-marker{
    margin-top:5px;
  }

  .hxsj-battle-log-header h2{
    flex:1 1 calc(100% - 24px);
    font-size:17px;
    line-height:24px;
  }

  .hxsj-battle-log-tabs{
    width:100%;
    flex:0 0 100%;
  }

  .hxsj-battle-log-list{
    padding:8px;
    overflow:visible;
  }

  .hxsj-battle-log-row{
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    align-items:start;
    gap:4px;
    padding:9px 12px;
  }

  .hxsj-battle-log-time{
    width:auto;
    flex-basis:auto;
    font-size:12px;
    line-height:18px;
  }

  .hxsj-battle-log-message{
    width:100%;
    font-size:13px;
    line-height:19px;
  }

  .hxsj-battle-log-detail-card{
    padding:14px 14px 18px;
  }

  .hxsj-battle-log-detail-meta{
    display:grid;
    grid-template-columns:1fr;
    gap:4px;
  }
}

@media (max-width: 420px){
  .hxsj-battle-log-header{
    padding:10px 12px;
  }

  .hxsj-battle-log-header h2{
    font-size:16px;
  }

  .hxsj-battle-log-tab{
    padding:0 8px;
    font-size:11px;
  }

  .hxsj-battle-log-list{
    padding:6px;
  }

  .hxsj-battle-log-row{
    padding:8px 10px;
  }
}

.hxsj-game-frame.hxsj-game-page-hero-info .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-account-settings .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-guild-hall .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-guild-screen{
  --hxsj-guild-bg-deep:#0a0c14;
  --hxsj-guild-bg-panel:#12151f;
  --hxsj-guild-bg-card:#1a1e2e;
  --hxsj-guild-border:#2a3045;
  --hxsj-guild-danger:#dc2626;
  --hxsj-guild-gold:#f59e0b;
  --hxsj-guild-text-gold:#fbbf24;
  --hxsj-guild-text:#f1f5f9;
  --hxsj-guild-secondary:#94a3b8;
  box-sizing:border-box;
  min-width:0;
  min-height:calc(100vh - 142px);
  overflow:hidden;
  background:var(--hxsj-guild-bg-deep);
  color:var(--hxsj-guild-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-guild-screen *,
.hxsj-guild-screen *::before,
.hxsj-guild-screen *::after{
  box-sizing:border-box;
}

.hxsj-guild-titlebar{
  height:64px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 32px;
  border-bottom:2px solid var(--hxsj-guild-danger);
  background:var(--hxsj-guild-bg-deep);
}

.hxsj-guild-title-marker{
  width:6px;
  height:24px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-guild-danger);
}

.hxsj-guild-titlebar h2{
  margin:0;
  color:var(--hxsj-guild-text);
  font-size:22px;
  font-weight:700;
  line-height:32px;
}

.hxsj-guild-body{
  min-height:616px;
  display:grid;
  grid-template-columns:clamp(340px, 36.5%, 400px) minmax(0, 1fr);
  align-items:start;
  gap:40px;
  padding:32px 32px 32px 40px;
}

.hxsj-guild-portrait{
  width:100%;
  height:auto;
  aspect-ratio:5 / 6;
  overflow:hidden;
  border:1px solid var(--hxsj-guild-border);
  border-radius:10px;
  background:
    radial-gradient(circle at 50% 32%, rgba(245,158,11,.18) 0%, rgba(245,158,11,0) 58%),
    var(--hxsj-guild-bg-card);
}

.hxsj-guild-portrait img{
  width:100%;
  height:100%;
  display:block;
  max-width:none;
  padding:0;
  border:0;
  border-radius:0;
  object-fit:contain;
  image-rendering:auto;
}

.hxsj-guild-content{
  width:100%;
  min-width:0;
  min-height:552px;
  display:flex;
  flex-direction:column;
  gap:20px;
}

.hxsj-guild-dialogue{
  width:100%;
  min-height:290px;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.hxsj-guild-dialogue p{
  margin:0;
  color:var(--hxsj-guild-text);
  font-size:17px;
  font-weight:400;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.hxsj-guild-actions{
  width:624px;
  max-width:100%;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  align-items:flex-start;
  gap:24px;
  margin:0;
  padding:10px 0 0;
}

.hxsj-guild-button{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  height:56px;
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 20px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 18px 1px rgba(245,158,11,.40), 0 0 3px rgba(255,243,208,.33);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:17px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-guild-button:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e9b75b 50%, #c88629 100%);
  box-shadow:0 0 22px 2px rgba(245,158,11,.50), 0 0 4px rgba(255,243,208,.42);
}

.hxsj-guild-button:focus-visible{
  outline:2px solid rgba(251,191,36,.75);
  outline-offset:2px;
}

.hxsj-guild-button-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:block;
  fill:none;
  color:#6b4410;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-guild-button span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.hxsj-game-frame.hxsj-game-page-guild-war .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-guild-war .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-guild-war-screen{
  --hxsj-guild-war-bg:#0a0c14;
  --hxsj-guild-war-border:#2a3045;
  --hxsj-guild-war-danger:#dc2626;
  --hxsj-guild-war-gold:#fbbf24;
  --hxsj-guild-war-button-text:#5a3a08;
  --hxsj-guild-war-button-border:#8a5a18;
  box-sizing:border-box;
  min-width:0;
  min-height:560px;
  height:min(900px, calc(100vh - 142px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--hxsj-guild-war-bg);
  color:#f1f5f9;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-guild-war-screen *,
.hxsj-guild-war-screen *::before,
.hxsj-guild-war-screen *::after{
  box-sizing:border-box;
}

.hxsj-guild-war-titlebar{
  height:64px;
  min-height:64px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 32px;
  border-bottom:2px solid var(--hxsj-guild-war-danger);
  background:var(--hxsj-guild-war-bg);
}

.hxsj-guild-war-title-marker{
  width:6px;
  height:24px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-guild-war-danger);
}

.hxsj-guild-war-titlebar h2{
  margin:0;
  color:#f1f5f9;
  font-size:22px;
  font-weight:700;
  line-height:32px;
}

.hxsj-guild-war-canvas{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:60px 40px;
  overflow:hidden;
  border-top:1px solid var(--hxsj-guild-war-border);
  background:
    linear-gradient(180deg, rgba(10,12,20,.08), rgba(10,12,20,.12)),
    url("image/index/guild-war-bg.png") center center / cover no-repeat;
}

.hxsj-guild-war-center{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:40px;
  text-align:center;
}

.hxsj-guild-war-instruction{
  max-width:100%;
  margin:0;
  color:var(--hxsj-guild-war-gold);
  font-size:26px;
  font-weight:700;
  line-height:38px;
  text-align:center;
  text-shadow:0 2px 10px rgba(10,12,20,.80), 0 0 14px rgba(10,12,20,.70);
  overflow-wrap:anywhere;
}

.hxsj-guild-war-cooldown{
  margin:-22px 0 -10px;
  padding:8px 14px;
  border:1px solid rgba(251,191,36,.35);
  border-radius:8px;
  background:rgba(10,12,20,.62);
  color:#fde68a;
  font-size:18px;
  font-weight:700;
  line-height:26px;
  text-shadow:0 2px 8px rgba(0,0,0,.70);
}

.hxsj-guild-war-form{
  margin:0;
}

.hxsj-game-frame.hxsj-game-page-guild-war .hxsj-guild-war-button{
  box-sizing:border-box;
  min-width:330px;
  max-width:100%;
  height:80px;
  min-height:80px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 80px;
  overflow:hidden;
  border:3px solid var(--hxsj-guild-war-button-border);
  border-radius:10px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 24px 2px rgba(245,158,11,.53), 0 0 6px rgba(255,243,208,.40);
  color:var(--hxsj-guild-war-button-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:34px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-guild-war .hxsj-guild-war-button:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e9b75b 50%, #c88629 100%);
  color:var(--hxsj-guild-war-button-text);
  box-shadow:0 0 28px 3px rgba(245,158,11,.62), 0 0 7px rgba(255,243,208,.48);
}

.hxsj-game-frame.hxsj-game-page-guild-war .hxsj-guild-war-button:focus-visible{
  outline:2px solid rgba(251,191,36,.82);
  outline-offset:3px;
}

.hxsj-game-frame.hxsj-game-page-pk-friends .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-pk-friends .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-pk-friends-screen{
  --hxsj-pk-bg:#0a0c14;
  --hxsj-pk-panel:#0d1019;
  --hxsj-pk-border:#2a3045;
  --hxsj-pk-danger:#dc2626;
  --hxsj-pk-text:#f1f5f9;
  --hxsj-pk-secondary:#94a3b8;
  --hxsj-pk-muted:#64748b;
  --hxsj-pk-gold:#fbbf24;
  box-sizing:border-box;
  min-width:0;
  min-height:600px;
  height:min(940px, calc(100vh - 142px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--hxsj-pk-bg);
  color:var(--hxsj-pk-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-pk-friends-screen *,
.hxsj-pk-friends-screen *::before,
.hxsj-pk-friends-screen *::after{
  box-sizing:border-box;
}

.hxsj-pk-friends-banner{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 32px;
  background:var(--hxsj-pk-danger);
  color:#fff;
  font-size:17px;
  font-weight:700;
  line-height:25px;
  text-align:center;
}

.hxsj-pk-friends-body{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(360px, 560px);
  gap:32px;
  padding:32px 40px;
  overflow:auto;
}

.hxsj-pk-friends-left,
.hxsj-pk-player-column,
.hxsj-pk-friends-form,
.hxsj-pk-player-form{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.hxsj-pk-friends-left{
  min-height:0;
  gap:20px;
}

.hxsj-pk-section{
  min-width:0;
  color:var(--hxsj-pk-text);
}

.hxsj-pk-section-header{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.hxsj-pk-title-row{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

.hxsj-pk-title-marker{
  width:6px;
  height:18px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-pk-danger);
}

.hxsj-pk-title-row h2{
  margin:0;
  color:var(--hxsj-pk-text);
  font-size:16px;
  font-weight:700;
  line-height:23px;
}

.hxsj-pk-divider{
  width:100%;
  height:1px;
  display:block;
  background:var(--hxsj-pk-danger);
}

.hxsj-pk-friends-form{
  gap:20px;
  margin:0;
}

.hxsj-pk-friends-list{
  height:360px;
}

.hxsj-pk-list{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:12px 16px;
  overflow:auto;
  border:1px solid var(--hxsj-pk-border);
  border-radius:8px;
  background:var(--hxsj-pk-panel);
}

.hxsj-pk-list-row{
  min-width:0;
  min-height:36px;
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--hxsj-pk-text);
  font-size:15px;
  font-weight:400;
  line-height:22px;
  cursor:pointer;
}

.hxsj-pk-player-list .hxsj-pk-list-row{
  min-height:40px;
}

.hxsj-pk-list-row input[type="radio"]{
  width:12px;
  height:12px;
  flex:0 0 12px;
  margin:0;
  border:0;
  border-radius:50%;
  appearance:none;
  background:var(--hxsj-pk-muted);
}

.hxsj-pk-list-row input[type="radio"]:checked{
  background:var(--hxsj-pk-danger);
  box-shadow:0 0 0 3px rgba(220,38,38,.20);
}

.hxsj-pk-list-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-pk-empty{
  margin:0;
  color:var(--hxsj-pk-secondary);
  font-size:15px;
  line-height:24px;
}

.hxsj-game-frame.hxsj-game-page-pk-friends .hxsj-pk-small-button,
.hxsj-game-frame.hxsj-game-page-pk-friends .hxsj-pk-add-list-button{
  box-sizing:border-box;
  height:40px;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 20px;
  border:1px solid var(--hxsj-pk-border);
  border-radius:6px;
  background:var(--hxsj-pk-panel);
  color:var(--hxsj-pk-gold);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-pk-friends .hxsj-pk-small-button{
  align-self:flex-start;
}

.hxsj-game-frame.hxsj-game-page-pk-friends .hxsj-pk-small-button:hover,
.hxsj-game-frame.hxsj-game-page-pk-friends .hxsj-pk-add-list-button:hover{
  border-color:var(--hxsj-pk-danger);
  color:#fde68a;
}

.hxsj-pk-add-direct{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.hxsj-pk-add-form{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin:0;
}

.hxsj-pk-add-row{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}

.hxsj-pk-input{
  box-sizing:border-box;
  width:240px;
  max-width:100%;
  height:36px;
  margin:0;
  padding:0 12px;
  border:1px solid var(--hxsj-pk-border);
  border-radius:6px;
  background:var(--hxsj-pk-panel);
  color:var(--hxsj-pk-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:15px;
  line-height:36px;
  outline:none;
}

.hxsj-pk-input:focus{
  border-color:var(--hxsj-pk-danger);
  box-shadow:0 0 0 2px rgba(220,38,38,.18);
}

.hxsj-pk-hint{
  margin:0;
  color:var(--hxsj-pk-muted);
  font-size:14px;
  font-weight:400;
  line-height:20px;
}

.hxsj-pk-player-column{
  min-height:0;
  gap:16px;
}

.hxsj-pk-player-form{
  min-height:0;
  flex:1 1 auto;
  gap:16px;
  margin:0;
}

.hxsj-pk-player-list{
  min-height:220px;
  flex:1 1 auto;
  overflow-y:auto;
}

.hxsj-pk-pagination{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--hxsj-pk-secondary);
  font-size:14px;
  line-height:20px;
}

.hxsj-pk-pagination span{
  flex:0 0 auto;
}

.hxsj-pk-pagination button{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:5px 14px;
  border:1px solid var(--hxsj-pk-border);
  border-radius:5px;
  background:var(--hxsj-pk-panel);
  color:var(--hxsj-pk-secondary);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:14px;
  line-height:18px;
  appearance:none;
  cursor:pointer;
}

.hxsj-pk-pagination button:hover{
  border-color:var(--hxsj-pk-danger);
  color:var(--hxsj-pk-text);
}

.hxsj-game-frame.hxsj-game-page-pk-friends .hxsj-pk-add-list-button{
  width:100%;
  height:36px;
  min-height:36px;
}

.hxsj-game-frame.hxsj-game-page-afk-grind .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-afk-grind .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-game-frame.hxsj-game-page-afk-grind .result,
.hxsj-game-frame.hxsj-game-page-afk-grind .error{
  box-sizing:border-box;
  min-height:23px;
  margin:0;
  padding:0 40px;
  border:0;
  background:#0a0c14;
  color:#f59e0b;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:16px;
  font-weight:700;
  line-height:23px;
}

.hxsj-game-frame.hxsj-game-page-afk-grind .error{
  color:#f87171;
}

.hxsj-afk-grind-screen{
  --hxsj-afk-bg:#0a0c14;
  --hxsj-afk-panel:#0d1019;
  --hxsj-afk-border:#2a3045;
  --hxsj-afk-danger:#dc2626;
  --hxsj-afk-gold:#f59e0b;
  --hxsj-afk-text:#f1f5f9;
  --hxsj-afk-secondary:#94a3b8;
  box-sizing:border-box;
  min-width:0;
  min-height:600px;
  height:min(900px, calc(100vh - 142px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--hxsj-afk-bg);
  color:var(--hxsj-afk-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-afk-grind-screen *,
.hxsj-afk-grind-screen *::before,
.hxsj-afk-grind-screen *::after{
  box-sizing:border-box;
}

.hxsj-afk-header{
  min-width:0;
  min-height:52px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 32px;
  border-bottom:2px solid var(--hxsj-afk-danger);
  background:var(--hxsj-afk-bg);
}

.hxsj-afk-marker{
  width:6px;
  height:22px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-afk-danger);
}

.hxsj-afk-header h2{
  margin:0;
  color:var(--hxsj-afk-text);
  font-size:18px;
  font-weight:700;
  line-height:26px;
}

.hxsj-afk-warning{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 32px;
  background:var(--hxsj-afk-danger);
  color:#fff;
  font-size:18px;
  font-weight:700;
  line-height:26px;
  text-align:center;
}

.hxsj-afk-body{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:380px minmax(0, 1fr);
  gap:36px;
  padding:28px 40px 40px;
  overflow:auto;
}

.hxsj-afk-portrait{
  width:380px;
  height:480px;
  margin:0;
  overflow:hidden;
  border-radius:10px;
}

.hxsj-afk-portrait img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.hxsj-afk-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:16px;
  color:var(--hxsj-afk-secondary);
}

.hxsj-afk-greeting,
.hxsj-afk-lines p,
.hxsj-afk-status p{
  margin:0;
  font-size:15px;
  font-weight:400;
  line-height:1.5;
}

.hxsj-afk-greeting{
  font-size:16px;
  color:var(--hxsj-afk-secondary);
}

.hxsj-afk-stat-grid{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.hxsj-afk-stat-row{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  align-items:center;
  gap:18px;
}

.hxsj-afk-stat-cell{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}

.hxsj-afk-stat-label{
  flex:0 0 auto;
  color:var(--hxsj-afk-gold);
  font-size:15px;
  font-weight:700;
  line-height:22px;
}

.hxsj-afk-stat-value{
  min-width:0;
  overflow:hidden;
  color:var(--hxsj-afk-text);
  font-size:15px;
  font-weight:400;
  line-height:22px;
  text-overflow:ellipsis;
}

.hxsj-afk-live{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.hxsj-afk-live-card{
  min-width:0;
  min-height:54px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:8px 12px;
  border:1px solid rgba(245,158,11,.28);
  border-radius:8px;
  background:rgba(245,158,11,.06);
}

.hxsj-afk-live-card span{
  color:var(--hxsj-afk-secondary);
  font-size:13px;
  line-height:18px;
}

.hxsj-afk-live-card strong{
  min-width:0;
  overflow:hidden;
  color:var(--hxsj-afk-gold);
  font-size:16px;
  font-weight:700;
  line-height:22px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-afk-lines,
.hxsj-afk-status{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.hxsj-afk-lines{
  color:var(--hxsj-afk-secondary);
}

.hxsj-afk-status{
  color:var(--hxsj-afk-gold);
}

.hxsj-afk-form{
  margin:0;
}

.hxsj-game-frame.hxsj-game-page-afk-grind .hxsj-afk-button{
  box-sizing:border-box;
  min-width:160px;
  height:56px;
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 40px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 14px 1px rgba(245,158,11,.40);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:20px;
  font-weight:700;
  line-height:1;
  text-align:center;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-afk-grind .hxsj-afk-button:hover{
  filter:brightness(1.08);
  box-shadow:0 0 18px 2px rgba(245,158,11,.50);
}

.hxsj-game-frame.hxsj-game-page-afk-grind .hxsj-afk-button:disabled{
  cursor:not-allowed;
  opacity:.62;
  filter:saturate(.72);
  box-shadow:none;
}

.hxsj-afk-disabled{
  max-width:360px;
  margin-top:12px;
  padding:12px 16px;
  border:1px solid rgba(220,38,38,.45);
  border-radius:8px;
  background:rgba(220,38,38,.10);
  color:#fecaca;
  font-size:15px;
  line-height:22px;
}

.hxsj-game-frame.hxsj-game-page-secret-org .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-secret-org .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-secret-org-screen{
  --hxsj-secret-bg-deep:#0a0c14;
  --hxsj-secret-bg-panel:#12151f;
  --hxsj-secret-bg-card:#1a1e2e;
  --hxsj-secret-border:#2a3045;
  --hxsj-secret-danger:#dc2626;
  --hxsj-secret-gold:#f59e0b;
  --hxsj-secret-text:#f1f5f9;
  --hxsj-secret-muted:#64748b;
  --hxsj-secret-secondary:#94a3b8;
  box-sizing:border-box;
  min-width:0;
  min-height:calc(100vh - 142px);
  overflow:hidden;
  background:var(--hxsj-secret-bg-deep);
  color:var(--hxsj-secret-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-secret-org-screen *,
.hxsj-secret-org-screen *::before,
.hxsj-secret-org-screen *::after{
  box-sizing:border-box;
}

.hxsj-secret-titlebar{
  height:64px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 32px;
  border-bottom:2px solid var(--hxsj-secret-danger);
  background:var(--hxsj-secret-bg-deep);
}

.hxsj-secret-title-marker{
  width:6px;
  height:24px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-secret-danger);
}

.hxsj-secret-titlebar h2{
  margin:0;
  color:var(--hxsj-secret-text);
  font-size:22px;
  font-weight:700;
  line-height:32px;
}

.hxsj-secret-body{
  min-height:696px;
  display:grid;
  grid-template-columns:240px minmax(0, 1fr);
  align-items:start;
  gap:28px;
  padding:28px 32px 32px;
}

.hxsj-secret-nav-sidebar{
  width:240px;
  min-width:0;
  min-height:636px;
  display:flex;
  flex-direction:column;
  gap:3px;
  overflow:hidden;
  border:1px solid var(--hxsj-secret-border);
  border-radius:8px;
  background:var(--hxsj-secret-bg-deep);
}

.hxsj-secret-nav-group{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--hxsj-secret-border);
  border-radius:6px;
  background:var(--hxsj-secret-bg-card);
}

.hxsj-secret-nav-group.is-open{
  background:transparent;
}

.hxsj-secret-nav-header,
.hxsj-secret-nav-summary,
.hxsj-secret-nav-row{
  min-width:0;
  height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
  color:var(--hxsj-secret-text);
  text-decoration:none;
}

.hxsj-secret-nav-header{
  justify-content:space-between;
  background:var(--hxsj-secret-bg-card);
}

.hxsj-secret-nav-header strong{
  font-size:16px;
  font-weight:700;
}

.hxsj-secret-nav-summary{
  cursor:pointer;
  font-size:15px;
  font-weight:600;
}

.hxsj-secret-nav-summary::-webkit-details-marker{
  display:none;
}

.hxsj-secret-nav-summary::marker{
  content:"";
}

.hxsj-secret-nav-summary span,
.hxsj-secret-nav-row span{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-secret-nav-row{
  border:1px solid var(--hxsj-secret-border);
  border-radius:6px;
  background:var(--hxsj-secret-bg-card);
  font-size:15px;
  font-weight:600;
}

.hxsj-secret-nav-row.is-disabled{
  color:var(--hxsj-secret-muted);
}

.hxsj-secret-nav-panel{
  height:400px;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:12px 10px;
  border-top:1px solid var(--hxsj-secret-border);
  background:var(--hxsj-secret-bg-panel);
}

.hxsj-secret-nav-item,
.hxsj-secret-nav-sublist a{
  min-width:0;
  text-decoration:none;
}

.hxsj-secret-nav-item{
  height:40px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:6px;
  color:var(--hxsj-secret-secondary);
  font-size:15px;
  line-height:40px;
}

.hxsj-secret-nav-item.is-active{
  border-color:var(--hxsj-secret-danger);
  background:rgba(220,38,38,.10);
  color:var(--hxsj-secret-danger);
  font-weight:700;
}

.hxsj-secret-nav-sublist{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:0 10px 10px 16px;
}

.hxsj-secret-nav-sublist a{
  min-height:28px;
  display:flex;
  align-items:center;
  color:var(--hxsj-secret-secondary);
  font-size:13px;
  line-height:18px;
}

.hxsj-secret-nav-sublist a:hover{
  color:var(--hxsj-secret-text);
}

.hxsj-secret-nav-chevron,
.hxsj-secret-button-icon{
  display:block;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-secret-nav-chevron{
  width:18px;
  height:18px;
  color:var(--hxsj-secret-secondary);
}

.hxsj-secret-nav-row.is-disabled .hxsj-secret-nav-chevron{
  color:var(--hxsj-secret-muted);
}

.hxsj-secret-content{
  min-width:0;
  min-height:636px;
  display:grid;
  grid-template-columns:minmax(260px, min(440px, 40%)) minmax(0, 636px);
  align-items:start;
  gap:clamp(20px, 3%, 32px);
}

.hxsj-secret-portrait{
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border:1px solid var(--hxsj-secret-border);
  border-radius:10px;
  background:var(--hxsj-secret-bg-card);
}

.hxsj-secret-portrait img{
  width:100%;
  height:100%;
  display:block;
  max-width:none;
  padding:0;
  border:0;
  border-radius:0;
  object-fit:contain;
  image-rendering:auto;
}

.hxsj-secret-dialogue{
  width:100%;
  min-width:0;
  max-width:636px;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.hxsj-secret-dialogue p{
  margin:0;
  color:var(--hxsj-secret-text);
  font-size:17px;
  font-weight:400;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.hxsj-secret-button-spacer{
  height:6px;
}

.hxsj-secret-actions{
  width:624px;
  max-width:100%;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:24px;
}

.hxsj-secret-button{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  height:56px;
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 20px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 18px 1px rgba(245,158,11,.40), 0 0 3px rgba(255,243,208,.33);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:17px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-secret-button:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e9b75b 50%, #c88629 100%);
  box-shadow:0 0 22px 2px rgba(245,158,11,.50), 0 0 4px rgba(255,243,208,.42);
}

.hxsj-secret-button:focus-visible{
  outline:2px solid rgba(251,191,36,.75);
  outline-offset:2px;
}

.hxsj-secret-button-icon{
  width:18px;
  height:18px;
  flex-basis:18px;
  color:#6b4410;
}

.hxsj-secret-button span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-explore-ruins-screen{
  --hxsj-explore-bg-deep:#0a0c14;
  --hxsj-explore-bg-panel:#12151f;
  --hxsj-explore-bg-card:#1a1e2e;
  --hxsj-explore-border:#2a3045;
  --hxsj-explore-danger:#dc2626;
  --hxsj-explore-gold:#f59e0b;
  --hxsj-explore-text:#f1f5f9;
  --hxsj-explore-muted:#64748b;
  --hxsj-explore-secondary:#94a3b8;
  box-sizing:border-box;
  min-width:0;
  min-height:560px;
  height:min(760px, calc(100vh - 142px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--hxsj-explore-bg-deep);
  color:var(--hxsj-explore-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-explore-ruins-screen *,
.hxsj-explore-ruins-screen *::before,
.hxsj-explore-ruins-screen *::after{
  box-sizing:border-box;
}

.hxsj-explore-titlebar{
  height:64px;
  min-height:64px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 32px;
  border-bottom:2px solid var(--hxsj-explore-danger);
  background:var(--hxsj-explore-bg-deep);
}

.hxsj-explore-title-marker{
  width:6px;
  height:24px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-explore-danger);
}

.hxsj-explore-titlebar h2{
  margin:0;
  color:var(--hxsj-explore-text);
  font-size:22px;
  font-weight:700;
  line-height:32px;
}

.hxsj-explore-body{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:240px minmax(0, 1fr);
  align-items:stretch;
  gap:28px;
  padding:28px 32px 32px;
}

.hxsj-explore-nav-sidebar{
  width:240px;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:3px;
  overflow:hidden;
  border:1px solid var(--hxsj-explore-border);
  border-radius:8px;
  background:var(--hxsj-explore-bg-deep);
}

.hxsj-explore-nav-group{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--hxsj-explore-border);
  border-radius:6px;
  background:var(--hxsj-explore-bg-card);
}

.hxsj-explore-nav-group.is-open{
  background:transparent;
}

.hxsj-explore-nav-header,
.hxsj-explore-nav-row{
  min-width:0;
  height:44px;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 16px;
  color:var(--hxsj-explore-text);
  text-decoration:none;
}

.hxsj-explore-nav-header{
  background:var(--hxsj-explore-bg-card);
}

.hxsj-explore-nav-header strong{
  min-width:0;
  overflow:hidden;
  color:var(--hxsj-explore-text);
  font-size:16px;
  font-weight:700;
  line-height:24px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-explore-nav-row{
  flex:0 0 44px;
  border:1px solid var(--hxsj-explore-border);
  border-radius:6px;
  background:var(--hxsj-explore-bg-card);
  color:var(--hxsj-explore-muted);
  font-size:15px;
  font-weight:600;
}

.hxsj-explore-nav-row span{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-explore-nav-panel{
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:12px 10px;
  border-top:1px solid var(--hxsj-explore-border);
  background:var(--hxsj-explore-bg-panel);
}

.hxsj-explore-nav-item{
  min-width:0;
  height:40px;
  min-height:40px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:6px;
  color:var(--hxsj-explore-secondary);
  font-size:15px;
  font-weight:400;
  line-height:40px;
  text-decoration:none;
  white-space:nowrap;
}

.hxsj-explore-nav-item.is-active{
  border-color:var(--hxsj-explore-danger);
  background:rgba(220,38,38,.10);
  color:var(--hxsj-explore-danger);
  font-weight:700;
}

.hxsj-explore-nav-item:hover{
  color:var(--hxsj-explore-text);
}

.hxsj-explore-nav-item.is-active:hover{
  color:var(--hxsj-explore-danger);
}

.hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-nav-item{
  color:var(--hxsj-explore-secondary);
  font-weight:400;
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-nav-item.is-active{
  color:var(--hxsj-explore-danger);
  font-weight:700;
}

.hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-nav-item:hover{
  color:var(--hxsj-explore-text);
}

.hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-nav-item.is-active:hover{
  color:var(--hxsj-explore-danger);
}

.hxsj-explore-nav-chevron{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:block;
  fill:none;
  color:var(--hxsj-explore-secondary);
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-explore-nav-row.is-disabled .hxsj-explore-nav-chevron{
  color:var(--hxsj-explore-muted);
}

.hxsj-explore-content{
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid var(--hxsj-explore-border);
  border-radius:12px;
  background:#0a0c14 url("image/index/explore-ruins-bg.jpg") center center / cover no-repeat;
}

.hxsj-explore-content-inner{
  width:100%;
  min-width:0;
  min-height:100%;
  max-height:100%;
  display:flex;
  flex-direction:column;
  gap:28px;
  padding:36px;
  overflow:auto;
  background:rgba(10,12,20,.80);
}

.hxsj-explore-description{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:20px 24px;
  border-left:4px solid var(--hxsj-explore-danger);
  border-radius:10px;
  background:rgba(10,12,20,.60);
}

.hxsj-explore-description p{
  margin:0;
  color:var(--hxsj-explore-danger);
  font-size:15px;
  font-weight:400;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.hxsj-explore-feedback{
  min-width:0;
  padding:0;
}

.hxsj-explore-feedback .result,
.hxsj-explore-feedback .error{
  margin:0;
  padding:10px 14px;
  border-radius:8px;
  font-size:14px;
  line-height:1.45;
}

.hxsj-explore-feedback .result{
  border:1px solid rgba(34,197,94,.45);
  background:rgba(22,101,52,.22);
  color:#bbf7d0;
}

.hxsj-explore-feedback .error{
  border:1px solid rgba(220,38,38,.52);
  background:rgba(127,29,29,.30);
  color:#fecaca;
}

.hxsj-explore-form{
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:20px;
  margin:0;
}

.hxsj-explore-button-row{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}

.hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-action{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  height:52px;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 32px;
  overflow:hidden;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 16px 1px rgba(245,158,11,.40), 0 0 3px rgba(255,243,208,.33);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:17px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-action:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e9b75b 50%, #c88629 100%);
  color:#5a3a08;
  box-shadow:0 0 20px 2px rgba(245,158,11,.50), 0 0 4px rgba(255,243,208,.42);
}

.hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-action:focus-visible{
  outline:2px solid rgba(251,191,36,.75);
  outline-offset:2px;
}

.hxsj-explore-dungeon-screen .hxsj-explore-content-inner{
  gap:22px;
}

.hxsj-explore-dungeon-panel{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(220px, .72fr) minmax(0, 1.28fr);
  gap:18px;
  align-items:stretch;
  padding:22px;
  border-left:4px solid var(--hxsj-explore-danger);
  border-radius:10px;
  background:rgba(10,12,20,.70);
}

.hxsj-explore-dungeon-heading{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
}

.hxsj-explore-dungeon-heading span{
  color:var(--hxsj-explore-secondary);
  font-size:13px;
  font-weight:700;
  line-height:18px;
}

.hxsj-explore-dungeon-heading strong{
  min-width:0;
  overflow:hidden;
  color:var(--hxsj-explore-text);
  font-size:24px;
  font-weight:800;
  line-height:34px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-explore-dungeon-status{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.hxsj-explore-dungeon-status div{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:4px 8px;
  align-content:center;
  padding:14px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:8px;
  background:rgba(18,21,31,.74);
}

.hxsj-explore-dungeon-status span{
  grid-column:1 / -1;
  min-width:0;
  overflow:hidden;
  color:var(--hxsj-explore-secondary);
  font-size:12px;
  font-weight:700;
  line-height:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-explore-dungeon-status strong{
  color:var(--hxsj-explore-gold);
  font-size:24px;
  font-weight:800;
  line-height:30px;
}

.hxsj-explore-dungeon-status em{
  align-self:end;
  color:var(--hxsj-explore-muted);
  font-size:12px;
  font-style:normal;
  font-weight:700;
  line-height:20px;
}

.hxsj-explore-dungeon-feedback{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(120px, 180px) minmax(0, 1fr);
  gap:16px;
  align-items:center;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.20);
  border-radius:10px;
  background:rgba(10,12,20,.76);
  color:var(--hxsj-explore-text);
  font-size:15px;
  line-height:1.6;
}

.hxsj-explore-dungeon-feedback .result,
.hxsj-explore-dungeon-feedback .error{
  grid-column:1 / -1;
  margin:0;
  padding:10px 14px;
  border-radius:8px;
  font-size:14px;
  line-height:1.5;
}

.hxsj-explore-dungeon-feedback .result{
  border:1px solid rgba(34,197,94,.45);
  background:rgba(22,101,52,.22);
  color:#bbf7d0;
}

.hxsj-explore-dungeon-feedback .error{
  border:1px solid rgba(220,38,38,.52);
  background:rgba(127,29,29,.30);
  color:#fecaca;
}

.hxsj-explore-dungeon-feedback > div[style*="float"]{
  float:none !important;
  width:auto !important;
  margin:0 !important;
}

.hxsj-explore-dungeon-feedback > div[style*="width:450px"]{
  min-width:0;
  align-self:stretch;
  display:flex;
  align-items:center;
  padding:14px 16px;
  border-left:3px solid rgba(220,38,38,.72);
  border-radius:8px;
  background:rgba(18,21,31,.72);
  color:var(--hxsj-explore-text);
  overflow-wrap:anywhere;
}

.hxsj-explore-dungeon-feedback img{
  display:block;
  width:100%;
  max-width:180px;
  max-height:180px;
  object-fit:cover;
  border:1px solid rgba(148,163,184,.26);
  border-radius:10px;
  background:#0a0c14;
}

.hxsj-explore-dungeon-feedback a,
.hxsj-explore-dungeon-feedback table,
.hxsj-explore-dungeon-feedback span{
  max-width:100%;
}

.hxsj-explore-dungeon-actions{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.hxsj-explore-dungeon-form{
  width:min(420px, 100%);
  margin:0;
}

.hxsj-explore-dungeon-warning{
  min-width:0;
  padding:14px 16px;
  border:1px solid rgba(220,38,38,.52);
  border-radius:8px;
  background:rgba(127,29,29,.30);
  color:#fecaca;
  font-size:14px;
  font-weight:700;
  line-height:1.55;
  overflow-wrap:anywhere;
}

.hxsj-explore-dungeon-link-row{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-secondary-link{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:6px;
  background:rgba(18,21,31,.72);
  color:var(--hxsj-explore-secondary);
  font-size:13px;
  font-weight:700;
  line-height:18px;
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-secondary-link:hover{
  border-color:rgba(220,38,38,.72);
  color:var(--hxsj-explore-text);
}

.hxsj-game-frame.hxsj-game-page-faith-hall .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-faith-hall .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-faith-screen{
  --hxsj-faith-bg-deep:#0a0c14;
  --hxsj-faith-bg-panel:#12151f;
  --hxsj-faith-bg-card:#1a1e2e;
  --hxsj-faith-bg-input:#0d1019;
  --hxsj-faith-border:#2a3045;
  --hxsj-faith-danger:#dc2626;
  --hxsj-faith-gold:#f59e0b;
  --hxsj-faith-text:#f1f5f9;
  --hxsj-faith-muted:#64748b;
  --hxsj-faith-secondary:#94a3b8;
  box-sizing:border-box;
  min-width:0;
  height:min(840px, calc(100vh - 142px));
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--hxsj-faith-bg-deep);
  color:var(--hxsj-faith-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  text-align:left;
}

.hxsj-faith-screen *,
.hxsj-faith-screen *::before,
.hxsj-faith-screen *::after{
  box-sizing:border-box;
}

.hxsj-faith-titlebar{
  height:64px;
  flex:0 0 64px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 32px;
  border-bottom:2px solid var(--hxsj-faith-danger);
  background:var(--hxsj-faith-bg-deep);
}

.hxsj-faith-title-marker{
  width:6px;
  height:24px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-faith-danger);
}

.hxsj-faith-titlebar h2{
  margin:0;
  color:var(--hxsj-faith-text);
  font-size:22px;
  font-weight:700;
  line-height:32px;
}

.hxsj-faith-legacy-marker{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}

.hxsj-faith-body{
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:220px minmax(0, 1fr);
  align-items:stretch;
  gap:24px;
  padding:28px 32px 32px;
}

.hxsj-faith-body.hxsj-faith-body-no-sidebar{
  grid-template-columns:minmax(0, 1fr);
}

.hxsj-faith-nav-sidebar{
  width:220px;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  overflow:visible;
}

.hxsj-faith-nav-task-group{
  min-width:0;
  overflow:hidden;
  border-radius:10px;
}

.hxsj-faith-nav-group{
  min-width:0;
  display:block;
}

.hxsj-faith-nav-group[open]{
  overflow:hidden;
  border:1px solid var(--hxsj-faith-border);
  border-radius:10px;
  background:var(--hxsj-faith-bg-panel);
}

.hxsj-faith-nav-task-header{
  height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 16px;
  border:1px solid var(--hxsj-faith-border);
  border-radius:10px 10px 0 0;
  background:var(--hxsj-faith-bg-card);
}

.hxsj-faith-nav-task-header strong{
  color:var(--hxsj-faith-text);
  font-size:17px;
  font-weight:700;
  line-height:24px;
}

.hxsj-faith-nav-task-panel{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:12px 10px;
  border-right:1px solid var(--hxsj-faith-border);
  border-bottom:1px solid var(--hxsj-faith-border);
  border-left:1px solid var(--hxsj-faith-border);
  background:var(--hxsj-faith-bg-panel);
}

.hxsj-faith-nav-item,
.hxsj-faith-nav-row{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--hxsj-faith-secondary);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  text-decoration:none;
}

.hxsj-faith-nav-item{
  height:52px;
  padding:0 14px;
  border:1px solid var(--hxsj-faith-border);
  border-radius:10px;
  background:var(--hxsj-faith-bg-input);
  font-size:16px;
  font-weight:400;
}

.hxsj-faith-nav-item.is-active{
  border-width:2px;
  border-color:var(--hxsj-faith-danger);
  background:rgba(220,38,38,.13);
  color:var(--hxsj-faith-danger);
  font-weight:700;
}

.hxsj-faith-nav-row{
  height:56px;
  padding:0 16px;
  border:1px solid var(--hxsj-faith-border);
  border-radius:10px;
  background:var(--hxsj-faith-bg-card);
  color:var(--hxsj-faith-text);
  font-size:16px;
  font-weight:600;
  cursor:pointer;
}

.hxsj-faith-nav-row::-webkit-details-marker{
  display:none;
}

.hxsj-faith-nav-row::marker{
  content:"";
}

.hxsj-faith-nav-group[open] .hxsj-faith-nav-row{
  border:0;
  border-radius:10px 10px 0 0;
}

.hxsj-faith-nav-item:hover,
.hxsj-faith-nav-row:hover{
  border-color:rgba(220,38,38,.48);
  color:var(--hxsj-faith-text);
}

.hxsj-faith-nav-item span,
.hxsj-faith-nav-row span{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-faith-nav-icon,
.hxsj-faith-nav-chevron,
.hxsj-faith-button-icon{
  display:block;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-faith-nav-icon,
.hxsj-faith-nav-chevron{
  width:20px;
  height:20px;
}

.hxsj-faith-nav-icon{
  color:var(--hxsj-faith-muted);
}

.hxsj-faith-nav-item.is-active .hxsj-faith-nav-icon{
  color:var(--hxsj-faith-danger);
}

.hxsj-faith-nav-chevron{
  color:var(--hxsj-faith-secondary);
  transition:transform .16s ease;
}

.hxsj-faith-nav-group[open] .hxsj-faith-nav-chevron{
  transform:rotate(90deg);
}

.hxsj-faith-nav-sublist{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:0 10px 10px 44px;
}

.hxsj-faith-nav-sublist a{
  min-width:0;
  min-height:28px;
  display:flex;
  align-items:center;
  color:var(--hxsj-faith-secondary);
  font-size:13px;
  line-height:18px;
  text-decoration:none;
  white-space:nowrap;
}

.hxsj-faith-nav-sublist a:hover{
  color:var(--hxsj-faith-text);
}

.hxsj-faith-content{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(240px, 360px) minmax(0, 728px);
  align-items:start;
  gap:32px;
}

.hxsj-faith-body-no-sidebar .hxsj-faith-content{
  grid-template-columns:minmax(240px, 360px) minmax(0, 820px);
}

.hxsj-faith-portrait{
  width:100%;
  max-width:360px;
  height:auto;
  aspect-ratio:420 / 500;
  overflow:hidden;
  border:1px solid var(--hxsj-faith-border);
  border-radius:10px;
  background:var(--hxsj-faith-bg-card);
}

.hxsj-faith-portrait img{
  width:100%;
  height:100%;
  display:block;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  object-fit:cover;
}

.hxsj-faith-dialogue{
  width:100%;
  min-width:0;
  max-width:728px;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.hxsj-faith-copy-group{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.hxsj-faith-copy-group p,
.hxsj-faith-warning,
.hxsj-faith-confirm p{
  margin:0;
  font-size:16px;
  font-weight:400;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.hxsj-faith-copy-group p{
  color:var(--hxsj-faith-text);
}

.hxsj-faith-warning{
  color:var(--hxsj-faith-danger);
  font-weight:700;
}

.hxsj-faith-button-spacer{
  height:8px;
}

.hxsj-faith-actions{
  width:624px;
  max-width:100%;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 300px));
  gap:24px;
  margin:0;
}

.hxsj-faith-choice-actions{
  grid-template-columns:repeat(2, minmax(0, 300px));
}

.hxsj-faith-button{
  box-sizing:border-box;
  width:300px;
  max-width:100%;
  height:56px;
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 20px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 18px 1px rgba(245,158,11,.40), 0 0 3px rgba(255,243,208,.33);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:17px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  appearance:none;
}

.hxsj-faith-button:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e9b75b 50%, #c88629 100%);
  box-shadow:0 0 22px 2px rgba(245,158,11,.50), 0 0 4px rgba(255,243,208,.42);
}

.hxsj-faith-button:focus-visible,
.hxsj-faith-confirm-button:focus-visible{
  outline:2px solid rgba(251,191,36,.75);
  outline-offset:2px;
}

.hxsj-faith-button-icon{
  width:18px;
  height:18px;
  flex-basis:18px;
  color:#6b4410;
}

.hxsj-faith-button span{
  flex:0 0 auto;
  min-width:auto;
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
}

.hxsj-faith-result:empty{
  display:none;
}

.hxsj-faith-result .result,
.hxsj-faith-result .error{
  margin:0;
  padding:9px 12px;
  border:1px solid rgba(34,197,94,.35);
  border-radius:6px;
  background:rgba(34,197,94,.10);
  color:#22c55e;
  font-size:13px;
  line-height:1.5;
}

.hxsj-faith-result .error{
  border-color:rgba(248,113,113,.35);
  background:rgba(248,113,113,.10);
  color:#f87171;
}

.hxsj-faith-confirm{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0;
  padding:12px 14px;
  border:1px solid rgba(220,38,38,.36);
  border-radius:8px;
  background:rgba(220,38,38,.08);
}

.hxsj-faith-confirm p{
  color:var(--hxsj-faith-text);
  font-size:14px;
}

.hxsj-faith-confirm-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:4px;
}

.hxsj-faith-confirm-button{
  min-width:110px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 18px;
  border:1px solid var(--hxsj-faith-border);
  border-radius:6px;
  background:var(--hxsj-faith-bg-card);
  color:var(--hxsj-faith-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  appearance:none;
}

.hxsj-faith-confirm-button.is-danger{
  border-color:rgba(220,38,38,.78);
  background:rgba(220,38,38,.18);
  color:#fca5a5;
}

.hxsj-faith-confirm-button:hover{
  border-color:var(--hxsj-faith-gold);
  color:#fbbf24;
}

.hxsj-game-frame.hxsj-game-page-title-system .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-title-system .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-game-frame.hxsj-game-page-dungeon-select .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-dungeon-select .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-dungeon-select-screen{
  --hxsj-dungeon-bg:#0a0c14;
  --hxsj-dungeon-panel:#0a0c14dd;
  --hxsj-dungeon-border:#2a3045;
  --hxsj-dungeon-danger:#dc2626;
  --hxsj-dungeon-gold:#f59e0b;
  --hxsj-dungeon-text:#f1f5f9;
  --hxsj-dungeon-secondary:#94a3b8;
  box-sizing:border-box;
  min-width:0;
  height:min(920px, calc(100vh - 142px));
  min-height:560px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--hxsj-dungeon-bg);
  color:var(--hxsj-dungeon-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-dungeon-select-screen *,
.hxsj-dungeon-select-screen *::before,
.hxsj-dungeon-select-screen *::after{
  box-sizing:border-box;
}

.hxsj-dungeon-banner{
  height:48px;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  background:var(--hxsj-dungeon-danger);
  color:#fff;
  font-size:15px;
  font-weight:700;
  line-height:22px;
  text-align:center;
}

.hxsj-dungeon-grid{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  grid-template-rows:repeat(2, minmax(0, 1fr));
  gap:24px;
  padding:24px;
  overflow:hidden;
}

.hxsj-dungeon-card{
  min-width:0;
  min-height:0;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  border:1px solid var(--hxsj-dungeon-border);
  border-radius:12px;
  background-image:linear-gradient(180deg, rgba(10,12,20,.08), rgba(10,12,20,.18)), var(--hxsj-dungeon-bg);
  background-position:center;
  background-size:cover;
}

.hxsj-dungeon-card-content{
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:24px;
  background:var(--hxsj-dungeon-panel);
}

.hxsj-dungeon-title-row{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}

.hxsj-dungeon-title-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  color:var(--hxsj-dungeon-icon);
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-dungeon-title-row h2{
  min-width:0;
  margin:0;
  overflow:hidden;
  color:#fff;
  font-size:22px;
  font-weight:700;
  line-height:32px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-dungeon-desc{
  min-width:0;
  margin:0;
  overflow:hidden;
  color:var(--hxsj-dungeon-secondary);
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:14px;
  font-weight:400;
  line-height:1.5;
}

.hxsj-dungeon-meta-row{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 12px;
  color:#fbbf24;
  font-size:13px;
  font-weight:700;
  line-height:18px;
}

.hxsj-dungeon-button-row{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  padding-top:4px;
}

.hxsj-game-frame.hxsj-game-page-dungeon-select .hxsj-dungeon-button{
  height:44px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 28px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 14px 1px rgba(245,158,11,.40);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:16px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-dungeon-select .hxsj-dungeon-button:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e8b95a 50%, #c88629 100%);
  color:#5a3a08;
  text-decoration:none;
}

.hxsj-dungeon-button-icon{
  width:15px;
  height:15px;
  flex:0 0 15px;
  color:#6b4410;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-dungeon-legacy-text{
  width:1px;
  height:1px;
  position:absolute;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.hxsj-dungeon-empty{
  grid-column:1 / -1;
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--hxsj-dungeon-border);
  border-radius:12px;
  background:#12151f;
  color:var(--hxsj-dungeon-secondary);
  font-size:16px;
}

@media (max-width: 1500px) and (min-width: 901px){
  .hxsj-dungeon-select-screen{
    min-height:560px;
  }

  .hxsj-dungeon-grid{
    gap:18px;
    padding:18px;
  }

  .hxsj-dungeon-card-content{
    gap:7px;
    padding:18px;
  }

  .hxsj-dungeon-title-row h2{
    font-size:18px;
    line-height:26px;
  }

  .hxsj-dungeon-title-icon{
    width:20px;
    height:20px;
    flex-basis:20px;
  }

  .hxsj-dungeon-desc{
    font-size:12px;
    line-height:1.45;
  }

  .hxsj-dungeon-meta-row{
    font-size:12px;
    line-height:16px;
  }

  .hxsj-game-frame.hxsj-game-page-dungeon-select .hxsj-dungeon-button{
    height:38px;
    min-height:38px;
    padding:0 18px;
    font-size:14px;
  }
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-dungeon-select-screen{
    height:calc(100vh - 142px);
    min-height:0;
  }

  .hxsj-dungeon-banner{
    height:42px;
    min-height:42px;
    font-size:13px;
    line-height:19px;
  }

  .hxsj-dungeon-grid{
    gap:16px;
    padding:16px;
  }

  .hxsj-dungeon-card-content{
    gap:6px;
    padding:16px;
  }

  .hxsj-dungeon-title-row h2{
    font-size:17px;
    line-height:24px;
  }

  .hxsj-dungeon-desc{
    -webkit-line-clamp:2;
    font-size:12px;
    line-height:1.38;
  }

  .hxsj-dungeon-meta-row{
    font-size:11px;
    line-height:15px;
  }

  .hxsj-dungeon-button-row{
    gap:8px;
  }

  .hxsj-game-frame.hxsj-game-page-dungeon-select .hxsj-dungeon-button{
    height:36px;
    min-height:36px;
    padding:0 16px;
    font-size:13px;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-dungeon-select .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-dungeon-select-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-dungeon-banner{
    min-height:48px;
    height:auto;
    padding:10px 14px;
    font-size:13px;
    line-height:1.45;
  }

  .hxsj-dungeon-grid{
    grid-template-columns:1fr;
    grid-template-rows:none;
    gap:16px;
    padding:16px;
    overflow:visible;
  }

  .hxsj-dungeon-card{
    min-height:320px;
  }

  .hxsj-dungeon-card-content{
    padding:18px;
  }

  .hxsj-dungeon-title-row h2{
    font-size:19px;
    line-height:28px;
  }

  .hxsj-dungeon-desc{
    -webkit-line-clamp:3;
    font-size:13px;
  }

  .hxsj-dungeon-button-row{
    gap:10px;
  }

  .hxsj-game-frame.hxsj-game-page-dungeon-select .hxsj-dungeon-button{
    flex:1 1 138px;
    height:42px;
    min-height:42px;
    padding:0 14px;
    font-size:14px;
  }
}

@media (max-width: 420px){
  .hxsj-dungeon-grid{
    padding:12px;
  }

  .hxsj-dungeon-card{
    min-height:300px;
  }

  .hxsj-dungeon-card-content{
    padding:14px;
  }

  .hxsj-game-frame.hxsj-game-page-dungeon-select .hxsj-dungeon-button{
    flex-basis:100%;
  }
}

.hxsj-title-system-screen{
  --hxsj-title-bg-deep:#0a0c14;
  --hxsj-title-bg-panel:#12151f;
  --hxsj-title-bg-card:#1a1e2e;
  --hxsj-title-border:#2a3045;
  --hxsj-title-danger:#dc2626;
  --hxsj-title-gold:#f59e0b;
  --hxsj-title-text-gold:#fbbf24;
  --hxsj-title-text:#f1f5f9;
  --hxsj-title-muted:#64748b;
  --hxsj-title-secondary:#94a3b8;
  --hxsj-secret-bg-deep:var(--hxsj-title-bg-deep);
  --hxsj-secret-bg-panel:var(--hxsj-title-bg-panel);
  --hxsj-secret-bg-card:var(--hxsj-title-bg-card);
  --hxsj-secret-border:var(--hxsj-title-border);
  --hxsj-secret-danger:var(--hxsj-title-danger);
  --hxsj-secret-text:var(--hxsj-title-text);
  --hxsj-secret-muted:var(--hxsj-title-muted);
  --hxsj-secret-secondary:var(--hxsj-title-secondary);
  box-sizing:border-box;
  min-width:0;
  height:min(980px, calc(100vh - 138px));
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--hxsj-title-bg-deep);
  color:var(--hxsj-title-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-title-system-screen *,
.hxsj-title-system-screen *::before,
.hxsj-title-system-screen *::after{
  box-sizing:border-box;
}

.hxsj-title-system-body{
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:240px minmax(0, 1fr);
  align-items:stretch;
  gap:28px;
  padding:28px 32px 32px;
}

.hxsj-title-unified-nav{
  --hxsj-title-nav-bg-deep:var(--hxsj-title-bg-deep, var(--hxsj-explore-bg-deep, #0a0c14));
  --hxsj-title-nav-bg-panel:var(--hxsj-title-bg-panel, var(--hxsj-explore-bg-panel, #12151f));
  --hxsj-title-nav-bg-card:var(--hxsj-title-bg-card, var(--hxsj-explore-bg-card, #1a1e2e));
  --hxsj-title-nav-border:var(--hxsj-title-border, var(--hxsj-explore-border, #2a3045));
  --hxsj-title-nav-danger:var(--hxsj-title-danger, var(--hxsj-explore-danger, #dc2626));
  --hxsj-title-nav-text:var(--hxsj-title-text, var(--hxsj-explore-text, #f1f5f9));
  --hxsj-title-nav-secondary:var(--hxsj-title-secondary, var(--hxsj-explore-secondary, #94a3b8));
  width:240px;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--hxsj-title-nav-border);
  border-radius:8px;
  background:var(--hxsj-title-nav-bg-deep);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-title-unified-nav-head{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 24px;
  border-bottom:1px solid var(--hxsj-title-nav-border);
  background:var(--hxsj-title-nav-bg-card);
}

.hxsj-title-unified-nav-head strong{
  min-width:0;
  overflow:hidden;
  color:var(--hxsj-title-nav-text);
  font-size:20px;
  font-weight:800;
  line-height:28px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-title-unified-nav-chevron{
  width:20px;
  height:20px;
  flex:0 0 20px;
  color:var(--hxsj-title-nav-secondary);
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-title-unified-nav-list{
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:18px 12px;
  background:var(--hxsj-title-nav-bg-panel);
}

.hxsj-title-unified-nav-item{
  min-width:0;
  min-height:48px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:6px;
  color:var(--hxsj-title-nav-secondary);
  font-family:inherit;
  font-size:16px;
  font-weight:700;
  line-height:24px;
  text-decoration:none;
  white-space:nowrap;
}

.hxsj-title-unified-nav-item:hover{
  color:var(--hxsj-title-nav-text);
}

.hxsj-title-unified-nav-item.is-active{
  border-color:var(--hxsj-title-nav-danger);
  background:rgba(220,38,38,.12);
  color:var(--hxsj-title-nav-danger);
  font-weight:800;
}

.hxsj-title-unified-nav-item.is-active:hover{
  color:var(--hxsj-title-nav-danger);
}

.hxsj-title-system-nav{
  height:100%;
  min-height:0;
}

.hxsj-title-system-nav-panel{
  height:520px;
}

.hxsj-title-system-content{
  min-width:0;
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:20px;
  overflow:hidden;
}

.hxsj-title-system-intro{
  min-width:0;
  display:grid;
  grid-template-columns:110px minmax(0, 1fr);
  align-items:start;
  gap:24px;
}

.hxsj-title-system-portrait{
  width:110px;
  height:110px;
  overflow:hidden;
  border:1px solid var(--hxsj-title-border);
  border-radius:8px;
  background:var(--hxsj-title-bg-card);
}

.hxsj-title-system-portrait img{
  width:100%;
  height:100%;
  display:block;
  max-width:none;
  padding:0;
  border:0;
  border-radius:0;
  object-fit:cover;
}

.hxsj-title-system-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.hxsj-title-system-copy p{
  margin:0;
  color:var(--hxsj-title-secondary);
  font-size:16px;
  font-weight:400;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.hxsj-title-table-wrap{
  min-width:0;
  min-height:0;
  flex:1 1 0;
  overflow:auto;
}

.hxsj-title-table{
  min-width:636px;
  min-height:100%;
  overflow:hidden;
  border:1px solid var(--hxsj-title-border);
  border-radius:8px;
  background:var(--hxsj-title-bg-panel);
}

.hxsj-title-table-header,
.hxsj-title-table-row{
  min-width:0;
  display:grid;
  grid-template-columns:clamp(140px, 16%, 200px) clamp(180px, 24%, 300px) minmax(220px, 1fr) clamp(96px, 10%, 130px);
  align-items:center;
}

.hxsj-title-table-header{
  min-height:52px;
  border-bottom:1px solid var(--hxsj-title-border);
  background:var(--hxsj-title-bg-card);
}

.hxsj-title-table-body{
  min-width:0;
}

.hxsj-title-table-row{
  min-height:58px;
  border-bottom:1px solid var(--hxsj-title-border);
}

.hxsj-title-table-row:nth-child(even){
  background:rgba(255,255,255,.03);
}

.hxsj-title-table-row:last-child{
  border-bottom:0;
}

.hxsj-title-cell{
  min-width:0;
  padding:16px 20px;
}

.hxsj-title-table-header .hxsj-title-cell{
  color:var(--hxsj-title-secondary);
  font-size:15px;
  font-weight:700;
  line-height:20px;
}

.hxsj-title-table-row .hxsj-title-cell{
  color:var(--hxsj-title-text);
  font-size:14px;
  font-weight:400;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.hxsj-title-table-row .hxsj-title-cell.is-name{
  color:var(--hxsj-title-text-gold);
  font-size:15px;
  font-weight:600;
}

.hxsj-title-table-row .hxsj-title-cell.is-condition{
  color:var(--hxsj-title-secondary);
}

.hxsj-title-cell.is-apply{
  display:flex;
  justify-content:center;
  padding:12px 16px;
}

.hxsj-title-apply-form{
  margin:0;
}

.hxsj-title-apply-button{
  min-width:78px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 22px;
  border:1px solid #8a5a18;
  border-radius:5px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 8px rgba(245,158,11,.27);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;
  text-align:center;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-title-apply-button:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e9b75b 50%, #c88629 100%);
  box-shadow:0 0 12px rgba(245,158,11,.36);
}

.hxsj-title-apply-button:focus-visible{
  outline:2px solid rgba(251,191,36,.75);
  outline-offset:2px;
}

.hxsj-setting-screen{
  --hxsj-setting-bg-deep:#0a0c14;
  --hxsj-setting-bg-card:#1a1e2e;
  --hxsj-setting-bg-input:#3a4256;
  --hxsj-setting-border:#2a3045;
  --hxsj-setting-danger:#dc2626;
  --hxsj-setting-gold:#f59e0b;
  --hxsj-setting-text-gold:#fbbf24;
  --hxsj-setting-text:#f1f5f9;
  --hxsj-setting-secondary:#94a3b8;
  --hxsj-setting-muted:#64748b;
  box-sizing:border-box;
  width:100%;
  min-height:calc(100vh - 142px);
  padding:24px 32px;
  overflow:visible;
  background:var(--hxsj-setting-bg-deep);
  color:var(--hxsj-setting-secondary);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-setting-screen *,
.hxsj-setting-screen *::before,
.hxsj-setting-screen *::after{
  box-sizing:border-box;
}

.hxsj-setting-stack{
  width:100%;
  max-width:1036px;
  display:flex;
  flex-direction:column;
  gap:24px;
}

.hxsj-setting-section{
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.hxsj-setting-section-header{
  height:22px;
  display:flex;
  align-items:center;
  gap:8px;
}

.hxsj-setting-marker{
  width:14px;
  height:14px;
  flex:0 0 14px;
  border-radius:2px;
  background:var(--hxsj-setting-danger);
}

.hxsj-setting-section-header h2{
  margin:0;
  color:var(--hxsj-setting-text);
  font-size:15px;
  font-weight:700;
  line-height:22px;
}

.hxsj-setting-divider{
  width:100%;
  height:1px;
  background:var(--hxsj-setting-border);
}

.hxsj-setting-divider.is-danger{
  background:var(--hxsj-setting-danger);
}

.hxsj-setting-content{
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:4px 2px 0;
}

.hxsj-setting-form{
  margin:0;
}

.hxsj-setting-line,
.hxsj-setting-note{
  min-width:0;
  margin:0;
  color:var(--hxsj-setting-secondary);
  font-size:14px;
  font-weight:400;
  line-height:1.5;
}

.hxsj-setting-line.is-danger{
  color:var(--hxsj-setting-danger);
}

.hxsj-setting-line.is-strong{
  font-weight:700;
}

.hxsj-setting-note{
  color:var(--hxsj-setting-muted);
}

.hxsj-setting-inline-row,
.hxsj-setting-field-row,
.hxsj-setting-action-row,
.hxsj-setting-token-row{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--hxsj-setting-secondary);
  font-size:14px;
  line-height:20px;
}

.hxsj-setting-wrap-row,
.hxsj-setting-token-row{
  flex-wrap:wrap;
}

.hxsj-setting-inline-row strong{
  color:var(--hxsj-setting-text-gold);
  font-size:14px;
  font-weight:700;
}

.hxsj-setting-tag{
  min-height:23px;
  display:inline-flex;
  align-items:center;
  padding:3px 8px;
  border:1px solid var(--hxsj-setting-danger);
  border-radius:4px;
  color:var(--hxsj-setting-danger);
  font-size:12px;
  font-weight:600;
  line-height:16px;
}

.hxsj-setting-qq-pill{
  min-height:31px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:6px 12px;
  border-radius:14px;
  background:#3b82f6;
  color:#fff !important;
  font-size:13px;
  font-weight:600;
  line-height:17px;
  text-decoration:none;
}

.hxsj-setting-pill-icon,
.hxsj-setting-button-icon,
.hxsj-setting-check-icon{
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-setting-pill-icon{
  width:14px;
  height:14px;
}

.hxsj-setting-button-icon{
  width:16px;
  height:16px;
}

.hxsj-setting-button{
  box-sizing:border-box;
  width:auto;
  min-width:0;
  height:40px;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0;
  padding:0 24px;
  border:2px solid var(--hxsj-setting-gold);
  border-radius:6px;
  background:#3a2410;
  background-image:linear-gradient(180deg,#3a2410 0%,#1a1206 100%);
  box-shadow:0 0 16px 1px rgba(245,158,11,.34);
  color:var(--hxsj-setting-text-gold);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  appearance:none;
}

.hxsj-setting-button:hover{
  border-color:#fbbf24;
  color:#ffe08a;
  box-shadow:0 0 18px 1px rgba(245,158,11,.45);
}

.hxsj-setting-button-small{
  height:34px;
  min-height:34px;
  padding:0 22px;
  font-size:13px;
}

.hxsj-setting-button-wide{
  min-width:168px;
}

.hxsj-setting-button-danger{
  height:34px;
  min-height:34px;
  padding:0 28px;
  background:#7a1010;
  background-image:linear-gradient(180deg,#7a1010 0%,#3a0808 100%);
  box-shadow:0 0 14px 1px rgba(220,38,38,.46);
}

.hxsj-setting-input{
  box-sizing:border-box;
  width:170px;
  max-width:100%;
  height:30px;
  margin:0;
  padding:0 9px;
  border:1px solid var(--hxsj-setting-border);
  border-radius:4px;
  background:var(--hxsj-setting-bg-input);
  color:var(--hxsj-setting-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:14px;
  line-height:30px;
  outline:none;
}

.hxsj-setting-input:focus{
  border-color:var(--hxsj-setting-gold);
  box-shadow:0 0 0 2px rgba(245,158,11,.18);
}

.hxsj-setting-field-row label{
  flex:0 0 auto;
  color:var(--hxsj-setting-secondary);
  font-size:14px;
  line-height:20px;
}

.hxsj-setting-danger-text{
  color:var(--hxsj-setting-danger);
  font-size:13px;
  line-height:20px;
}

.hxsj-setting-check{
  min-height:20px;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--hxsj-setting-secondary);
  font-size:14px;
  line-height:20px;
  cursor:pointer;
}

.hxsj-setting-check input{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
}

.hxsj-setting-check-box{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #3b82f6;
  border-radius:3px;
  background:#1d4ed8;
  color:#fff;
}

.hxsj-setting-check input:not(:checked) + .hxsj-setting-check-box{
  border-color:var(--hxsj-setting-border);
  background:#0d1019;
  color:transparent;
}

.hxsj-setting-check input:focus + .hxsj-setting-check-box{
  box-shadow:0 0 0 2px rgba(59,130,246,.24);
}

.hxsj-setting-check-icon{
  width:13px;
  height:13px;
}

.hxsj-setting-item-token{
  box-sizing:border-box;
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  border:1px solid var(--hxsj-setting-gold);
  border-radius:6px;
  background:var(--hxsj-setting-bg-card);
  vertical-align:middle;
}

.hxsj-setting-item-token img{
  width:18px !important;
  height:18px !important;
  max-width:18px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  object-fit:contain;
}

.hxsj-setting-item-token .sinfo{
  color:#d5deef;
  text-align:left;
}

.hxsj-setting-danger-section .hxsj-setting-content{
  gap:12px;
}

@media (max-width: 760px){
  .hxsj-game-frame.hxsj-game-page-account-settings .hxsj-game-sidebar{
    display:none;
  }

  .hxsj-game-frame.hxsj-game-page-account-settings .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-setting-screen{
    min-height:0;
    padding:16px 12px 18px;
  }

  .hxsj-setting-stack{
    gap:20px;
  }

  .hxsj-setting-content{
    padding:4px 0 0;
  }

  .hxsj-setting-inline-row,
  .hxsj-setting-field-row,
  .hxsj-setting-action-row{
    flex-wrap:wrap;
  }

  .hxsj-setting-field-row{
    gap:10px;
  }

  .hxsj-setting-input{
    width:170px;
    flex:0 1 170px;
  }

  .hxsj-setting-button{
    white-space:normal;
  }
}

@media (max-width: 420px){
  .hxsj-setting-screen{
    padding:14px 10px 16px;
  }

  .hxsj-setting-section-header h2{
    font-size:14px;
  }

  .hxsj-setting-line,
  .hxsj-setting-note,
  .hxsj-setting-inline-row,
  .hxsj-setting-field-row,
  .hxsj-setting-check{
    font-size:13px;
  }

  .hxsj-setting-input{
    width:100%;
    flex:1 1 160px;
  }

  .hxsj-setting-button-danger{
    width:100%;
    max-width:260px;
  }
}

.hxsj-hero-info-screen{
  --hxsj-hero-bg-deep:#0a0c14;
  --hxsj-hero-bg-panel:#12151f;
  --hxsj-hero-bg-card:#1a1e2e;
  --hxsj-hero-bg-input:#0d1019;
  --hxsj-hero-border:#2a3045;
  --hxsj-hero-gold:#f59e0b;
  --hxsj-hero-text-gold:#fbbf24;
  --hxsj-hero-text:#f1f5f9;
  --hxsj-hero-muted:#64748b;
  --hxsj-hero-secondary:#94a3b8;
  --hxsj-hero-danger:#dc2626;
  box-sizing:border-box;
  min-width:0;
  margin:0;
  overflow:hidden;
  background:var(--hxsj-hero-bg-deep);
  color:var(--hxsj-hero-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-hero-info-screen *{
  box-sizing:border-box;
}

.hxsj-hero-info-header{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
  padding:20px 24px;
  background:var(--hxsj-hero-bg-panel);
}

.hxsj-hero-titlebar{
  min-height:40px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:0 0 14px;
  border-bottom:1px solid var(--hxsj-hero-border);
}

.hxsj-hero-title-accent{
  width:4px;
  height:22px;
  margin-top:2px;
  flex:0 0 4px;
  border-radius:2px;
  background:var(--hxsj-hero-gold);
}

.hxsj-hero-titlebar strong{
  color:var(--hxsj-hero-text-gold);
  font-size:18px;
  font-weight:700;
  line-height:26px;
  letter-spacing:1px;
}

.hxsj-hero-titlebar span:last-child{
  margin-top:4px;
  color:var(--hxsj-hero-muted);
  font-family:"Cinzel",serif;
  font-size:13px;
  font-weight:600;
  line-height:18px;
  letter-spacing:3px;
}

.hxsj-hero-info-region{
  display:flex;
  gap:24px;
  min-width:0;
}

.hxsj-hero-avatar-column{
  width:96px;
  flex:0 0 96px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.hxsj-hero-avatar-form{
  width:96px;
  height:96px;
  margin:0;
}

.hxsj-hero-avatar-image{
  width:96px;
  height:96px;
  display:block;
  padding:0;
  object-fit:cover;
  border:2px solid var(--hxsj-hero-gold);
  border-radius:10px;
  background:var(--hxsj-hero-bg-card);
}

.hxsj-hero-vip-badge{
  align-self:center;
  max-width:72px;
  max-height:22px;
}

.hxsj-hero-level-form{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:0;
}

.hxsj-hero-compact-button,
.hxsj-hero-action-button{
  box-sizing:border-box;
  margin:0;
  border:1px solid var(--hxsj-hero-gold);
  background:var(--hxsj-hero-bg-input);
  background-image:none;
  color:var(--hxsj-hero-gold);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-weight:600;
  text-align:center;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-hero-compact-button{
  width:100%;
  height:30px;
  min-height:30px;
  padding:0 12px;
  border:1px solid var(--hxsj-hero-gold);
  border-radius:15px;
  background:var(--hxsj-hero-bg-input);
  background-image:none;
  color:var(--hxsj-hero-gold);
  font-size:12px;
  font-weight:500;
  line-height:28px;
}

.hxsj-hero-stat-grid{
  min-width:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:32px;
}

.hxsj-hero-stat-column{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.hxsj-hero-stat{
  min-height:19px;
  display:flex;
  align-items:center;
  gap:2px;
  min-width:0;
  color:var(--hxsj-hero-text);
  font-size:13px;
  line-height:19px;
}

.hxsj-hero-stat-label{
  flex:0 0 auto;
  color:var(--hxsj-hero-gold);
  font-weight:500;
}

.hxsj-hero-stat-value{
  min-width:0;
  overflow:hidden;
  color:var(--hxsj-hero-text);
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-hero-stat.is-supply .hxsj-hero-stat-value,
.hxsj-hero-danger-link{
  color:var(--hxsj-hero-danger);
  font-weight:600;
}

.hxsj-hero-notice{
  margin:0;
  color:var(--hxsj-hero-danger);
  font-size:13px;
  line-height:1.5;
}

.hxsj-hero-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.hxsj-hero-action-form{
  margin:0;
}

.hxsj-hero-action-button{
  height:38px;
  min-width:116px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px;
  border:1px solid var(--hxsj-hero-gold);
  border-radius:8px;
  background:var(--hxsj-hero-bg-input);
  background-image:none;
  color:var(--hxsj-hero-gold);
  font-size:14px;
  font-weight:600;
  line-height:1;
}

.hxsj-hero-action-icon{
  width:16px;
  height:16px;
  flex:0 0 16px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-hero-result{
  padding:0 24px;
  background:var(--hxsj-hero-bg-deep);
}

.hxsj-hero-result:not(:empty){
  padding-top:14px;
  padding-bottom:0;
}

.hxsj-hero-result h4{
  margin:0 0 10px;
  color:var(--hxsj-hero-text-gold);
  font-size:15px;
}

.hxsj-hero-result table{
  width:auto;
  max-width:100%;
}

.hxsj-hero-body-area{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:20px;
  min-width:0;
  padding:20px 24px 24px;
  background:var(--hxsj-hero-bg-deep);
}

.hxsj-hero-panel{
  min-width:0;
  height:600px;
  overflow:hidden;
  border:1px solid var(--hxsj-hero-border);
  border-radius:12px;
  background:var(--hxsj-hero-bg-panel);
}

.hxsj-hero-panel-header{
  height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 18px;
  border-bottom:1px solid var(--hxsj-hero-border);
  background:var(--hxsj-hero-bg-card);
}

.hxsj-hero-panel-marker{
  width:5px;
  height:18px;
  flex:0 0 5px;
  border-radius:2px;
  background:var(--hxsj-hero-gold);
}

.hxsj-hero-panel-header strong{
  color:var(--hxsj-hero-text-gold);
  font-size:15px;
  font-weight:700;
}

.hxsj-hero-panel-spacer{
  flex:1 1 auto;
}

.hxsj-hero-panel-header small{
  color:var(--hxsj-hero-secondary);
  font-size:12px;
}

.hxsj-hero-inventory-body{
  height:calc(100% - 48px);
  padding:16px;
  overflow:auto;
  background:var(--hxsj-hero-bg-input);
}

.hxsj-hero-inventory-body form{
  margin:0;
}

.hxsj-hero-inventory-body select{
  min-height:30px;
  margin:0 0 12px !important;
  border:1px solid var(--hxsj-hero-border);
  border-radius:6px;
  background:var(--hxsj-hero-bg-card);
  color:var(--hxsj-hero-text);
}

.hxsj-hero-inventory-list{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(46px, 46px));
  align-content:start;
  gap:10px;
  min-height:492px;
  font-size:12px;
}

.hxsj-hero-inventory-list .cydj{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:visible;
  border:1px solid var(--hxsj-hero-border);
  border-radius:6px;
  background:var(--hxsj-hero-bg-deep);
}

.hxsj-hero-inventory-list .hxsj-hero-item-slot.has-item{
  background:var(--hxsj-hero-bg-card);
}

.hxsj-hero-inventory-list .hxsj-hero-item-slot.is-legendary{
  border-color:#dc2626;
}

.hxsj-hero-inventory-list .hxsj-hero-item-slot.is-epic{
  border-color:#a855f7;
}

.hxsj-hero-inventory-list .hxsj-hero-item-slot.is-rare{
  border-color:#f59e0b;
}

.hxsj-hero-inventory-list .hxsj-hero-item-slot.is-blue{
  border-color:#3b82f6;
}

.hxsj-hero-inventory-list .hxsj-hero-item-slot.is-green{
  border-color:#22c55e;
}

.hxsj-hero-inventory-list .cydj img{
  width:22px !important;
  height:22px !important;
  max-width:22px;
  max-height:22px;
  display:block;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0;
  object-fit:contain;
  image-rendering:auto;
}

.hxsj-hero-inventory-list .cydj .sinfo{
  width:337px;
  max-width:calc(100vw - 24px);
  pointer-events:none;
  text-align:left;
}

.hxsj-hero-inventory-list .cydj .sinfotop{
  width:100%;
  max-width:100%;
}

.hxsj-hero-inventory-list .cydj .sifbox{
  max-width:calc(100% - 10px);
}

.hxsj-hero-inventory-list .cydj .sifbox .sl .cf3{
  width:auto;
  max-width:100%;
}

.hxsj-hero-skill-list{
  height:calc(100% - 48px);
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:0;
  padding:14px;
  overflow:auto;
  background:var(--hxsj-hero-bg-input);
}

.hxsj-hero-skill-card{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  border:1px solid var(--hxsj-hero-border);
  border-radius:8px;
  background:var(--hxsj-hero-bg-card);
}

.hxsj-hero-skill-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--hxsj-hero-gold);
  border-radius:8px;
  background:var(--hxsj-hero-bg-input);
}

.hxsj-hero-skill-svg{
  width:24px;
  height:24px;
  display:block;
  fill:none;
  color:var(--hxsj-hero-gold);
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-hero-skill-copy{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.hxsj-hero-skill-title{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

.hxsj-hero-skill-title strong{
  color:var(--hxsj-hero-text-gold);
  font-size:14px;
}

.hxsj-hero-skill-title span{
  color:var(--hxsj-hero-secondary);
  font-size:12px;
}

.hxsj-hero-skill-copy p{
  margin:0;
  color:var(--hxsj-hero-text);
  font-size:12px;
  line-height:17px;
}

.hxsj-hero-skill-copy small{
  color:var(--hxsj-hero-muted);
  font-size:11px;
  line-height:16px;
}

.hxsj-hero-skill-upgrade{
  box-sizing:border-box;
  min-width:52px;
  height:34px;
  flex:0 0 auto;
  padding:0 18px;
  border:0;
  border-radius:6px;
  background-color:transparent;
  background-image:linear-gradient(90deg, #ea580c 0%, #dc2626 100%);
  box-shadow:0 2px 8px rgba(234,88,12,.4);
  color:#fff;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:34px;
  text-align:center;
  appearance:none;
  cursor:pointer;
}

.hxsj-hero-info-screen .sinfo{
  z-index:5000;
}

.hxsj-game-hero-panel {
  border: 1px solid #1e293b;
  background: #090b11;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.hxsj-game-panel-header {
  box-sizing: border-box;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 16px;
  border-bottom: 1px solid #1e293b;
  background: #0c0e17;
}

.hxsj-game-panel-header strong {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.hxsj-game-hero-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
  flex-wrap: wrap;
}

.hxsj-game-sort-row {
  display: flex;
  align-items: center;
  gap: 3px;
  background: #020617;
  padding: 3px;
  border-radius: 6px;
  border: 1px solid #1e293b;
}

.hxsj-game-sort-row span,
.hxsj-game-sort-row button {
  box-sizing: border-box;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #94a3b8;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: all 0.15s ease;
  user-select: none;
  appearance: none;
}

.hxsj-game-sort-row .hxsj-game-sort-label {
  color: #64748b;
  cursor: default;
  pointer-events: none;
}

.hxsj-game-sort-row span:hover,
.hxsj-game-sort-row button:hover {
  color: #f1f5f9;
}

.hxsj-game-sort-row button:focus-visible {
  outline: 1px solid #38bdf8;
  outline-offset: 1px;
}

.hxsj-game-sort-row .is-active {
  background: #1e293b;
  color: #f8fafc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.hxsj-game-hero-grid {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px;
}

.hxsj-game-hero-table,
.hxsj-game-hero-table tbody,
.hxsj-game-hero-table tr {
  display: contents;
}

.hxsj-game-hero-table td {
  box-sizing: border-box;
  display: block !important;
  width: auto !important;
  padding: 0;
  height: auto;
  align-self: start;
}

.hxsj-game-hero-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(116px, 1fr));
  grid-auto-rows: max-content;
  align-content: start;
  gap: 12px;
}

.hxsj-game-frame .carpet_frame {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 12px 10px;
  border-radius: 8px;
  border: 1px solid rgba(var(--card-theme-rgb), 0.3);
  background: linear-gradient(135deg, var(--card-bg-start) 0%, var(--card-bg-end) 100%);
  overflow: hidden;
  transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  --card-theme: #475569;
  --card-theme-rgb: 71, 85, 105;
  --card-bg-start: #1e2530;
  --card-bg-end: #101520;
}

/* Tactile Paper Texture Pattern overlay */
.hxsj-game-frame .carpet_frame::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
  background-size: 6px 6px;
  opacity: 0.8;
  pointer-events: none;
  z-index: 1;
}

.hxsj-game-frame .carpet_frame::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border: 1px solid rgba(var(--card-theme-rgb), 0.15);
  border-radius: 6px;
  pointer-events: none;
  transition: border-color 0.2s ease;
  z-index: 3;
}

.hxsj-game-frame .carpet_frame:hover {
  transform: translateY(-3px);
  border-color: rgba(var(--card-theme-rgb), 0.7);
  box-shadow: 
    0 0 12px rgba(var(--card-theme-rgb), 0.2),
    0 10px 15px -3px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.hxsj-game-frame .carpet_frame:hover::after {
  border-color: rgba(var(--card-theme-rgb), 0.35);
}

.hxsj-game-frame .carpet-card-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

/* Quality Theme Definitions */
.hxsj-game-frame .carpet_frame.qual-normal {
  --card-theme: #475569;
  --card-theme-rgb: 71, 85, 105;
  --card-bg-start: #1e2530;
  --card-bg-end: #101520;
}

.hxsj-game-frame .carpet_frame.qual-good {
  --card-theme: #22c55e;
  --card-theme-rgb: 34, 197, 94;
  --card-bg-start: #143e21;
  --card-bg-end: #092110;
}

.hxsj-game-frame .carpet_frame.qual-rare {
  --card-theme: #3b82f6;
  --card-theme-rgb: 59, 130, 246;
  --card-bg-start: #1c326f;
  --card-bg-end: #0b1534;
}

.hxsj-game-frame .carpet_frame.qual-epic {
  --card-theme: #a855f7;
  --card-theme-rgb: 168, 85, 247;
  --card-bg-start: #3b1b68;
  --card-bg-end: #170a2d;
}

.hxsj-game-frame .carpet_frame.qual-legend {
  --card-theme: #fbbf24;
  --card-theme-rgb: 251, 191, 36;
  --card-bg-start: #5a2c0a;
  --card-bg-end: #291102;
}

/* 星灵原图展示区：保留稳定占位，不添加头像框或裁切 */
.hxsj-game-frame .carpet-avatar-wrapper {
  width: min(82px, 100%);
  height: 72px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  margin: 5px auto 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.2s ease;
  z-index: 2;
}

.hxsj-game-frame .carpet_frame:hover .carpet-avatar-wrapper {
  transform: translateY(-2px) scale(1.03);
  filter: drop-shadow(0 5px 7px rgba(var(--card-theme-rgb), 0.3));
}

.hxsj-game-frame .carpet-avatar {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  display: block;
  image-rendering: pixelated;
}

/* Card Shininess Shimmer */
.hxsj-game-frame .carpet-card-shine {
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.08) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  pointer-events: none;
  z-index: 3;
}

.hxsj-game-frame .carpet_frame:hover .carpet-card-shine {
  left: 200%;
  transition: left 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Badges Row (Race & Level) */
.hxsj-game-frame .carpet-badge-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 2px;
  z-index: 2;
  position: relative;
}

.hxsj-game-frame .carpet-badge-race,
.hxsj-game-frame .carpet-badge-level {
  font-size: 9px;
  pointer-events: none;
}

.hxsj-game-frame .carpet-badge-race {
  font-weight: 600;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 1px 5px;
  border-radius: 3px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.hxsj-game-frame .carpet-badge-level {
  font-weight: 700;
  font-family: monospace;
  color: #fbbf24;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(251, 191, 36, 0.15);
  padding: 1px 5px;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Detail Info Block */
.hxsj-game-frame .carpet-info-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 100%;
  z-index: 2;
  position: relative;
  text-align: center;
}

.hxsj-game-frame .carpet-name {
  font-size: 12.5px;
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  line-height: 1.4;
  transition: color 0.2s ease;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
}

/* Quality Themed Character Names */
.hxsj-game-frame .carpet_frame.qual-good .carpet-name { color: #4ade80; }
.hxsj-game-frame .carpet_frame.qual-rare .carpet-name { color: #60a5fa; }
.hxsj-game-frame .carpet_frame.qual-epic .carpet-name { color: #c084fc; }
.hxsj-game-frame .carpet_frame.qual-legend .carpet-name { color: #fbbf24; }

.hxsj-game-frame .carpet-role {
  font-size: 8.5px;
  color: #94a3b8;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.03);
  padding: 1px 6px;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  line-height: 1.3;
}

.hxsj-game-frame .carpet-stars {
  font-size: 9px;
  color: #fbbf24;
  letter-spacing: 0.5px;
  line-height: 1;
  margin-top: 1px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

.hxsj-game-tutorial{
  display:flex;
  gap:14px;
  padding:10px;
  border:1px solid #2a3045;
  border-radius:10px;
  background:#1a1e2e;
}

.hxsj-game-tutorial-image{
  width:180px;
  flex:0 0 180px;
  overflow:hidden;
  border-radius:8px;
  background:#0d0f1a;
}

.hxsj-game-tutorial-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hxsj-game-tutorial h4{
  width:auto;
  height:auto;
  margin:0 0 8px;
  padding:0 0 0 8px;
  border-left:3px solid #f59e0b;
  border-bottom:0;
  color:#fbbf24;
  font-size:13px;
}

.hxsj-game-tutorial .lrgh{
  color:#94a3b8;
  font-size:12px;
  line-height:1.65;
}

.hxsj-game-tutorial p{
  margin:8px 0 0;
  color:#f87171;
}

.hxsj-game-tutorial-form{
  margin:10px 0 0;
}

.hxsj-game-primary{
  width:auto;
  min-width:221px;
  border-radius:6px;
}

.hxsj-game-sidebar{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto;
  gap:10px;
  overflow:hidden;
}

.hxsj-game-sidebar.has-bbs{
  grid-template-rows:auto minmax(0, 1fr);
}

.hxsj-game-side-header{
  box-sizing:border-box;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 14px;
  border-bottom:1px solid #2a3045;
  background:#0d0f1a;
}

.hxsj-game-side-header strong{
  position:relative;
  padding-left:11px;
  color:#f1f5f9;
  font-size:12px;
}

.hxsj-game-side-header strong:before{
  content:"";
  position:absolute;
  left:0;
  top:1px;
  width:3px;
  height:14px;
  border-radius:2px;
  background:#fbbf24;
}

.hxsj-game-side-header-red strong:before{
  background:#f87171;
}

.hxsj-game-side-header span{
  color:#64748b;
  font-size:10px;
}

.hxsj-game-quick-list{
  display:grid;
  gap:1px;
  padding:8px 10px;
}

.hxsj-game-quick-item{
  box-sizing:border-box;
  height:34px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 4px;
  border-radius:6px;
  color:#94a3b8;
  font-size:12px;
}

.hxsj-game-quick-item:hover{
  background:rgba(42,48,69,.28);
}

.hxsj-game-quick-item.is-disabled{
  opacity:.45;
  cursor:not-allowed;
}

.hxsj-game-quick-dot{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:3px;
  background:#94a3b8;
}

.hxsj-game-quick-item span:nth-child(2){
  flex:1 1 auto;
}

.hxsj-game-quick-item em{
  box-sizing:border-box;
  min-height:20px;
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border:1px solid rgba(96,165,250,.27);
  border-radius:10px;
  background:rgba(96,165,250,.13);
  color:#60a5fa;
  font-size:10px;
  font-style:normal;
  line-height:1;
}

.hxsj-game-quick-item.is-danger .hxsj-game-quick-dot{background:#f87171;}
.hxsj-game-quick-item.is-blue .hxsj-game-quick-dot{background:#60a5fa;}
.hxsj-game-quick-item.is-gold .hxsj-game-quick-dot{background:#fbbf24;}
.hxsj-game-quick-item.is-green .hxsj-game-quick-dot{background:#34d399;}
.hxsj-game-quick-item.is-purple .hxsj-game-quick-dot{background:#a78bfa;}
.hxsj-game-quick-item.is-orange .hxsj-game-quick-dot{background:#f97316;}

.hxsj-game-quick-item.is-danger em{border-color:rgba(248,113,113,.27); background:rgba(248,113,113,.13); color:#f87171;}
.hxsj-game-quick-item.is-gold em{border-color:rgba(251,191,36,.27); background:rgba(251,191,36,.13); color:#fbbf24;}
.hxsj-game-quick-item.is-green em{border-color:rgba(52,211,153,.27); background:rgba(52,211,153,.13); color:#34d399;}
.hxsj-game-quick-item.is-purple em{border-color:rgba(167,139,250,.27); background:rgba(167,139,250,.13); color:#a78bfa;}
.hxsj-game-quick-item.is-orange em{border-color:rgba(249,115,22,.27); background:rgba(249,115,22,.13); color:#f97316;}

.hxsj-game-bbs-panel{
  display:grid;
  grid-template-rows:36px minmax(0, 1fr) 74px;
  min-height:0;
}

.hxsj-game-bbs-actions{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.hxsj-game-bbs-toggle,
.hxsj-game-bbs-minimize{
  box-sizing:border-box;
  width:26px;
  height:26px;
  display:none;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid rgba(248,113,113,.28);
  border-radius:6px;
  background:rgba(248,113,113,.10);
  color:#fca5a5;
  cursor:pointer;
}

.hxsj-game-bbs-toggle:hover,
.hxsj-game-bbs-minimize:hover{
  border-color:rgba(248,113,113,.58);
  background:rgba(248,113,113,.18);
  color:#fecaca;
}

.hxsj-game-bbs-toggle:focus-visible,
.hxsj-game-bbs-minimize:focus-visible{
  outline:2px solid rgba(248,113,113,.55);
  outline-offset:2px;
}

.hxsj-game-bbs-toggle-icon{
  position:relative;
  width:16px;
  height:16px;
  display:block;
}

.hxsj-game-bbs-toggle-icon:before,
.hxsj-game-bbs-toggle-icon:after{
  content:"";
  position:absolute;
  top:7px;
  width:8px;
  height:2px;
  border-radius:2px;
  background:currentColor;
  transition:transform .16s ease;
}

.hxsj-game-bbs-toggle-icon:before{
  left:1px;
  transform:rotate(-45deg);
  transform-origin:right center;
}

.hxsj-game-bbs-toggle-icon:after{
  right:1px;
  transform:rotate(45deg);
  transform-origin:left center;
}

.hxsj-game-bbs-panel.is-expanded .hxsj-game-bbs-toggle-icon:before{
  transform:rotate(45deg);
}

.hxsj-game-bbs-panel.is-expanded .hxsj-game-bbs-toggle-icon:after{
  transform:rotate(-45deg);
}

.hxsj-game-bbs-minimize-icon{
  position:relative;
  width:16px;
  height:16px;
  display:block;
}

.hxsj-game-bbs-minimize-icon:before,
.hxsj-game-bbs-minimize-icon:after{
  content:"";
  position:absolute;
  left:3px;
  right:3px;
  border-radius:2px;
  background:currentColor;
}

.hxsj-game-bbs-minimize-icon:before{
  top:4px;
  height:2px;
}

.hxsj-game-bbs-minimize-icon:after{
  bottom:4px;
  height:2px;
  box-shadow:0 -4px 0 currentColor;
}

.hxsj-game-bbs-panel.is-minimized .hxsj-game-bbs-toggle{
  display:flex;
}

.hxsj-game-bbs-panel.is-minimized .hxsj-game-bbs-minimize{
  display:none;
}

.hxsj-game-bbs-panel.is-minimized .hxsj-game-bbs-toggle-icon:before{
  transform:rotate(-45deg);
}

.hxsj-game-bbs-panel.is-minimized .hxsj-game-bbs-toggle-icon:after{
  transform:rotate(45deg);
}

.hxsj-game-bbs-list{
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:6px 10px;
  scrollbar-gutter:stable;
  scrollbar-color:#55617a #111625;
  scrollbar-width:thin;
}

.hxsj-game-bbs-list::-webkit-scrollbar{
  width:8px;
}

.hxsj-game-bbs-list::-webkit-scrollbar-track{
  background:#111625;
  border-radius:8px;
}

.hxsj-game-bbs-list::-webkit-scrollbar-thumb{
  border:2px solid #111625;
  border-radius:8px;
  background:#55617a;
}

.hxsj-game-bbs-list::-webkit-scrollbar-thumb:hover{
  background:#74809a;
}

.hxsj-game-bbs-message{
  padding:7px 0;
  border-bottom:1px solid #2a3045;
}

.hxsj-game-bbs-meta{
  position:relative;
  display:block;
  padding-right:72px;
  font-size:13px;
  line-height:19px;
  min-width:0;
}

.hxsj-game-bbs-meta strong{
  max-width:none;
  overflow:visible;
  color:#fbbf24;
  font-size:13px;
  line-height:18px;
  text-overflow:clip;
  white-space:nowrap;
}

.hxsj-game-bbs-meta span{
  position:absolute;
  top:0;
  right:0;
  color:#8492a8;
  font-family:Inter, Arial, sans-serif;
  font-size:11px;
  line-height:19px;
  white-space:nowrap;
}

.hxsj-game-bbs-message p{
  display:inline;
  margin:0 0 0 1em;
  overflow:visible;
  color:#b6c3d7;
  font-size:13px;
  line-height:19px;
  overflow-wrap:anywhere;
  text-overflow:clip;
  white-space:normal;
  word-break:break-word;
}

.hxsj-game-bbs-empty{
  margin:0;
  padding:12px 0;
  overflow:hidden;
  color:#b6c3d7;
  font-size:13px;
  line-height:19px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-game-bbs-author{
  max-width:none;
  min-width:0;
  display:inline;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  line-height:inherit;
  text-align:left;
  vertical-align:baseline;
  cursor:pointer;
}

.hxsj-game-bbs-author strong{
  max-width:none;
  border-bottom:1px dotted rgba(251,191,36,.45);
}

.hxsj-game-bbs-author:focus-visible{
  outline:2px solid rgba(251,191,36,.55);
  outline-offset:3px;
  border-radius:4px;
}

.hxsj-game-bbs-popover{
  position:fixed;
  z-index:3000;
  box-sizing:border-box;
  width:min(310px, calc(100vw - 24px));
  padding:12px 14px;
  border:1px solid rgba(251,191,36,.38);
  border-radius:10px;
  background:linear-gradient(180deg, rgba(26,30,46,.98), rgba(13,16,25,.98));
  box-shadow:0 18px 42px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.04) inset;
  color:#d7e1f2;
  font-size:12px;
  font-weight:600;
  line-height:1.65;
  white-space:pre-line;
  pointer-events:none;
}

.hxsj-game-bbs-popover[hidden]{
  display:none;
}

.hxsj-game-bbs-form{
  box-sizing:border-box;
  height:74px;
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:10px;
  border-top:1px solid #2a3045;
  background:#0d0f1a;
}

.hxsj-game-bbs-form .text{
  box-sizing:border-box;
  min-width:0;
  height:54px;
  flex:1 1 auto;
  padding:6px 10px;
  border:1px solid #2a3045;
  border-radius:6px;
  background:#0d1019;
  color:#f1f5f9;
  font-family:inherit;
  font-size:13px;
  line-height:19px;
  overflow-y:auto;
  resize:none;
}

.hxsj-game-bbs-form .button2{
  box-sizing:border-box;
  width:auto;
  min-width:54px;
  height:32px;
  align-self:center;
  padding:0 14px;
  border:0;
  border-radius:6px;
  background:#f59e0b;
  color:#0a0c14;
  font-size:12px;
  font-weight:700;
  line-height:32px;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-onboarding .hxsj-game-content{
  grid-template-columns:minmax(0, 1fr);
}

.hxsj-game-frame.hxsj-game-page-onboarding .hxsj-game-main-content{
  overflow:hidden;
}

.hxsj-game-frame.hxsj-game-page-onboarding .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

#menu.hxsj-game-nav.hxsj-onboarding-nav{
  height:56px;
}

.hxsj-onboarding-nav .hxsj-game-tab-row{
  height:56px;
}

.hxsj-onboarding-nav-title{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}

.hxsj-onboarding-nav-title strong{
  color:#f1f5f9;
  font-size:15px;
  font-weight:700;
  line-height:22px;
  white-space:nowrap;
}

.hxsj-onboarding-nav-title em{
  min-width:0;
  overflow:hidden;
  color:#94a3b8;
  font-size:12px;
  font-style:normal;
  line-height:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-onboarding-screen{
  --hxsj-onboarding-bg-deep:#0a0c14;
  --hxsj-onboarding-bg-panel:#12151f;
  --hxsj-onboarding-bg-card:#1a1e2e;
  --hxsj-onboarding-bg-input:#0d1019;
  --hxsj-onboarding-border:#2a3045;
  --hxsj-onboarding-danger:#dc2626;
  --hxsj-onboarding-gold:#f59e0b;
  --hxsj-onboarding-text-gold:#fbbf24;
  --hxsj-onboarding-text:#f1f5f9;
  --hxsj-onboarding-muted:#64748b;
  --hxsj-onboarding-secondary:#94a3b8;
  box-sizing:border-box;
  min-width:0;
  min-height:calc(100vh - 124px);
  display:flex;
  flex-direction:column;
  margin:0;
  overflow:hidden;
  background:var(--hxsj-onboarding-bg-deep);
  color:var(--hxsj-onboarding-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-onboarding-screen *,
.hxsj-onboarding-screen *::before,
.hxsj-onboarding-screen *::after{
  box-sizing:border-box;
}

.hxsj-onboarding-titlebar{
  min-height:64px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 32px;
  border-bottom:2px solid var(--hxsj-onboarding-danger);
  background:var(--hxsj-onboarding-bg-deep);
}

.hxsj-onboarding-title-marker{
  width:6px;
  height:24px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-onboarding-danger);
}

.hxsj-onboarding-titlebar h2{
  margin:0;
  color:var(--hxsj-onboarding-text);
  font-size:22px;
  font-weight:700;
  line-height:30px;
}

.hxsj-onboarding-titlebar p{
  margin:2px 0 0;
  color:var(--hxsj-onboarding-secondary);
  font-size:13px;
  line-height:18px;
}

.hxsj-onboarding-body{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:minmax(260px, 340px) minmax(0, 1fr);
  grid-template-areas:
    "story form"
    "dialogue form";
  gap:18px;
  padding:24px 32px 32px;
  overflow:auto;
}

.hxsj-onboarding-story,
.hxsj-onboarding-dialogue-card,
.hxsj-onboarding-profile-panel{
  min-width:0;
  border:1px solid var(--hxsj-onboarding-border);
  border-radius:8px;
  background:var(--hxsj-onboarding-bg-panel);
}

.hxsj-onboarding-story{
  grid-area:story;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:18px 20px;
}

.hxsj-onboarding-story p{
  margin:0;
  color:#cbd5e1;
  font-size:14px;
  line-height:1.7;
}

.hxsj-onboarding-dialogue-card{
  grid-area:dialogue;
  align-self:start;
  overflow:hidden;
}

.hxsj-onboarding-portrait{
  height:190px;
  margin:0;
  overflow:hidden;
  border-bottom:1px solid var(--hxsj-onboarding-border);
  background:#0d1019;
}

.hxsj-onboarding-portrait img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
}

.hxsj-onboarding-dialogue{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:16px 18px 18px;
}

.hxsj-onboarding-dialogue h4,
.hxsj-onboarding-section-heading h4{
  margin:0;
  color:var(--hxsj-onboarding-text-gold);
  font-size:16px;
  font-weight:700;
  line-height:24px;
}

.hxsj-onboarding-dialogue p{
  margin:0;
  color:var(--hxsj-onboarding-secondary);
  font-size:13px;
  line-height:1.55;
}

.hxsj-onboarding-profile-panel{
  grid-area:form;
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:22px;
}

.hxsj-onboarding-name-row{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(120px, 160px) minmax(220px, 360px) minmax(180px, 1fr);
  gap:12px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(245,158,11,.22);
  border-radius:8px;
  background:rgba(245,158,11,.07);
}

.hxsj-onboarding-name-row label{
  color:var(--hxsj-onboarding-text);
  font-size:16px;
  font-weight:700;
  line-height:24px;
}

.hxsj-onboarding-name-input{
  width:100%;
  height:42px;
  min-width:0;
  padding:0 12px;
  border:1px solid var(--hxsj-onboarding-border);
  border-radius:6px;
  background:var(--hxsj-onboarding-bg-input);
  color:var(--hxsj-onboarding-text);
  font-size:16px;
  line-height:42px;
}

.hxsj-onboarding-name-input:focus{
  border-color:var(--hxsj-onboarding-gold);
  outline:none;
  box-shadow:0 0 0 2px rgba(245,158,11,.16);
}

.hxsj-onboarding-name-row p{
  margin:0;
  color:var(--hxsj-onboarding-secondary);
  font-size:13px;
  line-height:1.45;
}

.hxsj-onboarding-choice-section{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.hxsj-onboarding-section-heading{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}

.hxsj-onboarding-section-heading span{
  min-width:0;
  overflow:hidden;
  color:var(--hxsj-onboarding-secondary);
  font-size:12px;
  line-height:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-onboarding-choice-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.hxsj-onboarding-choice-card{
  position:relative;
  min-width:0;
  min-height:148px;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px;
  border:1px solid var(--hxsj-onboarding-border);
  border-radius:8px;
  background:var(--hxsj-onboarding-bg-card);
  color:var(--hxsj-onboarding-text);
  cursor:pointer;
  transition:border-color .16s ease, background-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.hxsj-onboarding-choice-card:hover{
  border-color:rgba(245,158,11,.55);
  background:#202538;
  transform:translateY(-1px);
}

.hxsj-onboarding-choice-card:has(input:checked){
  border-color:var(--hxsj-onboarding-gold);
  background:rgba(245,158,11,.12);
  box-shadow:0 0 0 1px rgba(245,158,11,.22), 0 12px 30px rgba(0,0,0,.20);
}

.hxsj-onboarding-choice-card input[type="radio"]{
  position:absolute;
  right:12px;
  top:12px;
  width:16px;
  height:16px;
  margin:0;
  accent-color:var(--hxsj-onboarding-gold);
}

.hxsj-onboarding-choice-icon{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(245,158,11,.30);
  border-radius:8px;
  background:var(--hxsj-onboarding-bg-input);
}

.hxsj-onboarding-choice-icon img{
  max-width:36px;
  max-height:36px;
  display:block;
}

.hxsj-onboarding-choice-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding-right:4px;
}

.hxsj-onboarding-choice-copy strong{
  color:var(--hxsj-onboarding-text-gold);
  font-size:16px;
  font-weight:700;
  line-height:22px;
}

.hxsj-onboarding-choice-copy em{
  color:#cbd5e1;
  font-size:13px;
  font-style:normal;
  line-height:1.55;
  overflow-wrap:anywhere;
}

.hxsj-onboarding-note{
  margin:0;
  padding:12px 14px;
  border:1px solid rgba(96,165,250,.22);
  border-radius:8px;
  background:rgba(96,165,250,.08);
  color:#bfdbfe;
  font-size:13px;
  line-height:1.6;
}

.hxsj-onboarding-choice-card.is-faith{
  min-height:196px;
}

.hxsj-onboarding-faith-portrait{
  height:116px;
  margin:-2px -2px 2px;
  overflow:hidden;
  border:1px solid rgba(245,158,11,.24);
  border-radius:7px;
  background:#0d1019;
}

.hxsj-onboarding-faith-portrait img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
}

.hxsj-onboarding-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  padding-top:4px;
}

.hxsj-onboarding-submit,
.hxsj-onboarding-cancel{
  box-sizing:border-box;
  width:auto;
  min-width:132px;
  height:44px;
  margin:0;
  padding:0 24px;
  border-radius:6px;
  font-size:16px;
  font-weight:700;
  line-height:42px;
  cursor:pointer;
}

.hxsj-onboarding-submit{
  border:1px solid var(--hxsj-onboarding-gold);
  background:#5a3410;
  background-image:linear-gradient(180deg, #5a3410 0%, #2a1808 100%);
  color:var(--hxsj-onboarding-text-gold);
  box-shadow:0 0 16px rgba(245,158,11,.24);
}

.hxsj-onboarding-submit:hover{
  border-color:#fbbf24;
  color:#ffe08a;
}

.hxsj-onboarding-cancel{
  border:1px solid rgba(148,163,184,.25);
  background:#151927;
  color:var(--hxsj-onboarding-secondary);
}

.hxsj-onboarding-cancel:hover{
  border-color:rgba(248,113,113,.45);
  color:#fca5a5;
}

.hxsj-game-frame.hxsj-game-page-quest .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-quest-screen{
  --hxsj-quest-bg-deep:#0a0c14;
  --hxsj-quest-bg-panel:#12151f;
  --hxsj-quest-bg-card:#1a1e2e;
  --hxsj-quest-border:#2a3045;
  --hxsj-quest-danger:#dc2626;
  --hxsj-quest-gold:#f59e0b;
  --hxsj-quest-text-gold:#fbbf24;
  --hxsj-quest-text:#f1f5f9;
  --hxsj-quest-muted:#64748b;
  --hxsj-quest-secondary:#94a3b8;
  --hxsj-quest-green:#22c55e;
  box-sizing:border-box;
  min-width:0;
  min-height:calc(100vh - 142px);
  overflow:hidden;
  background:var(--hxsj-quest-bg-deep);
  color:var(--hxsj-quest-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-quest-screen *,
.hxsj-quest-screen *::before,
.hxsj-quest-screen *::after{
  box-sizing:border-box;
}

.hxsj-quest-titlebar{
  height:64px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 32px;
  border-bottom:2px solid var(--hxsj-quest-danger);
  background:var(--hxsj-quest-bg-deep);
}

.hxsj-quest-title-marker{
  width:6px;
  height:24px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-quest-danger);
}

.hxsj-quest-titlebar h2{
  margin:0;
  color:var(--hxsj-quest-text);
  font-size:22px;
  font-weight:700;
  line-height:32px;
}

.hxsj-quest-body{
  --hxsj-quest-sidebar-width:240px;
  min-height:calc(100vh - 206px);
  display:grid;
  grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
  gap:28px;
  padding:28px 32px 32px;
}

.hxsj-quest-nav-sidebar{
  --hxsj-quest-bg-deep:#0a0c14;
  --hxsj-quest-bg-panel:#12151f;
  --hxsj-quest-bg-card:#1a1e2e;
  --hxsj-quest-border:#2a3045;
  --hxsj-quest-danger:#dc2626;
  --hxsj-quest-gold:#f59e0b;
  --hxsj-quest-text-gold:#fbbf24;
  --hxsj-quest-text:#f1f5f9;
  --hxsj-quest-muted:#64748b;
  --hxsj-quest-secondary:#94a3b8;
  --hxsj-quest-green:#22c55e;
  box-sizing:border-box;
  min-width:0;
  align-self:start;
  display:flex;
  flex-direction:column;
  gap:3px;
  min-height:clamp(520px, calc(100vh - 206px), 776px);
  overflow:visible;
  border:1px solid var(--hxsj-quest-border);
  border-radius:8px;
  background:var(--hxsj-quest-bg-deep);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  text-align:left;
}

.hxsj-quest-nav-sidebar.is-legacy-inline{
  width:212px;
  min-height:0;
  float:left;
  margin:0 16px 16px 0;
  position:relative;
  z-index:1;
}

.hxsj-quest-task-group{
  overflow:hidden;
  border:1px solid var(--hxsj-quest-border);
  border-radius:6px;
  background:var(--hxsj-quest-bg-card);
}

.hxsj-quest-task-header{
  height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 16px;
  background:var(--hxsj-quest-bg-card);
  cursor:pointer;
}

.hxsj-quest-task-header::-webkit-details-marker{
  display:none;
}

.hxsj-quest-task-header::marker{
  content:"";
}

.hxsj-quest-task-header strong{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  color:var(--hxsj-quest-text);
  font-size:16px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-quest-task-panel{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:12px 10px;
  border-top:1px solid var(--hxsj-quest-border);
  background:var(--hxsj-quest-bg-panel);
}

.hxsj-quest-task-link,
.hxsj-quest-nav-summary{
  box-sizing:border-box;
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}

.hxsj-quest-task-link{
  height:40px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:6px;
  color:var(--hxsj-quest-secondary);
  font-size:15px;
  line-height:40px;
}

.hxsj-quest-task-link.is-active{
  border-color:var(--hxsj-quest-danger);
  background:rgba(220,38,38,.10);
  color:var(--hxsj-quest-danger);
  font-weight:700;
}

.hxsj-quest-task-link:hover{
  border-color:rgba(220,38,38,.45);
  background:rgba(220,38,38,.08);
  color:var(--hxsj-quest-text);
}

.hxsj-quest-nav-group{
  display:block;
  border:1px solid var(--hxsj-quest-border);
  border-radius:6px;
  background:var(--hxsj-quest-bg-card);
}

.hxsj-quest-nav-group[open]{
  background:var(--hxsj-quest-bg-panel);
}

.hxsj-quest-nav-summary{
  height:44px;
  padding:0 16px;
  color:var(--hxsj-quest-text);
  font-size:15px;
  font-weight:600;
  line-height:44px;
  cursor:pointer;
}

.hxsj-quest-nav-summary::-webkit-details-marker{
  display:none;
}

.hxsj-quest-nav-summary::marker{
  content:"";
}

.hxsj-quest-nav-summary span{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-quest-nav-icon,
.hxsj-quest-chevron,
.hxsj-quest-submit-icon{
  display:block;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-quest-nav-icon{
  width:18px;
  height:18px;
  color:var(--hxsj-quest-muted);
}

.hxsj-quest-task-link .hxsj-quest-nav-icon{
  width:16px;
  height:16px;
}

.hxsj-quest-task-link.is-active .hxsj-quest-nav-icon{
  color:var(--hxsj-quest-danger);
}

.hxsj-quest-chevron{
  width:18px;
  height:18px;
  color:var(--hxsj-quest-secondary);
  transition:transform .16s ease;
}

.hxsj-quest-nav-group[open] .hxsj-quest-chevron{
  transform:rotate(90deg);
}

.hxsj-quest-task-group .hxsj-quest-chevron{
  transform:rotate(180deg);
}

.hxsj-quest-task-group[open] .hxsj-quest-chevron{
  transform:rotate(0deg);
}

.hxsj-quest-nav-sublist{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:12px 10px;
  border-top:1px solid var(--hxsj-quest-border);
  background:var(--hxsj-quest-bg-panel);
}

.hxsj-quest-nav-group:not([open]) .hxsj-quest-nav-sublist{
  display:none;
}

.hxsj-quest-nav-sublist a{
  box-sizing:border-box;
  min-width:0;
  height:40px;
  min-height:40px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:6px;
  color:var(--hxsj-quest-secondary);
  font-size:15px;
  line-height:40px;
  text-decoration:none;
}

.hxsj-quest-nav-sublist a:hover{
  border-color:rgba(220,38,38,.45);
  background:rgba(220,38,38,.08);
  color:var(--hxsj-quest-text);
}

.hxsj-quest-nav-sublist a.is-active{
  border-color:var(--hxsj-quest-danger);
  background:rgba(220,38,38,.10);
  color:var(--hxsj-quest-danger);
  font-weight:700;
}

.hxsj-quest-nav-sublist a span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-quest-nav-sublist a.is-active .hxsj-quest-nav-icon{
  color:var(--hxsj-quest-danger);
}

.hxsj-quest-nav-sidebar.is-legacy-inline .hxsj-quest-task-header,
.hxsj-quest-nav-sidebar.is-legacy-inline .hxsj-quest-nav-summary{
  height:38px;
  padding:0 12px;
  line-height:38px;
}

.hxsj-quest-nav-sidebar.is-legacy-inline .hxsj-quest-task-header strong{
  font-size:14px;
}

.hxsj-quest-nav-sidebar.is-legacy-inline .hxsj-quest-task-panel{
  height:auto;
  min-height:0;
  padding:8px;
}

.hxsj-quest-nav-sidebar.is-legacy-inline .hxsj-quest-task-link{
  height:34px;
  padding:0 10px;
  font-size:13px;
  line-height:34px;
}

.hxsj-quest-nav-sidebar.is-legacy-inline .hxsj-quest-nav-summary{
  font-size:13px;
}

.hxsj-quest-nav-sidebar.is-legacy-inline .hxsj-quest-nav-sublist{
  padding:8px;
}

.hxsj-quest-nav-sidebar.is-legacy-inline .hxsj-quest-nav-sublist a{
  height:34px;
  min-height:34px;
  padding:0 10px;
  font-size:13px;
  line-height:34px;
}

.hxsj-quest-nav-sidebar.is-legacy-inline .hxsj-quest-nav-icon,
.hxsj-quest-nav-sidebar.is-legacy-inline .hxsj-quest-chevron{
  width:16px;
  height:16px;
}

.hxsj-game-frame.hxsj-game-page-quest .town,
.hxsj-game-frame.hxsj-game-page-quest .sjlr{
  max-width:100%;
}

.hxsj-game-frame.hxsj-game-page-quest h4{
  max-width:100%;
}

.hxsj-game-frame.hxsj-game-page-quest .shopnr3,
.hxsj-game-frame.hxsj-game-page-quest .shopnr5,
.hxsj-game-frame.hxsj-game-page-quest .shopnr6,
.hxsj-game-frame.hxsj-game-page-quest .shopnr{
  box-sizing:border-box;
  max-width:100%;
}

.hxsj-quest-main{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(240px, 400px) minmax(0, 1fr);
  align-items:start;
  gap:28px;
}

.hxsj-quest-portrait{
  width:100%;
  max-width:400px;
  height:auto;
  aspect-ratio:11 / 14;
  justify-self:start;
  overflow:hidden;
  border:1px solid var(--hxsj-quest-border);
  border-radius:10px;
  background:var(--hxsj-quest-bg-card);
}

.hxsj-quest-portrait img{
  width:100%;
  height:100%;
  display:block;
  max-width:none;
  padding:0;
  object-fit:contain;
  border:0;
  border-radius:0;
}

.hxsj-quest-dialogue{
  min-width:0;
  max-width:636px;
  display:flex;
  flex-direction:column;
  gap:14px;
  overflow:visible;
  overflow-wrap:anywhere;
}

.hxsj-quest-mainline-dialogue{
  width:100%;
  max-width:636px;
}

.hxsj-quest-mainline-dialogue > div{
  margin:0 !important;
}

.hxsj-quest-mainline-dialogue .lrgh{
  float:none;
  width:100%;
  max-width:100%;
  min-height:0;
  margin:0;
  padding:0;
  color:var(--hxsj-quest-text);
  background:transparent;
  font-size:16px;
  font-weight:400;
  line-height:1.55;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.hxsj-quest-mainline-dialogue .lrgh br{
  line-height:1.8;
}

.hxsj-quest-mainline-dialogue form{
  margin:14px 0 0;
}

.hxsj-quest-mainline-dialogue .button7{
  width:auto;
  max-width:100%;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border:1px solid rgba(220,38,38,.75);
  border-radius:6px;
  background:rgba(220,38,38,.14);
  color:var(--hxsj-quest-text);
  font-size:15px;
  font-weight:700;
  line-height:20px;
  white-space:normal;
  text-align:center;
  cursor:pointer;
}

.hxsj-quest-mainline-dialogue .button7:hover{
  border-color:var(--hxsj-quest-danger);
  background:rgba(220,38,38,.22);
  color:#fff;
}

.hxsj-quest-dialogue-line{
  margin:0;
  color:var(--hxsj-quest-text);
  font-size:16px;
  font-weight:400;
  line-height:1.5;
}

.hxsj-quest-dialogue-line.is-tip{
  color:var(--hxsj-quest-green);
}

.hxsj-quest-dialogue-line.is-danger{
  color:#f87171;
  font-weight:600;
}

.hxsj-quest-reward-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  min-height:23px;
  color:var(--hxsj-quest-text-gold);
  font-size:16px;
  line-height:23px;
}

.hxsj-quest-reward-line strong{
  font-weight:700;
}

.hxsj-quest-reward-line span{
  font-weight:400;
}

.hxsj-quest-result:empty{
  display:none;
}

.hxsj-quest-result .result,
.hxsj-quest-result .error{
  margin:0 0 8px;
  padding:9px 12px;
  border:1px solid rgba(34,197,94,.35);
  border-radius:6px;
  background:rgba(34,197,94,.10);
  color:var(--hxsj-quest-green);
  font-size:13px;
  line-height:1.5;
}

.hxsj-quest-result .error{
  border-color:rgba(248,113,113,.35);
  background:rgba(248,113,113,.10);
  color:#f87171;
}

.hxsj-quest-form,
.hxsj-quest-action-row{
  margin:0;
}

.hxsj-quest-form-stack{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.hxsj-quest-submit{
  box-sizing:border-box;
  width:333px;
  max-width:100%;
  height:56px;
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 40px;
  border:2px solid var(--hxsj-quest-gold);
  border-radius:8px;
  background:#5a3410;
  background-image:linear-gradient(180deg, #5a3410 0%, #2a1808 100%);
  box-shadow:0 0 18px 1px rgba(245,158,11,.40), 0 0 4px rgba(251,191,36,.33);
  color:var(--hxsj-quest-text-gold);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:17px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-quest-submit:hover{
  border-color:#fbbf24;
  color:#ffe08a;
  box-shadow:0 0 22px 2px rgba(245,158,11,.50), 0 0 5px rgba(251,191,36,.42);
}

.hxsj-quest-submit:disabled{
  opacity:.46;
  cursor:not-allowed;
  filter:saturate(.65);
}

.hxsj-quest-submit-icon{
  width:18px;
  height:18px;
  color:var(--hxsj-quest-gold);
}

.hxsj-quest-submit span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.hxsj-quest-submit-secondary{
  width:auto;
  min-width:250px;
}

.hxsj-quest-info-list{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:12px 14px;
  border:1px solid rgba(220,38,38,.28);
  border-radius:8px;
  background:rgba(220,38,38,.08);
}

.hxsj-quest-info-list p{
  margin:0;
  color:#f87171;
  font-size:14px;
  line-height:1.45;
}

.hxsj-quest-inline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.hxsj-quest-inline-actions a{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border:1px solid var(--hxsj-quest-border);
  border-radius:6px;
  background:var(--hxsj-quest-bg-card);
  color:var(--hxsj-quest-text);
  font-size:13px;
  text-decoration:none;
}

.hxsj-quest-inline-actions a:hover{
  border-color:rgba(245,158,11,.55);
  color:var(--hxsj-quest-text-gold);
}

.hxsj-quest-supply-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:14px;
  border:1px solid var(--hxsj-quest-border);
  border-radius:8px;
  background:var(--hxsj-quest-bg-panel);
}

.hxsj-quest-supply-card h3{
  margin:0;
  color:var(--hxsj-quest-text-gold);
  font-size:16px;
  font-weight:700;
  line-height:24px;
}

.hxsj-quest-status{
  margin:0;
  color:var(--hxsj-quest-text);
  font-size:14px;
  line-height:1.5;
}

.hxsj-quest-status.is-muted{
  color:var(--hxsj-quest-secondary);
}

.hxsj-quest-main-collection{
  grid-template-columns:minmax(220px, 300px) minmax(0, 1fr);
}

.hxsj-quest-main-collection .hxsj-quest-portrait{
  max-width:300px;
}

.hxsj-quest-collection-dialogue{
  max-width:760px;
}

.hxsj-quest-collection-form{
  margin:2px 0 0;
}

.hxsj-quest-collection-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));
  gap:8px;
}

.hxsj-quest-collection-card{
  box-sizing:border-box;
  width:100%;
  min-height:64px;
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:9px 11px;
  border:1px solid var(--hxsj-quest-border);
  border-radius:8px;
  background:var(--hxsj-quest-bg-card);
  background-image:none;
  color:var(--hxsj-quest-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  text-align:left;
  appearance:none;
  cursor:pointer;
}

.hxsj-quest-collection-card:hover{
  border-color:rgba(245,158,11,.62);
  background:rgba(245,158,11,.10);
}

.hxsj-quest-collection-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(245,158,11,.55);
  border-radius:7px;
  background:var(--hxsj-quest-bg-deep);
  color:var(--hxsj-quest-gold);
}

.hxsj-quest-collection-svg,
.hxsj-quest-collection-arrow-svg{
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-quest-collection-svg{
  width:16px;
  height:16px;
}

.hxsj-quest-collection-copy{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.hxsj-quest-collection-copy strong{
  overflow:visible;
  color:var(--hxsj-quest-text-gold);
  font-size:13px;
  font-weight:700;
  line-height:18px;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
}

.hxsj-quest-collection-copy small{
  overflow:visible;
  color:var(--hxsj-quest-secondary);
  font-size:11px;
  line-height:16px;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
}

.hxsj-quest-collection-arrow{
  width:16px;
  height:16px;
  flex:0 0 16px;
  align-self:center;
  color:var(--hxsj-quest-secondary);
}

.hxsj-quest-collection-arrow-svg{
  width:16px;
  height:16px;
}

@media (max-width: 1500px) and (min-width: 901px){
  .hxsj-faith-body{
    grid-template-columns:190px minmax(0, 1fr);
    gap:20px;
    padding:24px;
  }

  .hxsj-faith-nav-sidebar{
    width:190px;
  }

  .hxsj-faith-nav-task-header,
  .hxsj-faith-nav-row{
    height:52px;
    padding:0 16px;
  }

  .hxsj-faith-nav-task-panel{
    gap:8px;
    padding:10px 8px;
  }

  .hxsj-faith-nav-item{
    height:48px;
    padding:0 14px;
  }

  .hxsj-faith-nav-sublist{
    padding:0 8px 10px 34px;
  }

  .hxsj-faith-nav-sublist a{
    font-size:12px;
  }

  .hxsj-faith-content{
    grid-template-columns:minmax(240px, 280px) minmax(0, 1fr);
    gap:20px;
  }

  .hxsj-faith-actions,
  .hxsj-faith-choice-actions{
    width:100%;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
  }

  .hxsj-faith-choice-actions{
    grid-template-columns:1fr;
  }

  .hxsj-faith-button{
    width:100%;
    padding:0 12px;
    font-size:15px;
  }
}

@media (max-width: 1400px) and (min-width: 901px){
  .hxsj-faith-actions,
  .hxsj-faith-choice-actions{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
  }

  .hxsj-faith-button{
    font-size:14px;
  }
}

@media (max-width: 1180px){
  .hxsj-game-content{
    grid-template-columns:minmax(0, 1fr) 280px;
  }

  .hxsj-game-frame.hxsj-game-page-onboarding .hxsj-game-content{
    grid-template-columns:minmax(0, 1fr);
  }

  .hxsj-onboarding-body{
    grid-template-columns:1fr;
    grid-template-areas:
      "story"
      "dialogue"
      "form";
    padding:20px 24px 24px;
  }

  .hxsj-onboarding-dialogue-card{
    display:grid;
    grid-template-columns:220px minmax(0, 1fr);
  }

  .hxsj-onboarding-portrait{
    height:auto;
    min-height:190px;
    border-right:1px solid var(--hxsj-onboarding-border);
    border-bottom:0;
  }

  .hxsj-onboarding-name-row{
    grid-template-columns:minmax(120px, 150px) minmax(0, 1fr);
  }

  .hxsj-onboarding-name-row p{
    grid-column:2;
  }

  .hxsj-onboarding-choice-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .hxsj-game-tab{
    padding:0 14px;
  }

  .hxsj-game-stat{
    padding:0 10px;
  }

  .hxsj-game-sub-item,
  .hxsj-game-sub-small{
    padding:0 10px;
  }

  .hxsj-hero-stat-grid{
    gap:20px;
  }

  .hxsj-hero-body-area{
    gap:14px;
  }

  .hxsj-hero-panel{
    height:520px;
  }

  .hxsj-quest-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
    gap:20px;
    padding:24px;
  }

  .hxsj-quest-main{
    grid-template-columns:1fr;
    gap:18px;
  }

  .hxsj-quest-main-collection{
    grid-template-columns:1fr;
  }

  .hxsj-quest-portrait{
    width:min(100%, 360px);
    height:auto;
    aspect-ratio:11 / 14;
  }

  .hxsj-quest-dialogue{
    max-width:none;
    max-height:none;
  }

  .hxsj-faith-body{
    grid-template-columns:180px minmax(0, 1fr);
    gap:18px;
    padding:24px;
  }

  .hxsj-faith-nav-sidebar{
    width:180px;
  }

  .hxsj-faith-content{
    grid-template-columns:minmax(200px, 260px) minmax(0, 1fr);
    gap:18px;
  }

  .hxsj-faith-actions,
  .hxsj-faith-choice-actions{
    width:100%;
    grid-template-columns:1fr;
    gap:12px;
  }

  .hxsj-faith-button{
    width:100%;
  }
}

@media (max-height: 820px) and (min-width: 901px){
  .hxsj-title-system-screen{
    min-height:0;
  }

  .hxsj-title-system-titlebar{
    height:56px;
  }

  .hxsj-title-system-body{
    min-height:0;
    padding:20px 24px 24px;
  }

  .hxsj-title-system-nav{
    min-height:0;
  }

  .hxsj-title-system-nav-panel{
    height:230px;
  }

  .hxsj-title-system-content{
    min-height:0;
  }

  .hxsj-title-table-wrap{
    max-height:390px;
  }

  .hxsj-secret-org-screen{
    min-height:0;
  }

  .hxsj-secret-titlebar{
    height:56px;
  }

  .hxsj-secret-body{
    min-height:0;
    padding:20px 24px 24px;
  }

  .hxsj-secret-nav-sidebar{
    min-height:0;
  }

  .hxsj-secret-nav-panel{
    height:230px;
  }

  .hxsj-secret-content{
    min-height:0;
  }

  .hxsj-quest-task-panel{
    height:auto;
    min-height:0;
  }

  .hxsj-quest-nav-sidebar{
    min-height:0;
  }

  .hxsj-quest-portrait{
    height:auto;
    max-height:490px;
  }

  .hxsj-quest-dialogue{
    max-height:none;
  }

  .hxsj-faith-screen{
    height:min(760px, calc(100vh - 142px));
  }

  .hxsj-faith-titlebar{
    height:56px;
    flex-basis:56px;
  }

  .hxsj-faith-body{
    min-height:0;
    padding:20px 24px 24px;
  }

  .hxsj-faith-nav-sidebar{
    gap:8px;
    min-height:0;
  }

  .hxsj-faith-nav-task-header,
  .hxsj-faith-nav-row{
    height:48px;
  }

  .hxsj-faith-nav-task-panel{
    gap:8px;
    padding:10px 8px;
  }

  .hxsj-faith-nav-item{
    height:44px;
    padding:0 14px;
  }

  .hxsj-faith-nav-sublist{
    padding-left:32px;
  }

  .hxsj-faith-content{
    min-height:0;
  }

  .hxsj-faith-portrait{
    max-height:430px;
  }

  .hxsj-faith-dialogue{
    gap:12px;
  }

  .hxsj-faith-copy-group{
    gap:4px;
  }

  .hxsj-faith-copy-group p,
  .hxsj-faith-warning{
    font-size:15px;
    line-height:1.42;
  }

  .hxsj-faith-button-spacer{
    height:2px;
  }

  .hxsj-faith-button{
    height:50px;
    min-height:50px;
    font-size:15px;
  }
}

@media (max-width: 900px){
  #menu.hxsj-game-nav{
    height:auto;
    min-height:auto;
  }

  .hxsj-game-tab-row{
    height:auto;
    min-height:40px;
    display:grid;
    grid-template-columns:minmax(0, 1fr) 34px;
    align-items:start;
    column-gap:12px;
    padding:6px 12px 0;
  }

  .hxsj-game-tab-left{
    min-width:0;
    height:auto;
    min-height:36px;
    flex-wrap:wrap;
    align-items:flex-start;
  }

  .hxsj-game-tab{
    height:36px;
    padding:0 12px;
    line-height:36px;
  }

  .hxsj-game-player-info{
    width:auto;
    max-width:none;
    flex:0 0 auto;
    justify-content:flex-end;
    justify-self:end;
    margin-left:0;
    align-self:flex-start;
  }

  .hxsj-game-profile-trigger{
    width:34px;
    height:34px;
  }

  .hxsj-game-profile-menu{
    top:calc(100% + 7px);
  }

  .hxsj-game-sub-row{
    height:auto;
    min-height:36px;
    flex-wrap:wrap;
    gap:2px;
    padding:4px 12px 6px;
    overflow:visible;
  }

  .hxsj-game-sub-item,
  .hxsj-game-sub-small{
    height:30px;
    padding:0 9px;
    line-height:30px;
  }

  .hxsj-game-stats-bar{
    height:auto;
    min-height:40px;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    grid-auto-rows:minmax(28px, auto);
    align-items:center;
    gap:0 6px;
    padding:4px 10px;
    border-bottom:0;
    overflow:visible;
  }

  .hxsj-game-stat{
    min-width:0;
    min-height:28px;
    gap:3px;
    padding:0 4px 0 0;
    border-right:0;
  }

  .hxsj-game-stat-action{
    grid-column:auto;
    justify-content:flex-start;
    gap:4px;
  }

  .hxsj-game-stat span{
    font-size:10px;
    line-height:14px;
  }

  .hxsj-game-stat strong{
    font-size:11px;
    line-height:15px;
  }

  .hxsj-game-refresh{
    width:auto;
    min-width:40px;
    height:20px;
    padding:0 6px;
    font-size:10px;
    line-height:18px;
  }

  .hxsj-game-frame:has(.hxsj-game-stats-bar) #container{
    margin-top:10px;
  }

  .hxsj-game-content{
    box-sizing:border-box;
    display:block;
    grid-template-columns:1fr;
    min-height:0;
    overflow:auto;
  }

  .hxsj-game-content:has(.hxsj-game-sidebar.has-bbs){
    padding-bottom:calc(204px + env(safe-area-inset-bottom, 0px));
  }

  .hxsj-game-main-content{
    min-width:0;
    overflow:visible;
  }

  .hxsj-game-frame.hxsj-game-page-onboarding .hxsj-game-main-content{
    overflow:visible;
  }

  #menu.hxsj-game-nav.hxsj-onboarding-nav{
    height:auto;
  }

  .hxsj-onboarding-nav .hxsj-game-tab-row{
    min-height:52px;
    padding:8px 12px;
  }

  .hxsj-onboarding-nav .hxsj-game-player-info{
    width:auto;
    max-width:170px;
  }

  .hxsj-onboarding-screen{
    min-height:0;
    overflow:visible;
  }

  .hxsj-onboarding-titlebar{
    min-height:58px;
    padding:0 18px;
  }

  .hxsj-onboarding-titlebar h2{
    font-size:19px;
    line-height:27px;
  }

  .hxsj-onboarding-titlebar p{
    font-size:12px;
  }

  .hxsj-onboarding-body{
    gap:14px;
    padding:16px 12px 18px;
    overflow:visible;
  }

  .hxsj-onboarding-story{
    gap:6px;
    padding:14px 16px;
  }

  .hxsj-onboarding-story p{
    font-size:13px;
    line-height:1.58;
  }

  .hxsj-onboarding-dialogue-card{
    display:block;
  }

  .hxsj-onboarding-portrait{
    height:148px;
    min-height:0;
    border-right:0;
    border-bottom:1px solid var(--hxsj-onboarding-border);
  }

  .hxsj-onboarding-dialogue{
    gap:6px;
    padding:14px 16px 16px;
  }

  .hxsj-onboarding-dialogue p{
    font-size:13px;
    line-height:1.48;
  }

  .hxsj-onboarding-profile-panel{
    gap:16px;
    padding:16px;
  }

  .hxsj-onboarding-name-row{
    grid-template-columns:1fr;
    gap:8px;
    padding:14px;
  }

  .hxsj-onboarding-name-row p{
    grid-column:auto;
  }

  .hxsj-onboarding-section-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }

  .hxsj-onboarding-section-heading span{
    white-space:normal;
  }

  .hxsj-onboarding-choice-grid{
    grid-template-columns:1fr;
  }

  .hxsj-onboarding-choice-card,
  .hxsj-onboarding-choice-card.is-faith{
    min-height:0;
    flex-direction:row;
    align-items:flex-start;
    padding:14px 42px 14px 14px;
  }

  .hxsj-onboarding-choice-icon{
    flex:0 0 46px;
  }

  .hxsj-onboarding-faith-portrait{
    width:64px;
    height:64px;
    flex:0 0 64px;
    margin:0;
  }

  .hxsj-onboarding-actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .hxsj-onboarding-submit,
  .hxsj-onboarding-cancel{
    width:100%;
    min-width:0;
  }

  .hxsj-game-sidebar{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    overflow:visible;
  }

  .hxsj-game-quick-panel{
    display:none;
  }

  .hxsj-game-bbs-panel{
    position:fixed;
    right:8px;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px));
    left:8px;
    z-index:2600;
    height:180px;
    min-height:180px;
    max-height:180px;
    grid-template-rows:36px minmax(0, 1fr) 52px;
    box-shadow:0 18px 48px rgba(0,0,0,.45), 0 0 0 1px rgba(248,113,113,.14);
    transition:height .18s ease, min-height .18s ease, max-height .18s ease;
  }

  .hxsj-game-bbs-panel.is-minimized{
    height:40px;
    min-height:40px;
    max-height:40px;
    grid-template-rows:40px 0 0;
    overflow:hidden;
    box-shadow:0 12px 34px rgba(0,0,0,.42), 0 0 0 1px rgba(248,113,113,.14);
  }

  .hxsj-game-bbs-panel.is-expanded{
    height:50vh;
    min-height:50vh;
    max-height:50vh;
    box-shadow:0 18px 48px rgba(0,0,0,.50), 0 0 0 1px rgba(248,113,113,.18);
  }

  .hxsj-game-bbs-panel.is-minimized .hxsj-game-bbs-list,
  .hxsj-game-bbs-panel.is-minimized .hxsj-game-bbs-form{
    display:none;
  }

  .hxsj-game-bbs-panel .hxsj-game-side-header{
    height:36px;
    padding:0 10px 0 12px;
  }

  .hxsj-game-bbs-panel.is-minimized .hxsj-game-side-header{
    height:40px;
  }

  .hxsj-game-bbs-toggle,
  .hxsj-game-bbs-minimize{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:flex;
  }

  .hxsj-game-bbs-form{
    height:52px;
    padding:7px 8px;
  }

  .hxsj-game-bbs-form .text{
    height:38px;
    padding:4px 8px;
    line-height:17px;
  }

  .hxsj-game-bbs-form .button2{
    height:30px;
    min-width:50px;
    padding:0 12px;
    line-height:30px;
  }

  .hxsj-hero-info-region{
    flex-direction:column;
  }

  .hxsj-hero-avatar-column{
    width:100%;
    flex:0 0 auto;
    display:grid;
    grid-template-columns:96px minmax(0, 1fr);
    align-items:start;
  }

  .hxsj-hero-vip-badge{
    grid-column:1;
  }

  .hxsj-hero-level-form{
    grid-column:2;
    grid-row:1 / span 2;
    align-self:center;
    max-width:180px;
  }

  .hxsj-hero-stat-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .hxsj-hero-body-area{
    grid-template-columns:1fr;
  }

  .hxsj-hero-panel{
    height:420px;
  }

  .hxsj-hero-inventory-body,
  .hxsj-hero-skill-list{
    height:calc(100% - 48px);
  }

  .hxsj-game-frame.hxsj-game-page-quest .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-guild-screen{
    min-height:0;
  }

  .hxsj-guild-body{
    grid-template-columns:minmax(260px, 360px) minmax(0, 1fr);
    gap:28px;
    min-height:0;
    padding:24px 24px 28px;
  }

  .hxsj-guild-portrait{
    width:100%;
    height:auto;
    aspect-ratio:5 / 6;
  }

  .hxsj-guild-content{
    min-height:0;
  }

  .hxsj-guild-dialogue{
    min-height:0;
  }

  .hxsj-guild-actions{
    width:100%;
  }

  .hxsj-secret-org-screen{
    min-height:0;
  }

  .hxsj-secret-body{
    grid-template-columns:220px minmax(0, 1fr);
    gap:20px;
    min-height:0;
    padding:24px;
  }

  .hxsj-secret-nav-sidebar{
    width:220px;
    min-height:0;
  }

  .hxsj-secret-nav-panel{
    height:260px;
  }

  .hxsj-secret-content{
    grid-template-columns:minmax(220px, 320px) minmax(280px, 1fr);
    gap:20px;
    min-height:0;
  }

  .hxsj-secret-portrait{
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
  }

  .hxsj-secret-actions{
    width:100%;
    grid-template-columns:1fr;
    gap:12px;
  }

  .hxsj-faith-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-faith-body{
    grid-template-columns:1fr;
    gap:18px;
    min-height:0;
    padding:18px 16px 20px;
  }

  .hxsj-faith-nav-sidebar{
    width:100%;
    min-height:0;
  }

  .hxsj-faith-content{
    grid-template-columns:1fr;
    gap:18px;
  }

  .hxsj-faith-portrait{
    width:min(100%, 420px);
    max-width:420px;
    justify-self:start;
  }

  .hxsj-faith-dialogue{
    max-width:none;
  }

  .hxsj-faith-actions,
  .hxsj-faith-choice-actions{
    width:100%;
    grid-template-columns:1fr;
    gap:12px;
  }

  .hxsj-faith-button{
    width:100%;
  }

  .hxsj-title-system-screen{
    min-height:0;
  }

  .hxsj-title-system-body{
    grid-template-columns:220px minmax(0, 1fr);
    gap:20px;
    min-height:0;
    padding:24px;
  }

  .hxsj-title-system-nav{
    width:220px;
    min-height:0;
  }

  .hxsj-title-system-nav-panel{
    height:260px;
  }

  .hxsj-title-system-content{
    min-height:0;
  }

  .hxsj-title-system-intro{
    grid-template-columns:96px minmax(0, 1fr);
    gap:18px;
  }

  .hxsj-title-system-portrait{
    width:96px;
    height:96px;
  }

  .hxsj-title-system-copy p{
    font-size:15px;
  }

  .hxsj-title-table-wrap{
    max-height:520px;
  }

  .hxsj-quest-screen{
    min-height:0;
  }

  .hxsj-quest-body{
    grid-template-columns:1fr;
    min-height:0;
    padding:18px 16px 20px;
  }

  .hxsj-quest-nav-sidebar{
    min-height:0;
  }

  .hxsj-quest-nav-sidebar.is-legacy-inline{
    width:100%;
    float:none;
    margin:0 0 14px;
  }

  .hxsj-game-frame.hxsj-game-page-quest .town,
  .hxsj-game-frame.hxsj-game-page-quest .sjlr{
    width:100%;
    max-width:100%;
    height:auto;
    min-height:0;
    padding-left:0;
    background-size:contain;
  }

  .hxsj-game-frame.hxsj-game-page-quest .hxsj-game-content-panel{
    max-width:100vw;
  }

  .hxsj-game-frame.hxsj-game-page-quest .shopnr3,
  .hxsj-game-frame.hxsj-game-page-quest .shopnr5,
  .hxsj-game-frame.hxsj-game-page-quest .shopnr6,
  .hxsj-game-frame.hxsj-game-page-quest .shopnr{
    width:100% !important;
    margin-left:0;
    overflow:auto;
  }

  .hxsj-game-frame.hxsj-game-page-quest .town [style*="width:500px"],
  .hxsj-game-frame.hxsj-game-page-quest .town [style*="width:600px"],
  .hxsj-game-frame.hxsj-game-page-quest .town [style*="width:800px"],
  .hxsj-game-frame.hxsj-game-page-quest .sjlr [style*="width:500px"],
  .hxsj-game-frame.hxsj-game-page-quest .sjlr [style*="width:600px"],
  .hxsj-game-frame.hxsj-game-page-quest .sjlr [style*="width:800px"]{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
  }

  .hxsj-game-frame.hxsj-game-page-quest table{
    max-width:100%;
  }

  .hxsj-quest-task-panel{
    height:auto;
    min-height:96px;
  }

  .hxsj-quest-portrait{
    width:min(100%, 440px);
    height:auto;
    aspect-ratio:11 / 14;
  }
}

@media (max-width: 760px){
  .hxsj-game-home{
    padding:10px 10px 14px;
  }

  .hxsj-game-hero-card-grid{
    grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));
    padding:8px;
  }

  .hxsj-game-panel-header{
    height:auto;
    min-height:40px;
    flex-wrap:wrap;
    padding:8px 12px;
  }

  .hxsj-game-hero-controls{
    width:100%;
    justify-content:flex-start;
  }

  .hxsj-game-sort-row{
    flex-wrap:wrap;
    gap:6px;
  }

  .hxsj-game-sidebar{
    grid-template-columns:1fr;
  }

  .hxsj-game-tutorial{
    flex-direction:column;
  }

  .hxsj-game-tutorial-image{
    width:100%;
    height:180px;
    flex-basis:auto;
  }

  .hxsj-hero-info-screen{
    margin:0;
  }

  .hxsj-hero-info-header{
    gap:14px;
    padding:16px;
  }

  .hxsj-hero-titlebar{
    flex-wrap:wrap;
  }

  .hxsj-hero-stat-grid{
    grid-template-columns:1fr;
    gap:6px;
  }

  .hxsj-hero-stat-column{
    gap:6px;
  }

  .hxsj-hero-action-row{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .hxsj-hero-action-form,
  .hxsj-hero-action-button{
    width:100%;
  }

  .hxsj-hero-body-area{
    padding:14px 16px 16px;
  }

  .hxsj-hero-skill-card{
    align-items:flex-start;
  }

  .hxsj-hero-skill-upgrade{
    align-self:center;
  }

  .hxsj-quest-titlebar{
    height:58px;
    padding:0 18px;
  }

  .hxsj-guild-titlebar{
    height:58px;
    padding:0 18px;
  }

  .hxsj-guild-titlebar h2{
    font-size:19px;
    line-height:28px;
  }

  .hxsj-secret-titlebar{
    height:58px;
    padding:0 18px;
  }

  .hxsj-secret-titlebar h2{
    font-size:19px;
    line-height:28px;
  }

  .hxsj-secret-body{
    grid-template-columns:1fr;
    gap:16px;
    padding:16px 12px 18px;
  }

  .hxsj-secret-nav-sidebar{
    width:100%;
    min-height:0;
    border-radius:6px;
  }

  .hxsj-secret-nav-panel{
    height:auto;
    min-height:68px;
  }

  .hxsj-secret-content{
    grid-template-columns:1fr;
    gap:18px;
  }

  .hxsj-secret-portrait{
    width:min(100%, 440px);
    justify-self:center;
  }

  .hxsj-secret-dialogue{
    max-width:none;
    gap:12px;
  }

  .hxsj-secret-dialogue p{
    font-size:15px;
  }

  .hxsj-secret-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  .hxsj-secret-button{
    width:100%;
    min-width:0;
    padding:0 16px;
  }

  .hxsj-faith-titlebar{
    height:58px;
    flex-basis:58px;
    padding:0 18px;
  }

  .hxsj-faith-titlebar h2{
    font-size:19px;
    line-height:28px;
  }

  .hxsj-faith-body{
    gap:16px;
    padding:16px 12px 18px;
  }

  .hxsj-faith-nav-task-header,
  .hxsj-faith-nav-row{
    height:50px;
  }

  .hxsj-faith-nav-task-header strong,
  .hxsj-faith-nav-row{
    font-size:15px;
  }

  .hxsj-faith-nav-task-panel{
    min-height:68px;
    gap:8px;
    padding:10px;
  }

  .hxsj-faith-nav-item{
    height:44px;
    padding:0 14px;
    font-size:15px;
  }

  .hxsj-faith-content{
    gap:18px;
  }

  .hxsj-faith-portrait{
    justify-self:center;
  }

  .hxsj-faith-dialogue{
    gap:12px;
  }

  .hxsj-faith-copy-group p,
  .hxsj-faith-warning{
    font-size:15px;
  }

  .hxsj-faith-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .hxsj-faith-button{
    min-width:0;
    padding:0 14px;
  }

  .hxsj-title-system-titlebar{
    height:58px;
    padding:0 18px;
  }

  .hxsj-title-system-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-title-system-titlebar h2{
    font-size:19px;
    line-height:28px;
  }

  .hxsj-title-system-body{
    grid-template-columns:1fr;
    gap:16px;
    padding:16px 12px 18px;
  }

  .hxsj-title-system-nav{
    width:100%;
    min-height:0;
    border-radius:6px;
  }

  .hxsj-title-system-nav-panel{
    height:auto;
    min-height:68px;
  }

  .hxsj-title-system-content{
    height:auto;
    min-height:0;
    gap:18px;
    overflow:visible;
  }

  .hxsj-title-system-intro{
    grid-template-columns:82px minmax(0, 1fr);
    gap:14px;
  }

  .hxsj-title-system-portrait{
    width:82px;
    height:82px;
  }

  .hxsj-title-system-copy{
    gap:10px;
  }

  .hxsj-title-system-copy p{
    font-size:14px;
  }

  .hxsj-title-table-wrap{
    flex:0 0 auto;
    height:min(520px, 70vh);
    max-height:520px;
  }

  .hxsj-guild-body{
    grid-template-columns:1fr;
    gap:18px;
    padding:16px 12px 18px;
  }

  .hxsj-guild-portrait{
    width:min(100%, 400px);
    justify-self:center;
  }

  .hxsj-guild-dialogue{
    gap:12px;
  }

  .hxsj-guild-dialogue p{
    font-size:15px;
  }

  .hxsj-guild-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    padding-top:4px;
  }

  .hxsj-guild-button{
    width:100%;
    min-width:0;
    padding:0 16px;
  }

  .hxsj-quest-titlebar h2{
    font-size:19px;
    line-height:28px;
  }

  .hxsj-quest-body{
    gap:16px;
    padding:16px 12px 18px;
  }

  .hxsj-quest-nav-sidebar{
    border-radius:6px;
  }

  .hxsj-quest-dialogue{
    max-height:none;
    overflow:visible;
  }

  .hxsj-quest-dialogue-line,
  .hxsj-quest-reward-line{
    font-size:15px;
  }

  .hxsj-quest-form-stack,
  .hxsj-quest-inline-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .hxsj-quest-submit,
  .hxsj-quest-submit-secondary{
    width:100%;
    min-width:0;
    padding:0 16px;
  }

  .hxsj-quest-collection-grid{
    grid-template-columns:1fr;
  }
}

@media (min-width: 421px) and (max-width: 520px){
  .hxsj-game-stats-bar{
    gap:0 4px;
    padding:4px 8px;
  }

  .hxsj-game-stat-action{
    min-height:28px;
    display:flex;
    align-items:center;
    gap:2px;
  }

  .hxsj-game-stat-action span,
  .hxsj-game-stat-action strong{
    font-size:9px;
    line-height:13px;
  }
}

@media (max-width: 420px){
  .hxsj-game-player-info{
    width:auto;
    max-width:none;
    flex:0 0 auto;
    justify-content:flex-end;
    margin-left:0;
  }

  .hxsj-game-profile-trigger{
    width:34px;
    height:34px;
  }

  .hxsj-game-stats-bar{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    grid-auto-rows:minmax(36px, auto);
    align-items:center;
    gap:0 4px;
    min-height:40px;
    padding:4px 6px;
    overflow:visible;
  }

  .hxsj-game-stat{
    min-width:0;
    min-height:36px;
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    align-content:center;
    align-items:center;
    gap:0;
    padding:0 3px 0 0;
    border-right:0;
  }

  .hxsj-game-stat-action{
    grid-column:auto;
    grid-template-columns:minmax(0, 1fr) auto;
    column-gap:2px;
    justify-content:flex-start;
  }

  .hxsj-game-stat-action span{
    grid-column:1 / -1;
  }

  .hxsj-game-stat-action strong{
    grid-column:1;
    grid-row:2;
  }

  .hxsj-game-refresh{
    grid-column:2;
    grid-row:2;
    width:auto;
    min-width:40px;
    height:18px;
    padding:0 5px;
    font-size:9px;
    line-height:16px;
  }

  .hxsj-onboarding-nav-title{
    width:100%;
  }

  .hxsj-onboarding-nav-title em{
    display:none;
  }

  .hxsj-onboarding-titlebar{
    padding:0 12px;
  }

  .hxsj-onboarding-body{
    padding:12px 10px 14px;
  }

  .hxsj-onboarding-profile-panel{
    padding:14px;
  }

  .hxsj-onboarding-choice-card,
  .hxsj-onboarding-choice-card.is-faith{
    padding:12px 36px 12px 12px;
  }

  .hxsj-onboarding-choice-copy strong{
    font-size:15px;
  }

  .hxsj-onboarding-choice-copy em,
  .hxsj-onboarding-note{
    font-size:12px;
    line-height:1.5;
  }

  .hxsj-hero-info-header{
    padding:14px 12px;
  }

  .hxsj-hero-avatar-column{
    grid-template-columns:82px minmax(0, 1fr);
    gap:8px 12px;
  }

  .hxsj-hero-avatar-form,
  .hxsj-hero-avatar-image{
    width:82px;
    height:82px;
  }

  .hxsj-hero-level-form{
    max-width:none;
  }

  .hxsj-hero-action-row{
    grid-template-columns:1fr;
  }

  .hxsj-hero-body-area{
    padding:12px;
  }

  .hxsj-hero-panel-header{
    height:auto;
    min-height:48px;
    flex-wrap:wrap;
    padding:8px 12px;
  }

  .hxsj-hero-inventory-body,
  .hxsj-hero-skill-list{
    padding:12px;
  }

  .hxsj-hero-inventory-list{
    grid-template-columns:repeat(auto-fill, minmax(42px, 42px));
    gap:8px;
  }

  .hxsj-hero-inventory-list .cydj{
    width:42px;
    height:42px;
  }

  .hxsj-hero-skill-card{
    display:grid;
    grid-template-columns:48px minmax(0, 1fr);
    gap:10px;
  }

  .hxsj-hero-skill-upgrade{
    grid-column:1 / -1;
    justify-self:end;
  }

  .hxsj-quest-titlebar{
    padding:0 12px;
  }

  .hxsj-guild-titlebar{
    padding:0 12px;
  }

  .hxsj-faith-titlebar{
    padding:0 12px;
  }

  .hxsj-faith-titlebar h2{
    font-size:18px;
  }

  .hxsj-faith-body{
    padding:12px 10px 14px;
  }

  .hxsj-faith-nav-task-header,
  .hxsj-faith-nav-row{
    padding:0 14px;
  }

  .hxsj-faith-nav-item{
    padding:0 12px;
  }

  .hxsj-faith-copy-group p,
  .hxsj-faith-warning{
    font-size:14px;
  }

  .hxsj-faith-button{
    height:52px;
    min-height:52px;
    gap:8px;
    padding:0 12px;
    font-size:14px;
  }

  .hxsj-faith-button-icon{
    width:16px;
    height:16px;
    flex-basis:16px;
  }

  .hxsj-guild-titlebar h2{
    font-size:18px;
  }

  .hxsj-secret-titlebar{
    padding:0 12px;
  }

  .hxsj-secret-titlebar h2{
    font-size:18px;
  }

  .hxsj-secret-body{
    padding:12px 10px 14px;
  }

  .hxsj-secret-nav-header,
  .hxsj-secret-nav-summary,
  .hxsj-secret-nav-row{
    padding:0 14px;
  }

  .hxsj-secret-button{
    height:52px;
    min-height:52px;
    gap:8px;
    font-size:15px;
  }

  .hxsj-secret-button-icon{
    width:16px;
    height:16px;
    flex-basis:16px;
  }

  .hxsj-title-system-titlebar{
    padding:0 12px;
  }

  .hxsj-title-system-titlebar h2{
    font-size:18px;
  }

  .hxsj-title-system-body{
    padding:12px 10px 14px;
  }

  .hxsj-title-system-intro{
    grid-template-columns:1fr;
  }

  .hxsj-title-system-portrait{
    width:96px;
    height:96px;
  }

  .hxsj-title-table{
    min-width:720px;
  }

  .hxsj-title-table-header,
  .hxsj-title-table-row{
    grid-template-columns:160px 220px minmax(240px, 1fr) 100px;
  }

  .hxsj-title-cell{
    padding:14px 16px;
  }

  .hxsj-title-cell.is-apply{
    padding:10px 12px;
  }

  .hxsj-title-apply-button{
    min-width:72px;
    padding:0 18px;
  }

  .hxsj-guild-body{
    padding:12px 10px 14px;
  }

  .hxsj-guild-button{
    height:52px;
    min-height:52px;
    gap:8px;
    font-size:15px;
  }

  .hxsj-guild-button-icon{
    width:16px;
    height:16px;
    flex-basis:16px;
  }

  .hxsj-quest-body{
    padding:12px 10px 14px;
  }

  .hxsj-quest-nav-summary{
    padding:0 14px;
  }

  .hxsj-quest-info-list,
  .hxsj-quest-supply-card{
    padding:12px;
  }

  .hxsj-quest-collection-card{
    min-height:58px;
    padding:10px 12px;
  }

  .hxsj-quest-collection-icon{
    width:30px;
    height:30px;
    flex-basis:30px;
  }
}

.hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-gold-shop-screen{
  --hxsj-gold-shop-bg-deep:#0a0c14;
  --hxsj-gold-shop-bg-panel:#12151f;
  --hxsj-gold-shop-bg-card:#1a1e2e;
  --hxsj-gold-shop-bg-input:#0d1019;
  --hxsj-gold-shop-border:#2a3045;
  --hxsj-gold-shop-danger:#dc2626;
  --hxsj-gold-shop-gold:#f59e0b;
  --hxsj-gold-shop-text-gold:#fbbf24;
  --hxsj-gold-shop-text:#f1f5f9;
  --hxsj-gold-shop-muted:#64748b;
  --hxsj-gold-shop-secondary:#94a3b8;
  --hxsj-gold-shop-green:#22c55e;
  box-sizing:border-box;
  min-width:0;
  height:min(820px, calc(100vh - 142px));
  min-height:620px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--hxsj-gold-shop-bg-deep);
  color:var(--hxsj-gold-shop-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-gold-shop-screen *,
.hxsj-gold-shop-screen *::before,
.hxsj-gold-shop-screen *::after{
  box-sizing:border-box;
}

.hxsj-gold-shop-titlebar{
  height:64px;
  flex:0 0 64px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 32px;
  border-bottom:2px solid var(--hxsj-gold-shop-danger);
  background:var(--hxsj-gold-shop-bg-deep);
}

.hxsj-gold-shop-title-marker{
  width:6px;
  height:24px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-gold-shop-danger);
}

.hxsj-gold-shop-titlebar h2{
  min-width:0;
  margin:0;
  color:var(--hxsj-gold-shop-text);
  font-size:22px;
  font-weight:700;
  line-height:32px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-gold-shop-body{
  --hxsj-quest-sidebar-width:240px;
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
  gap:28px;
  padding:28px 32px 32px;
  overflow-x:hidden;
  overflow-y:auto;
}

.hxsj-gold-shop-body > .hxsj-quest-nav-sidebar{
  min-height:0;
}

.hxsj-gold-shop-main{
  min-width:0;
  min-height:0;
  height:100%;
  container-name:hxsj-shop-main;
  container-type:inline-size;
  display:grid;
  grid-template-rows:minmax(0, 1fr) auto auto;
  gap:20px;
  margin:0;
  overflow:hidden;
}

.hxsj-gold-shop-top-row{
  min-width:0;
  min-height:0;
  height:auto;
  display:grid;
  grid-template-columns:minmax(260px, 420px) minmax(520px, 1fr);
  align-items:stretch;
  gap:28px;
  overflow:hidden;
}

.hxsj-gold-shop-portrait{
  min-width:0;
  height:100%;
  overflow:hidden;
  border:1px solid var(--hxsj-gold-shop-border);
  border-radius:10px;
  background:var(--hxsj-gold-shop-bg-card);
}

.hxsj-gold-shop-portrait img{
  width:100%;
  height:100%;
  max-width:none;
  display:block;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  object-fit:cover;
}

.hxsj-gold-shop-panel{
  min-width:0;
  min-height:0;
  height:100%;
  align-self:stretch;
  container-name:hxsj-shop-panel;
  container-type:inline-size;
  overflow:hidden;
  border:1px solid var(--hxsj-gold-shop-border);
  border-radius:10px;
  background:var(--hxsj-gold-shop-bg-panel);
}

.hxsj-gold-shop-table{
  min-width:0;
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

.hxsj-gold-shop-table-header,
.hxsj-gold-shop-row{
  display:grid;
  grid-template-columns:240px 200px minmax(0, 1fr);
}

.hxsj-gold-shop-table-header{
  height:50px;
  flex:0 0 50px;
  align-items:center;
  border-bottom:1px solid var(--hxsj-gold-shop-border);
  background:var(--hxsj-gold-shop-bg-card);
}

.hxsj-gold-shop-table-header span{
  min-width:0;
  padding:0 24px;
  color:var(--hxsj-gold-shop-secondary);
  font-size:16px;
  font-weight:700;
  line-height:24px;
  text-align:center;
}

.hxsj-gold-shop-table-header span:last-child{
  text-align:left;
}

.hxsj-gold-shop-table-body{
  min-height:0;
  flex:1 1 auto;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}

.hxsj-gold-shop-row{
  min-height:66px;
  align-items:stretch;
  border-bottom:1px solid var(--hxsj-gold-shop-border);
  background:rgba(255,255,255,0);
}

.hxsj-gold-shop-row:nth-child(even){
  background:rgba(255,255,255,.024);
}

.hxsj-gold-shop-row.is-selected{
  background:rgba(245,158,11,.10);
}

.hxsj-gold-shop-price-cell,
.hxsj-gold-shop-qty-cell,
.hxsj-gold-shop-item-cell{
  min-width:0;
  min-height:66px;
  display:flex;
  align-items:center;
}

.hxsj-gold-shop-price-cell{
  position:relative;
  gap:12px;
  padding:0 24px;
  cursor:pointer;
}

.hxsj-gold-shop-check{
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:1px;
  margin:0;
  opacity:0;
  pointer-events:none;
  transform:translateY(-50%);
}

.hxsj-gold-shop-checkbox{
  width:18px;
  height:18px;
  flex:0 0 18px;
  position:relative;
  border:1px solid var(--hxsj-gold-shop-border);
  border-radius:3px;
  background:var(--hxsj-gold-shop-bg-input);
}

.hxsj-gold-shop-check:checked + .hxsj-gold-shop-checkbox{
  border-color:var(--hxsj-gold-shop-gold);
  background:rgba(245,158,11,.18);
}

.hxsj-gold-shop-check:checked + .hxsj-gold-shop-checkbox::after{
  content:"";
  position:absolute;
  left:5px;
  top:2px;
  width:5px;
  height:10px;
  border-right:2px solid var(--hxsj-gold-shop-text-gold);
  border-bottom:2px solid var(--hxsj-gold-shop-text-gold);
  transform:rotate(45deg);
}

.hxsj-gold-shop-price{
  min-width:0;
  color:var(--hxsj-gold-shop-green);
  font-size:16px;
  font-weight:600;
  line-height:24px;
  white-space:nowrap;
}

.hxsj-gold-shop-qty-cell{
  justify-content:center;
  padding:0 24px;
}

.hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-gold-shop-qty{
  width:100%;
  height:38px;
  min-height:38px;
  max-width:152px;
  margin:0;
  padding:0 14px;
  border:1px solid var(--hxsj-gold-shop-border);
  border-radius:6px;
  background:var(--hxsj-gold-shop-bg-input);
  color:var(--hxsj-gold-shop-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:16px;
  font-weight:600;
  line-height:38px;
  text-align:left;
  appearance:none;
}

.hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-gold-shop-qty:focus{
  border-color:var(--hxsj-gold-shop-gold);
  outline:2px solid rgba(245,158,11,.28);
  outline-offset:0;
}

.hxsj-gold-shop-item-cell{
  display:grid;
  grid-template-columns:38px minmax(0, 1fr);
  grid-template-rows:auto auto;
  column-gap:14px;
  row-gap:2px;
  align-content:center;
  align-items:center;
  padding:8px 24px;
  overflow:visible;
  cursor:pointer;
}

.hxsj-gold-shop-icon-slot{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:visible;
  border:1px solid var(--hxsj-gold-shop-gold);
  border-radius:6px;
  background:var(--hxsj-gold-shop-bg-card);
}

.hxsj-gold-shop-item-cell > .hxsj-gold-shop-icon-slot{
  grid-column:1;
  grid-row:1 / span 2;
}

.hxsj-gold-shop-screen .sinfo{
  position:fixed !important;
  left:auto !important;
  top:auto !important;
  right:24px !important;
  bottom:24px !important;
  z-index:5000 !important;
  width:337px;
  max-width:min(337px, calc(100vw - 48px));
  color:#d5deef;
  pointer-events:none;
  text-align:left;
}

.hxsj-gold-shop-item-cell > .sinfo{
  grid-column:auto;
  grid-row:auto;
}

.hxsj-gold-shop-screen .sinfo .sinfotop{
  width:100%;
  max-width:100%;
}

.hxsj-gold-shop-screen .sinfo .sifbox{
  max-width:calc(100% - 10px);
}

.hxsj-gold-shop-screen .sinfo .sifbox .sl .cf3{
  width:auto;
  max-width:100%;
}

.hxsj-gold-shop-icon-slot img{
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  display:block;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0;
  object-fit:contain;
}

.hxsj-gold-shop-icon-slot .sinfo{
  width:337px;
  max-width:calc(100vw - 24px);
  color:#d5deef;
  pointer-events:none;
  text-align:left;
}

.hxsj-gold-shop-icon-slot .sinfotop{
  width:100%;
  max-width:100%;
}

.hxsj-gold-shop-icon-slot .sifbox{
  max-width:calc(100% - 10px);
}

.hxsj-gold-shop-icon-slot .sifbox .sl .cf3{
  width:auto;
  max-width:100%;
}

.hxsj-gold-shop-item-name{
  grid-column:2;
  grid-row:1;
  min-width:0;
  color:var(--hxsj-gold-shop-text);
  font-size:16px;
  font-weight:600;
  line-height:24px;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
}

.hxsj-gold-shop-item-tag{
  grid-column:2;
  grid-row:2;
  min-width:0;
  max-width:none;
  overflow:visible;
  text-overflow:clip;
  color:var(--hxsj-gold-shop-danger);
  font-size:14px;
  font-weight:600;
  line-height:22px;
  white-space:normal;
  overflow-wrap:anywhere;
}

.hxsj-gold-shop-actions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:24px;
  width:100%;
  min-height:54px;
}

.hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-gold-shop-action{
  width:100%;
  height:54px;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 18px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 16px 1px rgba(245,158,11,.40), 0 0 3px rgba(255,243,208,.34);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-gold-shop-action:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e8b95a 50%, #c88629 100%);
  color:#5a3a08;
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-gold-shop-action:focus-visible{
  outline:2px solid rgba(251,191,36,.75);
  outline-offset:2px;
}

.hxsj-gold-shop-action-icon{
  width:16px;
  height:16px;
  flex:0 0 16px;
  display:block;
  color:#6b4410;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-gold-shop-notice{
  min-height:120px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  padding:24px;
  border:1px solid var(--hxsj-gold-shop-border);
  border-radius:10px;
  background:var(--hxsj-gold-shop-bg-panel);
}

.hxsj-gold-shop-notice p{
  margin:0;
  color:var(--hxsj-gold-shop-secondary);
  font-size:16px;
  font-weight:400;
  line-height:1.6;
  overflow-wrap:anywhere;
}

.hxsj-gold-shop-result{
  min-width:0;
  max-height:260px;
  overflow:auto;
  padding:18px;
  border:1px solid var(--hxsj-gold-shop-border);
  border-radius:10px;
  background:var(--hxsj-gold-shop-bg-panel);
  color:var(--hxsj-gold-shop-text);
}

.hxsj-gold-shop-result > div{
  width:auto !important;
  max-width:100%;
  float:none !important;
  margin:0 !important;
}

.hxsj-gold-shop-result table{
  width:100%;
  max-width:100%;
  border-collapse:collapse;
}

.hxsj-gold-shop-result .td6,
.hxsj-gold-shop-result .td7,
.hxsj-gold-shop-result .td8{
  border:1px solid var(--hxsj-gold-shop-border);
  background:var(--hxsj-gold-shop-bg-input);
  color:var(--hxsj-gold-shop-secondary);
  padding:8px 10px;
}

.hxsj-gold-shop-result .td6{
  background:var(--hxsj-gold-shop-bg-card);
  color:var(--hxsj-gold-shop-text);
  font-weight:700;
}

.hxsj-gold-shop-result .td8{
  color:var(--hxsj-gold-shop-text);
}

@media (min-width: 1600px){
  .hxsj-gold-shop-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
  }
}

@media (min-width: 901px){
  .hxsj-gold-shop-body{
    overflow:hidden;
  }

  .hxsj-gold-shop-body > .hxsj-quest-nav-sidebar{
    overflow:auto;
  }
}

@media (max-width: 1500px) and (min-width: 901px){
  .hxsj-gold-shop-screen{
    min-height:590px;
  }

  .hxsj-gold-shop-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
    gap:20px;
    padding:22px 24px 24px;
  }

  .hxsj-gold-shop-top-row{
    grid-template-columns:minmax(220px, 300px) minmax(460px, 1fr);
    gap:22px;
  }

  .hxsj-gold-shop-table-header,
  .hxsj-gold-shop-row{
    grid-template-columns:170px 132px minmax(0, 1fr);
  }

  .hxsj-gold-shop-table-header span,
  .hxsj-gold-shop-price-cell,
  .hxsj-gold-shop-qty-cell,
  .hxsj-gold-shop-item-cell{
    padding-left:16px;
    padding-right:16px;
  }

  .hxsj-gold-shop-actions{
    gap:18px;
  }
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-gold-shop-screen{
    height:calc(100vh - 142px);
    min-height:0;
  }

  .hxsj-gold-shop-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
    gap:18px;
    padding:16px 22px;
    overflow:hidden;
  }

  .hxsj-gold-shop-main{
    gap:16px;
  }

  .hxsj-gold-shop-top-row{
    min-height:0;
    height:auto;
    grid-template-columns:260px minmax(0, 1fr);
    gap:20px;
  }

  .hxsj-gold-shop-table-header{
    height:46px;
    flex-basis:46px;
  }

  .hxsj-gold-shop-table-header,
  .hxsj-gold-shop-row{
    grid-template-columns:120px 104px minmax(0, 1fr);
  }

  .hxsj-gold-shop-table-header span,
  .hxsj-gold-shop-price-cell,
  .hxsj-gold-shop-qty-cell,
  .hxsj-gold-shop-item-cell{
    padding-left:12px;
    padding-right:12px;
  }

  .hxsj-gold-shop-row,
  .hxsj-gold-shop-price-cell,
  .hxsj-gold-shop-qty-cell,
  .hxsj-gold-shop-item-cell{
    min-height:56px;
  }

  .hxsj-gold-shop-table-header span,
  .hxsj-gold-shop-price,
  .hxsj-gold-shop-item-name{
    font-size:14px;
  }

  .hxsj-gold-shop-item-tag{
    font-size:12px;
  }

  .hxsj-gold-shop-icon-slot{
    width:34px;
    height:34px;
    flex-basis:34px;
  }

  .hxsj-gold-shop-icon-slot img{
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
  }

  .hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-gold-shop-qty{
    height:34px;
    min-height:34px;
    font-size:14px;
    line-height:34px;
  }

  .hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-gold-shop-action{
    height:48px;
    min-height:48px;
    font-size:16px;
  }

  .hxsj-gold-shop-notice{
    min-height:88px;
    gap:6px;
    padding:16px 18px;
  }

  .hxsj-gold-shop-notice p{
    font-size:13px;
    line-height:1.42;
  }
}

@media (max-width: 1180px){
  .hxsj-gold-shop-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-gold-shop-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
    gap:18px;
    padding:20px 22px 22px;
  }

  .hxsj-gold-shop-main{
    height:auto;
    display:flex;
    flex-direction:column;
    overflow:visible;
  }

  .hxsj-gold-shop-top-row{
    min-height:0;
    height:250px;
    grid-template-columns:minmax(200px, 240px) minmax(0, 1fr);
    gap:18px;
  }

  .hxsj-gold-shop-portrait,
  .hxsj-gold-shop-panel{
    height:100%;
  }

  .hxsj-gold-shop-table-header,
  .hxsj-gold-shop-row{
    grid-template-columns:150px 118px minmax(0, 1fr);
  }

  .hxsj-gold-shop-table-header span,
  .hxsj-gold-shop-price-cell,
  .hxsj-gold-shop-qty-cell,
  .hxsj-gold-shop-item-cell{
    padding-left:12px;
    padding-right:12px;
  }

  .hxsj-gold-shop-item-cell{
    gap:10px;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-gold-shop-titlebar{
    height:56px;
    flex-basis:56px;
    padding:0 18px;
  }

  .hxsj-gold-shop-titlebar h2{
    font-size:19px;
    line-height:28px;
  }

  .hxsj-gold-shop-body{
    grid-template-columns:1fr;
    gap:18px;
    padding:16px 14px 18px;
  }

  .hxsj-gold-shop-top-row{
    grid-template-columns:1fr;
    height:auto;
    gap:16px;
  }

  .hxsj-gold-shop-portrait{
    width:min(72vw, 260px);
    height:auto;
    aspect-ratio:25 / 26;
    justify-self:center;
  }

  .hxsj-gold-shop-panel{
    height:420px;
    overflow-x:hidden;
    overflow-y:auto;
  }

  .hxsj-gold-shop-table{
    width:100%;
    min-width:0;
    height:auto;
  }

  .hxsj-gold-shop-table-header{
    display:none;
  }

  .hxsj-gold-shop-table-body{
    gap:8px;
    padding:8px;
    overflow:visible;
    overscroll-behavior:auto;
  }

  .hxsj-gold-shop-row{
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(96px, auto);
    grid-template-areas:
      "item item"
      "price qty";
    gap:8px 12px;
    padding:10px;
    border:1px solid var(--hxsj-gold-shop-border);
    border-radius:8px;
    background:rgba(255,255,255,.024);
  }

  .hxsj-gold-shop-row + .hxsj-gold-shop-row{
    margin-top:8px;
  }

  .hxsj-gold-shop-price-cell{
    grid-area:price;
    min-height:36px;
    gap:8px;
    padding:0;
  }

  .hxsj-gold-shop-qty-cell{
    grid-area:qty;
    min-height:36px;
    justify-content:flex-end;
    padding:0;
  }

  .hxsj-gold-shop-item-cell{
    grid-area:item;
    min-height:0;
    grid-template-columns:34px minmax(0, 1fr);
    column-gap:10px;
    padding:0 0 8px;
    border-bottom:1px solid rgba(42,48,69,.72);
  }

  .hxsj-gold-shop-icon-slot{
    width:34px;
    height:34px;
    flex-basis:34px;
  }

  .hxsj-gold-shop-icon-slot img{
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
  }

  .hxsj-gold-shop-item-name{
    font-size:15px;
    line-height:21px;
  }

  .hxsj-gold-shop-item-tag{
    font-size:12px;
    line-height:18px;
  }

  .hxsj-gold-shop-price{
    font-size:14px;
    line-height:20px;
  }

  .hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-gold-shop-qty,
  .hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-star-power-shop-qty,
  .hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-qty{
    width:96px;
    max-width:96px;
    height:36px;
    min-height:36px;
    padding:0 10px;
    font-size:14px;
    line-height:36px;
    text-align:center;
  }

  .hxsj-gold-shop-actions{
    grid-template-columns:1fr;
    gap:12px;
  }

  .hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-gold-shop-action{
    height:48px;
    min-height:48px;
    font-size:16px;
  }

  .hxsj-gold-shop-notice{
    min-height:0;
    padding:16px;
  }

  .hxsj-gold-shop-notice p{
    font-size:14px;
    line-height:1.45;
  }
}

@media (max-width: 420px){
  .hxsj-gold-shop-titlebar{
    padding:0 14px;
  }

  .hxsj-gold-shop-titlebar h2{
    font-size:18px;
  }

  .hxsj-gold-shop-body{
    padding:14px 10px 16px;
  }

  .hxsj-gold-shop-panel{
    height:380px;
  }
}

@container hxsj-shop-panel (max-width: 520px){
  .hxsj-gold-shop-table{
    width:100%;
    min-width:0;
    height:auto;
  }

  .hxsj-gold-shop-table-header{
    display:none;
  }

  .hxsj-gold-shop-table-body{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:8px;
    overflow:visible;
  }

  .hxsj-gold-shop-row{
    min-height:0;
    flex-shrink:0;
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(96px, auto);
    grid-template-areas:
      "item item"
      "price qty";
    gap:8px 12px;
    padding:10px;
    border:1px solid var(--hxsj-gold-shop-border);
    border-radius:8px;
    background:rgba(255,255,255,.024);
  }

  .hxsj-gold-shop-price-cell{
    grid-area:price;
    min-height:36px;
    gap:8px;
    padding:0;
  }

  .hxsj-gold-shop-qty-cell{
    grid-area:qty;
    min-height:36px;
    justify-content:flex-end;
    padding:0;
  }

  .hxsj-gold-shop-item-cell{
    grid-area:item;
    min-height:0;
    grid-template-columns:34px minmax(0, 1fr);
    column-gap:10px;
    padding:0 0 8px;
    border-bottom:1px solid rgba(42,48,69,.72);
  }

  .hxsj-gold-shop-icon-slot{
    width:34px;
    height:34px;
    flex-basis:34px;
  }

  .hxsj-gold-shop-icon-slot img{
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
  }

  .hxsj-gold-shop-item-name{
    font-size:15px;
    line-height:21px;
  }

  .hxsj-gold-shop-item-tag{
    font-size:12px;
    line-height:18px;
  }

  .hxsj-gold-shop-price{
    font-size:14px;
    line-height:20px;
  }

  .hxsj-gold-shop-qty{
    width:96px;
    max-width:96px;
    height:36px;
    min-height:36px;
    padding:0 10px;
    font-size:14px;
    line-height:36px;
    text-align:center;
  }
}

@container hxsj-shop-main (max-width: 700px){
  .hxsj-gold-shop-top-row{
    min-height:0;
    height:auto;
    grid-template-columns:minmax(0, 1fr);
    gap:0;
  }

  .hxsj-gold-shop-portrait{
    display:none;
  }

  .hxsj-gold-shop-panel{
    min-height:300px;
    height:min(460px, 58vh);
  }
}

@media (min-width: 901px){
  .hxsj-gold-shop-panel .hxsj-gold-shop-table{
    min-height:0;
    height:100%;
    overflow:hidden;
  }

  .hxsj-gold-shop-panel .hxsj-gold-shop-table-body{
    min-height:0;
    flex:1 1 auto;
    overflow-x:hidden;
    overflow-y:auto;
  }
}

.hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-star-power-shop-screen{
  --hxsj-star-power-shop-purple:#a855f7;
}

.hxsj-star-power-shop-price{
  color:#fbbf24;
}

.hxsj-star-power-shop-icon-slot.is-material{
  border-color:#22c55e;
}

.hxsj-star-power-shop-icon-slot.is-equipment{
  border-color:#a855f7;
}

.hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-star-power-shop-qty{
  width:100%;
  height:38px;
  min-height:38px;
  max-width:152px;
  margin:0;
  padding:0 14px;
  border:1px solid #2a3045;
  border-radius:6px;
  background:#0d1019;
  color:#f1f5f9;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:16px;
  font-weight:600;
  line-height:38px;
  text-align:left;
  appearance:none;
}

.hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-star-power-shop-qty:focus{
  border-color:#f59e0b;
  outline:2px solid rgba(245,158,11,.28);
  outline-offset:0;
}

.hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-star-power-shop-action{
  width:100%;
  height:54px;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 18px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 16px 1px rgba(245,158,11,.40), 0 0 3px rgba(255,243,208,.34);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-star-power-shop-action:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e8b95a 50%, #c88629 100%);
  color:#5a3a08;
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-star-power-shop-action:focus-visible{
  outline:2px solid rgba(251,191,36,.75);
  outline-offset:2px;
}

.hxsj-star-power-shop-icon-slot .sinfo{
  width:337px;
  max-width:calc(100vw - 24px);
  color:#d5deef;
  pointer-events:none;
  text-align:left;
}

.hxsj-star-power-shop-icon-slot .sinfotop{
  width:100%;
  max-width:100%;
}

.hxsj-star-power-shop-icon-slot .sifbox{
  max-width:calc(100% - 10px);
}

.hxsj-star-power-shop-icon-slot .sifbox .sl .cf3{
  width:auto;
  max-width:100%;
}

.hxsj-star-power-shop-sell-screen .hxsj-star-power-shop-table-body{
  overscroll-behavior:auto;
}

.hxsj-star-power-shop-sell-screen .hxsj-star-power-shop-table-header,
.hxsj-star-power-shop-sell-screen .hxsj-star-power-shop-row{
  grid-template-columns:150px 118px minmax(320px, 1fr);
}

.hxsj-star-power-shop-sell-screen .hxsj-star-power-shop-item-cell{
  grid-template-rows:none;
  align-content:center;
  row-gap:4px;
}

.hxsj-star-power-shop-sell-screen .hxsj-star-power-shop-item-cell > .hxsj-star-power-shop-icon-slot{
  grid-row:1 / span 4;
}

.hxsj-star-power-shop-sell-screen .hxsj-star-power-shop-item-name,
.hxsj-star-power-shop-sell-screen .hxsj-star-power-shop-item-tag{
  grid-column:2;
  grid-row:auto;
}

@media (max-width: 1500px) and (min-width: 901px){
  .hxsj-star-power-shop-sell-screen .hxsj-star-power-shop-top-row{
    grid-template-columns:minmax(0, 1fr);
    gap:0;
  }

  .hxsj-star-power-shop-sell-screen .hxsj-star-power-shop-portrait{
    display:none;
  }

  .hxsj-star-power-shop-sell-screen .hxsj-star-power-shop-panel{
    min-width:0;
    width:100%;
  }
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-star-power-shop-qty{
    height:34px;
    min-height:34px;
    font-size:14px;
    line-height:34px;
  }

  .hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-star-power-shop-action{
    height:48px;
    min-height:48px;
    font-size:16px;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-star-power-shop-action{
    height:48px;
    min-height:48px;
    font-size:16px;
  }
}

.hxsj-game-frame.hxsj-game-page-arena-medal-shop .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-arena-medal-shop .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-arena-medal-shop-price{
  color:#fbbf24;
}

.hxsj-arena-medal-shop-icon-slot.is-honor{
  border-color:#22c55e;
}

.hxsj-arena-medal-shop-icon-slot.is-egg{
  border-color:#f59e0b;
}

.hxsj-arena-medal-shop-icon-slot.is-enchant{
  border-color:#a855f7;
}

.hxsj-arena-medal-shop-icon-slot.is-supply{
  border-color:#60a5fa;
}

.hxsj-arena-medal-shop-actions{
  grid-template-columns:1fr;
}

.hxsj-game-frame.hxsj-game-page-arena-medal-shop .hxsj-arena-medal-shop-qty{
  width:100%;
  height:38px;
  min-height:38px;
  max-width:152px;
  margin:0;
  padding:0 14px;
  border:1px solid #2a3045;
  border-radius:6px;
  background:#0d1019;
  color:#f1f5f9;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:16px;
  font-weight:600;
  line-height:38px;
  text-align:left;
  appearance:none;
}

.hxsj-game-frame.hxsj-game-page-arena-medal-shop .hxsj-arena-medal-shop-qty:focus{
  border-color:#f59e0b;
  outline:2px solid rgba(245,158,11,.28);
  outline-offset:0;
}

.hxsj-game-frame.hxsj-game-page-arena-medal-shop .hxsj-arena-medal-shop-action{
  width:100%;
  height:54px;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 18px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 16px 1px rgba(245,158,11,.40), 0 0 3px rgba(255,243,208,.34);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-arena-medal-shop .hxsj-arena-medal-shop-action:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e8b95a 50%, #c88629 100%);
  color:#5a3a08;
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-arena-medal-shop .hxsj-arena-medal-shop-action:focus-visible{
  outline:2px solid rgba(251,191,36,.75);
  outline-offset:2px;
}

.hxsj-arena-medal-shop-icon-slot .sinfo{
  width:337px;
  max-width:calc(100vw - 24px);
  color:#d5deef;
  pointer-events:none;
  text-align:left;
}

.hxsj-arena-medal-shop-icon-slot .sinfotop{
  width:100%;
  max-width:100%;
}

.hxsj-arena-medal-shop-icon-slot .sifbox{
  max-width:calc(100% - 10px);
}

.hxsj-arena-medal-shop-icon-slot .sifbox .sl .cf3{
  width:auto;
  max-width:100%;
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-game-frame.hxsj-game-page-arena-medal-shop .hxsj-arena-medal-shop-qty{
    height:34px;
    min-height:34px;
    font-size:14px;
    line-height:34px;
  }

  .hxsj-game-frame.hxsj-game-page-arena-medal-shop .hxsj-arena-medal-shop-action{
    height:48px;
    min-height:48px;
    font-size:16px;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-arena-medal-shop .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-game-frame.hxsj-game-page-arena-medal-shop .hxsj-arena-medal-shop-action{
    height:48px;
    min-height:48px;
    font-size:16px;
  }
}

.hxsj-game-frame.hxsj-game-page-points-exchange .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-points-exchange .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-points-exchange-actions{
  grid-template-columns:1fr;
}

.hxsj-points-exchange-input-marker{
  border-color:#f59e0b;
  background:rgba(245,158,11,.18);
}

.hxsj-points-exchange-output-icon{
  color:#fbbf24;
}

.hxsj-points-exchange-output-tag{
  max-width:50%;
}

.hxsj-game-frame.hxsj-game-page-points-exchange .hxsj-points-exchange-amount{
  width:100%;
  height:38px;
  min-height:38px;
  max-width:152px;
  margin:0;
  padding:0 14px;
  border:1px solid #2a3045;
  border-radius:6px;
  background:#0d1019;
  color:#f1f5f9;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:16px;
  font-weight:600;
  line-height:38px;
  text-align:left;
  appearance:none;
}

.hxsj-game-frame.hxsj-game-page-points-exchange .hxsj-points-exchange-amount:focus{
  border-color:#f59e0b;
  outline:2px solid rgba(245,158,11,.28);
  outline-offset:0;
}

.hxsj-game-frame.hxsj-game-page-points-exchange .hxsj-points-exchange-action{
  width:100%;
  height:54px;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 18px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 16px 1px rgba(245,158,11,.40), 0 0 3px rgba(255,243,208,.34);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-points-exchange .hxsj-points-exchange-action:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e8b95a 50%, #c88629 100%);
  color:#5a3a08;
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-points-exchange .hxsj-points-exchange-action:focus-visible{
  outline:2px solid rgba(251,191,36,.75);
  outline-offset:2px;
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-game-frame.hxsj-game-page-points-exchange .hxsj-points-exchange-amount{
    height:34px;
    min-height:34px;
    font-size:14px;
    line-height:34px;
  }

  .hxsj-game-frame.hxsj-game-page-points-exchange .hxsj-points-exchange-action{
    height:48px;
    min-height:48px;
    font-size:16px;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-points-exchange .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-game-frame.hxsj-game-page-points-exchange .hxsj-points-exchange-action{
    height:48px;
    min-height:48px;
    font-size:16px;
  }
}

.hxsj-game-frame.hxsj-game-page-points-shop .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-points-shop .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-points-shop-price{
  color:#fbbf24;
}

.hxsj-points-shop-icon-slot.is-star{
  border-color:#fbbf24;
}

.hxsj-points-shop-icon-slot.is-material{
  border-color:#22c55e;
}

.hxsj-points-shop-icon-slot.is-equipment{
  border-color:#a855f7;
}

.hxsj-points-shop-icon-slot.is-card{
  border-color:#f97316;
}

.hxsj-points-shop-icon-slot.is-supply{
  border-color:#60a5fa;
}

.hxsj-points-shop-actions{
  grid-template-columns:1fr;
}

.hxsj-points-shop-notice{
  min-height:150px;
}

.hxsj-points-shop-notice-row{
  min-width:0;
  display:flex;
  align-items:center;
  gap:0;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
}

.hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-notice-row a,
.hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-notice-row span{
  flex:0 0 auto;
  white-space:nowrap;
  font-size:16px;
  line-height:1.6;
}

.hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-notice-row a{
  color:#fbbf24;
  font-weight:700;
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-notice-row a:hover{
  color:#fde68a;
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-qty{
  width:100%;
  height:38px;
  min-height:38px;
  max-width:152px;
  margin:0;
  padding:0 14px;
  border:1px solid #2a3045;
  border-radius:6px;
  background:#0d1019;
  color:#f1f5f9;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:16px;
  font-weight:600;
  line-height:38px;
  text-align:left;
  appearance:none;
}

.hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-qty:focus{
  border-color:#f59e0b;
  outline:2px solid rgba(245,158,11,.28);
  outline-offset:0;
}

.hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-action{
  width:100%;
  height:54px;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 18px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 16px 1px rgba(245,158,11,.40), 0 0 3px rgba(255,243,208,.34);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-action:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e8b95a 50%, #c88629 100%);
  color:#5a3a08;
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-action:focus-visible{
  outline:2px solid rgba(251,191,36,.75);
  outline-offset:2px;
}

.hxsj-points-shop-icon-slot .sinfo{
  width:337px;
  max-width:calc(100vw - 24px);
  color:#d5deef;
  pointer-events:none;
  text-align:left;
}

.hxsj-points-shop-icon-slot .sinfotop{
  width:100%;
  max-width:100%;
}

.hxsj-points-shop-icon-slot .sifbox{
  max-width:calc(100% - 10px);
}

.hxsj-points-shop-icon-slot .sifbox .sl .cf3{
  width:auto;
  max-width:100%;
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-qty{
    height:34px;
    min-height:34px;
    font-size:14px;
    line-height:34px;
  }

  .hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-action{
    height:48px;
    min-height:48px;
    font-size:16px;
  }

  .hxsj-points-shop-notice{
    min-height:108px;
  }

  .hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-notice-row a,
  .hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-notice-row span{
    font-size:13px;
    line-height:1.42;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-points-shop .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-action{
    height:48px;
    min-height:48px;
    font-size:16px;
  }

  .hxsj-points-shop-notice{
    min-height:0;
  }

  .hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-notice-row a,
  .hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-notice-row span{
    font-size:14px;
    line-height:1.45;
  }
}

@media (max-height: 600px) and (min-width: 901px){
  .hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-game-content-panel,
  .hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-game-content-panel,
  .hxsj-game-frame.hxsj-game-page-arena-medal-shop .hxsj-game-content-panel,
  .hxsj-game-frame.hxsj-game-page-points-shop .hxsj-game-content-panel{
    overflow:hidden;
  }

  .hxsj-gold-shop-screen{
    height:100%;
    min-height:0;
    overflow:hidden;
  }

  .hxsj-gold-shop-titlebar,
  .hxsj-gold-shop-body > .hxsj-quest-nav-sidebar,
  .hxsj-gold-shop-notice{
    display:none;
  }

  .hxsj-gold-shop-body{
    height:100%;
    grid-template-columns:minmax(0, 1fr);
    gap:0;
    padding:10px 12px;
    overflow:hidden;
  }

  .hxsj-gold-shop-main{
    height:100%;
    grid-template-rows:minmax(0, 1fr) auto;
    gap:10px;
    overflow:hidden;
  }

  .hxsj-gold-shop-top-row{
    min-height:0;
    height:auto;
    grid-template-columns:minmax(0, 1fr);
    gap:0;
    overflow:hidden;
  }

  .hxsj-gold-shop-portrait{
    display:none;
  }

  .hxsj-gold-shop-panel{
    min-height:0;
    height:100%;
  }

  .hxsj-gold-shop-table-header{
    height:36px;
    flex-basis:36px;
  }

  .hxsj-gold-shop-row,
  .hxsj-gold-shop-price-cell,
  .hxsj-gold-shop-qty-cell,
  .hxsj-gold-shop-item-cell{
    min-height:46px;
  }

  .hxsj-gold-shop-table-header,
  .hxsj-gold-shop-row{
    grid-template-columns:112px 92px minmax(0, 1fr);
  }

  .hxsj-gold-shop-table-header span,
  .hxsj-gold-shop-price-cell,
  .hxsj-gold-shop-qty-cell,
  .hxsj-gold-shop-item-cell{
    padding-left:10px;
    padding-right:10px;
  }

  .hxsj-gold-shop-item-cell{
    grid-template-columns:32px minmax(0, 1fr);
    column-gap:10px;
    padding-top:4px;
    padding-bottom:4px;
  }

  .hxsj-gold-shop-icon-slot{
    width:32px;
    height:32px;
    flex-basis:32px;
  }

  .hxsj-gold-shop-icon-slot img{
    width:20px !important;
    height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
  }

  .hxsj-gold-shop-actions{
    min-height:40px;
    gap:12px;
  }

  .hxsj-game-frame.hxsj-game-page-gold-shop .hxsj-gold-shop-action,
  .hxsj-game-frame.hxsj-game-page-star-power-shop .hxsj-star-power-shop-action,
  .hxsj-game-frame.hxsj-game-page-arena-medal-shop .hxsj-arena-medal-shop-action,
  .hxsj-game-frame.hxsj-game-page-points-shop .hxsj-points-shop-action{
    height:40px;
    min-height:40px;
    font-size:14px;
  }
}

.hxsj-game-frame.hxsj-game-page-gacha-center .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-synthesis-workshop .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-synthesis-workshop .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-game-frame.hxsj-game-page-refine-workshop .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-quality-workshop .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-enchant-workshop .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-refine-workshop .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-game-frame.hxsj-game-page-quality-workshop .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-game-frame.hxsj-game-page-enchant-workshop .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-refine-workshop-screen{
  --hxsj-refine-bg-deep:#0a0c14;
  --hxsj-refine-bg-panel:#12151f;
  --hxsj-refine-bg-card:#1a1e2e;
  --hxsj-refine-bg-input:#0d1019;
  --hxsj-refine-border:#2a3045;
  --hxsj-refine-danger:#dc2626;
  --hxsj-refine-gold:#f59e0b;
  --hxsj-refine-text-gold:#fbbf24;
  --hxsj-refine-text:#f1f5f9;
  --hxsj-refine-muted:#64748b;
  --hxsj-refine-secondary:#94a3b8;
  --hxsj-refine-green:#22c55e;
  box-sizing:border-box;
  min-width:0;
  height:min(920px, calc(100vh - 142px));
  min-height:650px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--hxsj-refine-bg-deep);
  color:var(--hxsj-refine-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-refine-workshop-screen *,
.hxsj-refine-workshop-screen *::before,
.hxsj-refine-workshop-screen *::after{
  box-sizing:border-box;
}

.hxsj-refine-titlebar{
  height:64px;
  flex:0 0 64px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 32px;
  border-bottom:2px solid var(--hxsj-refine-danger);
  background:var(--hxsj-refine-bg-deep);
}

.hxsj-refine-title-marker{
  width:6px;
  height:24px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-refine-danger);
}

.hxsj-refine-titlebar h2{
  min-width:0;
  margin:0;
  overflow:hidden;
  color:var(--hxsj-refine-text);
  font-size:22px;
  font-weight:700;
  line-height:32px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-refine-legacy-title{
  width:1px;
  height:1px;
  position:absolute;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.hxsj-refine-body{
  --hxsj-quest-sidebar-width:240px;
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
  gap:28px;
  padding:28px 32px 32px;
  overflow-x:hidden;
  overflow-y:auto;
}

.hxsj-refine-main{
  min-width:0;
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:20px;
}

.hxsj-refine-desc-panel{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  padding:22px 28px;
  border:1px solid var(--hxsj-refine-border);
  border-radius:10px;
  background:var(--hxsj-refine-bg-panel);
}

.hxsj-refine-desc-panel p{
  margin:0;
  color:var(--hxsj-refine-danger);
  font-size:16px;
  font-weight:400;
  line-height:1.5;
}

.hxsj-refine-result{
  max-height:160px;
  overflow:auto;
  padding:14px 18px;
  border:1px solid var(--hxsj-refine-border);
  border-radius:10px;
  background:var(--hxsj-refine-bg-panel);
  color:var(--hxsj-refine-text);
}

.hxsj-refine-result-stack{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.hxsj-refine-result-notice{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:8px;
  background:rgba(15,23,42,.58);
}

.hxsj-refine-result-notice strong{
  color:var(--hxsj-refine-text);
  font-size:15px;
  line-height:1.35;
}

.hxsj-refine-result-notice p,
.hxsj-refine-result-notice span{
  margin:0;
  color:var(--hxsj-refine-secondary);
  font-size:13px;
  line-height:1.45;
}

.hxsj-refine-result-notice.is-danger{
  border-color:rgba(248,113,113,.42);
  background:rgba(127,29,29,.30);
}

.hxsj-refine-result-notice.is-danger strong{
  color:#fecaca;
}

.hxsj-refine-result-notice.is-warning{
  border-color:rgba(251,191,36,.42);
  background:rgba(120,53,15,.28);
}

.hxsj-refine-result-notice.is-warning strong{
  color:#fde68a;
}

.hxsj-refine-result-notice.is-success{
  border-color:rgba(52,211,153,.38);
  background:rgba(6,78,59,.26);
}

.hxsj-refine-result-notice.is-success strong{
  color:#bbf7d0;
}

.hxsj-refine-result-detail{
  color:var(--hxsj-refine-secondary);
  font-size:13px;
  line-height:1.5;
}

.hxsj-refine-result img{
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
}

.hxsj-workshop-result-layer{
  position:fixed;
  inset:0;
  z-index:1400;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.hxsj-workshop-result-layer[hidden]{
  display:none !important;
}

.hxsj-workshop-result-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,7,18,.68);
  backdrop-filter:blur(8px);
}

.hxsj-workshop-result-modal{
  width:min(560px, calc(100vw - 32px));
  max-height:min(680px, calc(100vh - 48px));
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(251,191,36,.36);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(25,30,45,.98), rgba(10,13,22,.98));
  box-shadow:0 28px 90px rgba(0,0,0,.55), 0 0 30px rgba(245,158,11,.14);
  color:var(--hxsj-refine-text);
}

.hxsj-workshop-result-head{
  min-height:72px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 56px 16px 20px;
  border-bottom:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.52);
}

.hxsj-workshop-result-mark{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(245,158,11,.54);
  border-radius:10px;
  background:rgba(245,158,11,.14);
  color:#facc15;
}

.hxsj-workshop-result-mark-icon{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-workshop-result-head h3{
  margin:0;
  color:var(--hxsj-refine-text-gold);
  font-size:22px;
  line-height:1.25;
}

.hxsj-workshop-result-head p{
  margin:4px 0 0;
  color:var(--hxsj-refine-secondary);
  font-size:13px;
  line-height:1.4;
}

.hxsj-workshop-result-close{
  width:34px;
  height:34px;
  position:absolute;
  top:18px;
  right:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(148,163,184,.28);
  border-radius:9px;
  background:rgba(15,23,42,.72);
  color:var(--hxsj-refine-secondary);
  font-size:24px;
  line-height:1;
  cursor:pointer;
}

.hxsj-workshop-result-close:hover{
  border-color:rgba(248,113,113,.55);
  color:#fecaca;
}

.hxsj-workshop-result-content{
  min-height:0;
  padding:18px 20px;
  overflow:auto;
}

.hxsj-workshop-result-content .hxsj-refine-result-stack,
.hxsj-workshop-result-content .hxsj-synthesis-result-stack{
  gap:12px;
}

.hxsj-workshop-result-content .hxsj-refine-result-detail,
.hxsj-workshop-result-content .hxsj-synthesis-result-detail{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:10px;
  background:rgba(15,23,42,.38);
}

.hxsj-workshop-result-content img{
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
}

.hxsj-shop-result-layer .hxsj-workshop-result-modal{
  width:min(680px, calc(100vw - 32px));
}

.hxsj-shop-result-layer .hxsj-workshop-result-content{
  color:#d5deef;
  font-size:14px;
  line-height:1.55;
}

.hxsj-shop-result-layer .hxsj-workshop-result-content > div{
  width:auto !important;
  max-width:100% !important;
  float:none !important;
  margin:0 !important;
}

.hxsj-shop-result-layer .hxsj-workshop-result-content table{
  width:100%;
  max-width:100%;
  border-collapse:collapse;
  table-layout:auto;
}

.hxsj-shop-result-layer .hxsj-workshop-result-content .td6,
.hxsj-shop-result-layer .hxsj-workshop-result-content .td7,
.hxsj-shop-result-layer .hxsj-workshop-result-content .td8{
  padding:9px 10px;
  border:1px solid rgba(148,163,184,.20);
  background:rgba(15,23,42,.42);
  color:#cbd5e1;
  font-size:13px;
  line-height:1.45;
  vertical-align:middle;
}

.hxsj-shop-result-layer .hxsj-workshop-result-content .td6{
  background:rgba(30,41,59,.68);
  color:#f8d778;
  font-weight:800;
}

.hxsj-shop-result-layer .hxsj-workshop-result-content .td8{
  color:#f1f5f9;
}

.hxsj-shop-result-layer .hxsj-workshop-result-content .sinfo{
  display:none !important;
}

.hxsj-workshop-result-foot{
  display:flex;
  justify-content:flex-end;
  padding:14px 20px 18px;
  border-top:1px solid rgba(148,163,184,.16);
}

.hxsj-workshop-result-foot button{
  min-width:112px;
  height:40px;
  border:1px solid #8a5a18;
  border-radius:8px;
  background:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 52%, #b87820 100%);
  color:#573807;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}

.hxsj-workshop-result-foot button:hover{
  filter:brightness(1.06);
}

@media (max-width: 640px){
  .hxsj-workshop-result-layer{
    align-items:center;
    padding:14px;
  }

  .hxsj-workshop-result-modal{
    width:100%;
    max-height:calc(100vh - 28px);
    border-radius:14px;
  }

  .hxsj-workshop-result-head{
    min-height:64px;
    padding:15px 52px 14px 16px;
  }

  .hxsj-workshop-result-head h3{
    font-size:19px;
  }

  .hxsj-workshop-result-content{
    padding:14px;
  }

  .hxsj-workshop-result-foot{
    padding:12px 14px 14px;
  }

  .hxsj-workshop-result-foot button{
    width:100%;
  }

  .hxsj-shop-result-layer .hxsj-workshop-result-modal{
    width:100%;
  }

  .hxsj-shop-result-layer .hxsj-workshop-result-content{
    font-size:13px;
  }

  .hxsj-shop-result-layer .hxsj-workshop-result-content table{
    min-width:0;
  }

  .hxsj-shop-result-layer .hxsj-workshop-result-content .td6,
  .hxsj-shop-result-layer .hxsj-workshop-result-content .td7,
  .hxsj-shop-result-layer .hxsj-workshop-result-content .td8{
    padding:7px 6px;
    font-size:12px;
    word-break:break-word;
  }
}

.hxsj-refine-form{
  min-width:0;
  min-height:0;
  flex:0 1 auto;
  display:flex;
  flex-direction:column;
  gap:20px;
  margin:0;
}

.hxsj-refine-main-row{
  min-width:0;
  min-height:0;
  flex:0 1 auto;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(260px, 400px);
  gap:28px;
}

.hxsj-refine-table-panel,
.hxsj-refine-portrait{
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid var(--hxsj-refine-border);
  border-radius:10px;
  background:var(--hxsj-refine-bg-panel);
}

.hxsj-refine-table-panel{
  display:flex;
  flex-direction:column;
  max-height:min(540px, 62vh);
  overflow:auto;
}

.hxsj-refine-table-header{
  width:100%;
  min-width:760px;
  height:60px;
  flex:0 0 60px;
  display:grid;
  grid-template-columns:160px minmax(0, 1fr);
  align-items:center;
  border-bottom:1px solid var(--hxsj-refine-border);
  background:var(--hxsj-refine-bg-card);
}

.hxsj-refine-table-header span{
  min-width:0;
  padding:0 24px;
  color:var(--hxsj-refine-secondary);
  font-size:16px;
  font-weight:700;
  line-height:24px;
  text-align:center;
}

.hxsj-refine-table-body{
  min-height:0;
  flex:0 1 auto;
  overflow:visible;
}

.hxsj-refine-row{
  width:100%;
  min-width:760px;
  min-height:68px;
  display:grid;
  grid-template-columns:160px minmax(0, 1fr);
  align-items:stretch;
  border-bottom:1px solid var(--hxsj-refine-border);
  background:rgba(255,255,255,0);
  cursor:pointer;
}

.hxsj-refine-row:nth-child(even){
  background:rgba(255,255,255,.024);
}

.hxsj-refine-row.is-active{
  border-left:3px solid var(--hxsj-refine-gold);
  background:rgba(245,158,11,.10);
}

.hxsj-refine-cost-cell,
.hxsj-refine-item-cell{
  min-width:0;
  display:flex;
  align-items:center;
}

.hxsj-refine-cost-cell{
  position:relative;
  gap:12px;
  padding:0 18px;
}

.hxsj-refine-cost-cell input{
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:1px;
  margin:0;
  opacity:0;
  pointer-events:none;
  transform:translateY(-50%);
}

.hxsj-refine-radio{
  width:18px;
  height:18px;
  flex:0 0 18px;
  border:2px solid var(--hxsj-refine-muted);
  border-radius:50%;
  background:var(--hxsj-refine-bg-input);
}

.hxsj-refine-cost-cell input:checked + .hxsj-refine-radio{
  border-color:var(--hxsj-refine-gold);
  background:radial-gradient(circle, var(--hxsj-refine-gold) 0 38%, transparent 42%);
}

.hxsj-refine-cost{
  color:var(--hxsj-refine-green);
  font-size:16px;
  font-weight:600;
  line-height:25px;
  white-space:nowrap;
}

.hxsj-refine-item-cell{
  position:relative;
  flex-wrap:nowrap;
  gap:12px;
  padding:0 18px;
  overflow:visible;
}

.hxsj-refine-design-icon,
.hxsj-refine-item-icon-slot{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:visible;
  border:1px solid var(--hxsj-refine-gold);
  border-radius:6px;
  background:var(--hxsj-refine-bg-card);
}

.hxsj-refine-design-icon-svg{
  width:20px;
  height:20px;
  color:var(--hxsj-refine-gold);
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-refine-actual-icon{
  width:38px;
  height:38px;
  position:absolute;
  left:18px;
  top:calc(50% - 19px);
  z-index:2;
  overflow:visible;
}

.hxsj-refine-item-icon-slot{
  width:38px;
  height:38px;
  border:0;
  background:transparent;
}

.hxsj-refine-item-icon-slot img{
  width:38px !important;
  height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  display:block;
  opacity:0;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  object-fit:contain;
}

.hxsj-refine-item-name{
  flex:0 0 auto;
  min-width:0;
  max-width:none;
  overflow:hidden;
  color:var(--hxsj-refine-text);
  font-size:16px;
  font-weight:600;
  line-height:24px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-refine-item-tag{
  flex:0 0 auto;
  color:var(--hxsj-refine-danger);
  font-size:15px;
  font-weight:600;
  line-height:22px;
  white-space:nowrap;
}

.hxsj-refine-risk-tag{
  flex:0 0 auto;
  padding:3px 8px;
  border:1px solid rgba(248,113,113,.34);
  border-radius:999px;
  background:rgba(127,29,29,.25);
  color:#fecaca;
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

.hxsj-refine-item-qty{
  flex:0 0 auto;
  color:var(--hxsj-refine-secondary);
  font-size:15px;
  line-height:22px;
  white-space:nowrap;
}

.hxsj-refine-empty-state{
  min-width:760px;
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:28px;
  color:var(--hxsj-refine-secondary);
  text-align:center;
}

.hxsj-refine-empty-icon{
  width:56px;
  height:56px;
  color:var(--hxsj-refine-muted);
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-refine-empty-state p{
  margin:0;
  font-size:18px;
  line-height:1.45;
}

.hxsj-refine-portrait img{
  width:100%;
  height:100%;
  max-width:none;
  display:block;
  object-fit:cover;
  object-position:center top;
}

.hxsj-refine-button-bar{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:16px;
}

.hxsj-game-frame.hxsj-game-page-refine-workshop .hxsj-refine-button{
  width:360px;
  height:58px;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 18px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 16px 1px rgba(245,158,11,.40), 0 0 3px rgba(255,243,208,.34);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:20px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-quality-workshop .hxsj-refine-button{
  width:360px;
  height:58px;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 18px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 16px 1px rgba(245,158,11,.40), 0 0 3px rgba(255,243,208,.34);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:20px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-refine-workshop .hxsj-refine-button:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e8b95a 50%, #c88629 100%);
  color:#5a3a08;
}

.hxsj-game-frame.hxsj-game-page-quality-workshop .hxsj-refine-button:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e8b95a 50%, #c88629 100%);
  color:#5a3a08;
}

.hxsj-refine-button-icon{
  width:15px;
  height:15px;
  flex:0 0 15px;
  color:#6b4410;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-refine-count-group,
.hxsj-refine-bomb-group{
  display:flex;
  align-items:center;
  color:var(--hxsj-refine-secondary);
}

.hxsj-refine-count-group{
  gap:8px;
  font-size:16px;
  line-height:24px;
}

.hxsj-game-frame.hxsj-game-page-refine-workshop .hxsj-refine-count-select{
  width:61px;
  height:42px;
  min-height:42px;
  margin:0;
  padding:0 28px 0 14px;
  border:1px solid var(--hxsj-refine-border);
  border-radius:6px;
  background-color:var(--hxsj-refine-bg-input);
  background-image:linear-gradient(45deg, transparent 50%, #64748b 50%), linear-gradient(135deg, #64748b 50%, transparent 50%);
  background-position:calc(100% - 17px) 18px, calc(100% - 12px) 18px;
  background-size:5px 5px, 5px 5px;
  background-repeat:no-repeat;
  color:var(--hxsj-refine-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:16px;
  line-height:42px;
  appearance:none;
}

.hxsj-game-frame.hxsj-game-page-quality-workshop .hxsj-refine-count-select{
  width:61px;
  height:42px;
  min-height:42px;
  margin:0;
  padding:0 28px 0 14px;
  border:1px solid var(--hxsj-refine-border);
  border-radius:6px;
  background-color:var(--hxsj-refine-bg-input);
  background-image:linear-gradient(45deg, transparent 50%, #64748b 50%), linear-gradient(135deg, #64748b 50%, transparent 50%);
  background-position:calc(100% - 17px) 18px, calc(100% - 12px) 18px;
  background-size:5px 5px, 5px 5px;
  background-repeat:no-repeat;
  color:var(--hxsj-refine-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:16px;
  line-height:42px;
  appearance:none;
}

.hxsj-refine-bomb-group{
  gap:10px;
  min-width:0;
  font-size:15px;
  line-height:22px;
  cursor:pointer;
}

.hxsj-refine-bomb-input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.hxsj-refine-checkbox{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--hxsj-refine-border);
  border-radius:3px;
  background:var(--hxsj-refine-bg-input);
}

.hxsj-refine-bomb-input:checked + .hxsj-refine-checkbox{
  border-color:var(--hxsj-refine-gold);
  background:var(--hxsj-refine-gold);
}

.hxsj-refine-bomb-input:checked + .hxsj-refine-checkbox::after{
  width:9px;
  height:5px;
  content:"";
  border-bottom:2px solid #0a0c14;
  border-left:2px solid #0a0c14;
  transform:rotate(-45deg) translateY(-1px);
}

.hxsj-refine-risk-summary{
  flex:1 1 100%;
  min-width:0;
  padding:10px 12px;
  border:1px solid rgba(248,113,113,.38);
  border-radius:8px;
  background:rgba(127,29,29,.24);
  color:#fecaca;
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}

.hxsj-refine-risk-summary[hidden]{
  display:none;
}

.hxsj-refine-workshop-screen .sinfo{
  width:337px;
  max-width:calc(100vw - 24px);
  color:#d5deef;
  pointer-events:none;
  text-align:left;
}

.hxsj-refine-workshop-screen .sinfotop{
  width:100%;
  max-width:100%;
}

.hxsj-refine-workshop-screen .sifbox{
  max-width:calc(100% - 10px);
}

.hxsj-refine-workshop-screen .sifbox .sl .cf3{
  width:auto;
  max-width:100%;
}

.hxsj-quality-workshop-screen .hxsj-quality-row{
  --hxsj-quality-tone:#cbd5e1;
}

.hxsj-quality-workshop-screen .hxsj-quality-row.is-fine{
  --hxsj-quality-tone:#22c55e;
}

.hxsj-quality-workshop-screen .hxsj-quality-row.is-rare{
  --hxsj-quality-tone:#3b82f6;
}

.hxsj-quality-workshop-screen .hxsj-quality-row.is-epic{
  --hxsj-quality-tone:#a855f7;
}

.hxsj-quality-workshop-screen .hxsj-quality-row.is-legendary{
  --hxsj-quality-tone:#f59e0b;
}

.hxsj-quality-workshop-screen .hxsj-refine-row.is-active{
  border-left-color:var(--hxsj-quality-tone);
  background:color-mix(in srgb, var(--hxsj-quality-tone) 13%, transparent);
  background:rgba(203,213,225,.13);
}

.hxsj-quality-workshop-screen .hxsj-refine-row.is-fine.is-active{
  background:rgba(34,197,94,.12);
}

.hxsj-quality-workshop-screen .hxsj-refine-row.is-rare.is-active{
  background:rgba(59,130,246,.12);
}

.hxsj-quality-workshop-screen .hxsj-refine-row.is-epic.is-active{
  background:rgba(168,85,247,.12);
}

.hxsj-quality-workshop-screen .hxsj-refine-row.is-legendary.is-active{
  background:rgba(245,158,11,.12);
}

.hxsj-quality-workshop-screen .hxsj-refine-design-icon{
  border-color:var(--hxsj-quality-tone);
}

.hxsj-quality-workshop-screen .hxsj-refine-design-icon-svg{
  color:var(--hxsj-quality-tone);
}

.hxsj-quality-workshop-screen .hxsj-refine-cost-cell input:checked + .hxsj-refine-radio{
  border-color:var(--hxsj-quality-tone);
  background:radial-gradient(circle, var(--hxsj-quality-tone) 0 38%, transparent 42%);
}

.hxsj-quality-item-name{
  flex-basis:300px;
  max-width:360px;
}

.hxsj-quality-badge{
  flex:0 0 auto;
  min-width:48px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  border:1px solid currentColor;
  border-radius:999px;
  background:color-mix(in srgb, currentColor 12%, transparent);
  color:#cbd5e1;
  font-size:13px;
  font-weight:700;
  line-height:22px;
  white-space:nowrap;
}

.hxsj-quality-badge.is-fine{
  color:#22c55e;
}

.hxsj-quality-badge.is-rare{
  color:#3b82f6;
}

.hxsj-quality-badge.is-epic{
  color:#a855f7;
}

.hxsj-quality-badge.is-legendary{
  color:#f59e0b;
}

.hxsj-quality-arrow-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  color:var(--hxsj-refine-muted);
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-quality-next{
  flex:0 0 auto;
  color:var(--hxsj-refine-text-gold);
  font-size:14px;
  font-weight:600;
  line-height:22px;
  white-space:nowrap;
}

.hxsj-quality-portrait img{
  object-position:center top;
}

.hxsj-quality-button-bar{
  padding-left:0;
}

.hxsj-enchant-workshop-screen{
  --hxsj-enchant-active:#dc2626;
}

.hxsj-enchant-main{
  gap:20px;
}

.hxsj-enchant-desc-panel p{
  color:var(--hxsj-refine-danger);
}

.hxsj-enchant-area{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:minmax(0, 1fr) 124px;
  gap:16px;
}

.hxsj-enchant-table-panel,
.hxsj-enchant-element-panel{
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid var(--hxsj-refine-border);
  border-radius:10px;
  background:var(--hxsj-refine-bg-panel);
}

.hxsj-enchant-table-panel{
  display:flex;
  flex-direction:column;
}

.hxsj-enchant-table-header{
  min-width:540px;
  height:60px;
  flex:0 0 60px;
  grid-template-columns:240px minmax(0, 1fr);
}

.hxsj-enchant-table-header span{
  padding:0 24px;
  color:var(--hxsj-refine-secondary);
  font-size:16px;
}

.hxsj-enchant-table-body{
  min-height:0;
  flex:1 1 auto;
  overflow:auto;
}

.hxsj-enchant-row{
  min-width:540px;
  min-height:78px;
  grid-template-columns:240px minmax(0, 1fr);
}

.hxsj-enchant-row.is-active{
  border-left-color:var(--hxsj-refine-danger);
  background:rgba(220,38,38,.12);
}

.hxsj-enchant-cost-cell{
  gap:14px;
  padding:0 24px;
}

.hxsj-enchant-cost{
  color:var(--hxsj-refine-green);
  font-size:16px;
}

.hxsj-enchant-item-cell{
  gap:12px;
  padding:0 24px;
}

.hxsj-enchant-equipment-design-icon{
  border-color:var(--hxsj-refine-gold);
}

.hxsj-enchant-equipment-icon-svg{
  color:var(--hxsj-refine-gold);
}

.hxsj-enchant-item-name{
  max-width:220px;
}

.hxsj-enchant-tag-list{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  overflow:hidden;
}

.hxsj-enchant-item-tag{
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  border:1px solid rgba(220,38,38,.72);
  border-radius:999px;
  background:rgba(220,38,38,.12);
  color:#fca5a5;
  font-size:13px;
  font-weight:700;
  line-height:22px;
}

.hxsj-enchant-element-panel{
  display:flex;
  flex-direction:column;
}

.hxsj-enchant-element-header{
  height:42px;
  min-height:42px;
  display:flex;
  align-items:center;
  padding:0 20px;
  border-bottom:1px solid var(--hxsj-refine-border);
  background:var(--hxsj-refine-bg-card);
}

.hxsj-enchant-element-header h3{
  margin:0;
  overflow:hidden;
  color:var(--hxsj-refine-text-gold);
  font-size:17px;
  font-weight:700;
  line-height:24px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-enchant-element-body{
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(116px, 1fr));
  align-content:start;
  gap:10px;
  padding:10px 12px;
  overflow:auto;
}

.hxsj-enchant-material-row{
  --hxsj-enchant-tone:#f59e0b;
  min-width:0;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  position:relative;
  padding:7px 12px;
  border:1px solid var(--hxsj-refine-border);
  border-radius:8px;
  background:var(--hxsj-refine-bg-card);
  color:var(--hxsj-refine-text);
  cursor:pointer;
}

.hxsj-enchant-material-row.is-active{
  border:2px solid var(--hxsj-refine-danger);
  background:rgba(239,68,68,.13);
  padding:6px 11px;
}

.hxsj-enchant-material-row input{
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:1px;
  margin:0;
  opacity:0;
  pointer-events:none;
  transform:translateY(-50%);
}

.hxsj-enchant-material-icon-wrap{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  background:var(--hxsj-enchant-tone);
  box-shadow:0 0 10px rgba(0,0,0,.24);
}

.hxsj-enchant-material-design-icon{
  width:18px;
  height:18px;
  color:#0a0c14;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-enchant-material-actual-icon{
  width:30px;
  height:30px;
  left:12px;
  top:calc(50% - 15px);
}

.hxsj-enchant-material-row.is-active .hxsj-enchant-material-actual-icon{
  left:11px;
}

.hxsj-enchant-material-icon-slot{
  width:30px;
  height:30px;
  flex-basis:30px;
}

.hxsj-enchant-material-icon-slot img{
  width:30px !important;
  height:30px !important;
  max-width:30px !important;
  max-height:30px !important;
}

.hxsj-enchant-material-copy{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:1px;
}

.hxsj-enchant-material-name{
  min-width:0;
  overflow:hidden;
  color:var(--hxsj-refine-text);
  font-size:15px;
  font-weight:600;
  line-height:20px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-enchant-material-meta{
  overflow:hidden;
  color:var(--hxsj-refine-secondary);
  font-size:12px;
  line-height:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-enchant-material-qty{
  flex:0 0 auto;
  color:var(--hxsj-refine-secondary);
  font-size:14px;
  line-height:20px;
  white-space:nowrap;
}

.hxsj-enchant-material-empty{
  min-height:62px;
  grid-column:1 / -1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:var(--hxsj-refine-secondary);
  text-align:center;
}

.hxsj-enchant-material-empty-icon{
  width:46px;
  height:46px;
  color:var(--hxsj-refine-muted);
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-enchant-material-empty p{
  margin:0;
  font-size:15px;
  line-height:1.45;
}

.hxsj-enchant-button-bar{
  justify-content:center;
}

.hxsj-game-frame.hxsj-game-page-enchant-workshop .hxsj-refine-button{
  width:360px;
  height:58px;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 18px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 16px 1px rgba(245,158,11,.40), 0 0 3px rgba(255,243,208,.34);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:20px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-enchant-workshop .hxsj-refine-button:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e8b95a 50%, #c88629 100%);
  color:#5a3a08;
}

.hxsj-enchant-count-group{
  gap:8px;
  font-size:16px;
  line-height:24px;
}

.hxsj-enchant-count-value{
  width:80px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--hxsj-refine-border);
  border-radius:6px;
  background:var(--hxsj-refine-bg-input);
  color:var(--hxsj-refine-text);
  font-size:16px;
  font-weight:600;
  line-height:42px;
}

.hxsj-enchant-hint{
  color:var(--hxsj-refine-muted);
  font-size:14px;
  line-height:22px;
  white-space:nowrap;
}

@media (max-width: 1500px) and (min-width: 901px){
  .hxsj-refine-workshop-screen{
    min-height:590px;
  }

  .hxsj-refine-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
    gap:20px;
    padding:22px 24px 24px;
  }

  .hxsj-refine-main-row{
    grid-template-columns:minmax(0, 1fr) minmax(240px, 320px);
    gap:22px;
  }

  .hxsj-refine-table-header,
  .hxsj-refine-row{
    min-width:610px;
    grid-template-columns:156px minmax(0, 1fr);
  }

  .hxsj-game-frame.hxsj-game-page-refine-workshop .hxsj-refine-button,
  .hxsj-game-frame.hxsj-game-page-quality-workshop .hxsj-refine-button,
  .hxsj-game-frame.hxsj-game-page-enchant-workshop .hxsj-refine-button{
    width:260px;
  }

  .hxsj-quality-workshop-screen .hxsj-refine-main-row{
    grid-template-columns:minmax(620px, 1fr) minmax(180px, 220px);
    gap:18px;
  }

  .hxsj-quality-workshop-screen .hxsj-refine-table-header,
  .hxsj-quality-workshop-screen .hxsj-refine-row{
    min-width:620px;
    grid-template-columns:128px minmax(0, 1fr);
  }

  .hxsj-quality-workshop-screen .hxsj-refine-cost-cell,
  .hxsj-quality-workshop-screen .hxsj-refine-item-cell{
    padding:0 14px;
  }

  .hxsj-quality-workshop-screen .hxsj-refine-actual-icon{
    left:14px;
  }

  .hxsj-quality-workshop-screen .hxsj-quality-item-cell{
    gap:10px;
  }

  .hxsj-quality-workshop-screen .hxsj-quality-item-name{
    flex-basis:180px;
    max-width:180px;
  }

  .hxsj-enchant-area{
    grid-template-columns:1fr;
    grid-template-rows:minmax(0, 1fr) 112px;
    gap:14px;
  }

  .hxsj-enchant-table-header,
  .hxsj-enchant-row{
    min-width:500px;
    grid-template-columns:136px minmax(0, 1fr);
  }

  .hxsj-enchant-cost-cell,
  .hxsj-enchant-item-cell{
    padding:0 14px;
  }

  .hxsj-enchant-equipment-actual-icon{
    left:14px;
  }

  .hxsj-enchant-item-cell{
    gap:9px;
  }

  .hxsj-enchant-item-name{
    max-width:115px;
  }

  .hxsj-enchant-element-body{
    grid-template-columns:repeat(auto-fill, minmax(108px, 1fr));
    gap:10px;
    padding:9px 10px;
  }

  .hxsj-enchant-material-row{
    gap:9px;
    padding:7px 11px;
  }

  .hxsj-enchant-material-row.is-active{
    padding:6px 10px;
  }

  .hxsj-enchant-material-actual-icon{
    left:10px;
  }

  .hxsj-enchant-material-row.is-active .hxsj-enchant-material-actual-icon{
    left:9px;
  }

  .hxsj-enchant-material-name{
    font-size:13px;
  }

  .hxsj-enchant-material-meta{
    font-size:11px;
  }
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-refine-workshop-screen{
    height:calc(100vh - 142px);
    min-height:0;
  }

  .hxsj-refine-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
    gap:18px;
    padding:16px 22px;
  }

  .hxsj-refine-main,
  .hxsj-refine-form{
    gap:16px;
  }

  .hxsj-refine-desc-panel{
    gap:5px;
    padding:14px 18px;
  }

  .hxsj-refine-desc-panel p{
    font-size:13px;
    line-height:1.42;
  }

  .hxsj-refine-main-row{
    grid-template-columns:minmax(0, 1fr) minmax(220px, 300px);
    gap:18px;
  }

  .hxsj-refine-table-header{
    height:50px;
    flex-basis:50px;
  }

  .hxsj-refine-row{
    min-height:64px;
  }

  .hxsj-refine-cost-cell,
  .hxsj-refine-item-cell{
    padding:0 16px;
  }

  .hxsj-refine-actual-icon{
    left:16px;
  }

  .hxsj-refine-design-icon,
  .hxsj-refine-item-icon-slot{
    width:34px;
    height:34px;
    flex-basis:34px;
  }

  .hxsj-refine-actual-icon{
    width:34px;
    height:34px;
    top:calc(50% - 17px);
  }

  .hxsj-refine-item-icon-slot img{
    width:34px !important;
    height:34px !important;
    max-width:34px !important;
    max-height:34px !important;
  }

  .hxsj-refine-design-icon-svg{
    width:18px;
    height:18px;
  }

  .hxsj-refine-button-bar{
    min-height:48px;
  }

  .hxsj-game-frame.hxsj-game-page-refine-workshop .hxsj-refine-button,
  .hxsj-game-frame.hxsj-game-page-quality-workshop .hxsj-refine-button,
  .hxsj-game-frame.hxsj-game-page-enchant-workshop .hxsj-refine-button{
    width:240px;
    height:48px;
    min-height:48px;
    font-size:16px;
  }

  .hxsj-game-frame.hxsj-game-page-refine-workshop .hxsj-refine-count-select,
  .hxsj-game-frame.hxsj-game-page-quality-workshop .hxsj-refine-count-select{
    height:38px;
    min-height:38px;
    background-position:calc(100% - 17px) 16px, calc(100% - 12px) 16px;
    font-size:15px;
    line-height:38px;
  }

  .hxsj-refine-count-group,
  .hxsj-refine-bomb-group{
    font-size:13px;
  }

  .hxsj-quality-workshop-screen .hxsj-refine-main-row{
    grid-template-columns:minmax(610px, 1fr) minmax(170px, 210px);
    gap:14px;
  }

  .hxsj-quality-workshop-screen .hxsj-refine-table-header,
  .hxsj-quality-workshop-screen .hxsj-refine-row{
    min-width:610px;
    grid-template-columns:126px minmax(0, 1fr);
  }

  .hxsj-quality-workshop-screen .hxsj-refine-cost-cell,
  .hxsj-quality-workshop-screen .hxsj-refine-item-cell{
    padding:0 12px;
  }

  .hxsj-quality-workshop-screen .hxsj-refine-actual-icon{
    left:12px;
  }

  .hxsj-quality-workshop-screen .hxsj-quality-item-cell{
    gap:9px;
  }

  .hxsj-quality-workshop-screen .hxsj-quality-item-name{
    flex-basis:170px;
    max-width:170px;
  }

  .hxsj-quality-workshop-screen .hxsj-quality-badge{
    min-width:44px;
    padding:0 8px;
  }

  .hxsj-enchant-area{
    grid-template-columns:1fr;
    grid-template-rows:minmax(0, 1fr) 104px;
    gap:14px;
  }

  .hxsj-enchant-table-header{
    height:50px;
    flex-basis:50px;
  }

  .hxsj-enchant-table-header,
  .hxsj-enchant-row{
    min-width:500px;
    grid-template-columns:132px minmax(0, 1fr);
  }

  .hxsj-enchant-row{
    min-height:58px;
  }

  .hxsj-enchant-cost-cell,
  .hxsj-enchant-item-cell{
    padding:0 12px;
  }

  .hxsj-enchant-equipment-actual-icon{
    left:12px;
  }

  .hxsj-enchant-item-cell{
    gap:8px;
  }

  .hxsj-enchant-item-name{
    max-width:105px;
    font-size:14px;
  }

  .hxsj-enchant-item-tag{
    height:22px;
    padding:0 7px;
    font-size:12px;
    line-height:20px;
  }

  .hxsj-enchant-element-header{
    height:38px;
    min-height:38px;
    padding:0 14px;
  }

  .hxsj-enchant-element-header h3{
    font-size:15px;
  }

  .hxsj-enchant-element-body{
    grid-template-columns:repeat(auto-fill, minmax(104px, 1fr));
    gap:8px;
    padding:8px 10px;
  }

  .hxsj-enchant-material-row{
    min-height:42px;
    gap:8px;
    padding:5px 10px;
  }

  .hxsj-enchant-material-row.is-active{
    padding:4px 9px;
  }

  .hxsj-enchant-material-icon-wrap,
  .hxsj-enchant-material-icon-slot{
    width:28px;
    height:28px;
    flex-basis:28px;
  }

  .hxsj-enchant-material-design-icon{
    width:16px;
    height:16px;
  }

  .hxsj-enchant-material-actual-icon{
    width:28px;
    height:28px;
    left:10px;
    top:calc(50% - 14px);
  }

  .hxsj-enchant-material-row.is-active .hxsj-enchant-material-actual-icon{
    left:9px;
  }

  .hxsj-enchant-material-icon-slot img{
    width:28px !important;
    height:28px !important;
    max-width:28px !important;
    max-height:28px !important;
  }

  .hxsj-enchant-material-name{
    font-size:12px;
    line-height:17px;
  }

  .hxsj-enchant-material-meta,
  .hxsj-enchant-material-qty{
    font-size:11px;
    line-height:15px;
  }

  .hxsj-enchant-count-value{
    height:38px;
    line-height:38px;
  }

  .hxsj-enchant-hint{
    font-size:13px;
  }
}

@media (max-width: 1180px){
  .hxsj-refine-workshop-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-refine-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
    gap:18px;
    padding:20px 22px 22px;
  }

  .hxsj-refine-main-row{
    grid-template-columns:1fr;
  }

  .hxsj-enchant-area{
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
  }

  .hxsj-enchant-element-panel{
    max-height:360px;
  }

  .hxsj-refine-portrait{
    width:min(72vw, 300px);
    aspect-ratio:50 / 62;
    justify-self:center;
  }

  .hxsj-refine-button-bar{
    flex-wrap:wrap;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-refine-workshop .hxsj-game-content-panel,
  .hxsj-game-frame.hxsj-game-page-quality-workshop .hxsj-game-content-panel,
  .hxsj-game-frame.hxsj-game-page-enchant-workshop .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-refine-titlebar{
    height:56px;
    flex-basis:56px;
    padding:0 18px;
  }

  .hxsj-refine-titlebar h2{
    font-size:19px;
    line-height:28px;
  }

  .hxsj-refine-body{
    grid-template-columns:1fr;
    gap:18px;
    padding:16px 14px 18px;
  }

  .hxsj-refine-table-panel{
    overflow:auto;
  }

  .hxsj-refine-table-header,
  .hxsj-refine-row,
  .hxsj-refine-empty-state{
    min-width:720px;
    grid-template-columns:132px minmax(0, 1fr);
  }

  .hxsj-refine-table-header{
    height:44px;
    flex-basis:44px;
  }

  .hxsj-refine-table-header span{
    padding:0 10px;
    font-size:13px;
    line-height:18px;
  }

  .hxsj-refine-row{
    min-height:62px;
  }

  .hxsj-refine-cost-cell{
    gap:8px;
    padding:0 10px;
  }

  .hxsj-refine-cost{
    font-size:14px;
    line-height:20px;
  }

  .hxsj-refine-item-cell{
    gap:8px;
    padding:0 10px;
  }

  .hxsj-refine-actual-icon{
    left:10px;
  }

  .hxsj-refine-item-name{
    flex-basis:auto;
    font-size:15px;
    line-height:22px;
  }

  .hxsj-refine-item-tag{
    font-size:13px;
    line-height:18px;
  }

  .hxsj-refine-risk-tag{
    padding:3px 7px;
    font-size:11px;
  }

  .hxsj-refine-item-qty{
    font-size:13px;
    line-height:18px;
  }

  .hxsj-refine-button-bar{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }

  .hxsj-game-frame.hxsj-game-page-refine-workshop .hxsj-refine-button,
  .hxsj-game-frame.hxsj-game-page-quality-workshop .hxsj-refine-button,
  .hxsj-game-frame.hxsj-game-page-enchant-workshop .hxsj-refine-button{
    width:100%;
    height:48px;
    min-height:48px;
    font-size:16px;
  }

  .hxsj-refine-count-group,
  .hxsj-refine-bomb-group{
    justify-content:center;
  }

  .hxsj-enchant-area{
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
  }

  .hxsj-enchant-table-panel{
    overflow:auto;
  }

  .hxsj-enchant-table-header,
  .hxsj-enchant-row,
  .hxsj-enchant-empty-state{
    min-width:560px;
    grid-template-columns:130px minmax(0, 1fr);
  }

  .hxsj-enchant-element-panel{
    max-height:none;
  }

  .hxsj-enchant-element-body{
    max-height:360px;
  }

  .hxsj-enchant-button-bar{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }

  .hxsj-enchant-count-group,
  .hxsj-enchant-hint{
    justify-content:center;
    text-align:center;
  }
}

@media (max-width: 420px){
  .hxsj-refine-titlebar{
    padding:0 14px;
  }

  .hxsj-refine-body{
    padding:14px 10px 16px;
  }

  .hxsj-refine-desc-panel{
    padding:16px;
  }

  .hxsj-refine-desc-panel p{
    font-size:14px;
    line-height:1.45;
  }

  .hxsj-refine-table-panel,
  .hxsj-enchant-table-panel{
    overflow-x:hidden;
  }

  .hxsj-refine-table-header,
  .hxsj-refine-row,
  .hxsj-refine-empty-state{
    min-width:0;
    grid-template-columns:92px minmax(0, 1fr);
  }

  .hxsj-refine-table-header{
    height:38px;
    flex-basis:38px;
  }

  .hxsj-refine-table-header span{
    padding:0 6px;
    font-size:12px;
    line-height:16px;
  }

  .hxsj-refine-row{
    min-height:54px;
  }

  .hxsj-refine-cost-cell{
    gap:5px;
    padding:0 6px;
  }

  .hxsj-refine-radio{
    width:14px;
    height:14px;
    flex-basis:14px;
  }

  .hxsj-refine-cost{
    font-size:13px;
    line-height:18px;
  }

  .hxsj-refine-item-cell{
    display:grid;
    grid-template-columns:30px 18px minmax(0, 1fr);
    grid-auto-rows:auto;
    align-content:center;
    align-items:center;
    gap:3px 7px;
    padding:6px 8px;
    overflow:visible;
  }

  .hxsj-refine-item-cell > .hxsj-refine-design-icon,
  .hxsj-refine-item-cell > .hxsj-refine-actual-icon,
  .hxsj-refine-item-cell > .hxsj-refine-item-icon-slot{
    width:30px;
    height:30px;
    flex-basis:30px;
  }

  .hxsj-refine-item-cell > .hxsj-refine-design-icon,
  .hxsj-refine-item-cell > .hxsj-refine-item-icon-slot{
    grid-column:1;
    grid-row:1 / span 4;
    align-self:center;
  }

  .hxsj-refine-design-icon-svg{
    width:16px;
    height:16px;
  }

  .hxsj-refine-actual-icon{
    width:30px;
    height:30px;
    left:8px;
    top:calc(50% - 15px);
  }

  .hxsj-refine-item-icon-slot img{
    width:30px !important;
    height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
  }

  .hxsj-refine-item-name{
    grid-column:2 / 4;
    grid-row:1;
    flex:1 1 auto;
    min-width:0;
    overflow:visible;
    font-size:14px;
    line-height:18px;
    text-overflow:clip;
    white-space:normal;
    word-break:break-word;
  }

  .hxsj-refine-item-tag,
  .hxsj-refine-item-qty{
    grid-column:2 / 4;
    font-size:12px;
    line-height:16px;
  }

  .hxsj-refine-item-tag{
    grid-row:2;
  }

  .hxsj-refine-item-qty{
    grid-row:3;
  }

  .hxsj-refine-risk-tag{
    grid-column:2 / 4;
    grid-row:4;
    padding:2px 5px;
    font-size:10px;
  }

  .hxsj-quality-badge{
    grid-column:2 / 4;
    grid-row:2;
    width:max-content;
    min-width:0;
    height:22px;
    padding:0 8px;
    font-size:12px;
    line-height:20px;
  }

  .hxsj-quality-arrow-icon{
    grid-column:2;
    grid-row:3;
    width:16px;
    height:16px;
    flex-basis:16px;
  }

  .hxsj-quality-next{
    grid-column:3;
    grid-row:3;
    min-width:0;
    overflow:visible;
    font-size:13px;
    line-height:18px;
    white-space:normal;
    word-break:break-word;
  }

  .hxsj-quality-item-qty{
    grid-column:2 / 4;
    grid-row:4;
  }

  .hxsj-enchant-tag-list{
    grid-column:2 / 4;
    grid-row:2;
    flex-wrap:wrap;
    gap:4px;
    overflow:visible;
  }

  .hxsj-enchant-item-qty{
    grid-column:2 / 4;
    grid-row:3;
  }

  .hxsj-enchant-table-header,
  .hxsj-enchant-row,
  .hxsj-enchant-empty-state{
    min-width:0;
    grid-template-columns:92px minmax(0, 1fr);
  }

  .hxsj-enchant-row{
    min-height:54px;
  }

  .hxsj-enchant-cost-cell,
  .hxsj-enchant-item-cell{
    padding:6px 8px;
  }

  .hxsj-enchant-cost-cell{
    gap:5px;
  }

  .hxsj-enchant-item-cell{
    gap:7px;
  }

  .hxsj-enchant-equipment-actual-icon{
    width:30px;
    height:30px;
    left:8px;
    top:calc(50% - 15px);
  }

  .hxsj-enchant-item-name{
    max-width:none;
    overflow:visible;
    font-size:14px;
    line-height:18px;
    text-overflow:clip;
    white-space:normal;
    word-break:break-word;
  }

  .hxsj-enchant-element-body{
    padding:12px;
  }

  .hxsj-enchant-material-row{
    padding:7px 10px;
  }

  .hxsj-enchant-material-row.is-active{
    padding:6px 9px;
  }

  .hxsj-enchant-material-actual-icon{
    left:10px;
  }

  .hxsj-enchant-material-row.is-active .hxsj-enchant-material-actual-icon{
    left:9px;
  }
}

.hxsj-synthesis-workshop-screen{
  --hxsj-synthesis-bg-deep:#0a0c14;
  --hxsj-synthesis-bg-panel:#12151f;
  --hxsj-synthesis-bg-card:#1a1e2e;
  --hxsj-synthesis-bg-input:#0d1019;
  --hxsj-synthesis-border:#2a3045;
  --hxsj-synthesis-danger:#dc2626;
  --hxsj-synthesis-gold:#f59e0b;
  --hxsj-synthesis-text-gold:#fbbf24;
  --hxsj-synthesis-text:#f1f5f9;
  --hxsj-synthesis-muted:#64748b;
  --hxsj-synthesis-secondary:#94a3b8;
  --hxsj-synthesis-green:#22c55e;
  box-sizing:border-box;
  min-width:0;
  height:min(920px, calc(100vh - 142px));
  min-height:650px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--hxsj-synthesis-bg-deep);
  color:var(--hxsj-synthesis-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-synthesis-workshop-screen *,
.hxsj-synthesis-workshop-screen *::before,
.hxsj-synthesis-workshop-screen *::after{
  box-sizing:border-box;
}

.hxsj-synthesis-titlebar{
  height:64px;
  flex:0 0 64px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 32px;
  border-bottom:2px solid var(--hxsj-synthesis-danger);
  background:var(--hxsj-synthesis-bg-deep);
}

.hxsj-synthesis-title-marker{
  width:6px;
  height:24px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-synthesis-danger);
}

.hxsj-synthesis-titlebar h2{
  min-width:0;
  margin:0;
  color:var(--hxsj-synthesis-text);
  font-size:22px;
  font-weight:700;
  line-height:32px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-synthesis-legacy-title{
  width:1px;
  height:1px;
  position:absolute;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.hxsj-synthesis-body{
  --hxsj-quest-sidebar-width:240px;
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
  gap:28px;
  padding:28px 32px 32px;
  overflow-x:hidden;
  overflow-y:auto;
}

.hxsj-synthesis-main{
  min-width:0;
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:20px;
}

.hxsj-synthesis-desc-panel{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  padding:22px 28px;
  border:1px solid var(--hxsj-synthesis-border);
  border-radius:10px;
  background:var(--hxsj-synthesis-bg-panel);
}

.hxsj-synthesis-desc-panel p{
  margin:0;
  color:var(--hxsj-synthesis-danger);
  font-size:16px;
  font-weight:400;
  line-height:1.6;
}

.hxsj-synthesis-result{
  max-height:180px;
  overflow:auto;
  padding:14px 18px;
  border:1px solid var(--hxsj-synthesis-border);
  border-radius:10px;
  background:var(--hxsj-synthesis-bg-panel);
  color:var(--hxsj-synthesis-text);
}

.hxsj-synthesis-result img{
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
}

.hxsj-synthesis-empty-row{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 480px;
  gap:28px;
}

.hxsj-synthesis-empty-panel,
.hxsj-synthesis-portrait{
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid var(--hxsj-synthesis-border);
  border-radius:10px;
  background:var(--hxsj-synthesis-bg-panel);
}

.hxsj-synthesis-empty-state{
  width:100%;
  height:100%;
  min-height:320px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:28px;
  text-align:center;
}

.hxsj-synthesis-empty-icon{
  width:56px;
  height:56px;
  color:var(--hxsj-synthesis-muted);
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-synthesis-empty-state p{
  margin:0;
  color:var(--hxsj-synthesis-secondary);
  font-size:18px;
  line-height:1.45;
}

.hxsj-synthesis-portrait img{
  width:100%;
  height:100%;
  max-width:none;
  display:block;
  object-fit:cover;
  object-position:center top;
}

.hxsj-synthesis-hidden-contract{
  width:1px;
  height:1px;
  position:absolute;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
}

.hxsj-synthesis-form{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:20px;
  margin:0;
}

.hxsj-synthesis-craft-area{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 420px;
  gap:24px;
}

.hxsj-synthesis-table-panel,
.hxsj-synthesis-material-panel{
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid var(--hxsj-synthesis-border);
  border-radius:10px;
  background:var(--hxsj-synthesis-bg-panel);
}

.hxsj-synthesis-table-panel{
  display:flex;
  flex-direction:column;
}

.hxsj-synthesis-table-header{
  min-width:700px;
  height:64px;
  flex:0 0 64px;
  display:grid;
  grid-template-columns:200px minmax(0, 1fr);
  align-items:center;
  border-bottom:1px solid var(--hxsj-synthesis-border);
  background:var(--hxsj-synthesis-bg-card);
}

.hxsj-synthesis-table-header span{
  min-width:0;
  padding:0 24px;
  color:var(--hxsj-synthesis-secondary);
  font-size:16px;
  font-weight:700;
  line-height:24px;
  text-align:center;
}

.hxsj-synthesis-table-body{
  min-height:0;
  flex:1 1 auto;
  overflow:auto;
}

.hxsj-synthesis-recipe-row{
  min-width:700px;
  min-height:128px;
  display:grid;
  grid-template-columns:200px minmax(0, 1fr);
  align-items:stretch;
  border-bottom:1px solid var(--hxsj-synthesis-border);
  background:rgba(255,255,255,0);
  cursor:pointer;
}

.hxsj-synthesis-recipe-row:nth-child(even){
  background:rgba(255,255,255,.024);
}

.hxsj-synthesis-recipe-row.is-active{
  border-left:3px solid var(--hxsj-synthesis-gold);
  background:rgba(245,158,11,.10);
}

.hxsj-synthesis-cost-cell,
.hxsj-synthesis-item-cell{
  min-width:0;
  display:flex;
  align-items:center;
}

.hxsj-synthesis-cost-cell{
  position:relative;
  gap:14px;
  padding:0 24px;
}

.hxsj-synthesis-cost-cell input,
.hxsj-synthesis-material-card input{
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:1px;
  margin:0;
  opacity:0;
  pointer-events:none;
  transform:translateY(-50%);
}

.hxsj-synthesis-radio{
  width:18px;
  height:18px;
  flex:0 0 18px;
  border:2px solid var(--hxsj-synthesis-muted);
  border-radius:50%;
  background:var(--hxsj-synthesis-bg-input);
}

.hxsj-synthesis-cost-cell input:checked + .hxsj-synthesis-radio{
  border-color:var(--hxsj-synthesis-gold);
  background:radial-gradient(circle, var(--hxsj-synthesis-gold) 0 38%, transparent 42%);
}

.hxsj-synthesis-cost{
  color:var(--hxsj-synthesis-green);
  font-size:17px;
  font-weight:600;
  line-height:25px;
  white-space:nowrap;
}

.hxsj-synthesis-item-cell{
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:8px;
  padding:16px 24px;
}

.hxsj-synthesis-result-line{
  min-width:0;
  max-width:100%;
  display:flex;
  align-items:center;
  gap:10px;
}

.hxsj-synthesis-item-icon-slot{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:visible;
  border:1px solid var(--hxsj-synthesis-gold);
  border-radius:6px;
  background:var(--hxsj-synthesis-bg-card);
}

.hxsj-synthesis-item-icon-slot img{
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  display:block;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0;
  object-fit:contain;
}

.hxsj-synthesis-item-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--hxsj-synthesis-text-gold);
  font-size:16px;
  font-weight:700;
  line-height:24px;
  white-space:nowrap;
}

.hxsj-synthesis-item-tag{
  flex:0 0 auto;
  padding:3px 9px;
  border:1px solid var(--hxsj-synthesis-green);
  border-radius:4px;
  background:rgba(34,197,94,.13);
  color:var(--hxsj-synthesis-green);
  font-size:13px;
  font-weight:600;
  line-height:18px;
  white-space:nowrap;
}

.hxsj-synthesis-req-row{
  min-width:0;
  max-width:100%;
  display:flex;
  align-items:center;
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  color:var(--hxsj-synthesis-secondary);
  font-size:14px;
  line-height:20px;
  white-space:nowrap;
  scrollbar-width:thin;
}

.hxsj-synthesis-req-row strong{
  flex:0 0 auto;
  color:var(--hxsj-synthesis-gold);
  font-weight:700;
}

.hxsj-synthesis-req-row span,
.hxsj-synthesis-req-row em,
.hxsj-synthesis-req-row i{
  flex:0 0 auto;
  height:20px;
  display:inline-flex;
  align-items:center;
  line-height:20px;
  font-style:normal;
}

.hxsj-synthesis-req-row em{
  color:var(--hxsj-synthesis-danger);
  font-size:14px;
  font-weight:600;
}

.hxsj-synthesis-req-row i{
  color:var(--hxsj-synthesis-muted);
}

.hxsj-synthesis-material-panel{
  display:flex;
  flex-direction:column;
}

.hxsj-synthesis-material-panel > header{
  height:52px;
  flex:0 0 52px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border-bottom:1px solid var(--hxsj-synthesis-border);
  background:var(--hxsj-synthesis-bg-card);
  color:var(--hxsj-synthesis-text-gold);
  font-size:17px;
  font-weight:700;
}

.hxsj-synthesis-material-body{
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:16px;
  overflow:auto;
  padding:20px;
}

.hxsj-synthesis-material-label{
  margin:0;
  color:var(--hxsj-synthesis-secondary);
  font-size:14px;
  line-height:20px;
}

.hxsj-synthesis-material-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.hxsj-synthesis-material-card{
  min-width:0;
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid var(--hxsj-synthesis-border);
  border-radius:8px;
  background:var(--hxsj-synthesis-bg-card);
  cursor:pointer;
}

.hxsj-synthesis-material-card.is-active{
  border-color:var(--hxsj-synthesis-gold);
}

.hxsj-synthesis-material-icon-box{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--hxsj-synthesis-gold);
  border-radius:6px;
  background:var(--hxsj-synthesis-bg-input);
}

.hxsj-synthesis-material-icon,
.hxsj-synthesis-tier-icon{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-synthesis-material-icon{
  width:26px;
  height:26px;
  color:var(--hxsj-synthesis-gold);
}

.hxsj-synthesis-material-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.hxsj-synthesis-material-text strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--hxsj-synthesis-text-gold);
  font-size:16px;
  font-weight:700;
  line-height:23px;
  white-space:nowrap;
}

.hxsj-synthesis-material-text small{
  color:var(--hxsj-synthesis-secondary);
  font-size:13px;
  line-height:19px;
}

.hxsj-synthesis-tier-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.hxsj-synthesis-tier-row{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  color:var(--hxsj-synthesis-muted);
  font-size:14px;
  line-height:20px;
}

.hxsj-synthesis-tier-row.is-active{
  color:var(--hxsj-synthesis-text);
}

.hxsj-synthesis-tier-icon{
  width:16px;
  height:16px;
  flex:0 0 16px;
  color:currentColor;
}

.hxsj-synthesis-tier-row.is-active .hxsj-synthesis-tier-icon{
  color:var(--hxsj-synthesis-green);
}

.hxsj-synthesis-button-bar{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
}

.hxsj-game-frame.hxsj-game-page-synthesis-workshop .hxsj-synthesis-button{
  width:360px;
  height:58px;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0 18px;
  border:2px solid #8a5a18;
  border-radius:8px;
  background:#e0a94a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e0a94a 50%, #b87820 100%);
  box-shadow:0 0 18px 1px rgba(245,158,11,.40), 0 0 3px rgba(255,243,208,.34);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:20px;
  font-weight:700;
  line-height:1;
  text-align:center;
  white-space:nowrap;
  appearance:none;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-synthesis-workshop .hxsj-synthesis-button:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #e8b95a 50%, #c88629 100%);
  color:#5a3a08;
}

.hxsj-synthesis-button-icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  color:#6b4410;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hxsj-synthesis-count-group{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--hxsj-synthesis-secondary);
  font-size:18px;
  line-height:26px;
}

.hxsj-game-frame.hxsj-game-page-synthesis-workshop .hxsj-synthesis-count-input{
  width:80px;
  height:46px;
  min-height:46px;
  margin:0;
  padding:0 12px;
  border:1px solid var(--hxsj-synthesis-border);
  border-radius:6px;
  background:var(--hxsj-synthesis-bg-input);
  color:var(--hxsj-synthesis-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:18px;
  line-height:46px;
  text-align:center;
  appearance:none;
}

.hxsj-synthesis-workshop-screen .sinfo{
  width:337px;
  max-width:calc(100vw - 24px);
  color:#d5deef;
  pointer-events:none;
  text-align:left;
}

.hxsj-synthesis-workshop-screen .sinfotop{
  width:100%;
  max-width:100%;
}

.hxsj-synthesis-workshop-screen .sifbox{
  max-width:calc(100% - 10px);
}

.hxsj-synthesis-workshop-screen .sifbox .sl .cf3{
  width:auto;
  max-width:100%;
}

@media (max-width: 1500px) and (min-width: 901px){
  .hxsj-synthesis-workshop-screen{
    min-height:590px;
  }

  .hxsj-synthesis-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
    gap:20px;
    padding:22px 24px 24px;
  }

  .hxsj-synthesis-empty-row{
    grid-template-columns:minmax(0, 1fr) 320px;
    gap:22px;
  }

  .hxsj-synthesis-craft-area{
    grid-template-columns:minmax(0, 1fr) 320px;
  }

  .hxsj-synthesis-table-header,
  .hxsj-synthesis-recipe-row{
    grid-template-columns:156px minmax(0, 1fr);
  }

  .hxsj-synthesis-table-header{
    min-width:610px;
  }

  .hxsj-synthesis-recipe-row{
    min-width:610px;
  }

  .hxsj-game-frame.hxsj-game-page-synthesis-workshop .hxsj-synthesis-button{
    width:260px;
  }
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-synthesis-workshop-screen{
    height:calc(100vh - 142px);
    min-height:0;
  }

  .hxsj-synthesis-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
    gap:18px;
    padding:16px 22px;
  }

  .hxsj-synthesis-main,
  .hxsj-synthesis-form{
    gap:16px;
  }

  .hxsj-synthesis-desc-panel{
    gap:5px;
    padding:14px 18px;
  }

  .hxsj-synthesis-desc-panel p{
    font-size:13px;
    line-height:1.42;
  }

  .hxsj-synthesis-empty-row{
    grid-template-columns:minmax(0, 1fr) 300px;
  }

  .hxsj-synthesis-craft-area{
    grid-template-columns:minmax(0, 1fr) 300px;
  }

  .hxsj-synthesis-table-header{
    height:50px;
    flex-basis:50px;
  }

  .hxsj-synthesis-recipe-row{
    min-height:98px;
  }

  .hxsj-synthesis-item-cell{
    gap:6px;
    padding:12px 16px;
  }

  .hxsj-synthesis-cost-cell{
    padding:0 16px;
  }

  .hxsj-synthesis-material-panel > header{
    height:44px;
    flex-basis:44px;
    font-size:15px;
  }

  .hxsj-synthesis-material-body{
    gap:12px;
    padding:14px;
  }

  .hxsj-synthesis-material-card{
    padding:10px;
  }

  .hxsj-synthesis-button-bar{
    min-height:48px;
  }

  .hxsj-game-frame.hxsj-game-page-synthesis-workshop .hxsj-synthesis-button{
    width:240px;
    height:48px;
    min-height:48px;
    font-size:16px;
  }

  .hxsj-game-frame.hxsj-game-page-synthesis-workshop .hxsj-synthesis-count-input{
    height:40px;
    min-height:40px;
    font-size:16px;
    line-height:40px;
  }

  .hxsj-synthesis-count-group{
    font-size:16px;
  }
}

@media (max-width: 1180px){
  .hxsj-synthesis-workshop-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-synthesis-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
    gap:18px;
    padding:20px 22px 22px;
  }

  .hxsj-synthesis-empty-row{
    grid-template-columns:minmax(0, 1fr) minmax(220px, 280px);
    gap:18px;
  }

  .hxsj-synthesis-craft-area{
    grid-template-columns:1fr;
  }

  .hxsj-synthesis-material-panel{
    min-height:260px;
  }

  .hxsj-synthesis-button-bar{
    flex-wrap:wrap;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-synthesis-workshop .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-synthesis-titlebar{
    height:56px;
    flex-basis:56px;
    padding:0 18px;
  }

  .hxsj-synthesis-titlebar h2{
    font-size:19px;
    line-height:28px;
  }

  .hxsj-synthesis-body{
    grid-template-columns:1fr;
    gap:18px;
    padding:16px 14px 18px;
  }

  .hxsj-synthesis-empty-row{
    grid-template-columns:1fr;
  }

  .hxsj-synthesis-portrait{
    width:min(72vw, 280px);
    aspect-ratio:24 / 32;
    justify-self:center;
  }

  .hxsj-synthesis-table-panel{
    overflow:auto;
  }

  .hxsj-synthesis-table-header,
  .hxsj-synthesis-recipe-row{
    min-width:620px;
    grid-template-columns:150px minmax(0, 1fr);
  }

  .hxsj-synthesis-material-panel{
    min-height:300px;
  }

  .hxsj-synthesis-button-bar{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }

  .hxsj-game-frame.hxsj-game-page-synthesis-workshop .hxsj-synthesis-button{
    width:100%;
    height:48px;
    min-height:48px;
    font-size:16px;
  }

  .hxsj-synthesis-count-group{
    justify-content:center;
  }
}

@media (max-width: 420px){
  .hxsj-synthesis-titlebar{
    padding:0 14px;
  }

  .hxsj-synthesis-body{
    padding:14px 10px 16px;
  }

  .hxsj-synthesis-desc-panel{
    padding:16px;
  }

  .hxsj-synthesis-desc-panel p{
    font-size:14px;
    line-height:1.45;
  }

}

.hxsj-game-frame.hxsj-game-page-gacha-center .hxsj-game-home{
  padding-bottom:8px;
}

.hxsj-gacha-screen{
  --hxsj-gacha-bg-deep:#0a0c14;
  --hxsj-gacha-bg-panel:#12151f;
  --hxsj-gacha-bg-card:#1a1e2e;
  --hxsj-gacha-bg-input:#0d1019;
  --hxsj-gacha-border:#2a3045;
  --hxsj-gacha-danger:#dc2626;
  --hxsj-gacha-gold:#f59e0b;
  --hxsj-gacha-text-gold:#fbbf24;
  --hxsj-gacha-text:#f1f5f9;
  --hxsj-gacha-muted:#64748b;
  --hxsj-gacha-secondary:#94a3b8;
  box-sizing:border-box;
  min-width:0;
  height:min(820px, calc(100vh - 142px));
  min-height:620px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--hxsj-gacha-bg-deep);
  color:var(--hxsj-gacha-text);
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-gacha-screen *,
.hxsj-gacha-screen *::before,
.hxsj-gacha-screen *::after{
  box-sizing:border-box;
}

.hxsj-gacha-titlebar{
  height:64px;
  flex:0 0 64px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 32px;
  border-bottom:2px solid var(--hxsj-gacha-danger);
  background:var(--hxsj-gacha-bg-deep);
}

.hxsj-gacha-title-marker{
  width:6px;
  height:24px;
  flex:0 0 6px;
  border-radius:2px;
  background:var(--hxsj-gacha-danger);
}

.hxsj-gacha-titlebar h2{
  min-width:0;
  margin:0;
  color:var(--hxsj-gacha-text);
  font-size:22px;
  font-weight:700;
  line-height:32px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-gacha-legacy-title{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.hxsj-gacha-body{
  --hxsj-quest-sidebar-width:240px;
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
  gap:24px;
  margin:0;
  padding:24px 28px 28px;
  overflow-x:hidden;
  overflow-y:auto;
}

.hxsj-gacha-content{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:24px;
}

.hxsj-gacha-limit-content{
  display:grid;
  grid-template-columns:minmax(240px, 360px) minmax(0, 1fr);
  align-items:start;
  gap:28px;
}

.hxsj-gacha-top-row{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(240px, 360px) minmax(0, 1fr);
  align-items:start;
  gap:28px;
}

.hxsj-gacha-portrait{
  width:100%;
  max-width:360px;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border:1px solid var(--hxsj-gacha-border);
  border-radius:10px;
  background:var(--hxsj-gacha-bg-card);
}

.hxsj-gacha-portrait img{
  width:100%;
  height:100%;
  display:block;
  max-width:none;
  padding:0;
  border:0;
  border-radius:0;
  object-fit:cover;
}

.hxsj-gacha-dialogue{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:14px;
  color:var(--hxsj-gacha-text);
}

.hxsj-gacha-dialogue p{
  margin:0;
  color:var(--hxsj-gacha-text);
  font-size:16px;
  font-weight:400;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.hxsj-gacha-dialogue .is-white{ color:#fff; }
.hxsj-gacha-dialogue .is-green{ color:#22c55e; }
.hxsj-gacha-dialogue .is-blue{ color:#3b82f6; }
.hxsj-gacha-dialogue .is-gold{ color:var(--hxsj-gacha-text-gold); }
.hxsj-gacha-dialogue .is-purple{ color:#a855f7; }
.hxsj-gacha-dialogue .is-danger{ color:var(--hxsj-gacha-danger); }
.hxsj-gacha-dialogue .is-arrow{ color:var(--hxsj-gacha-muted); }

.hxsj-gacha-warning{
  color:#f87171 !important;
  font-weight:700 !important;
}

.hxsj-gacha-link-row{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:14px;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  min-height:33px;
  padding-top:2px;
  white-space:nowrap;
  scrollbar-width:thin;
}

.hxsj-game-frame.hxsj-game-page-gacha-center .hxsj-gacha-link-row a{
  flex:0 0 auto;
  color:var(--hxsj-gacha-text-gold);
  font-size:22px;
  font-weight:700;
  line-height:33px;
  text-decoration:none;
}

.hxsj-game-frame.hxsj-game-page-gacha-center .hxsj-gacha-link-row a:hover{
  color:#fde68a;
}

.hxsj-game-frame.hxsj-game-page-gacha-center .hxsj-gacha-link-row span{
  flex:0 0 auto;
  color:var(--hxsj-gacha-muted);
  font-size:22px;
  line-height:33px;
}

.hxsj-gacha-bottom-row{
  min-width:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:minmax(0, 1fr) clamp(140px, 13vw, 190px);
  align-items:start;
  gap:28px;
}

.hxsj-gacha-grid-panel{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px 12px;
  padding:20px;
  border:1px solid var(--hxsj-gacha-border);
  border-radius:12px;
  background:var(--hxsj-gacha-bg-panel);
}

.hxsj-gacha-cell{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  cursor:pointer;
}

.hxsj-gacha-cell input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.hxsj-gacha-counter{
  min-height:40px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:var(--hxsj-gacha-secondary);
  font-size:14px;
  line-height:18px;
  text-align:center;
}

.hxsj-gacha-dot{
  width:14px;
  height:14px;
  flex:0 0 14px;
  border-radius:999px;
  background:#cbd5e1;
  box-shadow:0 0 8px rgba(203,213,225,.60);
}

.hxsj-gacha-cell.is-green .hxsj-gacha-dot{
  background:#22c55e;
  box-shadow:0 0 8px rgba(34,197,94,.60);
}

.hxsj-gacha-cell.is-blue .hxsj-gacha-dot{
  background:#3b82f6;
  box-shadow:0 0 8px rgba(59,130,246,.60);
}

.hxsj-gacha-cell.is-gold .hxsj-gacha-dot{
  background:#fbbf24;
  box-shadow:0 0 8px rgba(251,191,36,.60);
}

.hxsj-gacha-cell.is-purple .hxsj-gacha-dot{
  background:#a855f7;
  box-shadow:0 0 8px rgba(168,85,247,.60);
}

.hxsj-gacha-cell.is-orange .hxsj-gacha-dot{
  background:#f97316;
  box-shadow:0 0 8px rgba(249,115,22,.60);
}

.hxsj-gacha-cell-button{
  min-width:0;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border:1px solid var(--hxsj-gacha-border);
  border-radius:6px;
  background:var(--hxsj-gacha-bg-input);
  color:var(--hxsj-gacha-text);
  font-size:14px;
  font-weight:600;
  line-height:18px;
  text-align:center;
}

.hxsj-gacha-cell:hover .hxsj-gacha-cell-button,
.hxsj-gacha-cell input:checked ~ .hxsj-gacha-cell-button{
  border-color:var(--hxsj-gacha-gold);
  background:rgba(245,158,11,.13);
  color:var(--hxsj-gacha-text-gold);
}

.hxsj-gacha-cell:focus-within .hxsj-gacha-cell-button{
  outline:2px solid rgba(245,158,11,.55);
  outline-offset:2px;
}

.hxsj-gacha-row-break{
  display:none;
}

.hxsj-gacha-cell-spacer{
  min-height:1px;
}

.hxsj-gacha-ten-pull{
  width:100%;
  height:clamp(82px, 12vh, 100px);
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 14px;
  border:2px solid #8a5a18;
  border-radius:10px;
  background:#e8b95a;
  background-image:linear-gradient(180deg, #fbe8b0 0%, #e8b95a 50%, #b87820 100%);
  box-shadow:0 0 18px 1px rgba(245,158,11,.48), 0 0 5px rgba(255,243,208,.34);
  color:#5a3a08;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
  font-size:clamp(22px, 1.8vw, 28px);
  font-weight:700;
  line-height:1;
  text-align:center;
  appearance:none;
  cursor:pointer;
}

.hxsj-gacha-ten-pull:hover{
  border-color:#a76c1f;
  background-image:linear-gradient(180deg, #fff1c7 0%, #eec667 50%, #c88629 100%);
}

.hxsj-gacha-ten-pull:focus-visible{
  outline:2px solid rgba(251,191,36,.75);
  outline-offset:2px;
}

.hxsj-gacha-result-layer{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  box-sizing:border-box;
  font-family:"Noto Sans SC","Inter",Arial,sans-serif;
}

.hxsj-gacha-result-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,7,18,.68);
}

.hxsj-gacha-result-modal{
  position:relative;
  width:560px;
  max-width:calc(100vw - 40px);
  max-height:calc(100vh - 40px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #334155;
  border-radius:8px;
  background:#111827;
  color:#f8fafc;
  box-shadow:0 22px 56px rgba(0,0,0,.48);
}

.hxsj-gacha-result-modal.is-success{
  border-color:#b7791f;
}

.hxsj-gacha-result-modal.is-warning{
  border-color:#f59e0b;
}

.hxsj-gacha-result-modal.is-error{
  border-color:#dc2626;
}

.hxsj-gacha-result-header{
  min-height:72px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 38px;
  gap:10px;
  padding:16px 18px 14px;
  border-bottom:1px solid #273244;
  background:#151d2b;
}

.hxsj-gacha-result-kicker{
  grid-column:1;
  color:#fbbf24;
  font-size:12px;
  font-weight:700;
  line-height:18px;
}

.hxsj-gacha-result-header h3{
  grid-column:1;
  margin:0;
  color:#f8fafc;
  font-size:22px;
  font-weight:800;
  line-height:30px;
  letter-spacing:0;
}

.hxsj-gacha-result-close{
  grid-column:2;
  grid-row:1 / span 2;
  width:38px;
  height:38px;
  align-self:center;
  border:1px solid #334155;
  border-radius:8px;
  background:#0f172a;
  color:#cbd5e1;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}

.hxsj-gacha-result-close:hover{
  border-color:#f59e0b;
  color:#fbbf24;
}

.hxsj-gacha-result-message{
  margin:0;
  padding:14px 18px 0;
  color:#dbeafe;
  font-size:15px;
  line-height:22px;
}

.hxsj-gacha-result-summary{
  margin:14px 18px 0;
  padding:8px 10px;
  border:1px solid #334155;
  border-radius:8px;
  background:#0f172a;
  color:#fbbf24;
  font-size:14px;
  font-weight:700;
  line-height:20px;
}

.hxsj-gacha-result-list{
  min-height:0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin:14px 18px 0;
  padding:0 2px 2px 0;
  overflow:auto;
  list-style:none;
}

.hxsj-gacha-result-item{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:5px 8px;
  align-items:center;
  padding:11px 12px;
  border:1px solid #334155;
  border-radius:8px;
  background:#172033;
}

.hxsj-gacha-result-rarity{
  grid-column:1 / -1;
  color:#94a3b8;
  font-size:12px;
  font-weight:700;
  line-height:16px;
}

.hxsj-gacha-result-item strong{
  min-width:0;
  color:#f8fafc;
  font-size:16px;
  line-height:22px;
  overflow-wrap:anywhere;
}

.hxsj-gacha-result-amount{
  min-width:34px;
  padding:3px 7px;
  border-radius:999px;
  background:#0f172a;
  color:#fbbf24;
  font-size:13px;
  font-weight:800;
  line-height:18px;
  text-align:center;
}

.hxsj-gacha-result-item.is-green{ border-color:#1f8b4d; }
.hxsj-gacha-result-item.is-blue{ border-color:#2563eb; }
.hxsj-gacha-result-item.is-gold{ border-color:#b7791f; }
.hxsj-gacha-result-item.is-purple{ border-color:#7c3aed; }
.hxsj-gacha-result-item.is-orange{ border-color:#ea580c; }
.hxsj-gacha-result-item.is-green .hxsj-gacha-result-rarity{ color:#4ade80; }
.hxsj-gacha-result-item.is-blue .hxsj-gacha-result-rarity{ color:#60a5fa; }
.hxsj-gacha-result-item.is-gold .hxsj-gacha-result-rarity{ color:#fbbf24; }
.hxsj-gacha-result-item.is-purple .hxsj-gacha-result-rarity{ color:#c084fc; }
.hxsj-gacha-result-item.is-orange .hxsj-gacha-result-rarity{ color:#fb923c; }

.hxsj-gacha-result-footer{
  display:flex;
  justify-content:flex-end;
  padding:16px 18px 18px;
}

.hxsj-gacha-result-confirm{
  min-width:112px;
  height:40px;
  border:1px solid #b7791f;
  border-radius:8px;
  background:#e8b95a;
  color:#3b2605;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}

.hxsj-gacha-result-confirm:hover{
  background:#f0c46c;
}

@media (max-width: 640px){
  .hxsj-gacha-result-layer{
    align-items:center;
    padding:12px;
  }

  .hxsj-gacha-result-modal{
    width:calc(100vw - 24px);
    max-width:calc(100vw - 24px);
    max-height:calc(100vh - 24px);
  }

  .hxsj-gacha-result-header{
    min-height:64px;
    padding:13px 14px 12px;
  }

  .hxsj-gacha-result-header h3{
    font-size:19px;
    line-height:26px;
  }

  .hxsj-gacha-result-list{
    grid-template-columns:1fr;
    margin-left:14px;
    margin-right:14px;
  }

  .hxsj-gacha-result-message,
  .hxsj-gacha-result-summary,
  .hxsj-gacha-result-footer{
    margin-left:14px;
    margin-right:14px;
    padding-left:0;
    padding-right:0;
  }
}

@media (min-width: 1600px){
  .hxsj-gacha-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
    gap:32px;
    padding:28px 32px 32px;
  }

  .hxsj-gacha-top-row,
  .hxsj-gacha-limit-content{
    grid-template-columns:minmax(320px, 420px) minmax(0, 1fr);
    gap:36px;
  }

  .hxsj-gacha-portrait{
    max-width:420px;
  }

  .hxsj-gacha-bottom-row{
    gap:32px;
    grid-template-columns:minmax(0, 1fr) 190px;
  }
}

@media (max-width: 1500px) and (min-width: 901px){
  .hxsj-gacha-screen{
    min-height:590px;
  }

  .hxsj-gacha-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
    gap:20px;
    padding:22px 24px 24px;
  }

  .hxsj-gacha-content{
    gap:18px;
  }

  .hxsj-gacha-top-row,
  .hxsj-gacha-limit-content{
    grid-template-columns:minmax(240px, 300px) minmax(0, 1fr);
    gap:22px;
  }

  .hxsj-gacha-portrait{
    max-width:300px;
  }

  .hxsj-gacha-dialogue{
    gap:9px;
  }

  .hxsj-gacha-dialogue p{
    font-size:14px;
    line-height:1.43;
  }

  .hxsj-gacha-link-row a,
  .hxsj-gacha-link-row span{
    font-size:17px;
    line-height:26px;
  }

  .hxsj-gacha-bottom-row{
    grid-template-columns:minmax(0, 1fr) clamp(130px, 12vw, 170px);
    gap:20px;
  }

  .hxsj-gacha-grid-panel{
    gap:10px;
    padding:14px;
  }

  .hxsj-gacha-counter{
    min-height:34px;
    gap:4px;
    font-size:12px;
    line-height:16px;
  }

  .hxsj-gacha-cell-button{
    min-height:38px;
    padding:5px 6px;
    font-size:12px;
    line-height:16px;
  }

  .hxsj-gacha-ten-pull{
    min-height:78px;
    height:clamp(78px, 11vh, 92px);
    font-size:22px;
  }
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-gacha-screen{
    height:calc(100vh - 142px);
    min-height:0;
  }

  .hxsj-gacha-body{
    gap:18px;
    padding:18px 22px 22px;
  }

  .hxsj-gacha-content{
    gap:16px;
  }

  .hxsj-gacha-top-row,
  .hxsj-gacha-limit-content{
    grid-template-columns:minmax(220px, 280px) minmax(0, 1fr);
    gap:22px;
  }

  .hxsj-gacha-portrait{
    max-width:280px;
  }

  .hxsj-gacha-dialogue{
    gap:8px;
  }

  .hxsj-gacha-dialogue p{
    font-size:14px;
    line-height:1.38;
  }

  .hxsj-gacha-link-row a,
  .hxsj-gacha-link-row span{
    font-size:17px;
    line-height:26px;
  }

  .hxsj-gacha-bottom-row{
    gap:18px;
  }

  .hxsj-gacha-grid-panel{
    gap:10px;
    padding:14px;
  }

  .hxsj-gacha-counter{
    min-height:30px;
    gap:4px;
    font-size:12px;
    line-height:16px;
  }

  .hxsj-gacha-cell{
    gap:7px;
  }

  .hxsj-gacha-cell-button{
    min-height:34px;
    padding:4px 6px;
    font-size:12px;
    line-height:15px;
  }

  .hxsj-gacha-ten-pull{
    min-height:74px;
    height:clamp(74px, 10vh, 86px);
    font-size:22px;
  }
}

@media (max-width: 1180px){
  .hxsj-gacha-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-gacha-body{
    grid-template-columns:var(--hxsj-quest-sidebar-width) minmax(0, 1fr);
    gap:18px;
    padding:20px 22px 22px;
  }

  .hxsj-gacha-top-row,
  .hxsj-gacha-limit-content{
    grid-template-columns:minmax(200px, 240px) minmax(0, 1fr);
    gap:18px;
  }

  .hxsj-gacha-portrait{
    max-width:240px;
  }

  .hxsj-gacha-bottom-row{
    grid-template-columns:1fr;
  }

  .hxsj-gacha-grid-panel{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .hxsj-gacha-cell-spacer{
    display:none;
  }

  .hxsj-gacha-ten-pull{
    width:min(190px, 100%);
    justify-self:start;
    height:82px;
    min-height:82px;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-gacha-center .hxsj-game-content-panel{
    overflow:visible;
  }

  .hxsj-gacha-titlebar{
    height:56px;
    flex-basis:56px;
    padding:0 18px;
  }

  .hxsj-gacha-titlebar h2{
    font-size:19px;
    line-height:28px;
  }

  .hxsj-gacha-body{
    grid-template-columns:1fr;
    gap:18px;
    padding:16px 14px 18px;
  }

  .hxsj-gacha-content{
    gap:16px;
  }

  .hxsj-gacha-top-row,
  .hxsj-gacha-limit-content{
    grid-template-columns:1fr;
    gap:16px;
  }

  .hxsj-gacha-portrait{
    width:min(72vw, 260px);
    justify-self:center;
  }

  .hxsj-gacha-dialogue{
    gap:8px;
  }

  .hxsj-gacha-dialogue p{
    font-size:14px;
    line-height:1.45;
  }

  .hxsj-gacha-link-row{
    gap:10px;
  }

  .hxsj-gacha-link-row a,
  .hxsj-gacha-link-row span{
    font-size:16px;
    line-height:26px;
  }

  .hxsj-gacha-grid-panel{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    padding:12px;
  }

  .hxsj-gacha-ten-pull{
    width:min(220px, 100%);
    height:78px;
    min-height:78px;
    font-size:24px;
  }
}

@media (max-width: 420px){
  .hxsj-gacha-titlebar{
    padding:0 14px;
  }

  .hxsj-gacha-titlebar h2{
    font-size:18px;
  }

  .hxsj-gacha-body{
    padding:14px 10px 16px;
  }

  .hxsj-gacha-grid-panel{
    padding:10px;
  }

  .hxsj-gacha-cell-button{
    padding:5px 6px;
    font-size:12px;
    line-height:16px;
  }
}

.hxsj-gacha-live-body{
  grid-template-columns:220px minmax(240px, 360px) minmax(0, 1fr);
  gap:24px;
  align-items:start;
}

.hxsj-gacha-live-portrait{
  width:100%;
  max-width:420px;
  aspect-ratio:3 / 5;
  align-self:start;
  border-radius:10px;
}

.hxsj-gacha-live-portrait img{
  object-fit:cover;
}

.hxsj-gacha-live-content{
  gap:28px;
  height:100%;
}

.hxsj-gacha-live-dialogue{
  gap:14px;
}

.hxsj-gacha-live-dialogue p{
  font-size:18px;
  line-height:1.5;
}

.hxsj-gacha-live-link-row{
  gap:12px;
  min-height:40px;
  padding-top:4px;
}

.hxsj-game-frame.hxsj-game-page-gacha-center .hxsj-gacha-live-link-row a{
  flex:0 0 auto;
  color:var(--hxsj-gacha-text-gold);
  font-size:24px;
  font-weight:700;
  line-height:34px;
  text-decoration:none;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-gacha-center .hxsj-gacha-live-link-row a:hover{
  color:#fde68a;
}

.hxsj-game-frame.hxsj-game-page-gacha-center .hxsj-gacha-live-link-row span{
  flex:0 0 auto;
  color:var(--hxsj-gacha-muted);
  font-size:24px;
  font-weight:300;
  line-height:34px;
  white-space:nowrap;
}

.hxsj-gacha-live-banner-wrap{
  height:200px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:24px;
}

.hxsj-gacha-live-banner-wrap img{
  width:min(600px, 100%);
  height:auto;
  display:block;
  max-width:none;
  padding:0;
  border:0;
}

.hxsj-gacha-live-reference{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding-top:8px;
}

.hxsj-gacha-live-legend{
  min-width:0;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:10px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
}

.hxsj-gacha-live-legend-label{
  flex:0 0 auto;
  color:var(--hxsj-gacha-secondary);
  font-size:14px;
  line-height:28px;
  white-space:nowrap;
}

.hxsj-gacha-live-chip{
  min-height:28px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:6px;
  background:var(--hxsj-gacha-bg-card);
  color:#cbd5e1;
  font-size:14px;
  font-weight:600;
  line-height:18px;
  white-space:nowrap;
}

.hxsj-gacha-live-chip-dot{
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:999px;
  background:currentColor;
  box-shadow:0 0 6px currentColor;
}

.hxsj-gacha-live-chip.is-white{ color:#cbd5e1; }
.hxsj-gacha-live-chip.is-green{ color:#22c55e; }
.hxsj-gacha-live-chip.is-blue{ color:#3b82f6; }
.hxsj-gacha-live-chip.is-gold{ color:#fbbf24; }
.hxsj-gacha-live-chip.is-purple{ color:#a855f7; }

.hxsj-gacha-live-feed{
  min-width:0;
  min-height:0;
  height:clamp(160px, 27vh, 318px);
  overflow:hidden;
  border:1px solid var(--hxsj-gacha-border);
  border-radius:10px;
  background:var(--hxsj-gacha-bg-panel);
}

.hxsj-gacha-live-feed-header{
  height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 18px;
  border-bottom:1px solid var(--hxsj-gacha-border);
  background:var(--hxsj-gacha-bg-card);
}

.hxsj-gacha-live-dot{
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:999px;
  background:var(--hxsj-gacha-danger);
  box-shadow:0 0 6px rgba(220,38,38,.67);
}

.hxsj-gacha-live-feed-header strong{
  color:var(--hxsj-gacha-text);
  font-size:14px;
  font-weight:700;
  line-height:20px;
  white-space:nowrap;
}

.hxsj-gacha-live-feed-header small{
  color:var(--hxsj-gacha-muted);
  font-size:12px;
  font-weight:400;
  line-height:18px;
  white-space:nowrap;
}

.hxsj-gacha-live-feed-spacer{
  min-width:12px;
  flex:1 1 auto;
}

.hxsj-gacha-live-feed-scroll{
  height:calc(100% - 42px);
  max-height:none;
  overflow:auto;
}

.hxsj-gacha-live-row{
  min-height:46px;
  display:grid;
  grid-template-columns:46px 54px minmax(64px, max-content) max-content minmax(0, 1fr);
  align-items:center;
  gap:10px;
  padding:0 18px;
  color:var(--hxsj-gacha-secondary);
}

.hxsj-gacha-live-row.is-alt{
  background:rgba(255,255,255,.06);
}

.hxsj-gacha-live-time{
  color:var(--hxsj-gacha-muted);
  font-size:13px;
  line-height:18px;
  white-space:nowrap;
}

.hxsj-gacha-live-star{
  min-width:48px;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 8px;
  border:1px solid currentColor;
  border-radius:5px;
  background:rgba(251,191,36,.13);
  color:#fbbf24;
  font-size:12px;
  font-weight:700;
  line-height:16px;
  white-space:nowrap;
}

.hxsj-gacha-live-star.is-white{ color:#cbd5e1; background:rgba(203,213,225,.12); }
.hxsj-gacha-live-star.is-green{ color:#22c55e; background:rgba(34,197,94,.13); }
.hxsj-gacha-live-star.is-blue{ color:#3b82f6; background:rgba(59,130,246,.13); }
.hxsj-gacha-live-star.is-gold{ color:#fbbf24; background:rgba(251,191,36,.13); }
.hxsj-gacha-live-star.is-purple{ color:#a855f7; background:rgba(168,85,247,.13); }
.hxsj-gacha-live-star.is-orange{ color:#f97316; background:rgba(249,115,22,.13); }

.hxsj-gacha-live-player{
  max-width:120px;
  overflow:hidden;
  color:var(--hxsj-gacha-text-gold);
  font-size:15px;
  font-weight:600;
  line-height:20px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-gacha-live-action{
  color:var(--hxsj-gacha-secondary);
  font-size:14px;
  line-height:20px;
  white-space:nowrap;
}

.hxsj-gacha-live-spirit{
  min-width:0;
  overflow:hidden;
  color:#fbbf24;
  font-size:15px;
  font-weight:700;
  line-height:20px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-gacha-live-star.is-purple ~ .hxsj-gacha-live-spirit{
  color:#a855f7;
  text-shadow:0 0 8px rgba(168,85,247,.40);
}

.hxsj-gacha-live-star.is-orange ~ .hxsj-gacha-live-spirit{
  color:#f97316;
  text-shadow:0 0 8px rgba(249,115,22,.40);
}

.hxsj-gacha-live-row.is-generic .hxsj-gacha-live-action{
  display:none;
}

.hxsj-gacha-live-original{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.hxsj-gacha-live-empty{
  min-height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  color:var(--hxsj-gacha-muted);
  font-size:14px;
}

@media (min-width: 1600px){
  .hxsj-gacha-live-body{
    grid-template-columns:240px minmax(320px, 420px) minmax(0, 1fr);
    gap:32px;
  }
}

@media (max-width: 1500px) and (min-width: 901px){
  .hxsj-gacha-live-body{
    grid-template-columns:190px minmax(230px, 280px) minmax(0, 1fr);
    gap:20px;
  }

  .hxsj-gacha-live-content{
    gap:18px;
  }

  .hxsj-gacha-live-dialogue p{
    font-size:14px;
    line-height:1.43;
  }

  .hxsj-game-frame.hxsj-game-page-gacha-center .hxsj-gacha-live-link-row a,
  .hxsj-game-frame.hxsj-game-page-gacha-center .hxsj-gacha-live-link-row span{
    font-size:18px;
    line-height:28px;
  }

  .hxsj-gacha-live-link-row{
    min-height:34px;
    gap:10px;
    padding-top:3px;
  }

  .hxsj-gacha-live-banner-wrap{
    height:150px;
    padding-top:12px;
  }

  .hxsj-gacha-live-banner-wrap img{
    width:min(460px, 100%);
  }

  .hxsj-gacha-live-reference{
    gap:12px;
    padding-top:4px;
  }

  .hxsj-gacha-live-feed-scroll{
    max-height:238px;
  }

  .hxsj-gacha-live-row{
    min-height:42px;
    grid-template-columns:44px 52px minmax(54px, max-content) max-content minmax(0, 1fr);
    gap:8px;
    padding:0 14px;
  }

  .hxsj-gacha-live-player,
  .hxsj-gacha-live-spirit{
    font-size:14px;
  }

  .hxsj-gacha-live-action{
    font-size:13px;
  }
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-gacha-live-body{
    grid-template-columns:190px minmax(210px, 250px) minmax(0, 1fr);
  }

  .hxsj-gacha-live-content{
    gap:14px;
  }

  .hxsj-gacha-live-banner-wrap{
    height:126px;
    padding-top:8px;
  }

  .hxsj-gacha-live-banner-wrap img{
    width:min(380px, 100%);
  }

  .hxsj-gacha-live-legend{
    gap:8px;
  }

  .hxsj-gacha-live-chip{
    min-height:24px;
    padding:3px 8px;
    font-size:12px;
  }

  .hxsj-gacha-live-feed-scroll{
    max-height:216px;
  }

  .hxsj-gacha-live-row{
    min-height:39px;
  }
}

@media (max-width: 1180px){
  .hxsj-gacha-live-body{
    grid-template-columns:180px minmax(200px, 240px) minmax(0, 1fr);
    gap:18px;
  }

  .hxsj-gacha-live-banner-wrap{
    height:120px;
  }

  .hxsj-gacha-live-row{
    grid-template-columns:44px 52px minmax(0, 1fr);
    gap:8px;
    padding:8px 12px;
  }

  .hxsj-gacha-live-player{
    max-width:100%;
  }

  .hxsj-gacha-live-action{
    grid-column:3;
  }

  .hxsj-gacha-live-spirit{
    grid-column:3;
  }
}

@media (max-width: 900px){
  .hxsj-gacha-live-body{
    grid-template-columns:1fr;
  }

  .hxsj-gacha-live-portrait{
    width:min(70vw, 250px);
    justify-self:center;
  }

  .hxsj-gacha-live-link-row{
    gap:10px;
  }

  .hxsj-game-frame.hxsj-game-page-gacha-center .hxsj-gacha-live-link-row a,
  .hxsj-game-frame.hxsj-game-page-gacha-center .hxsj-gacha-live-link-row span{
    font-size:15px;
    line-height:24px;
  }

  .hxsj-gacha-live-banner-wrap{
    height:112px;
    padding-top:8px;
  }

  .hxsj-gacha-live-banner-wrap img{
    width:min(360px, 100%);
  }

  .hxsj-gacha-live-feed-scroll{
    max-height:none;
  }
}

@media (max-width: 420px){
  .hxsj-gacha-live-portrait{
    width:min(76vw, 220px);
  }

  .hxsj-gacha-live-row{
    grid-template-columns:42px 50px minmax(0, 1fr);
    padding:8px 10px;
  }

  .hxsj-gacha-live-feed-header{
    padding:0 12px;
  }

  .hxsj-gacha-live-feed-header small{
    display:none;
  }
}

@media (max-width: 1500px) and (min-width: 901px){
  .hxsj-explore-body{
    grid-template-columns:220px minmax(0, 1fr);
    gap:24px;
    padding:24px;
  }

  .hxsj-explore-nav-sidebar{
    width:220px;
  }

  .hxsj-explore-content-inner{
    gap:24px;
    padding:28px;
  }

  .hxsj-explore-dungeon-panel{
    grid-template-columns:minmax(190px, .65fr) minmax(0, 1.35fr);
    gap:14px;
    padding:20px;
  }

  .hxsj-explore-button-row{
    gap:16px;
  }

  .hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-action{
    padding:0 22px;
  }
}

@media (max-height: 820px) and (min-width: 901px){
  .hxsj-explore-ruins-screen{
    min-height:0;
    height:calc(100vh - 142px);
  }

  .hxsj-explore-titlebar{
    height:56px;
    min-height:56px;
  }

  .hxsj-explore-body{
    gap:20px;
    padding:20px 24px 24px;
  }

  .hxsj-explore-content-inner{
    gap:20px;
    padding:24px;
  }

  .hxsj-explore-description{
    gap:7px;
    padding:16px 20px;
  }

  .hxsj-explore-dungeon-panel{
    padding:18px;
  }

  .hxsj-explore-dungeon-heading strong{
    font-size:21px;
    line-height:30px;
  }

  .hxsj-explore-dungeon-status div{
    padding:12px;
  }

  .hxsj-explore-dungeon-feedback{
    padding:16px;
  }

  .hxsj-explore-description p{
    font-size:14px;
    line-height:1.45;
  }

  .hxsj-explore-form{
    gap:16px;
  }

  .hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-action{
    height:48px;
    min-height:48px;
    padding:0 18px;
    font-size:15px;
  }
}

@media (max-height: 700px) and (min-width: 901px){
  .hxsj-explore-titlebar{
    height:52px;
    min-height:52px;
  }

  .hxsj-explore-body{
    gap:16px;
    padding:14px 18px 18px;
  }

  .hxsj-explore-nav-header,
  .hxsj-explore-nav-row{
    height:40px;
    min-height:40px;
  }

  .hxsj-explore-nav-item{
    height:36px;
    min-height:36px;
    line-height:36px;
  }

  .hxsj-explore-content-inner{
    gap:16px;
    padding:20px;
  }

  .hxsj-explore-description{
    padding:14px 18px;
  }

  .hxsj-explore-dungeon-panel{
    gap:12px;
    padding:14px 16px;
  }

  .hxsj-explore-dungeon-status{
    gap:8px;
  }

  .hxsj-explore-dungeon-status div{
    padding:10px;
  }

  .hxsj-explore-dungeon-status strong{
    font-size:20px;
    line-height:26px;
  }

  .hxsj-explore-dungeon-feedback{
    gap:12px;
    padding:14px;
  }

  .hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-action{
    height:44px;
    min-height:44px;
    font-size:14px;
  }
}

@media (max-width: 900px){
  .hxsj-explore-ruins-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-explore-titlebar{
    height:58px;
    min-height:58px;
    padding:0 18px;
  }

  .hxsj-explore-titlebar h2{
    font-size:19px;
    line-height:28px;
  }

  .hxsj-explore-body{
    grid-template-columns:1fr;
    gap:16px;
    padding:16px 12px 18px;
  }

  .hxsj-explore-nav-sidebar{
    width:100%;
    min-height:0;
    border-radius:6px;
  }

  .hxsj-explore-nav-group{
    flex:0 0 auto;
  }

  .hxsj-explore-nav-panel{
    flex:0 0 auto;
    min-height:96px;
  }

  .hxsj-explore-content{
    min-height:430px;
  }

  .hxsj-explore-content-inner{
    min-height:430px;
    max-height:none;
    gap:18px;
    padding:20px;
  }

  .hxsj-explore-dungeon-panel{
    grid-template-columns:1fr;
    gap:14px;
    padding:18px;
  }

  .hxsj-explore-dungeon-heading strong{
    white-space:normal;
  }

  .hxsj-explore-dungeon-feedback{
    grid-template-columns:minmax(0, 132px) minmax(0, 1fr);
  }

  .hxsj-explore-dungeon-feedback img{
    max-width:132px;
    max-height:132px;
  }

  .hxsj-explore-description{
    padding:16px 18px;
  }

  .hxsj-explore-description p{
    font-size:14px;
  }

  .hxsj-explore-button-row{
    gap:12px;
  }

  .hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-action{
    height:50px;
    min-height:50px;
    padding:0 14px;
    font-size:15px;
  }
}

@media (max-width: 700px){
  .hxsj-explore-button-row{
    grid-template-columns:1fr;
  }

  .hxsj-explore-dungeon-status{
    grid-template-columns:1fr;
  }

  .hxsj-explore-dungeon-feedback{
    grid-template-columns:1fr;
  }

  .hxsj-explore-dungeon-feedback img{
    width:min(100%, 180px);
    justify-self:center;
  }

  .hxsj-explore-dungeon-form{
    width:100%;
  }
}

@media (max-width: 420px){
  .hxsj-explore-titlebar{
    padding:0 12px;
  }

  .hxsj-explore-titlebar h2{
    font-size:18px;
  }

  .hxsj-explore-body{
    padding:12px 10px 14px;
  }

  .hxsj-explore-nav-header,
  .hxsj-explore-nav-row{
    padding:0 14px;
  }

  .hxsj-explore-content{
    min-height:410px;
  }

  .hxsj-explore-content-inner{
    min-height:410px;
    padding:16px;
  }

  .hxsj-game-frame.hxsj-game-page-explore-ruins .hxsj-explore-action{
    height:48px;
    min-height:48px;
    padding:0 8px;
    font-size:13px;
  }
}

@media (max-height: 820px) and (min-width: 901px){
  .hxsj-guild-war-screen{
    min-height:0;
    height:calc(100vh - 142px);
  }

  .hxsj-guild-war-titlebar{
    height:56px;
    min-height:56px;
  }

  .hxsj-guild-war-canvas{
    padding:40px 32px;
  }

  .hxsj-guild-war-center{
    gap:32px;
  }

  .hxsj-guild-war-instruction{
    font-size:24px;
    line-height:34px;
  }

  .hxsj-guild-war-cooldown{
    margin:-16px 0 -6px;
    font-size:16px;
    line-height:24px;
  }

  .hxsj-game-frame.hxsj-game-page-guild-war .hxsj-guild-war-button{
    min-width:310px;
    height:72px;
    min-height:72px;
    padding:0 72px;
    font-size:30px;
  }
}

@media (max-height: 700px) and (min-width: 901px){
  .hxsj-guild-war-titlebar{
    height:52px;
    min-height:52px;
  }

  .hxsj-guild-war-canvas{
    padding:30px 24px;
  }

  .hxsj-guild-war-center{
    gap:24px;
  }

  .hxsj-guild-war-instruction{
    font-size:22px;
    line-height:31px;
  }

  .hxsj-game-frame.hxsj-game-page-guild-war .hxsj-guild-war-button{
    min-width:280px;
    height:64px;
    min-height:64px;
    padding:0 58px;
    font-size:26px;
  }
}

@media (max-width: 900px){
  .hxsj-guild-war-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-guild-war-titlebar{
    height:58px;
    min-height:58px;
    padding:0 18px;
  }

  .hxsj-guild-war-titlebar h2{
    font-size:19px;
    line-height:28px;
  }

  .hxsj-guild-war-canvas{
    min-height:520px;
    padding:36px 20px;
  }

  .hxsj-guild-war-center{
    width:100%;
    gap:24px;
  }

  .hxsj-guild-war-instruction{
    font-size:20px;
    line-height:30px;
  }

  .hxsj-guild-war-cooldown{
    margin:-8px 0 -2px;
    font-size:15px;
    line-height:22px;
  }

  .hxsj-guild-war-form{
    width:100%;
    display:flex;
    justify-content:center;
  }

  .hxsj-game-frame.hxsj-game-page-guild-war .hxsj-guild-war-button{
    width:min(100%, 280px);
    min-width:0;
    height:58px;
    min-height:58px;
    padding:0 32px;
    font-size:22px;
  }
}

@media (max-width: 420px){
  .hxsj-guild-war-titlebar{
    padding:0 12px;
  }

  .hxsj-guild-war-titlebar h2{
    font-size:18px;
  }

  .hxsj-guild-war-canvas{
    min-height:480px;
    padding:28px 14px;
  }

  .hxsj-guild-war-instruction{
    font-size:18px;
    line-height:28px;
  }

  .hxsj-game-frame.hxsj-game-page-guild-war .hxsj-guild-war-button{
    width:100%;
    height:56px;
    min-height:56px;
    padding:0 20px;
    font-size:20px;
  }
}

@media (max-height: 820px) and (min-width: 901px){
  .hxsj-pk-friends-screen{
    min-height:0;
    height:calc(100vh - 142px);
  }

  .hxsj-pk-friends-body{
    grid-template-columns:minmax(0, 1fr) minmax(320px, 420px);
    gap:24px;
    padding:24px;
  }

  .hxsj-pk-friends-left,
  .hxsj-pk-friends-form{
    gap:14px;
  }

  .hxsj-pk-friends-list{
    height:260px;
  }

  .hxsj-pk-add-direct,
  .hxsj-pk-add-form,
  .hxsj-pk-player-column,
  .hxsj-pk-player-form{
    gap:12px;
  }

  .hxsj-pk-player-list{
    min-height:180px;
  }
}

@media (max-width: 900px){
  .hxsj-pk-friends-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-pk-friends-banner{
    min-height:52px;
    padding:10px 18px;
    font-size:15px;
    line-height:22px;
  }

  .hxsj-pk-friends-body{
    grid-template-columns:1fr;
    gap:20px;
    padding:18px 12px 20px;
    overflow:visible;
  }

  .hxsj-pk-friends-left,
  .hxsj-pk-friends-form,
  .hxsj-pk-add-direct,
  .hxsj-pk-add-form,
  .hxsj-pk-player-column,
  .hxsj-pk-player-form{
    gap:14px;
  }

  .hxsj-pk-friends-list{
    height:220px;
  }

  .hxsj-pk-player-list{
    height:360px;
    min-height:360px;
    flex:0 0 auto;
  }

  .hxsj-pk-add-row{
    align-items:stretch;
  }

  .hxsj-pk-input{
    flex:1 1 auto;
    width:auto;
  }
}

@media (max-width: 420px){
  .hxsj-pk-friends-banner{
    padding:9px 12px;
    font-size:14px;
    line-height:21px;
  }

  .hxsj-pk-friends-body{
    padding:14px 10px 16px;
  }

  .hxsj-pk-list{
    padding:10px 12px;
  }

  .hxsj-pk-list-row{
    gap:10px;
    font-size:14px;
  }

  .hxsj-pk-add-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
  }

  .hxsj-game-frame.hxsj-game-page-pk-friends .hxsj-pk-small-button{
    padding:0 16px;
  }

  .hxsj-pk-pagination{
    gap:8px;
  }

  .hxsj-pk-pagination button{
    padding:5px 10px;
  }
}

@media (max-height: 820px) and (min-width: 901px){
  .hxsj-afk-grind-screen{
    min-height:0;
    height:calc(100vh - 142px);
  }

  .hxsj-afk-header{
    min-height:48px;
    padding:0 24px;
  }

  .hxsj-afk-warning{
    min-height:48px;
    padding:0 24px;
    font-size:16px;
    line-height:24px;
  }

  .hxsj-afk-body{
    grid-template-columns:320px minmax(0, 1fr);
    gap:24px;
    padding:24px;
  }

  .hxsj-afk-portrait{
    width:320px;
    height:404px;
  }

  .hxsj-afk-info,
  .hxsj-afk-lines,
  .hxsj-afk-status{
    gap:12px;
  }

  .hxsj-afk-stat-grid{
    gap:6px;
  }

  .hxsj-afk-live-card{
    min-height:48px;
    padding:7px 10px;
  }

  .hxsj-afk-live-card strong{
    font-size:15px;
    line-height:20px;
  }

  .hxsj-game-frame.hxsj-game-page-afk-grind .hxsj-afk-button{
    height:48px;
    min-height:48px;
    padding:0 34px;
    font-size:18px;
  }
}

@media (max-width: 1180px) and (min-width: 901px){
  .hxsj-afk-body{
    grid-template-columns:300px minmax(0, 1fr);
    gap:24px;
  }

  .hxsj-afk-portrait{
    width:300px;
    height:379px;
  }

  .hxsj-afk-stat-row{
    gap:12px;
  }
}

@media (max-width: 900px){
  .hxsj-afk-grind-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-game-frame.hxsj-game-page-afk-grind .result,
  .hxsj-game-frame.hxsj-game-page-afk-grind .error{
    padding:4px 16px;
    font-size:15px;
    line-height:22px;
  }

  .hxsj-afk-header{
    min-height:52px;
    padding:0 18px;
  }

  .hxsj-afk-warning{
    min-height:56px;
    padding:10px 18px;
    font-size:15px;
    line-height:22px;
  }

  .hxsj-afk-body{
    grid-template-columns:1fr;
    gap:20px;
    padding:18px 12px 20px;
    overflow:visible;
  }

  .hxsj-afk-portrait{
    width:min(100%, 380px);
    height:auto;
    aspect-ratio:19 / 24;
    justify-self:center;
  }

  .hxsj-afk-stat-row{
    grid-template-columns:1fr;
    gap:8px;
  }

  .hxsj-afk-live{
    grid-template-columns:1fr;
  }

  .hxsj-afk-stat-cell{
    min-height:22px;
  }

  .hxsj-game-frame.hxsj-game-page-afk-grind .hxsj-afk-button{
    width:min(100%, 180px);
    min-width:0;
  }
}

@media (max-width: 420px){
  .hxsj-afk-header{
    padding:0 14px;
  }

  .hxsj-afk-warning{
    padding:9px 12px;
    font-size:14px;
    line-height:21px;
  }

  .hxsj-afk-body{
    padding:14px 10px 16px;
  }

  .hxsj-afk-portrait{
    width:min(100%, 280px);
  }

  .hxsj-afk-greeting{
    font-size:15px;
  }

  .hxsj-afk-lines p,
  .hxsj-afk-status p{
    font-size:14px;
  }

  .hxsj-game-frame.hxsj-game-page-afk-grind .hxsj-afk-button{
    width:100%;
    max-width:180px;
    height:52px;
    min-height:52px;
    font-size:18px;
  }
}

.hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-game-home{
  padding:12px 16px;
}

.hxsj-spirit-status-screen,
.hxsj-spirit-other {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  color: #f1f5f9;
  font-family: "Noto Sans SC", Inter, Arial, sans-serif;
  background: #080b11;
  border: 1px solid #1e293b;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.hxsj-spirit-status-screen *,
.hxsj-spirit-status-screen *::before,
.hxsj-spirit-status-screen *::after,
.hxsj-spirit-other *,
.hxsj-spirit-other *::before,
.hxsj-spirit-other *::after {
  box-sizing: border-box;
}

.hxsj-spirit-tabs {
  display: flex;
  align-items: center;
  width: 100%;
  height: 52px;
  min-height: 52px;
  padding: 0 16px;
  overflow-x: auto;
  overflow-y: hidden;
  border: 0;
  background: #0c0e17;
  border-bottom: 1px solid #1e293b;
  scrollbar-width: none;
  gap: 6px;
}

.hxsj-spirit-tabs::-webkit-scrollbar,
.hxsj-spirit-other-row::-webkit-scrollbar {
  display: none;
}

.hxsj-spirit-tabs,
.hxsj-spirit-other-row {
  scrollbar-width: none;
}

.hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-spirit-tab {
  appearance: none;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 101px;
  height: 38px;
  margin: 0;
  padding: 0 20px;
  border: 0;
  border-radius: 6px;
  color: #64748b;
  background: transparent;
  background-image: none;
  box-shadow: none;
  font: 500 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-spirit-tab:hover {
  color: #cbd5e1;
  background: rgba(30, 41, 59, 0.4);
}

.hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-spirit-tab.is-active {
  min-width: 101px;
  border: 1px solid #334155;
  color: #f8fafc;
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.hxsj-spirit-section-heading {
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0 24px;
  gap: 12px;
  border: 0;
  border-bottom: 1px solid #1e293b;
  background: linear-gradient(90deg, #0f172a 0%, #080b11 100%);
}

.hxsj-spirit-section-marker {
  display: block;
  width: 5px;
  height: 18px;
  border-radius: 2px;
  background: #94a3b8;
}

/* Accent lines mapped dynamically to Character Star Quality */
.qual-good .hxsj-spirit-section-marker { background: #22c55e; }
.qual-rare .hxsj-spirit-section-marker { background: #3b82f6; }
.qual-epic .hxsj-spirit-section-marker { background: #a855f7; }
.qual-legend .hxsj-spirit-section-marker { background: #fbbf24; }

.hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-spirit-section-heading h4 {
  margin: 0;
  padding: 0;
  color: #f1f5f9;
  background: transparent;
  border: 0;
  font: 600 14px/23px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing: 0.01em;
}

.hxsj-spirit-main {
  display: grid;
  grid-template-columns: 200px minmax(360px, 1fr) minmax(210px, 240px);
  align-items: start;
  gap: 18px;
  width: 100%;
  min-height: 392px;
  padding: 20px 24px;
}

.hxsj-spirit-profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200px;
  min-width: 0;
  gap: 10px;
}

/* Modern Card Frame container */
.hxsj-spirit-card-container {
  width: 180px;
  height: 240px;
  border-radius: 12px;
  padding: 4px;
  background: linear-gradient(135deg, #334155 0%, #0f172a 100%);
  border: 1px solid #475569;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hxsj-spirit-card-container:hover {
  transform: translateY(-4px) rotate(1deg);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.6);
}

/* Theme color mappings for the Collectible Card Frame */
.qual-good .hxsj-spirit-card-container {
  background: linear-gradient(135deg, #166534 0%, #064e3b 100%);
  border-color: #22c55e;
}
.qual-rare .hxsj-spirit-card-container {
  background: linear-gradient(135deg, #1e40af 0%, #0f172a 100%);
  border-color: #3b82f6;
}
.qual-epic .hxsj-spirit-card-container {
  background: linear-gradient(135deg, #6b21a8 0%, #1e1b4b 100%);
  border-color: #a855f7;
}
.qual-legend .hxsj-spirit-card-container {
  background: linear-gradient(135deg, #b45309 0%, #451a03 100%);
  border-color: #fbbf24;
}

.hxsj-spirit-portrait {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: #020617;
  position: relative;
}

.hxsj-spirit-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Card Info Overlay */
.hxsj-spirit-card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
  padding: 16px 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  pointer-events: none;
}

.hxsj-spirit-card-name {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
  margin-bottom: 2px;
  color: #f1f5f9;
}

.qual-good .hxsj-spirit-card-name { color: #4ade80; }
.qual-rare .hxsj-spirit-card-name { color: #60a5fa; }
.qual-epic .hxsj-spirit-card-name { color: #c084fc; }
.qual-legend .hxsj-spirit-card-name { color: #fbbf24; }

.hxsj-spirit-card-meta {
  font-size: 10px;
  color: #94a3b8;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

.hxsj-spirit-profile p {
  width: 180px;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing: 0;
}

.hxsj-spirit-id {
  color: #64748b;
  font-size: 11px;
  background: #020617;
  padding: 2px 8px;
  border-radius: 10px;
  font-family: monospace;
  margin-top: 4px;
  text-align: center;
}

.hxsj-spirit-role {
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 500;
  background: #0f172a;
  border: 1px solid #1e293b;
  padding: 4px 10px;
  border-radius: 6px;
  width: 100%;
  text-align: center;
  min-height: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hxsj-spirit-stars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-height: 22px;
  color: #1e293b;
  font: 400 15px/22px Inter, "Noto Sans SC", Arial, sans-serif;
  letter-spacing: 1px;
  width: 100%;
}

.hxsj-spirit-stars span {
  display: block;
}

.hxsj-spirit-stars span.is-filled {
  color: #fbbf24;
  text-shadow: 0 0 6px rgba(251, 191, 36, 0.4);
}

.hxsj-spirit-stats {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 6px;
}

.hxsj-spirit-stat-row {
  display: grid;
  grid-template-columns: 110px 100px minmax(0, 1fr);
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  gap: 8px;
  background: #0b0f19;
  border: 1px solid #1e293b;
  border-radius: 6px;
  transition: background-color 0.2s, border-color 0.2s;
}

.hxsj-spirit-stat-row:hover {
  background: #0f172a;
  border-color: #334155;
}

.hxsj-spirit-stat-label {
  color: #94a3b8;
  font: 500 12px/19px "Noto Sans SC", Inter, Arial, sans-serif;
  white-space: nowrap;
}

.hxsj-spirit-stat-value {
  color: #f1f5f9;
  font: 700 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 6px;
}

.hxsj-spirit-stat-value .base-val {
  color: #f1f5f9;
}

.hxsj-spirit-stat-value .bonus-val {
  color: #22c55e;
  font-size: 11px;
  font-family: monospace;
  background: rgba(34, 197, 94, 0.12);
  padding: 1px 5px;
  border-radius: 4px;
  border: 1px solid rgba(34, 197, 94, 0.2);
}

.hxsj-spirit-stat-value .bonus-val.is-negative {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.2);
}

.hxsj-spirit-stat-desc {
  min-width: 0;
  color: #64748b;
  font: 400 11px/17px "Noto Sans SC", Inter, Arial, sans-serif;
}

/* Specific attribute rows borders */
.hxsj-spirit-stat-row.is-gold { border-left: 3px solid #fbbf24; }
.hxsj-spirit-stat-row.is-str { border-left: 3px solid #f97316; }
.hxsj-spirit-stat-row.is-int { border-left: 3px solid #3b82f6; }
.hxsj-spirit-stat-row.is-dex { border-left: 3px solid #10b981; }
.hxsj-spirit-stat-row.is-luk { border-left: 3px solid #eab308; }
.hxsj-spirit-stat-row.is-con { border-left: 3px solid #ef4444; }
.hxsj-spirit-stat-row.is-wis { border-left: 3px solid #a855f7; }
.hxsj-spirit-stat-row.is-spd { border-left: 3px solid #64748b; }

.hxsj-spirit-base {
  width: 100%;
  min-height: auto;
  margin: 0;
  padding: 10px 14px;
  font: 400 11px/17px "Noto Sans SC", Inter, Arial, sans-serif;
  background: #020617;
  border: 1px dashed #334155;
  border-radius: 6px;
  color: #cbd5e1;
  text-align: center;
  line-height: 1.5;
  margin-top: 6px;
}

.hxsj-spirit-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px 0 6px;
}

.hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-spirit-action {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 84px;
  height: 34px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid #334155;
  border-radius: 6px;
  color: #cbd5e1;
  background: #0f172a;
  background-image: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 500 12px/19px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-spirit-action:hover {
  background: #1e293b;
  border-color: #475569;
  color: #f8fafc;
  transform: translateY(-1px);
}

.hxsj-game-frame.hxsj-game-page-spirit-status button[name="levelup"],
.hxsj-game-frame.hxsj-game-page-spirit-status button[name="showreset"] {
  background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%);
  border-color: #fbbf24;
  color: #020617;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(245, 158, 11, 0.2);
}

.hxsj-game-frame.hxsj-game-page-spirit-status button[name="levelup"]:hover,
.hxsj-game-frame.hxsj-game-page-spirit-status button[name="showreset"]:hover {
  background: linear-gradient(180deg, #fbbf24 0%, #f59e0b 100%);
  box-shadow: 0 4px 10px rgba(245, 158, 11, 0.35);
  color: #020617;
}

.hxsj-game-frame.hxsj-game-page-spirit-status button[name="lock"]:hover,
.hxsj-game-frame.hxsj-game-page-spirit-status button[name="unlock"]:hover {
  border-color: #3b82f6;
  color: #60a5fa;
}

.hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-spirit-action.is-danger {
  border-color: rgba(239, 68, 68, 0.4);
  color: #fca5a5;
  background: rgba(239, 68, 68, 0.05);
}

.hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-spirit-action.is-danger:hover {
  background: #ef4444;
  border-color: #ef4444;
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(239, 68, 68, 0.25);
}

html.hxsj-dialog-open,
body.hxsj-dialog-open {
  overflow: hidden;
}

.hxsj-game-main-content.hxsj-dialog-scroll-locked,
.hxsj-game-content-panel.hxsj-dialog-scroll-locked {
  overflow: hidden !important;
  overscroll-behavior: none;
}

.hxsj-game-dialog,
.hxsj-game-dialog * {
  box-sizing: border-box;
}

.hxsj-game-dialog {
  position: fixed;
  inset: 0;
  z-index: 1600;
  display: grid;
  place-items: center;
  padding: 24px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  overscroll-behavior: contain;
  font-family: "Noto Sans SC", Inter, Arial, sans-serif;
  transition: opacity 180ms ease, visibility 180ms ease;
}

.hxsj-game-dialog.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.hxsj-game-dialog-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgba(2, 6, 15, 0.82);
  background-image: radial-gradient(circle at 50% 42%, rgba(239, 68, 68, 0.10), transparent 48%);
  box-shadow: none;
  cursor: default;
  touch-action: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.hxsj-game-dialog-panel {
  position: relative;
  width: min(100%, 460px);
  max-height: calc(100vh - 48px);
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid rgba(248, 113, 113, 0.34);
  border-radius: 14px;
  background: linear-gradient(160deg, #111827 0%, #080b12 58%, #0b0f19 100%);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.64), 0 0 0 1px rgba(255, 255, 255, 0.03) inset;
  color: #f8fafc;
  transform: translateY(12px) scale(0.98);
  transition: transform 180ms ease;
  outline: none;
}

.hxsj-game-dialog.is-open .hxsj-game-dialog-panel {
  transform: translateY(0) scale(1);
}

.hxsj-game-dialog-head {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 76px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
  background: linear-gradient(90deg, rgba(127, 29, 29, 0.22), rgba(15, 23, 42, 0));
}

.hxsj-game-dialog-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(248, 113, 113, 0.42);
  border-radius: 11px;
  background: rgba(127, 29, 29, 0.28);
  color: #fca5a5;
  box-shadow: 0 0 22px rgba(239, 68, 68, 0.12);
}

.hxsj-game-dialog-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hxsj-game-dialog-kicker {
  display: block;
  margin: 0 0 2px;
  color: #f87171;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 0.14em;
}

.hxsj-game-dialog-head h3 {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f8fafc;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.01em;
}

.hxsj-game-dialog-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 18px;
}

.hxsj-game-dialog-info {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.hxsj-game-dialog-info-row {
  min-width: 0;
  min-height: 44px;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin: 0;
  padding: 9px 12px;
  border: 1px solid #263244;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.74);
}

.hxsj-game-dialog-info-row dt,
.hxsj-game-dialog-info-row dd {
  min-width: 0;
  margin: 0;
}

.hxsj-game-dialog-info-row dt {
  color: #64748b;
  font: 600 11px/18px "Noto Sans SC", Inter, Arial, sans-serif;
  white-space: nowrap;
}

.hxsj-game-dialog-info-row dd {
  color: #e2e8f0;
  font: 700 13px/20px "Noto Sans SC", Inter, Arial, sans-serif;
  overflow-wrap: anywhere;
}

.hxsj-game-dialog-info-row.is-accent {
  border-color: rgba(251, 191, 36, 0.26);
  background: rgba(120, 53, 15, 0.15);
}

.hxsj-game-dialog-info-row.is-accent dd {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 6px;
  white-space: nowrap;
}

.hxsj-game-dialog-info-row.is-accent strong {
  color: #fbbf24;
  font: 700 20px/24px "Fira Code", "SFMono-Regular", Consolas, monospace;
  letter-spacing: -0.03em;
}

.hxsj-game-dialog-info-row.is-accent span {
  color: #94a3b8;
  font: 600 11px/18px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-game-dialog-note,
.hxsj-game-dialog-warning {
  margin: 0;
  padding: 9px 11px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 18px;
  overflow-wrap: anywhere;
}

.hxsj-game-dialog-note {
  border: 1px solid rgba(59, 130, 246, 0.20);
  background: rgba(30, 64, 175, 0.10);
  color: #a5b4fc;
}

.hxsj-game-dialog-warning {
  border: 1px solid rgba(248, 113, 113, 0.24);
  background: rgba(127, 29, 29, 0.13);
  color: #fecaca;
  font-weight: 600;
}

.hxsj-game-dialog-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px 18px 16px;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.hxsj-game-dialog-button {
  appearance: none;
  min-width: 0;
  height: 44px;
  margin: 0;
  padding: 0 18px;
  border: 1px solid #334155;
  border-radius: 8px;
  background: #111827;
  background-image: none;
  box-shadow: none;
  color: #cbd5e1;
  font: 700 14px/22px "Noto Sans SC", Inter, Arial, sans-serif;
  cursor: pointer;
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.hxsj-game-dialog-button:hover {
  border-color: #64748b;
  background: #1e293b;
  color: #f8fafc;
}

.hxsj-game-dialog-button.is-danger {
  border-color: #ef4444;
  background: linear-gradient(180deg, #dc2626 0%, #991b1b 100%);
  color: #fff;
  box-shadow: 0 8px 22px rgba(220, 38, 38, 0.22);
}

.hxsj-game-dialog-button.is-danger:hover {
  border-color: #f87171;
  background: linear-gradient(180deg, #ef4444 0%, #b91c1c 100%);
  box-shadow: 0 10px 28px rgba(220, 38, 38, 0.34);
}

.hxsj-game-dialog-button:disabled,
.hxsj-spirit-action:disabled {
  cursor: wait;
  opacity: 0.68;
  transform: none;
}

.hxsj-game-dialog-button.is-danger:disabled:hover {
  border-color: #ef4444;
  background: linear-gradient(180deg, #dc2626 0%, #991b1b 100%);
  box-shadow: 0 8px 22px rgba(220, 38, 38, 0.22);
}

.hxsj-game-dialog-button:focus-visible,
.hxsj-game-dialog-backdrop:focus-visible {
  outline: 3px solid rgba(251, 191, 36, 0.72);
  outline-offset: 3px;
}

@media (max-width: 560px) {
  .hxsj-game-dialog { padding: 14px; }
  .hxsj-game-dialog-panel { max-height: calc(100vh - 28px); border-radius: 12px; }
  .hxsj-game-dialog-head { min-height: 72px; padding: 12px 14px; }
  .hxsj-game-dialog-body { padding: 12px 14px; }
  .hxsj-game-dialog-info-row { grid-template-columns: 76px minmax(0, 1fr); gap: 8px; padding: 8px 10px; }
  .hxsj-game-dialog-actions { padding: 10px 14px 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .hxsj-game-dialog,
  .hxsj-game-dialog-panel,
  .hxsj-game-dialog-button { transition: none; }
}

.hxsj-spirit-bonus {
  width: 100%;
  min-width: 0;
  padding: 16px;
  border: 1px solid #1e293b;
  border-radius: 8px;
  background: #0b0f19;
}

.hxsj-spirit-bonus h5 {
  width: 100%;
  margin: 0 0 12px;
  padding: 0;
  padding-bottom: 8px;
  color: #f8fafc;
  text-align: center;
  font: 600 13px/20px "Noto Sans SC", Inter, Arial, sans-serif;
  border-bottom: 1px solid #1e293b;
}

.hxsj-spirit-bonus-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 170px;
  overflow: auto;
}

.hxsj-spirit-bonus-list p {
  margin: 0;
  color: #10b981;
  font: 500 12px/19px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-spirit-bonus-list p.is-empty {
  color: #64748b;
}

.hxsj-spirit-other {
  margin: 16px 0 0;
  border-top: 1px solid #1e293b;
  background: #080b11;
  border-radius: 12px;
  border: 1px solid #1e293b;
  overflow: hidden;
}

.hxsj-spirit-other-row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 104px;
  padding: 16px 20px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  background: #04060a;
}

.hxsj-spirit-other-card {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  overflow: hidden;
  border: 2px solid #1e293b;
  border-radius: 8px;
  background: #0f172a;
  text-decoration: none;
  transition: all 0.2s ease;
}

.hxsj-spirit-other-card:hover {
  transform: scale(1.06);
  border-color: #475569;
}

.hxsj-spirit-other-card.is-active {
  border-color: #fbbf24;
  box-shadow: 0 0 10px rgba(251, 191, 36, 0.4);
  transform: scale(1.03);
}

.hxsj-spirit-other-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
}

@media (max-width: 1120px) {
  .hxsj-spirit-main {
    grid-template-columns: 180px minmax(320px, 1fr);
  }

  .hxsj-spirit-profile {
    width: 180px;
  }

  .hxsj-spirit-bonus {
    grid-column: 2;
  }
}

@media (max-width: 760px) {
  .hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-game-home {
    padding: 8px;
  }

  .hxsj-spirit-tabs {
    padding: 0 10px;
  }

  .hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-spirit-tab {
    min-width: 94px;
    padding: 0 14px;
  }

  .hxsj-spirit-section-heading {
    padding: 0 16px;
  }

  .hxsj-spirit-main {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px 16px 18px;
  }

  .hxsj-spirit-profile {
    width: 100%;
    align-items: center;
  }

  .hxsj-spirit-profile p {
    text-align: center;
  }

  .hxsj-spirit-bonus {
    grid-column: auto;
  }

  .hxsj-spirit-stat-row {
    grid-template-columns: minmax(96px, 115px) minmax(90px, 1fr);
    align-items: start;
  }

  .hxsj-spirit-stat-desc {
    grid-column: 1 / -1;
  }

  .hxsj-spirit-actions {
    justify-content: center;
  }

  .hxsj-spirit-other-row {
    padding: 12px 16px;
  }
}

@media (max-width: 420px){
  .hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-spirit-tab{
    min-width:86px;
    padding:0 10px;
    font-size:12px;
  }

  .hxsj-spirit-main{
    padding:12px 12px 16px;
  }

  .hxsj-spirit-portrait{
    width:170px;
    height:170px;
  }

  .hxsj-spirit-profile p{
    width:100%;
  }

  .hxsj-game-frame.hxsj-game-page-spirit-status .hxsj-spirit-action{
    min-width:88px;
    padding:0 12px;
  }

  .hxsj-spirit-other-card{
    width:72px;
    height:72px;
  }
}

.hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-game-home{
  padding:12px 16px;
}

.hxsj-spirit-equipment-screen{
  box-sizing:border-box;
  width:100%;
  margin:0;
  color:#f1f5f9;
  font-family:"Noto Sans SC", Inter, Arial, sans-serif;
  background:#0a0c14;
}

.hxsj-spirit-equipment-screen *,
.hxsj-spirit-equipment-screen *::before,
.hxsj-spirit-equipment-screen *::after{
  box-sizing:border-box;
}

.hxsj-equipment-tabs{
  display:flex;
  align-items:center;
  gap:2px;
  width:100%;
  height:48px;
  min-height:48px;
  padding:0 16px;
  overflow-x:auto;
  overflow-y:hidden;
  background:#12151f;
  scrollbar-width:none;
}

.hxsj-equipment-tabs::-webkit-scrollbar,
.hxsj-equipment-other-row::-webkit-scrollbar{
  display:none;
}

.hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-equipment-tab{
  appearance:none;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:93px;
  height:36px;
  min-height:36px;
  margin:0;
  padding:0 16px;
  border:1px solid #2a3045;
  border-radius:4px;
  color:#94a3b8;
  background:#00000000;
  background-image:none;
  box-shadow:none;
  font:400 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing:0;
  white-space:nowrap;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-equipment-tab.is-active{
  min-width:94px;
  border-color:#f59e0b;
  color:#0a0c14;
  background:linear-gradient(270deg,#f59e0b 0%,#ea580c 100%);
  font-weight:700;
}

.hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-equipment-tab:hover{
  border-color:#f59e0b;
  color:#f1f5f9;
}

.hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-equipment-tab.is-active:hover{
  color:#0a0c14;
}

.hxsj-equipment-section-heading{
  display:flex;
  align-items:center;
  width:100%;
  height:40px;
  min-height:40px;
  margin:0;
  padding:0 20px;
  gap:10px;
  border-bottom:2px solid #dc2626;
  background:#0a0c14;
}

.hxsj-equipment-section-marker{
  display:block;
  width:5px;
  height:18px;
  border-radius:2px;
  background:#dc2626;
}

.hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-equipment-section-heading h4{
  margin:0;
  padding:0;
  color:#f1f5f9;
  background:transparent;
  border:0;
  font:700 15px/22px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing:0;
}

.hxsj-equipment-main{
  display:grid;
  grid-template-columns:210px minmax(420px,1fr) 340px;
  align-items:start;
  gap:16px;
  width:100%;
  min-height:676px;
  padding:14px 20px;
}

.hxsj-equipment-effects{
  width:210px;
  min-width:0;
}

.hxsj-equipment-effects h5{
  display:flex;
  align-items:center;
  height:30px;
  margin:0;
  padding:0;
  color:#f1f5f9;
  font:700 14px/20px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-equipment-divider{
  width:100%;
  height:1px;
  background:#2a3045;
}

.hxsj-equipment-stat-list{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:8px 0;
}

.hxsj-equipment-stat-row{
  display:flex;
  align-items:center;
  min-height:24px;
  color:#94a3b8;
  font:400 12px/18px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-equipment-stat-row span{
  flex:0 0 auto;
}

.hxsj-equipment-stat-row strong{
  color:#22c55e;
  font-weight:700;
}

.hxsj-equipment-stat-row.is-physical strong{
  color:#f97316;
}

.hxsj-equipment-stat-row.is-magic strong{
  color:#3b82f6;
}

.hxsj-equipment-stat-row.is-critical strong{
  color:#f59e0b;
}

.hxsj-equipment-stat-row.is-counter strong{
  color:#a855f7;
}

.hxsj-equipment-stat-row.is-muted strong{
  color:#94a3b8;
}

.hxsj-equipment-board{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
  gap:6px;
  padding:0 8px;
}

.hxsj-equipment-slot-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
}

.hxsj-equipment-slot-row-top{
  margin-top:0;
}

.hxsj-equipment-slot-row-character{
  min-height:100px;
}

.hxsj-equipment-slot{
  position:relative;
  flex:0 0 90px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:90px;
  height:90px;
  padding:6px;
  overflow:visible;
  border:1px solid #2a3045;
  border-radius:4px;
  color:#94a3b8;
  background:#1a1e2e;
  cursor:pointer;
}

.hxsj-equipment-slot.has-item{
  border-color:#dc2626;
}

.hxsj-equipment-slot-label{
  height:16px;
  color:#94a3b8;
  font:400 11px/16px "Noto Sans SC", Inter, Arial, sans-serif;
  white-space:nowrap;
}

.hxsj-equipment-slot-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  overflow:hidden;
  border-radius:2px;
  background:#0d1019;
}

.hxsj-equipment-slot-icon > img,
.hxsj-equipment-item-icon > img,
.hxsj-equipment-slot-icon img.vcent,
.hxsj-equipment-item-icon img.vcent{
  display:block;
  max-width:32px;
  max-height:32px;
  width:auto;
  height:auto;
  margin:0;
  border:0;
}

.hxsj-equipment-slot-icon .sinfo,
.hxsj-equipment-item-icon .sinfo{
  text-align:left;
}

.hxsj-equipment-empty-mark{
  display:block;
  width:20px;
  height:20px;
  border:1px dashed #2a3045;
  border-radius:3px;
}

.hxsj-equipment-spot-radio{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.hxsj-equipment-slot-dot{
  position:absolute;
  left:50%;
  bottom:6px;
  transform:translateX(-50%);
  display:block;
  width:12px;
  height:12px;
  border:1px solid #2a3045;
  border-radius:50%;
  background:#2a3045;
}

.hxsj-equipment-slot.has-item .hxsj-equipment-slot-dot{
  border-color:#fbbf24;
  background:#fbbf24;
}

.hxsj-equipment-spot-radio:checked + .hxsj-equipment-slot-dot{
  border-color:#f59e0b;
  background:#f59e0b;
  box-shadow:0 0 0 3px rgba(245,158,11,.22);
}

.hxsj-equipment-slot-gap{
  flex:0 0 16px;
  width:16px;
  height:90px;
}

.hxsj-equipment-slot-spacer{
  flex:0 0 16px;
  width:16px;
  height:90px;
}

.hxsj-equipment-slot-wide-gap{
  flex:0 0 120px;
  width:120px;
  height:90px;
}

.hxsj-equipment-character{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 80px;
  width:80px;
  height:100px;
  overflow:hidden;
  border:1px solid #2a3045;
  border-radius:4px;
  background:#12151f;
}

.hxsj-equipment-character img{
  display:block;
  max-width:72px;
  max-height:92px;
  width:auto;
  height:auto;
  border:0;
}

.hxsj-equipment-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:4px 0;
}

.hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-equipment-action{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:63px;
  height:32px;
  min-height:32px;
  margin:0;
  padding:0 18px;
  border:1px solid #2a3045;
  border-radius:4px;
  color:#94a3b8;
  background:#1a1e2e;
  background-image:none;
  box-shadow:none;
  font:400 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing:0;
  white-space:nowrap;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-equipment-action.is-primary{
  border-color:#f59e0b;
  color:#0a0c14;
  background:linear-gradient(270deg,#f59e0b 0%,#ea580c 100%);
  font-weight:700;
}

.hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-equipment-action:hover{
  border-color:#f59e0b;
  color:#f1f5f9;
}

.hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-equipment-action.is-primary:hover{
  color:#0a0c14;
}

.hxsj-equipment-inventory{
  display:flex;
  flex-direction:column;
  width:340px;
  height:352px;
  max-height:352px;
  overflow:auto;
  border:1px solid #2a3045;
  border-radius:4px;
  background:#1a1e2e;
}

.hxsj-equipment-item-row{
  display:flex;
  align-items:center;
  width:100%;
  min-height:44px;
  padding:0 12px;
  gap:10px;
  border-bottom:1px solid #2a3045;
  background:#00000000;
  cursor:pointer;
}

.hxsj-equipment-item-row:nth-of-type(even){
  background:#ffffff08;
}

.hxsj-equipment-item-radio{
  appearance:none;
  flex:0 0 14px;
  width:14px;
  height:14px;
  margin:0;
  border:1px solid #2a3045;
  border-radius:50%;
  background:#1a1e2e;
}

.hxsj-equipment-item-radio:checked{
  border-color:#f59e0b;
  background:radial-gradient(circle,#f59e0b 0 45%,transparent 48%);
}

.hxsj-equipment-item-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  overflow:hidden;
  border-radius:3px;
  background:#0d1019;
}

.hxsj-equipment-item-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  gap:2px;
}

.hxsj-equipment-item-info strong{
  overflow:hidden;
  color:#f1f5f9;
  font:700 12px/17px "Noto Sans SC", Inter, Arial, sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-equipment-item-info span{
  overflow:hidden;
  color:#94a3b8;
  font:400 11px/16px "Noto Sans SC", Inter, Arial, sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-equipment-empty-list{
  margin:0;
  padding:16px 12px;
  color:#94a3b8;
  font:400 12px/18px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-equipment-other{
  width:100%;
}

.hxsj-equipment-other-row{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:96px;
  padding:10px 20px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}

.hxsj-equipment-other-card{
  flex:0 0 76px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:76px;
  height:76px;
  overflow:hidden;
  border:1px solid #2a3045;
  border-radius:4px;
  background:#12151f;
  text-decoration:none;
}

.hxsj-equipment-other-card.is-active{
  border-color:#f59e0b;
  box-shadow:0 0 0 1px rgba(245,158,11,.35);
}

.hxsj-equipment-other-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:0;
}

@media (max-width: 1180px){
  .hxsj-equipment-main{
    grid-template-columns:210px minmax(410px,1fr);
  }

  .hxsj-equipment-inventory{
    grid-column:1 / -1;
    width:100%;
    max-height:220px;
  }
}

@media (max-width: 820px){
  .hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-game-home{
    padding:8px;
  }

  .hxsj-equipment-tabs{
    padding:0 10px;
  }

  .hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-equipment-tab{
    min-width:90px;
    padding:0 12px;
  }

  .hxsj-equipment-section-heading{
    padding:0 16px;
  }

  .hxsj-equipment-main{
    grid-template-columns:1fr;
    gap:14px;
    min-height:0;
    padding:14px 16px 18px;
  }

  .hxsj-equipment-effects,
  .hxsj-equipment-inventory{
    width:100%;
  }

  .hxsj-equipment-stat-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:16px;
  }

  .hxsj-equipment-board{
    overflow-x:auto;
    padding:0 0 4px;
  }

  .hxsj-equipment-slot-row{
    min-width:408px;
  }
}

@media (max-width: 420px){
  .hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-equipment-tab{
    min-width:86px;
    padding:0 10px;
    font-size:12px;
  }

  .hxsj-equipment-main{
    padding:12px 12px 16px;
  }

  .hxsj-equipment-stat-list{
    grid-template-columns:1fr;
  }

  .hxsj-equipment-slot-row{
    min-width:344px;
  }

  .hxsj-equipment-slot{
    flex-basis:76px;
    width:76px;
    height:86px;
    padding:5px;
  }

  .hxsj-equipment-slot-icon{
    width:48px;
    height:48px;
  }

  .hxsj-equipment-slot-icon > img,
  .hxsj-equipment-item-icon > img,
  .hxsj-equipment-slot-icon img.vcent,
  .hxsj-equipment-item-icon img.vcent{
    max-width:30px;
    max-height:30px;
  }

  .hxsj-equipment-slot-gap,
  .hxsj-equipment-slot-spacer{
    flex-basis:8px;
    width:8px;
  }

  .hxsj-equipment-slot-wide-gap{
    flex-basis:80px;
    width:80px;
  }

  .hxsj-equipment-character{
    flex-basis:72px;
    width:72px;
    height:90px;
  }

  .hxsj-equipment-character img{
    max-width:64px;
    max-height:82px;
  }

  .hxsj-game-frame.hxsj-game-page-spirit-equipment .hxsj-equipment-action{
    min-width:60px;
    padding:0 14px;
  }
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-game-home{
  padding:8px 16px;
}

.hxsj-action-position-screen{
  box-sizing:border-box;
  width:100%;
  margin:0;
  color:#f1f5f9;
  font-family:"Noto Sans SC", Inter, Arial, sans-serif;
  background:#0a0c14;
}

.hxsj-action-position-screen *,
.hxsj-action-position-screen *::before,
.hxsj-action-position-screen *::after{
  box-sizing:border-box;
}

.hxsj-action-position-tabs{
  display:flex;
  align-items:center;
  gap:2px;
  width:100%;
  height:48px;
  min-height:48px;
  padding:0 16px;
  overflow-x:auto;
  overflow-y:hidden;
  background:#12151f;
  scrollbar-width:none;
}

.hxsj-action-position-tabs::-webkit-scrollbar,
.hxsj-action-position-other-row::-webkit-scrollbar{
  display:none;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-tab{
  appearance:none;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:93px;
  height:36px;
  min-height:36px;
  margin:0;
  padding:0 16px;
  border:1px solid #2a3045;
  border-radius:4px;
  color:#94a3b8;
  background:#00000000;
  background-image:none;
  box-shadow:none;
  font:400 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing:0;
  white-space:nowrap;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-tab.is-active{
  min-width:94px;
  border-color:#f59e0b;
  color:#0a0c14;
  background:linear-gradient(270deg,#f59e0b 0%,#ea580c 100%);
  font-weight:700;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-tab:hover{
  border-color:#f59e0b;
  color:#f1f5f9;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-tab.is-active:hover{
  color:#0a0c14;
}

.hxsj-action-position-section-heading{
  display:flex;
  align-items:center;
  width:100%;
  height:40px;
  min-height:40px;
  margin:0;
  padding:0 20px;
  gap:10px;
  border:0;
  border-bottom:2px solid #dc2626;
  background:#0a0c14;
}

.hxsj-action-position-section-marker{
  display:block;
  width:5px;
  height:18px;
  border-radius:2px;
  background:#dc2626;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-section-heading h4{
  margin:0;
  padding:0;
  color:#f1f5f9;
  background:transparent;
  border:0;
  font:700 15px/22px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing:0;
}

.hxsj-action-position-skill-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%;
  margin:0;
  padding:12px 20px;
  background:#0a0c14;
}

.hxsj-action-position-headline,
.hxsj-action-position-auto-label,
.hxsj-action-position-tip{
  width:100%;
  margin:0;
  padding:0;
  letter-spacing:0;
}

.hxsj-action-position-headline{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  min-height:20px;
  color:#f1f5f9;
  font:700 14px/20px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-action-position-headline strong{
  color:#f59e0b;
  font-weight:700;
}

.hxsj-action-position-skill-row{
  display:flex;
  align-items:center;
  width:100%;
  min-height:36px;
  min-width:0;
}

.hxsj-action-position-skill-detail{
  display:block;
  min-width:0;
  width:100%;
  color:#94a3b8;
  font:400 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing:0;
  overflow-wrap:anywhere;
}

.hxsj-action-position-skill-detail img.vcent{
  display:inline-block;
  width:36px;
  height:36px;
  max-width:36px;
  max-height:36px;
  margin:0 8px 0 0;
  padding:2px;
  border:1px solid #2a3045;
  border-radius:4px;
  background:radial-gradient(circle,#1a1e2e 0%,#0d1019 100%);
  object-fit:contain;
  vertical-align:middle;
}

.hxsj-action-position-skill-detail .bold{
  font-weight:700;
}

.hxsj-action-position-skill-detail .dmg{
  color:#f97316;
}

.hxsj-action-position-skill-detail .recover{
  color:#22c55e;
}

.hxsj-action-position-skill-detail .support{
  color:#94a3b8;
}

.hxsj-action-position-skill-detail .spdmg{
  color:#a855f7;
}

.hxsj-action-position-skill-detail .charge{
  color:#f59e0b;
}

.hxsj-action-position-empty-skill{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  color:#64748b;
}

.hxsj-action-position-auto-label{
  color:#f1f5f9;
  font:700 14px/20px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-action-position-tip{
  color:#dc2626;
  font:400 12px/17px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-action-position-usage-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  min-height:36px;
  padding:4px 0;
}

.hxsj-action-position-count-label,
.hxsj-action-position-count-after{
  color:#f1f5f9;
  font:400 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-count-input{
  appearance:textfield;
  display:inline-flex;
  width:52px;
  height:28px;
  min-height:28px;
  margin:0;
  padding:0 8px;
  border:1px solid #2a3045;
  border-radius:3px;
  color:#f1f5f9;
  background:#0d1019;
  background-image:none;
  box-shadow:none;
  font:700 13px/26px "Noto Sans SC", Inter, Arial, sans-serif;
  text-align:center;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-count-input:focus{
  outline:1px solid #f59e0b;
  outline-offset:0;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-button{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:55px;
  height:28px;
  min-height:28px;
  margin:0;
  padding:0 14px;
  border:1px solid #f59e0b;
  border-radius:4px;
  color:#f59e0b;
  background:#1a1e2e;
  background-image:none;
  box-shadow:none;
  font:400 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing:0;
  white-space:nowrap;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-button:hover{
  color:#fbbf24;
  background:#242a3f;
}

.hxsj-action-position-body{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  width:100%;
  margin:0;
  padding:14px 20px;
  background:#0a0c14;
}

.hxsj-action-position-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  max-width:100%;
  min-height:28px;
  margin:0;
  padding:0;
  color:#f1f5f9;
  font:400 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing:0;
  cursor:pointer;
}

.hxsj-action-position-back-row{
  min-height:19px;
}

.hxsj-action-position-row-title,
.hxsj-action-position-radio-label,
.hxsj-action-position-guard-after{
  color:#f1f5f9;
  white-space:nowrap;
}

.hxsj-action-position-when{
  color:#94a3b8;
  white-space:nowrap;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-radio{
  appearance:none;
  flex:0 0 14px;
  width:14px;
  height:14px;
  min-height:14px;
  margin:0;
  padding:0;
  border:1px solid #2a3045;
  border-radius:50%;
  background:#1a1e2e;
  background-image:none;
  box-shadow:none;
  vertical-align:middle;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-radio:checked{
  border-color:#3b82f6;
  background:#3b82f6;
  box-shadow:inset 0 0 0 3px #3b82f6;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-guard-select{
  appearance:none;
  flex:0 0 120px;
  width:120px;
  height:28px;
  min-height:28px;
  margin:0;
  padding:0 24px 0 10px;
  border:1px solid #2a3045;
  border-radius:3px;
  color:#94a3b8;
  background-color:#0d1019;
  background-image:
    linear-gradient(45deg, transparent 50%, #64748b 50%),
    linear-gradient(135deg, #64748b 50%, transparent 50%);
  background-position:
    calc(100% - 14px) 12px,
    calc(100% - 9px) 12px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
  box-shadow:none;
  font:400 13px/26px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-guard-select:focus{
  outline:1px solid #f59e0b;
  outline-offset:0;
}

.hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-position-button{
  min-width:59px;
  height:30px;
  min-height:30px;
  padding:0 16px;
}

.hxsj-action-position-other{
  width:100%;
  margin:0;
  padding:0;
}

.hxsj-action-position-other-row{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:96px;
  padding:10px 20px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}

.hxsj-action-position-other-card{
  flex:0 0 76px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:76px;
  height:76px;
  overflow:hidden;
  border:1px solid #2a3045;
  border-radius:4px;
  background:#12151f;
  text-decoration:none;
}

.hxsj-action-position-other-card.is-active{
  border-color:#f59e0b;
  box-shadow:0 0 0 1px rgba(245,158,11,.35);
}

.hxsj-action-position-other-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:0;
}

@media (max-width: 820px){
  .hxsj-game-frame.hxsj-game-page-action-position .hxsj-game-home{
    padding:8px;
  }

  .hxsj-action-position-tabs{
    padding:0 10px;
  }

  .hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-tab{
    min-width:90px;
    padding:0 12px;
  }

  .hxsj-action-position-section-heading{
    padding:0 16px;
  }

  .hxsj-action-position-skill-body,
  .hxsj-action-position-body{
    padding-left:16px;
    padding-right:16px;
  }

  .hxsj-action-position-other-row{
    padding:10px 16px;
  }
}

@media (max-width: 420px){
  .hxsj-game-frame.hxsj-game-page-action-position .hxsj-action-position-tab{
    min-width:86px;
    padding:0 10px;
    font-size:12px;
  }

  .hxsj-action-position-skill-body,
  .hxsj-action-position-body{
    padding-left:12px;
    padding-right:12px;
  }

  .hxsj-action-position-headline,
  .hxsj-action-position-auto-label{
    font-size:13px;
    line-height:19px;
  }

  .hxsj-action-position-skill-detail{
    font-size:12px;
    line-height:18px;
  }

  .hxsj-action-position-skill-detail img.vcent{
    width:32px;
    height:32px;
    max-width:32px;
    max-height:32px;
  }

  .hxsj-action-position-count-label,
  .hxsj-action-position-count-after,
  .hxsj-action-position-row{
    font-size:12px;
    line-height:18px;
  }

  .hxsj-action-position-other-card{
    flex-basis:72px;
    width:72px;
    height:72px;
  }
}

.hxsj-game-frame.hxsj-game-page-skills-collection .hxsj-game-content-panel{
  padding:0;
  overflow:auto;
  border:0;
  border-radius:0;
  background:#0a0c14;
}

.hxsj-game-frame.hxsj-game-page-skills-collection .hxsj-game-home{
  padding:8px 16px;
}

.hxsj-skills-collection-screen{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  margin:0;
  color:#f1f5f9;
  font-family:"Noto Sans SC", Inter, Arial, sans-serif;
  background:#0a0c14;
}

.hxsj-skills-collection-screen *,
.hxsj-skills-collection-screen *::before,
.hxsj-skills-collection-screen *::after{
  box-sizing:border-box;
}

.hxsj-skills-tabs{
  display:flex;
  align-items:center;
  gap:2px;
  width:100%;
  height:49px;
  min-height:49px;
  padding:0 16px;
  overflow-x:auto;
  overflow-y:hidden;
  background:#12151f;
  scrollbar-width:none;
}

.hxsj-skills-tabs::-webkit-scrollbar,
.hxsj-skills-other-row::-webkit-scrollbar{
  display:none;
}

.hxsj-game-frame.hxsj-game-page-skills-collection .hxsj-skills-tab{
  appearance:none;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:93px;
  height:36px;
  min-height:36px;
  margin:0;
  padding:0 16px;
  border:1px solid #2a3045;
  border-radius:4px;
  color:#94a3b8;
  background:#00000000;
  background-image:none;
  box-shadow:none;
  font:400 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing:0;
  white-space:nowrap;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-skills-collection .hxsj-skills-tab.is-active{
  min-width:94px;
  border-color:#f59e0b;
  color:#0a0c14;
  background:linear-gradient(270deg,#f59e0b 0%,#ea580c 100%);
  font-weight:700;
}

.hxsj-game-frame.hxsj-game-page-skills-collection .hxsj-skills-tab:hover{
  border-color:#f59e0b;
  color:#f1f5f9;
}

.hxsj-game-frame.hxsj-game-page-skills-collection .hxsj-skills-tab.is-active:hover{
  color:#0a0c14;
}

.hxsj-skills-section-heading{
  display:flex;
  align-items:center;
  width:100%;
  height:40px;
  min-height:40px;
  margin:0;
  padding:0 20px;
  gap:10px;
  border:0;
  border-bottom:2px solid #dc2626;
  background:#0a0c14;
}

.hxsj-skills-section-marker{
  display:block;
  width:5px;
  height:18px;
  border-radius:2px;
  background:#dc2626;
}

.hxsj-game-frame.hxsj-game-page-skills-collection .hxsj-skills-section-heading h4{
  margin:0;
  padding:0;
  color:#f1f5f9;
  background:transparent;
  border:0;
  font:700 15px/22px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing:0;
}

.hxsj-skills-main-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(300px,32vw,460px);
  align-items:start;
  gap:16px;
  width:100%;
  min-height:700px;
  padding:16px 20px;
}

.hxsj-skills-info-column,
.hxsj-skills-card-column{
  min-width:0;
}

.hxsj-skills-info-column{
  display:flex;
  flex-direction:column;
}

.hxsj-skills-name-box{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  min-height:82px;
  padding:12px 16px;
  border:1px solid #2a3045;
  border-radius:6px 6px 0 0;
  background:#1a1e2e;
}

.hxsj-skills-name-box span{
  color:#64748b;
  font:400 11px/16px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-skills-name-box strong{
  overflow:hidden;
  color:#f1f5f9;
  font:700 26px/38px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing:0;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-skills-panel{
  width:100%;
  border-right:1px solid #2a3045;
  border-bottom:1px solid #2a3045;
  border-left:1px solid #2a3045;
  background:#1a1e2e;
}

.hxsj-skills-sub-heading{
  display:flex;
  align-items:center;
  width:100%;
  height:34px;
  min-height:34px;
  padding:0 16px;
  border-bottom:1px solid #2a3045;
  color:#f1f5f9;
  background:#12151f;
  font:700 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-skills-list{
  width:100%;
}

.hxsj-skills-skill-row{
  display:grid;
  align-items:center;
  gap:10px;
  width:100%;
  min-width:0;
  border-bottom:1px solid #2a3045;
  background:#1a1e2e;
}

.hxsj-skills-skill-row.is-passive{
  grid-template-columns:44px 32px minmax(0,1fr);
  min-height:55px;
  padding:8px 16px;
}

.hxsj-skills-skill-row.is-active-skill{
  grid-template-columns:36px minmax(0,1fr);
  min-height:58px;
  padding:10px 16px;
}

.hxsj-skills-lock-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:22px;
  border-radius:3px;
  color:#f1f5f9;
  font:400 11px/16px "Noto Sans SC", Inter, Arial, sans-serif;
  white-space:nowrap;
}

.hxsj-skills-lock-badge.is-locked{
  background:#7c2d12;
}

.hxsj-skills-lock-badge.is-unlocked{
  color:#fbbf24;
  background:#f59e0b26;
}

.hxsj-skills-skill-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:4px;
  background:#f59e0b33;
}

.hxsj-skills-skill-row.is-passive .hxsj-skills-skill-icon{
  width:32px;
  height:32px;
}

.hxsj-skills-skill-row.is-active-skill .hxsj-skills-skill-icon{
  width:36px;
  height:36px;
}

.hxsj-skills-skill-icon.is-orange{background:#f9731633;}
.hxsj-skills-skill-icon.is-purple{background:#a855f733;}
.hxsj-skills-skill-icon.is-blue{background:#3b82f633;}
.hxsj-skills-skill-icon.is-gold{background:#f59e0b33;}
.hxsj-skills-skill-icon.is-red{background:#dc262633;}

.hxsj-skills-skill-icon img{
  display:block;
  width:100%;
  height:100%;
  padding:3px;
  border:0;
  object-fit:contain;
}

.hxsj-skills-skill-info{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:3px;
}

.hxsj-skills-skill-info strong{
  overflow:hidden;
  color:#f1f5f9;
  font:700 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-skills-skill-info span{
  overflow:hidden;
  color:#94a3b8;
  font:400 12px/17px "Noto Sans SC", Inter, Arial, sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-skills-empty{
  display:flex;
  align-items:center;
  min-height:55px;
  margin:0;
  padding:8px 16px;
  color:#64748b;
  font:400 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-skills-flavor{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:110px;
  padding:12px 16px;
  border-right:1px solid #2a3045;
  border-bottom:1px solid #2a3045;
  border-left:1px solid #2a3045;
  background:#1a1e2e;
}

.hxsj-skills-flavor p{
  margin:0;
  color:#94a3b8;
  font:400 13px/19px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-skills-flavor p.is-gold{
  color:#fbbf24;
}

.hxsj-skills-flavor p.is-illust{
  color:#64748b;
  font-family:Inter, "Noto Sans SC", Arial, sans-serif;
  font-size:11px;
  line-height:13px;
}

.hxsj-skills-card-column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:100%;
}

.hxsj-skills-card-art{
  position:relative;
  width:100%;
  height:580px;
  overflow:hidden;
  border:1px solid #2a3045;
  border-radius:6px;
  background-color:#12151f;
  background-position:center top;
  background-repeat:no-repeat;
  background-size:contain;
}

.hxsj-skills-card-name{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:2px;
  min-height:80px;
  padding:12px 16px;
  background:linear-gradient(180deg,#00000000 0%,#000000cc 100%);
}

.hxsj-skills-card-name strong{
  overflow:hidden;
  color:#f1f5f9;
  font:700 28px/36px "Noto Sans SC", Inter, Arial, sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-skills-card-name span{
  overflow:hidden;
  color:#94a3b8;
  font:400 13px/18px Inter, "Noto Sans SC", Arial, sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hxsj-skills-stars{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  padding:6px 0;
  color:#2a3045;
  font:400 20px/24px Inter, "Noto Sans SC", Arial, sans-serif;
}

.hxsj-skills-stars span{
  color:#2a3045;
}

.hxsj-skills-stars span.is-filled{
  color:#f59e0b;
}

.hxsj-skills-tips{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-height:54px;
  padding:8px 20px;
}

.hxsj-skills-tips p{
  margin:0;
  color:#dc2626;
  font:400 12px/17px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-skills-tips p.is-gold{
  color:#fbbf24;
}

.hxsj-skills-action-area{
  display:flex;
  flex-direction:column;
  gap:6px;
  width:100%;
  min-height:84px;
  padding:0 20px 10px;
}

.hxsj-skills-action-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  width:100%;
}

.hxsj-game-frame.hxsj-game-page-skills-collection .hxsj-skills-action{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  height:34px;
  min-height:34px;
  margin:0;
  padding:0 12px;
  overflow:hidden;
  border:1px solid #2a3045;
  border-radius:4px;
  color:#94a3b8;
  background:#1a1e2e;
  background-image:none;
  box-shadow:none;
  font:400 12px/17px "Noto Sans SC", Inter, Arial, sans-serif;
  letter-spacing:0;
  text-overflow:ellipsis;
  white-space:nowrap;
  cursor:pointer;
}

.hxsj-game-frame.hxsj-game-page-skills-collection .hxsj-skills-action.is-primary{
  border-color:#f59e0b;
  color:#f59e0b;
}

.hxsj-game-frame.hxsj-game-page-skills-collection .hxsj-skills-action:hover{
  border-color:#f59e0b;
  color:#fbbf24;
  background:#242a3f;
}

.hxsj-skills-lock-tip{
  width:100%;
  min-height:25px;
  margin:0;
  padding:4px 20px;
  color:#f1f5f9;
  font:400 12px/17px "Noto Sans SC", Inter, Arial, sans-serif;
}

.hxsj-skills-other{
  width:100%;
  margin:0;
  padding:0;
}

.hxsj-skills-other-row{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:88px;
  padding:10px 20px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}

.hxsj-skills-other-card{
  flex:0 0 68px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:68px;
  height:68px;
  overflow:hidden;
  border:1px solid #2a3045;
  border-radius:4px;
  background:#12151f;
  text-decoration:none;
}

.hxsj-skills-other-card.is-active{
  border-color:#f59e0b;
  box-shadow:0 0 0 1px rgba(245,158,11,.35);
}

.hxsj-skills-other-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:0;
}

@media (max-width: 1180px){
  .hxsj-skills-main-row{
    grid-template-columns:minmax(0,1fr) 340px;
    min-height:668px;
  }

  .hxsj-skills-card-art{
    height:520px;
  }
}

@media (max-width: 900px){
  .hxsj-game-frame.hxsj-game-page-skills-collection .hxsj-game-home{
    padding:8px;
  }

  .hxsj-skills-tabs{
    padding:0 10px;
  }

  .hxsj-game-frame.hxsj-game-page-skills-collection .hxsj-skills-tab{
    min-width:90px;
    padding:0 12px;
  }

  .hxsj-skills-section-heading{
    padding:0 16px;
  }

  .hxsj-skills-main-row{
    grid-template-columns:1fr;
    min-height:0;
    padding:14px 16px;
  }

  .hxsj-skills-card-column{
    max-width:460px;
  }

  .hxsj-skills-card-art{
    height:520px;
  }

  .hxsj-skills-action-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .hxsj-skills-tips,
  .hxsj-skills-action-area,
  .hxsj-skills-lock-tip,
  .hxsj-skills-other-row{
    padding-left:16px;
    padding-right:16px;
  }
}

@media (max-width: 520px){
  .hxsj-game-frame.hxsj-game-page-skills-collection .hxsj-skills-tab{
    min-width:86px;
    padding:0 10px;
    font-size:12px;
  }

  .hxsj-skills-main-row{
    padding:12px;
  }

  .hxsj-skills-name-box{
    min-height:72px;
  }

  .hxsj-skills-name-box strong{
    font-size:22px;
    line-height:32px;
  }

  .hxsj-skills-skill-row.is-passive{
    grid-template-columns:44px 30px minmax(0,1fr);
    padding:8px 12px;
  }

  .hxsj-skills-skill-row.is-active-skill{
    grid-template-columns:32px minmax(0,1fr);
    padding:9px 12px;
  }

  .hxsj-skills-skill-row.is-passive .hxsj-skills-skill-icon{
    width:30px;
    height:30px;
  }

  .hxsj-skills-skill-row.is-active-skill .hxsj-skills-skill-icon{
    width:32px;
    height:32px;
  }

  .hxsj-skills-card-art{
    height:430px;
  }

  .hxsj-skills-card-name strong{
    font-size:22px;
    line-height:30px;
  }

  .hxsj-skills-action-row{
    grid-template-columns:1fr;
  }

  .hxsj-skills-action-area{
    min-height:0;
  }

  .hxsj-skills-tips,
  .hxsj-skills-action-area,
  .hxsj-skills-lock-tip,
  .hxsj-skills-other-row{
    padding-left:12px;
    padding-right:12px;
  }
}

/* 工坊页面统一为商店式布局：左侧人物，右侧操作列表，下方按钮与说明。 */
.hxsj-refine-workshop-screen,
.hxsj-synthesis-workshop-screen{
  height:min(820px, calc(100vh - 142px));
  min-height:620px;
}

.hxsj-refine-main,
.hxsj-synthesis-main{
  container-name:hxsj-workshop-main;
  container-type:inline-size;
  display:grid;
  grid-template-rows:auto auto auto;
  align-content:start;
  align-self:start;
  gap:20px;
  height:auto;
  min-height:0;
  overflow:visible;
}

.hxsj-refine-form,
.hxsj-synthesis-form{
  --hxsj-workshop-stage-height:clamp(254px, 34vh, 348px);
  min-height:0;
  display:grid;
  grid-template-rows:var(--hxsj-workshop-stage-height) auto;
  gap:20px;
  overflow:hidden;
}

.hxsj-refine-main-row,
.hxsj-synthesis-empty-row,
.hxsj-synthesis-craft-area{
  min-height:0;
  height:var(--hxsj-workshop-stage-height);
  display:grid;
  grid-template-columns:minmax(174px, 280px) minmax(520px, 1fr);
  align-items:stretch;
  gap:28px;
  overflow:hidden;
}

.hxsj-refine-workshop-screen .hxsj-refine-main-row,
.hxsj-synthesis-workshop-screen .hxsj-synthesis-empty-row,
.hxsj-synthesis-workshop-screen .hxsj-synthesis-craft-area{
  grid-template-columns:minmax(174px, 280px) minmax(520px, 1fr);
}

.hxsj-refine-portrait,
.hxsj-synthesis-portrait{
  width:100%;
  height:100%;
  min-height:0;
  align-self:stretch;
  justify-self:stretch;
}

.hxsj-refine-table-panel,
.hxsj-synthesis-empty-panel,
.hxsj-synthesis-table-panel,
.hxsj-synthesis-material-panel,
.hxsj-enchant-element-panel{
  height:100%;
}

.hxsj-refine-table-panel,
.hxsj-synthesis-table-panel{
  max-height:none;
  overflow:hidden;
}

.hxsj-refine-table-body,
.hxsj-synthesis-table-body{
  flex:1 1 auto;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}

.hxsj-refine-desc-panel,
.hxsj-synthesis-desc-panel{
  min-height:96px;
  justify-content:center;
  padding:20px 24px;
}

.hxsj-refine-desc-panel p,
.hxsj-synthesis-desc-panel p{
  color:var(--hxsj-refine-secondary, var(--hxsj-synthesis-secondary));
}

.hxsj-refine-button-bar,
.hxsj-synthesis-button-bar{
  width:100%;
}

.hxsj-game-frame.hxsj-game-page-refine-workshop .hxsj-refine-button,
.hxsj-game-frame.hxsj-game-page-quality-workshop .hxsj-refine-button,
.hxsj-game-frame.hxsj-game-page-enchant-workshop .hxsj-refine-button{
  width:min(360px, 100%);
}

.hxsj-quality-button-bar{
  justify-content:flex-start;
}

.hxsj-enchant-main-row{
  grid-template-columns:minmax(174px, 280px) minmax(720px, 1fr);
}

.hxsj-enchant-area{
  height:100%;
  min-height:0;
  grid-template-columns:1fr;
  grid-template-rows:minmax(0, 1fr) 82px;
}

.hxsj-enchant-element-panel{
  height:auto;
}

.hxsj-enchant-button-bar{
  justify-content:flex-start;
}

.hxsj-synthesis-workshop-panels{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(174px, 280px);
  gap:24px;
  overflow:hidden;
}

.hxsj-synthesis-button-bar{
  justify-content:flex-start;
}

@media (max-width: 1500px) and (min-width: 901px){
  .hxsj-refine-main-row,
  .hxsj-synthesis-empty-row,
  .hxsj-synthesis-craft-area{
    grid-template-columns:minmax(147px, 214px) minmax(0, 1fr);
    gap:22px;
  }

  .hxsj-refine-workshop-screen .hxsj-refine-main-row,
  .hxsj-synthesis-workshop-screen .hxsj-synthesis-empty-row,
  .hxsj-synthesis-workshop-screen .hxsj-synthesis-craft-area{
    grid-template-columns:minmax(147px, 214px) minmax(0, 1fr);
  }

  .hxsj-enchant-main-row{
    grid-template-columns:minmax(147px, 200px) minmax(0, 1fr);
  }

  .hxsj-enchant-area{
    grid-template-columns:1fr;
    grid-template-rows:minmax(0, 1fr) 74px;
    gap:16px;
  }

  .hxsj-synthesis-workshop-panels{
    grid-template-columns:minmax(0, 1fr) minmax(147px, 200px);
    gap:16px;
  }

  .hxsj-refine-desc-panel,
  .hxsj-synthesis-desc-panel{
    min-height:84px;
    padding:16px 20px;
  }
}

@media (max-height: 900px) and (min-width: 901px){
  .hxsj-refine-workshop-screen,
  .hxsj-synthesis-workshop-screen{
    height:calc(100vh - 142px);
    min-height:0;
  }

  .hxsj-refine-main,
  .hxsj-synthesis-main,
  .hxsj-refine-form,
  .hxsj-synthesis-form{
    gap:16px;
  }

  .hxsj-refine-main-row,
  .hxsj-synthesis-empty-row,
  .hxsj-synthesis-craft-area{
    gap:18px;
  }

  .hxsj-refine-workshop-screen .hxsj-refine-main-row,
  .hxsj-synthesis-workshop-screen .hxsj-synthesis-empty-row,
  .hxsj-synthesis-workshop-screen .hxsj-synthesis-craft-area{
    grid-template-columns:minmax(147px, 214px) minmax(0, 1fr);
  }

  .hxsj-refine-desc-panel,
  .hxsj-synthesis-desc-panel{
    min-height:72px;
    padding:12px 18px;
  }
}

@media (max-width: 1180px){
  .hxsj-enchant-main-row{
    grid-template-columns:minmax(147px, 187px) minmax(0, 1fr);
  }

  .hxsj-enchant-area,
  .hxsj-synthesis-workshop-panels{
    grid-template-columns:1fr;
  }

  .hxsj-enchant-area{
    grid-template-rows:auto auto;
  }

  .hxsj-enchant-element-panel,
  .hxsj-synthesis-material-panel{
    min-height:240px;
  }

  .hxsj-enchant-element-panel{
    min-height:108px;
  }
}

@media (max-width: 900px){
  .hxsj-refine-workshop-screen,
  .hxsj-synthesis-workshop-screen{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .hxsj-refine-main,
  .hxsj-synthesis-main,
  .hxsj-refine-form,
  .hxsj-synthesis-form{
    display:flex;
    flex-direction:column;
    overflow:visible;
  }

  .hxsj-refine-main-row,
  .hxsj-enchant-main-row,
  .hxsj-synthesis-empty-row,
  .hxsj-synthesis-craft-area{
    grid-template-columns:1fr;
    gap:18px;
    height:auto;
    overflow:visible;
  }

  .hxsj-refine-portrait,
  .hxsj-synthesis-portrait{
    width:min(64vw, 188px);
    aspect-ratio:24 / 32;
    height:auto;
    justify-self:center;
    margin:0 auto;
  }

  .hxsj-refine-table-panel,
  .hxsj-synthesis-table-panel{
    min-height:300px;
    overflow:auto;
  }

  .hxsj-enchant-area,
  .hxsj-synthesis-workshop-panels{
    grid-template-columns:1fr;
    overflow:visible;
  }

  .hxsj-enchant-area{
    grid-template-rows:auto auto;
    height:auto;
  }

  .hxsj-refine-button-bar,
  .hxsj-synthesis-button-bar{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }

  .hxsj-refine-button-bar .hxsj-refine-count-group,
  .hxsj-refine-button-bar .hxsj-refine-bomb-group,
  .hxsj-enchant-hint,
  .hxsj-synthesis-count-group{
    justify-content:center;
  }
}

@media (max-width: 900px){
  .hxsj-faith-body-no-sidebar .hxsj-faith-content{
    grid-template-columns:1fr;
  }
}

@container hxsj-workshop-main (max-width: 560px){
  .hxsj-refine-form,
  .hxsj-synthesis-form{
    --hxsj-workshop-stage-height:auto;
    display:flex;
    flex-direction:column;
    overflow:visible;
  }

  .hxsj-refine-workshop-screen .hxsj-refine-main-row,
  .hxsj-quality-workshop-screen .hxsj-refine-main-row,
  .hxsj-enchant-workshop-screen .hxsj-enchant-main-row,
  .hxsj-synthesis-workshop-screen .hxsj-synthesis-empty-row,
  .hxsj-synthesis-workshop-screen .hxsj-synthesis-craft-area{
    grid-template-columns:1fr;
    gap:18px;
    height:auto;
    overflow:visible;
  }

  .hxsj-refine-portrait,
  .hxsj-synthesis-portrait{
    width:min(100%, 144px);
    aspect-ratio:4 / 5;
    height:auto;
    justify-self:center;
    margin:0 auto;
  }

  .hxsj-refine-table-panel,
  .hxsj-synthesis-table-panel{
    min-height:190px;
    max-height:min(320px, 32vh);
    overflow:auto;
  }

  .hxsj-enchant-area,
  .hxsj-synthesis-workshop-panels{
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    overflow:visible;
  }
}