@font-face {
  font-family: "Commissioner";
  src: url("/static/fonts/commissioner/Commissioner-BoldItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Alimama FangYuanTi VF";
  src: url("/static/fonts/alibaba/AlimamaFangYuanTiVF-Thin.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
}

@font-face {
  font-family: "Alimama ShuHeiTi";
  src: url("/static/fonts/alibaba/AlimamaShuHeiTi-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Alibaba PuHuiTi 2.0";
  src: url("/static/fonts/alibaba/AlibabaPuHuiTi-2-115-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

:root {
  --wydsp-accent: #fd2d55;
  --wydsp-accent-soft: #fe94a8;
  --wydsp-background: #010406;
  --wydsp-surface: #0d0f10;
  --wydsp-text: rgba(255, 255, 255, .9);
  --wydsp-text-secondary: rgba(255, 255, 255, .55);
  --wydsp-divider: rgba(255, 255, 255, .1);
}

.wydsp-brand-mark {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  flex: none;
  overflow: hidden;
  border-radius: 50%;
  vertical-align: middle;
}

.wydsp-brand-mark__canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
  transform-origin: top left;
}

.wydsp-brand-mark--small { width: 24px; height: 24px; }
.wydsp-brand-mark--small .wydsp-brand-mark__canvas { transform: scale(.6); }
.wydsp-brand-mark--medium { width: 32px; height: 32px; }
.wydsp-brand-mark--medium .wydsp-brand-mark__canvas { transform: scale(.8); }
.wydsp-brand-mark img { display: block; max-width: none; pointer-events: none; }
.wydsp-brand-mark__glow { position: absolute; top: -3.67px; left: -1.64px; width: 43.438px; height: 43.438px; object-fit: cover; mix-blend-mode: screen; }
.wydsp-brand-mark__image { position: absolute; top: -2.11px; left: 0; width: 40px; height: 40px; object-fit: cover; }
.wydsp-brand-mark__band { position: absolute; top: 31.8px; left: 0; width: 40px; height: 9.063px; overflow: hidden; }
.wydsp-brand-mark__band-shape { position: absolute; top: 0; left: calc(50% - .04px); transform: translateX(-50%); }
.wydsp-brand-mark__address { position: absolute; top: 3.79px; left: 5.31px; transform: translateY(-50%); color: #fff; font-family: "Commissioner", sans-serif; font-size: 6.09px; font-weight: 700; font-style: italic; line-height: normal; white-space: nowrap; }
.wydsp-brand-mark__streak { position: absolute; display: flex; align-items: center; justify-content: center; }
.wydsp-brand-mark__streak img { object-fit: cover; }
.wydsp-brand-mark__streak--right { top: -1.86px; left: 18.14px; width: 26.722px; height: 7.25px; }
.wydsp-brand-mark__streak--right img { width: 2.857px; height: 26.618px; transform: rotate(99.59deg); }
.wydsp-brand-mark__streak--left { top: -.95px; left: -2.62px; width: 21.085px; height: 4.891px; mix-blend-mode: screen; }
.wydsp-brand-mark__streak--left img { width: 1.388px; height: 21.149px; transform: rotate(80.41deg) scaleY(-1); opacity: .64; }
.wydsp-brand-mark__corner { position: absolute; top: 0; left: 0; width: 9.609px; height: 9.609px; transform: rotate(180deg) scaleY(-1); }
.wydsp-brand-mark__corner > img { position: absolute; top: 0; left: 0; }
.wydsp-brand-mark__corner-label { position: absolute; top: -1.36px; left: -.48px; display: flex; width: 11.27px; height: 11.27px; align-items: center; justify-content: center; }
.wydsp-brand-mark__corner-label > span { transform: rotate(-135deg) scaleY(-1); color: #fff; font-family: "Alibaba PuHuiTi 2.0", sans-serif; font-size: 4.71px; font-weight: 900; line-height: normal; white-space: nowrap; }

.wydsp-brand-wordmark { color: #fff; font-family: "Alimama FangYuanTi VF", "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 20px; font-weight: 600; font-variation-settings: "BEVL" 1; line-height: 28px; letter-spacing: 0; white-space: nowrap; }

:is(.mobile-home-page, .mobile-profile-page) .mobile-pagination > .is-current {
  border-color: var(--wydsp-accent);
  background: var(--wydsp-accent);
  color: #fff;
}

:is(.mobile-home-page, .mobile-profile-page) .mobile-long-video-card__title {
  font-weight: 400;
}

.mobile-pagination[data-pagination-theme="wydsp"] img {
  filter: invert(1);
}

.mobile-site-footer.mobile-site-footer--wydsp {
  display: flex;
  padding: 24px 16px;
  border: 1px solid var(--wydsp-divider);
  border-radius: 20px;
  background: var(--wydsp-surface);
}

.mobile-site-footer--wydsp .mobile-site-footer__brand {
  display: flex;
  width: auto;
  height: 28px;
  align-items: center;
  gap: 4px;
}

.mobile-site-footer--wydsp .mobile-site-footer__copyright,
.mobile-site-footer--wydsp .mobile-site-footer__addresses p {
  font-size: 12px;
  line-height: 18px;
}

.mobile-site-footer--wydsp .mobile-site-footer__nav {
  width: min(100%, 227px);
  min-height: 51px;
  gap: 15px;
}

.mobile-site-footer--wydsp .mobile-site-footer__nav a {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.mobile-site-footer--wydsp .mobile-site-footer__nav > span { height: 10px; }
.mobile-site-footer.mobile-site-footer--wydsp .mobile-site-footer__latest { color: var(--wydsp-accent); }
.mobile-site-footer--wydsp .mobile-site-footer__addresses:has(> p:not([hidden])) { display: flex; }
.mobile-site-footer--wydsp .mobile-site-footer__addresses:not(:has(> p:not([hidden]))) { display: none; }
.mobile-site-footer--wydsp .mobile-site-footer__age { max-width: 100%; white-space: normal; }
.mobile-site-footer--wydsp .mobile-site-footer__age img { max-width: none; }
@media (max-width: 768px) {
  .mobile-home-page .mobile-site-back-to-top {
    display: grid;
    right: max(16px, env(safe-area-inset-right, 0px));
    bottom: calc(var(--mobile-tabbar-height, 60px) + var(--mobile-tabbar-bottom, 21px) + 16px);
  }
  .mobile-home-page:has(.mobile-home-download:not([hidden])) .mobile-site-back-to-top {
    bottom: calc(78px + 52px + 16px + env(safe-area-inset-bottom, 0px));
  }
}