/* 手机壁纸详情试贴台：仅 html.studio-sj-wide（≥1200px）。窄屏零视觉变化。 */
.studio-sj-rail,
.studio-sj-amb,
.studio-sj-grain,
.studio-sj-bloom,
.studio-sj-glow {
  display: none;
}

html.studio-sj-wide {
  --studio-sj-ink: #e8ebf0;
  --studio-sj-muted: rgba(232, 235, 240, .52);
  --studio-sj-gold: #f0a500;
  --studio-sj-gold-2: #ff7e00;
  --studio-sj-glow: #2980b9;
  --studio-sj-hud: rgba(255, 255, 255, .045);
  --studio-sj-hud-line: rgba(255, 255, 255, .06);
  --studio-sj-hud-text: rgba(232, 235, 240, .76);
  --studio-sj-ease: cubic-bezier(.22, 1, .36, 1);
  --studio-sj-glow-rgba: rgba(41, 128, 185, .4);
}

html.studio-sj-wide body {
  background-color: #0e131b;
}

html.studio-sj-wide .studio-sj-amb {
  display: block;
  position: fixed;
  inset: -12%;
  z-index: 0;
  pointer-events: none;
  background-size: cover;
  background-position: center;
  filter: blur(64px) saturate(1.75) brightness(1.08);
  transform: scale(1.16);
  opacity: .78;
  -webkit-mask-image: radial-gradient(ellipse 72% 62% at 50% 40%, #000 18%, rgba(0, 0, 0, .55) 48%, transparent 76%);
  mask-image: radial-gradient(ellipse 72% 62% at 50% 40%, #000 18%, rgba(0, 0, 0, .55) 48%, transparent 76%);
}
html.studio-sj-wide .studio-sj-grain {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: .05;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}

html.studio-sj-wide #studioSjHost.view-main {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 258px minmax(0, 1fr) 328px;
  grid-template-rows: minmax(520px, 1fr) 176px;
  gap: 12px;
  padding: 14px 16px 0;
  margin: 0;
  min-height: calc(100vh - 72px);
  background-color: transparent !important;
  background-image: radial-gradient(ellipse 70% 58% at 50% 40%, transparent 40%, rgba(8, 11, 16, .62) 100%) !important;
  color: var(--studio-sj-ink);
}
html.studio-sj-wide #studioSjHost > .location {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
html.studio-sj-wide #studioSjHost > .sj-pic-main {
  display: contents;
}
html.studio-sj-wide #studioSjHost .preview-section,
html.studio-sj-wide #studioSjHost .pic-main-r {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}
html.studio-sj-wide #studioSjHost .preview-section {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 0;
  min-width: 0;
}
html.studio-sj-wide #studioSjHost .pic-main-r.immersive-detail {
  grid-column: 3;
  grid-row: 1;
  min-height: 0;
  overflow: auto;
  padding: 16px 16px 12px 10px;
  background: linear-gradient(270deg, rgba(8, 11, 16, .46) 0%, rgba(8, 11, 16, .12) 72%, transparent 100%);
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .12) transparent;
}
html.studio-sj-wide #studioSjHost > #relatedSectionMobile {
  grid-column: 1 / -1;
  grid-row: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  min-height: 0;
  padding: 8px 16px 16px !important;
  background: linear-gradient(180deg, transparent 0%, rgba(8, 11, 16, .55) 100%);
}

