/* studio-sjview-fix.css — 仅宽屏试贴台，不影响手机 masonry */
html.studio-sj-wide #studioSjHost.view-main {
  background-color: transparent !important;
  background-image: radial-gradient(ellipse 70% 58% at 50% 40%, transparent 40%, rgba(8, 11, 16, .62) 100%) !important;
}
html.studio-sj-wide #studioSjHost > #relatedSectionMobile {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin-top: 0 !important;
  padding: 8px 16px 16px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, transparent 0%, rgba(8, 11, 16, .55) 100%) !important;
}
html.studio-sj-wide #relatedSectionMobile .pic-layout {
  flex: 0 0 auto !important;
  width: auto !important;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html.studio-sj-wide #relatedSectionMobile .pic-layout h2 {
  display: none !important;
}
html.studio-sj-wide #relatedSectionMobile .refresh-btn {
  width: 78px !important;
  height: 108px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 12px !important;
  color: #f0a500 !important;
  background: rgba(240, 165, 0, .12) !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}
html.studio-sj-wide #relatedSectionMobile .refresh-btn:hover {
  background: rgba(240, 165, 0, .2) !important;
}
html.studio-sj-wide #relatedSectionMobile ul.likearticle {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: calc(100% - 110px) !important;
  margin: 0 !important;
  padding: 6px 2px !important;
  overflow: hidden !important;
}
html.studio-sj-wide #relatedSectionMobile ul.likearticle > li {
  width: 61px !important;
  min-width: 61px !important;
  max-width: 61px !important;
  flex: 0 0 61px !important;
  height: 108px !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #1a1f28 !important;
  opacity: .72 !important;
  transform: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}
html.studio-sj-wide #relatedSectionMobile ul.likearticle > li:hover {
  opacity: 1 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 1px rgba(240, 165, 0, .45), 0 8px 22px rgba(41, 128, 185, .28) !important;
}
html.studio-sj-wide #relatedSectionMobile .bd,
html.studio-sj-wide #relatedSectionMobile a.pic {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
html.studio-sj-wide #relatedSectionMobile a.pic img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 10px !important;
}
html.studio-sj-wide #relatedSectionMobile .text {
  display: none !important;
}