message: resolve Ranking Items do not apply the background color of the body style
diff: @@ -205,8 +205,7 @@ export class StylesManager {
  ".sv-ranking-item__index":
  "display: flex; flex-shrink: 0; align-items: center; justify-content: center; background: rgba(25, 179, 148, 0.1); color: var(--foreground); border-radius: 100%; border:2px solid transparent; margin-right: 16px; width: 40px; height: 40px; line-height: 1em;",
  ".sv-ranking-item__text": "display: inline-block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;",
  - ".sv-ranking-item__ghost":
  - "display: none;background: #f3f3f3;border-radius: 100px;width: 200px;height: 55px;z-index: 1;position: absolute;left: 25px;",
  + ".sv-ranking-item__ghost": "display: none; background-color: var(--background-dim, #f3f3f3); border-radius: 100px;width: 200px;height: 55px;z-index: 1;position: absolute;left: 25px;",
  "[dir='rtl'] .sv-ranking-item__ghost": "left: initilal; right: 25px;",
  ".sv-ranking-item--ghost .sv-ranking-item__ghost": "display: block;",
  ".sv-ranking-item--ghost .sv-ranking-item__content": "visibility: hidden;",
  