/* 左侧控制栏（对齐 dnbz studio-rail） */
html.studio-sj-wide .studio-sj-rail {
  display: flex;
  flex-direction: column;
  grid-column: 1;
  grid-row: 1;
  min-height: 0;
  overflow: hidden;
  padding: 12px 8px 8px 6px;
  background: linear-gradient(90deg, rgba(8, 11, 16, .42) 0%, rgba(8, 11, 16, .12) 68%, transparent 100%);
}
html.studio-sj-wide .studio-sj-kicker {
  flex-shrink: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  padding: 2px 2px 0;
  margin-bottom: 8px;
}
html.studio-sj-wide .studio-sj-kicker::after {
  content: "";
  display: block;
  width: 22px;
  height: 2px;
  margin-top: 8px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--studio-sj-gold), rgba(240, 165, 0, .12));
}
html.studio-sj-wide .studio-sj-block {
  background: var(--studio-sj-hud);
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  flex-shrink: 0;
}
html.studio-sj-wide .studio-sj-block:last-child {
  margin-bottom: 0;
  /*flex: 1;*/
  min-height: 0;
  display: flex;
  flex-direction: column;
}
html.studio-sj-wide .studio-sj-block h3 {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(242, 244, 247, .88);
}
html.studio-sj-wide .studio-sj-tog {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 12px;
  color: var(--studio-sj-hud-text);
  border-bottom: 1px solid var(--studio-sj-hud-line);
}
html.studio-sj-wide .studio-sj-tog:last-child { border-bottom: 0; }
html.studio-sj-wide .studio-sj-knob {
  width: 38px;
  height: 22px;
  border-radius: 11px;
  background: rgba(255, 255, 255, .18);
  position: relative;
  flex-shrink: 0;
  border: 0;
  cursor: pointer;
  padding: 0;
}
html.studio-sj-wide .studio-sj-knob::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  transition: transform .22s var(--studio-sj-ease);
}
html.studio-sj-wide .studio-sj-knob.on {
  background: linear-gradient(90deg, var(--studio-sj-gold), var(--studio-sj-gold-2));
}
html.studio-sj-wide .studio-sj-knob.on::after { transform: translateX(16px); }
html.studio-sj-wide.is-scene-lock #sjLayerBlock .studio-sj-tog,
html.studio-sj-wide.is-scene-min #sjLayerBlock .studio-sj-tog {
  color: rgba(255, 255, 255, .38);
}
html.studio-sj-wide.is-scene-lock #sjLayerBlock .studio-sj-knob,
html.studio-sj-wide.is-scene-min #sjLayerBlock .studio-sj-knob {
  filter: grayscale(1);
  opacity: .42;
  pointer-events: none;
}

