/* Keep detail metadata inside narrow mobile viewports after the legacy float rules. */
@media (max-width: 560px) {
  .xiazai-5v55-site-theme .xiazai-5v55-site-detail,
  .xiazai-5v55-site-theme .xiazai-5v55-site-detail .stui-pannel-box,
  .xiazai-5v55-site-theme .xiazai-5v55-site-detail .stui-content {
    min-width: 0;
    max-width: 100%;
  }

  .xiazai-5v55-site-theme .xiazai-5v55-site-detail .stui-content {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    width: 100%;
  }

  .xiazai-5v55-site-theme .xiazai-5v55-site-detail .stui-content__thumb {
    display: block !important;
    float: none !important;
    flex: 0 0 auto;
    width: min(58vw, 220px) !important;
    max-width: 100%;
    margin: 0 auto !important;
  }

  .xiazai-5v55-site-theme .xiazai-5v55-site-detail .stui-content__thumb .v-thumb,
  .xiazai-5v55-site-theme .xiazai-5v55-site-detail .stui-content__thumb .picture {
    width: 100% !important;
  }

  .xiazai-5v55-site-theme .xiazai-5v55-site-detail .stui-content__detail {
    display: block !important;
    float: none !important;
    flex: none;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
    padding: 0 !important;
  }

  .xiazai-5v55-site-theme .xiazai-5v55-site-detail .stui-pannel__head,
  .xiazai-5v55-site-theme .xiazai-5v55-site-detail .stui-content__detail .title,
  .xiazai-5v55-site-theme .xiazai-5v55-site-detail .stui-content__detail .data p,
  .xiazai-5v55-site-theme .xiazai-5v55-site-detail .stui-content__detail .desc {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .xiazai-5v55-site-theme .xiazai-5v55-site-detail .stui-content__detail .title .score {
    float: none;
    display: inline-block;
    margin-left: 8px;
  }
}