body.dx-so-page{
  overflow:hidden !important;
  background:#f5f5f7 !important;
}
body.dx-so-page .container,
body.dx-so-page .mine-container,
body.dx-so-page .page-header{
  display:none !important;
}
#dx-so-page{
  position:fixed;
  inset:0;
  z-index:120;
  display:flex;
  flex-direction:column;
  background:#f5f5f7;
  overflow:hidden;
}
#dx-so-page .dx-so-head{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:8px 12px;
  background:linear-gradient(90deg,#e62e04 0%,#ff6a00 55%,#ff8a00 100%);
  color:#fff;
}
#dx-so-page .dx-so-head h1{
  font-size:17px;
  font-weight:700;
  color:#fff;
}
#dx-so-page .dx-so-back{
  border:0;
  background:transparent;
  color:#fff;
  font-size:28px;
  line-height:1;
  padding:0 8px 4px;
  cursor:pointer;
}
#dx-so-page .dx-so-tabs{
  display:flex;
  background:#fff;
  border-bottom:1px solid #eee;
}
#dx-so-page .dx-so-tab{
  flex:1;
  border:0;
  background:transparent;
  padding:12px 4px;
  font-size:13px;
  color:#666;
  cursor:pointer;
}
#dx-so-page .dx-so-tab.is-on{
  color:#e62e04;
  font-weight:700;
  box-shadow:inset 0 -2px 0 #e62e04;
}
#dx-so-page .dx-so-list{
  flex:1;
  overflow:auto;
  padding:8px 0 24px;
  -webkit-overflow-scrolling:touch;
}
#dx-so-page .dx-so-card{
  display:grid;
  grid-template-columns:80px minmax(0,1fr) 200px;
  gap:12px;
  align-items:center;
  margin:0 0 8px;
  padding:14px 16px;
  background:#fff;
}
#dx-so-page .dx-so-img{
  width:80px;
  height:80px;
  object-fit:contain;
  background:#fafafa;
  border-radius:6px;
}
#dx-so-page .dx-so-name{
  font-size:14px;
  font-weight:600;
  color:#191919;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#dx-so-page .dx-so-meta,
#dx-so-page .dx-so-st{
  margin-top:4px;
  font-size:13px;
  color:#666;
}
#dx-so-page .dx-so-math{
  margin-top:3px;
  font-size:13px;
  color:#222;
  font-weight:600;
}
#dx-so-page .dx-so-ship{
  margin-top:6px;
  font-size:12px;
  line-height:1.45;
  color:#444;
}
#dx-so-page .dx-so-side{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
#dx-so-page .dx-so-profit{
  color:#7b3fa0;
  font-size:16px;
  font-weight:700;
}
#dx-so-page .dx-so-btn{
  border:1px solid #c9b3de;
  background:#fff;
  color:#7b3fa0;
  border-radius:999px;
  padding:8px 16px;
  min-width:160px;
  cursor:pointer;
  font-weight:600;
}
#dx-so-page .dx-so-btn.is-ok{
  border-color:#e62e04;
  color:#e62e04;
}
#dx-so-page .dx-so-btn[disabled]{
  opacity:.55;
  cursor:wait;
}
#dx-so-page .dx-so-ghost{
  border-color:#ddd;
  color:#666;
  min-width:100px;
}
#dx-so-page .dx-so-empty{
  margin:48px 24px;
  text-align:center;
  color:#888;
  font-size:14px;
}
#dx-so-page .dx-so-flash{
  margin:8px 16px 12px;
  padding:10px 12px;
  border-radius:8px;
  background:#fff4e8;
  color:#c2410c;
  font-size:13px;
  font-weight:600;
}
#dx-so-page .dx-so-pin{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}
#dx-so-page .dx-so-pin-box{
  width:min(360px,100%);
  background:#fff;
  border-radius:10px;
  padding:22px 18px 16px;
}
#dx-so-page .dx-so-pin-t{
  font-size:16px;
  font-weight:700;
  text-align:center;
  margin-bottom:14px;
}
#dx-so-page .dx-so-pin-in{
  width:100%;
  border:1px solid #ddd;
  border-radius:8px;
  padding:10px 12px;
  font-size:20px;
  letter-spacing:8px;
  text-align:center;
}
#dx-so-page .dx-so-pin-err{
  min-height:18px;
  margin-top:8px;
  color:#e62e04;
  font-size:12px;
  text-align:center;
}
#dx-so-page .dx-so-pin-row{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:12px;
}
@media (max-width:700px){
  #dx-so-page .dx-so-card{
    grid-template-columns:72px minmax(0,1fr);
  }
  #dx-so-page .dx-so-side{
    grid-column:1 / -1;
    align-items:flex-end;
  }
}