html.studio-sj-wide .studio-sj-vibes {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
html.studio-sj-wide .studio-sj-vibe {
  position: relative;
  min-height: 52px;
  border-radius: 10px;
  overflow: hidden;
  text-align: left;
  color: #fff;
  border: 2px solid transparent;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
  background: #15181f;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
}
html.studio-sj-wide .studio-sj-vibe > span {
  position: absolute;
  left: 10px;
  top: 7px;
  z-index: 2;
  font-size: 12px;
  font-weight: 700;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .65);
}
html.studio-sj-wide .studio-sj-vibe.on {
  border-color: var(--studio-sj-gold);
  box-shadow: 0 0 0 1px rgba(240, 165, 0, .55);
}
html.studio-sj-wide .studio-sj-vibe-bg,
html.studio-sj-wide .studio-sj-vibe-art {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
html.studio-sj-wide .studio-sj-vibe[data-use="lock"] .studio-sj-vibe-bg {
  background: linear-gradient(160deg, #1c2030 0%, #0a0c12 100%);
}
html.studio-sj-wide .studio-sj-vibe[data-use="lock"] .va-time {
  position: absolute;
  right: 12px;
  top: 22px;
  font-size: 20px;
  font-weight: 200;
  color: rgba(255, 255, 255, .94);
  font-style: normal;
}
html.studio-sj-wide .studio-sj-vibe[data-use="lock"] .va-av {
  position: absolute;
  left: 12px;
  bottom: 8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #c7c7cc;
}
html.studio-sj-wide .studio-sj-vibe[data-use="desktop"] .studio-sj-vibe-bg {
  background: linear-gradient(180deg, #3d4656 0%, #171b22 100%);
}
html.studio-sj-wide .studio-sj-vibe[data-use="desktop"] .va-grid {
  position: absolute;
  left: 12px;
  top: 28px;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: linear-gradient(#5ac8fa, #0a84ff);
  box-shadow: 16px 0 0 #0a84ff, 0 16px 0 #34c759, 16px 16px 0 #ff9500;
}
html.studio-sj-wide .studio-sj-vibe[data-use="desktop"] .va-dock {
  position: absolute;
  left: 50%;
  bottom: 7px;
  transform: translateX(-50%);
  width: 54%;
  height: 7px;
  border-radius: 5px;
  background: rgba(255, 255, 255, .2);
}
html.studio-sj-wide .studio-sj-vibe[data-use="min"] .studio-sj-vibe-bg {
  background: linear-gradient(150deg, #2a2438 0%, #0c0b10 100%);
}
html.studio-sj-wide .studio-sj-vibe[data-use="min"] .va-time {
  position: absolute;
  right: 12px;
  bottom: 8px;
  font-size: 20px;
  font-weight: 200;
  color: rgba(255, 255, 255, .96);
  font-style: normal;
}

/* 中间预览 */
html.studio-sj-wide .studio-sj-preview-col {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
html.studio-sj-wide .studio-sj-bloom {
  display: block;
  position: absolute;
  inset: -18% -8%;
  background-size: cover;
  background-position: center;
  filter: blur(36px) saturate(1.55) brightness(1.12);
  opacity: .55;
  pointer-events: none;
  z-index: 0;
  -webkit-mask-image: radial-gradient(ellipse 62% 58% at 50% 46%, #000 8%, transparent 70%);
  mask-image: radial-gradient(ellipse 62% 58% at 50% 46%, #000 8%, transparent 70%);
}
html.studio-sj-wide .studio-sj-glow {
  display: block;
  position: absolute;
  left: 50%;
  top: 44%;
  width: 118%;
  height: 92%;
  transform: translate(-50%, -50%);
  border-radius: 46%;
  background: radial-gradient(ellipse at center, var(--studio-sj-glow-rgba) 0%, transparent 68%);
  filter: blur(52px);
  opacity: .5;
  pointer-events: none;
  z-index: 0;
}
html.studio-sj-wide #studioSjHost .preview-section .layout {
  padding: 0 !important;
  background: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  position: relative;
  z-index: 1;
}
html.studio-sj-wide #studioSjHost .iphone-frame {
  margin-top: 0 !important;
  filter: drop-shadow(0 28px 48px rgba(0, 0, 0, .5));
}

/* 宽屏场景：覆盖 hover 锁屏→桌面 */
html.studio-sj-wide .iphone-frame:hover .lock-screen-overlay,
html.studio-sj-wide .iphone-frame:hover .home-screen,
html.studio-sj-wide .iphone-frame:hover .lockscreen-actions,
html.studio-sj-wide .iphone-frame:hover .dock,
html.studio-sj-wide .iphone-frame:hover .app-icon {
  transition: none !important;
}
html.studio-sj-wide.is-scene-lock .iphone-frame .lock-screen-overlay {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
html.studio-sj-wide.is-scene-lock .iphone-frame .lockscreen-actions {
  opacity: 1 !important;
  visibility: visible !important;
}
html.studio-sj-wide.is-scene-lock .iphone-frame .home-screen {
  opacity: 0 !important;
  visibility: hidden !important;
}
html.studio-sj-wide.is-scene-desktop .iphone-frame .lock-screen-overlay {
  opacity: 0 !important;
  transform: translateY(-20px) !important;
  visibility: hidden !important;
}
html.studio-sj-wide.is-scene-desktop .iphone-frame .lockscreen-actions {
  opacity: 0 !important;
  visibility: hidden !important;
}
html.studio-sj-wide.is-scene-desktop .iphone-frame .home-screen {
  opacity: 1 !important;
  visibility: visible !important;
}
html.studio-sj-wide.is-scene-desktop .iphone-frame .app-icon {
  opacity: 1 !important;
  transform: scale(1) translateY(0) !important;
}
html.studio-sj-wide.is-scene-desktop .iphone-frame .dock {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
html.studio-sj-wide.is-scene-min .iphone-frame .status-bar,
html.studio-sj-wide.is-scene-min .iphone-frame .lock-screen-overlay,
html.studio-sj-wide.is-scene-min .iphone-frame .lockscreen-actions,
html.studio-sj-wide.is-scene-min .iphone-frame .home-screen {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 上下张 */
html.studio-sj-wide #studioSjHost .prenext {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
}
html.studio-sj-wide #studioSjHost .prenext a {
  pointer-events: auto;
  position: absolute !important;
  top: 45%;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  background: var(--studio-sj-hud) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .72);
  text-indent: -9999px;
  overflow: hidden;
  left: auto;
  right: auto;
  transform: translateY(-50%);
}
html.studio-sj-wide #studioSjHost .prenext a svg {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-indent: 0;
}

/* 右侧暗色 HUD */
html.studio-sj-wide #studioSjHost .pic-main-r.immersive-detail {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
html.studio-sj-wide #studioSjHost .pic-main-r .layout {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.studio-sj-wide #studioSjHost .pic-main-r .pic-down,
html.studio-sj-wide #studioSjHost .immersive-detail .pic-down {
  padding: 14px !important;
  border-radius: 12px !important;
  background: var(--studio-sj-hud) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  border: 0 !important;
  margin-top: 0 !important;
}
html.studio-sj-wide #studioSjHost .pic-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 600;
  color: rgba(242, 244, 247, .92) !important;
}
html.studio-sj-wide #studioSjHost .pic-title .vip {
  color: var(--studio-sj-gold) !important;
  border-color: rgba(240, 165, 0, .7) !important;
}
html.studio-sj-wide #studioSjHost .user-action {
  display: flex !important;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 10px 0 !important;
  padding: 0 !important;
  float: none !important;
}
html.studio-sj-wide #studioSjHost .immersive-action-btn {
  color: var(--studio-sj-hud-text) !important;
  background: var(--studio-sj-hud) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08) !important;
  border: 0 !important;
  border-radius: 16px;
}
html.studio-sj-wide #studioSjHost .immersive-action-btn:hover {
  color: var(--studio-sj-gold) !important;
  background: rgba(240, 165, 0, .12) !important;
  box-shadow: inset 0 0 0 1px rgba(240, 165, 0, .32) !important;
}
html.studio-sj-wide #studioSjHost .immersive-action-btn.collected {
  color: var(--studio-sj-gold) !important;
  background: rgba(240, 165, 0, .12) !important;
}
html.studio-sj-wide #studioSjHost .pic-infos {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px 16px !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--studio-sj-hud) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  float: none !important;
  list-style: none;
}
html.studio-sj-wide #studioSjHost .pic-infos li {
  display: flex !important;
  align-items: center;
  gap: 10px;
  flex: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--studio-sj-ink) !important;
}
html.studio-sj-wide #studioSjHost .pic-infos .info-icon {
  width: 22px !important;
  height: 22px !important;
  border-radius: 8px !important;
  background: var(--studio-sj-hud) !important;
}
html.studio-sj-wide #studioSjHost .pic-infos .info-icon svg {
  color: var(--studio-sj-hud-text) !important;
  stroke: currentColor !important;
}
html.studio-sj-wide #studioSjHost .pic-infos .name {
  color: var(--studio-sj-muted) !important;
}
html.studio-sj-wide #studioSjHost .pic-infos .value,
html.studio-sj-wide #studioSjHost .pic-infos .value span {
  color: #eef1f5 !important;
}
html.studio-sj-wide #studioSjHost .pic-price {
  display: none !important;
}
html.studio-sj-wide #studioSjHost .pane-cta {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  border-radius: 12px;
  background: var(--studio-sj-hud);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}
html.studio-sj-wide #studioSjHost .down-btn {
  width: 100%;
  height: 44px;
  margin-top: 0 !important;
  color: #fff !important;
  background: linear-gradient(90deg, var(--studio-sj-gold), var(--studio-sj-gold-2)) !important;
  border-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 25px;
}
html.studio-sj-wide #studioSjHost .down-btn:hover {
  filter: brightness(1.06);
  box-shadow: 0 4px 16px rgba(240, 165, 0, .38);
  color: #fff !important;
  background: linear-gradient(90deg, var(--studio-sj-gold), var(--studio-sj-gold-2)) !important;
  border-color: transparent !important;
}
html.studio-sj-wide #studioSjHost .open-btn {
  width: 100%;
  height: 44px;
  margin-top: 0 !important;
  color: var(--studio-sj-gold) !important;
  background: rgba(240, 165, 0, .12) !important;
  border: 1px solid rgba(240, 165, 0, .32) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 25px;
}
html.studio-sj-wide #studioSjHost .open-btn:hover {
  color: #fff !important;
  background: rgba(240, 165, 0, .22) !important;
  border-color: rgba(240, 165, 0, .5) !important;
}
html.studio-sj-wide #studioSjHost .kf-qq {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  color: var(--studio-sj-muted) !important;
  font-size: 12px;
  text-align: center;
}
html.studio-sj-wide #studioSjHost .kf-qq a {
  color: var(--studio-sj-gold) !important;
}
html.studio-sj-wide #studioSjHost .sj-tag-box,
html.studio-sj-wide #studioSjHost .tag-boxs {
  margin-top: 0 !important;
  padding: 12px;
  border-radius: 12px;
  background: var(--studio-sj-hud);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}
html.studio-sj-wide #studioSjHost .pic-tags li.title span {
  color: var(--studio-sj-muted) !important;
}
html.studio-sj-wide #studioSjHost .pic-tags li a {
  color: var(--studio-sj-hud-text) !important;
  background: rgba(255, 255, 255, .06) !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}
html.studio-sj-wide #studioSjHost .pic-tags li a:hover {
  background: rgba(255, 255, 255, .12) !important;
  color: #fff !important;
}
html.studio-sj-wide #studioSjHost .pic-tags-list {
  display: none !important;
}

/* 猜你喜欢横排（对齐 dnbz，竖图 9:16） */
html.studio-sj-wide #relatedSectionMobile .pic-layout {
  flex: 0 0 auto;
  width: auto;
  background: none !important;
  backdrop-filter: 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;
  height: 108px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  color: var(--studio-sj-gold);
  font-size: 12px;
  font-weight: 600;
  background: rgba(240, 165, 0, .12);
  border: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  padding: 0;
}
html.studio-sj-wide #relatedSectionMobile .refresh-btn:hover {
  background: rgba(240, 165, 0, .2);
  color: var(--studio-sj-gold);
}
html.studio-sj-wide #relatedSectionMobile .refresh-btn svg {
  width: 20px;
  height: 20px;
}
html.studio-sj-wide #relatedSectionMobile ul.likearticle,
html.studio-sj-wide #relatedSectionMobile ul.likearticle.masonry {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin: 0 !important;
  padding: 6px 2px !important;
  width: auto !important;
  max-width: calc(100% - 110px);
  height: auto !important;
  min-height: 0 !important;
  position: relative !important;
  overflow: visible !important;
}
html.studio-sj-wide #relatedSectionMobile ul.likearticle > li {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  float: none !important;
  width: 61px;
  min-width: 61px;
  max-width: 61px;
  flex: 0 0 61px;
  height: 108px !important;
  aspect-ratio: 9 / 16;
  border-radius: 10px;
  overflow: hidden;
  background: #1a1f28;
  opacity: .72;
  margin: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  transform: none !important;
  transition: none !important;
}
html.studio-sj-wide #relatedSectionMobile ul.likearticle > li:hover {
  transform: translateY(-2px) !important;
  opacity: 1;
  box-shadow: 0 0 0 1px rgba(240, 165, 0, .45), 0 8px 22px rgba(41, 128, 185, .28);
  transition: transform .22s var(--studio-sj-ease), box-shadow .22s, opacity .22s !important;
}
html.studio-sj-wide #relatedSectionMobile .bd,
html.studio-sj-wide #relatedSectionMobile .bd:hover {
  width: 100%;
  height: 100%;
  position: relative;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  border-radius: 10px !important;
  overflow: hidden;
  transition: none !important;
}
html.studio-sj-wide #relatedSectionMobile a.pic {
  display: block;
  width: 100%;
  height: 100%;
}
html.studio-sj-wide #relatedSectionMobile a.pic,
html.studio-sj-wide #relatedSectionMobile a.pic img {
  border-radius: 10px;
}
html.studio-sj-wide #relatedSectionMobile a.pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html.studio-sj-wide #relatedSectionMobile .text {
  display: none !important;
}

/* 首屏防闪 */
@media (min-width: 1200px) {
  html.studio-sj-pending #studioSjHost .preview-section,
  html.studio-sj-pending #studioSjHost .prenext {
    visibility: hidden !important;
    opacity: 0 !important;
  }
  html.studio-sj-wide.studio-sj-ready #studioSjHost .preview-section,
  html.studio-sj-wide.studio-sj-ready #studioSjHost .prenext {
    visibility: visible !important;
    opacity: 1 !important;
    transition: none !important;
  }
  html.studio-sj-pending #studioSjHost .pic-main-r {
    opacity: 0 !important;
  }
  html.studio-sj-wide.studio-sj-ready #studioSjHost .pic-main-r {
    opacity: 1 !important;
    transition: none !important;
  }
}

@media (max-width: 1519px) {
  html.studio-sj-wide #studioSjHost.view-main {
    grid-template-columns: 210px minmax(0, 1fr) 280px;
  }
}

@media (min-width: 1200px) {
  html.studio-sj-wide #relatedSectionMobile ul.likearticle,
  html.studio-sj-wide #relatedSectionMobile ul.likearticle.masonry {
    display: flex !important;
    flex-wrap: nowrap !important;
    height: auto !important;
  }
  html.studio-sj-wide #relatedSectionMobile ul.likearticle > li {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    height: 108px !important;
    float: none !important;
  }
}

/* STUDIO_SJ_PRIORITY_V1：压过 style.css 的 immersive / pic-infos / layout 白底 */
@media (min-width: 1200px) {
  html.studio-sj-wide #studioSjHost .pic-main-r.immersive-detail {
    grid-column: 3 !important;
    grid-row: 1 !important;
    float: none !important;
    width: auto !important;
    min-height: 0 !important;
    overflow: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 16px 16px 12px 10px !important;
    background: linear-gradient(270deg, rgba(8, 11, 16, .46) 0%, rgba(8, 11, 16, .12) 72%, transparent 100%) !important;
  }
  html.studio-sj-wide #studioSjHost .pic-main-r .layout,
  html.studio-sj-wide #studioSjHost .pic-main-r .layout.pic-down {
    /*background: transparent !important;*/
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  html.studio-sj-wide #studioSjHost .pic-main-r .pic-down,
  html.studio-sj-wide #studioSjHost .immersive-detail .pic-down {
    padding: 14px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .045) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    border: 0 !important;
    margin-top: 0 !important;
  }
  html.studio-sj-wide #studioSjHost .pic-infos {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px 16px !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .045) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    float: none !important;
  }
  html.studio-sj-wide #studioSjHost .pic-infos li {
    flex: none !important;
    width: auto !important;
    margin: 0 !important;
    color: #e8ebf0 !important;
  }
  html.studio-sj-wide #studioSjHost .pic-infos .name {
    color: rgba(232, 235, 240, .52) !important;
  }
  html.studio-sj-wide #studioSjHost .pic-infos .value,
  html.studio-sj-wide #studioSjHost .pic-infos .value span {
    color: #eef1f5 !important;
  }
  html.studio-sj-wide #studioSjHost .pic-infos .info-icon {
    background: rgba(255, 255, 255, .045) !important;
  }
  html.studio-sj-wide #studioSjHost .pic-infos .info-icon svg {
    color: rgba(232, 235, 240, .76) !important;
    stroke: currentColor !important;
  }
  html.studio-sj-wide #studioSjHost .pic-price {
    display: none !important;
  }
  html.studio-sj-wide #studioSjHost .down-btn {
    color: #fff !important;
    background: linear-gradient(90deg, #f0a500, #ff7e00) !important;
    border-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html.studio-sj-wide #studioSjHost .open-btn {
    color: #f0a500 !important;
    background: rgba(240, 165, 0, .12) !important;
    border-color: rgba(240, 165, 0, .32) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html.studio-sj-wide #studioSjHost .kf-qq {
    color: rgba(232, 235, 240, .52) !important;
    border-top: 0 !important;
  }
  html.studio-sj-wide #studioSjHost .kf-qq a {
    color: #f0a500 !important;
  }
  html.studio-sj-wide #studioSjHost .pic-tags-list {
    display: none !important;
  }
  html.studio-sj-pending #studioSjHost .pic-main-r {
    opacity: 0 !important;
  }
  html.studio-sj-wide.studio-sj-ready #studioSjHost .pic-main-r {
    opacity: 1 !important;
    transition: none !important;
  }
}