
    :root {
      --bg-cream: #f6f1e8;
      --bg-paper: #ede5d5;
      --card-bg: #fffdf9;
      --text-main: #2b1f17;
      --text-sub: #786657;
      --text-light: #9e8c7c;
      --sep-line: #dcd0bf;
      --brand-brown: #543310;
      --brand-accent: #8b4513;
      --badge-bg: #3f2716;
      --star-color: #c07d32;
      --radius-card: 18px;
      --shadow-sm: 0 4px 14px rgba(66, 42, 24, 0.07);
      --shadow-md: 0 10px 24px rgba(66, 42, 24, 0.12);
    }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      background: var(--bg-cream);
      color: var(--text-main);
      line-height: 1.5;
      overflow-x: hidden;
    }
    a { color: inherit; text-decoration: none; }
    img { display: block; width: 100%; height: 100%; object-fit: cover; }

    /* 斜切分区背景层 */
    .slant-canvas {
      position: relative;
      background: linear-gradient(172deg, var(--bg-cream) 0%, var(--bg-cream) 52%, var(--bg-paper) 52.1%, var(--bg-paper) 100%);
      min-height: 100vh;
    }

    /* 整体骨架：左侧竖向侧栏 + 右侧主内容流 */
    .portal-shell {
      display: flex;
      max-width: 1440px;
      margin: 0 auto;
      min-height: 100vh;
    }

    /* 竖向侧边栏 */
    .retro-sidebar {
      width: 210px;
      flex-shrink: 0;
      background: var(--card-bg);
      border-right: 1px solid var(--sep-line);
      padding: 28px 16px;
      display: flex;
      flex-direction: column;
      gap: 32px;
      position: sticky;
      top: 0;
      height: 100vh;
      box-shadow: 2px 0 12px rgba(66, 42, 24, 0.03);
      z-index: 10;
    }
    .brand-mark {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 0 8px;
    }
    .brand-mark svg {
      width: 32px;
      height: 32px;
      color: var(--brand-accent);
    }
    .brand-mark h1 {
      font-size: 19px;
      font-weight: 800;
      letter-spacing: 0.5px;
      color: var(--brand-brown);
    }
    .side-menu {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .side-menu a {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 11px 14px;
      border-radius: 999px;
      font-size: 14px;
      font-weight: 600;
      color: var(--text-sub);
      transition: all 0.2s ease;
    }
    .side-menu a:hover, .side-menu a.active {
      background: var(--brand-brown);
      color: #fff;
    }
    .side-menu a svg {
      width: 18px;
      height: 18px;
    }
    .side-app-box {
      margin-top: auto;
      padding: 14px;
      background: var(--bg-paper);
      border-radius: var(--radius-card);
      text-align: center;
    }
    .side-app-box p {
      font-size: 12px;
      color: var(--text-sub);
      margin-bottom: 10px;
    }
    .pill-btn-sm {
      display: inline-block;
      width: 100%;
      background: var(--brand-accent);
      color: #fff;
      font-size: 12px;
      font-weight: 600;
      padding: 7px 0;
      border-radius: 999px;
    }

    /* 主内容区 */
    .portal-main {
      flex: 1;
      padding: 24px 32px 60px;
      overflow: hidden;
    }

    /* 顶部检索与状态 */
    .top-actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 24px;
      border-bottom: 1px solid var(--sep-line);
      padding-bottom: 16px;
    }
    .search-pill-box {
      display: flex;
      align-items: center;
      gap: 8px;
      background: var(--card-bg);
      border: 1px solid var(--sep-line);
      border-radius: 999px;
      padding: 8px 16px;
      width: 360px;
      max-width: 100%;
    }
    .search-pill-box input {
      border: none;
      background: transparent;
      outline: none;
      font-size: 13px;
      color: var(--text-main);
      width: 100%;
    }
    .search-pill-box svg {
      width: 16px;
      height: 16px;
      color: var(--text-light);
    }
    .top-stat-bar {
      display: flex;
      align-items: center;
      gap: 16px;
      font-size: 13px;
      color: var(--text-sub);
    }

    /* 焦点大片条形横幅 */
    .hero-banner {
      background: var(--card-bg);
      border-radius: var(--radius-card);
      box-shadow: var(--shadow-sm);
      display: flex;
      overflow: hidden;
      margin-bottom: 36px;
      border: 1px solid var(--sep-line);
    }
    .hero-thumb {
      flex: 1.1;
      min-height: 250px;
      position: relative;
    }
    .hero-info {
      flex: 1.4;
      padding: 28px 32px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .hero-tag {
      align-self: flex-start;
      font-size: 11px;
      font-weight: 700;
      color: #fff;
      background: var(--brand-accent);
      padding: 3px 10px;
      border-radius: 999px;
      margin-bottom: 10px;
    }
    .hero-title {
      font-size: 26px;
      font-weight: 800;
      color: var(--brand-brown);
      margin-bottom: 8px;
      line-height: 1.3;
    }
    .hero-desc {
      font-size: 13px;
      color: var(--text-sub);
      line-height: 1.6;
      margin-bottom: 18px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .hero-foot {
      display: flex;
      align-items: center;
      gap: 20px;
    }
    .pill-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: var(--brand-brown);
      color: #fff;
      padding: 9px 22px;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 600;
      transition: opacity 0.2s ease;
    }
    .pill-btn:hover { opacity: 0.9; }
    .pill-btn svg { width: 15px; height: 15px; }
    .hero-score {
      font-size: 14px;
      font-weight: 700;
      color: var(--star-color);
      display: flex;
      align-items: center;
      gap: 4px;
    }
    .hero-score svg { width: 16px; height: 16px; }

    /* 通用区块标题 */
    .sec-head {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      margin-bottom: 16px;
    }
    .sec-head h2 {
      font-size: 20px;
      font-weight: 800;
      color: var(--brand-brown);
      letter-spacing: 0.2px;
    }
    .sec-head .sec-sub {
      font-size: 12px;
      color: var(--text-light);
      margin-left: 8px;
    }
    .sec-head .more-link {
      font-size: 12px;
      color: var(--text-sub);
      font-weight: 600;
    }

    /* 影片卡造型：带清晰度角标卡 */
    .film-grid-10 {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 16px;
      margin-bottom: 40px;
    }
    .film-card {
      background: var(--card-bg);
      border-radius: var(--radius-card);
      overflow: hidden;
      box-shadow: var(--shadow-sm);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
      display: flex;
      flex-direction: column;
      border: 1px solid rgba(220, 208, 191, 0.4);
    }
    .film-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-md);
    }
    .poster-wrap {
      position: relative;
      width: 100%;
      aspect-ratio: 3 / 4;
      background: #e2d7c5;
      overflow: hidden;
      border-radius: var(--radius-card) var(--radius-card) 0 0;
    }
    .badge-quality {
      position: absolute;
      top: 8px;
      left: 8px;
      background: rgba(43, 31, 23, 0.88);
      backdrop-filter: blur(4px);
      color: #fff;
      font-size: 10px;
      font-weight: 700;
      padding: 2px 7px;
      border-radius: 999px;
      letter-spacing: 0.4px;
    }
    .badge-score {
      position: absolute;
      bottom: 8px;
      right: 8px;
      background: rgba(192, 125, 50, 0.95);
      color: #fff;
      font-size: 11px;
      font-weight: 800;
      padding: 2px 7px;
      border-radius: 999px;
      display: flex;
      align-items: center;
      gap: 3px;
    }
    .badge-score svg { width: 10px; height: 10px; }
    .film-meta {
      padding: 11px 12px 13px;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .film-meta h3 {
      font-size: 14px;
      font-weight: 700;
      color: var(--text-main);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .film-subtext {
      font-size: 11px;
      color: var(--text-light);
      display: flex;
      justify-content: space-between;
    }

    /* 榜单驱动：多榜并排 */
    .ranks-board {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-bottom: 42px;
    }
    .rank-column {
      background: var(--card-bg);
      border-radius: var(--radius-card);
      box-shadow: var(--shadow-sm);
      padding: 18px 16px;
      border: 1px solid var(--sep-line);
    }
    .rank-col-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 14px;
      padding-bottom: 10px;
      border-bottom: 1px solid var(--sep-line);
    }
    .rank-col-head h3 {
      font-size: 16px;
      font-weight: 800;
      color: var(--brand-brown);
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .rank-col-head svg { width: 16px; height: 16px; color: var(--brand-accent); }
    .rank-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .rank-item {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 13px;
      padding: 4px 0;
    }
    .rank-num {
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      border-radius: 50%;
      background: var(--bg-paper);
      font-size: 11px;
      font-weight: 700;
      color: var(--text-sub);
      flex-shrink: 0;
    }
    .rank-item:nth-child(1) .rank-num { background: #ab4b18; color: #fff; }
    .rank-item:nth-child(2) .rank-num { background: #c67c29; color: #fff; }
    .rank-item:nth-child(3) .rank-num { background: #887259; color: #fff; }
    .rank-name {
      flex: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: 600;
      color: var(--text-main);
    }
    .rank-metric {
      font-size: 11px;
      color: var(--text-light);
      flex-shrink: 0;
    }

    /* 热门推荐 横向网格 */
    .rec-grid-4 {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-bottom: 40px;
    }
    .rec-card {
      background: var(--card-bg);
      border-radius: var(--radius-card);
      overflow: hidden;
      box-shadow: var(--shadow-sm);
      border: 1px solid var(--sep-line);
      display: flex;
      flex-direction: column;
      transition: transform 0.2s ease;
    }
    .rec-card:hover { transform: translateY(-3px); }
    .rec-thumb {
      width: 100%;
      height: 120px;
    }
    .rec-body {
      padding: 12px;
    }
    .rec-body h4 {
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 4px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .rec-body p {
      font-size: 11px;
      color: var(--text-light);
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    /* 附加版块：专题合集大图入口 */
    .special-zone {
      margin-bottom: 42px;
    }
    .special-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
    }
    .special-card {
      position: relative;
      height: 150px;
      border-radius: var(--radius-card);
      overflow: hidden;
      box-shadow: var(--shadow-sm);
    }
    .special-card img {
      filter: brightness(0.68);
      transition: transform 0.4s ease;
    }
    .special-card:hover img { transform: scale(1.04); }
    .special-over {
      position: absolute;
      inset: 0;
      padding: 22px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      color: #fff;
      background: linear-gradient(180deg, transparent 20%, rgba(20, 10, 5, 0.75) 100%);
    }
    .special-tag {
      font-size: 10px;
      background: rgba(255, 255, 255, 0.25);
      backdrop-filter: blur(4px);
      padding: 2px 8px;
      border-radius: 999px;
      align-self: flex-start;
      margin-bottom: 6px;
      font-weight: 600;
    }
    .special-over h3 { font-size: 18px; font-weight: 800; line-height: 1.3; }
    .special-over p { font-size: 11px; opacity: 0.85; }

    /* 分类标签过滤展示 */
    .channel-strip {
      background: var(--card-bg);
      border-radius: var(--radius-card);
      padding: 18px 20px;
      border: 1px solid var(--sep-line);
      box-shadow: var(--shadow-sm);
      margin-bottom: 40px;
    }
    .filter-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 16px;
    }
    .ftag {
      font-size: 12px;
      padding: 5px 14px;
      border-radius: 999px;
      background: var(--bg-paper);
      color: var(--text-sub);
      font-weight: 600;
    }
    .ftag.on {
      background: var(--brand-brown);
      color: #fff;
    }
    .channel-film-row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }
    .cfilm-item {
      display: flex;
      gap: 10px;
      background: var(--bg-cream);
      padding: 8px;
      border-radius: 12px;
    }
    .cfilm-item img {
      width: 54px;
      height: 72px;
      border-radius: 8px;
      flex-shrink: 0;
    }
    .cfilm-info {
      display: flex;
      flex-direction: column;
      justify-content: center;
      overflow: hidden;
    }
    .cfilm-info h5 {
      font-size: 12px;
      font-weight: 700;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 3px;
    }
    .cfilm-info span { font-size: 10px; color: var(--text-light); }

    /* 资讯 + FAQ 两栏 */
    .info-faq-wrap {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 20px;
      margin-bottom: 40px;
    }
    .news-box, .faq-box {
      background: var(--card-bg);
      border-radius: var(--radius-card);
      padding: 22px;
      box-shadow: var(--shadow-sm);
      border: 1px solid var(--sep-line);
    }
    .news-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
    .news-card {
      display: flex;
      gap: 12px;
      padding-bottom: 12px;
      border-bottom: 1px solid var(--sep-line);
    }
    .news-card:last-child { border-bottom: none; padding-bottom: 0; }
    .news-img {
      width: 72px;
      height: 52px;
      border-radius: 8px;
      flex-shrink: 0;
      overflow: hidden;
    }
    .news-cnt h4 {
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 3px;
      line-height: 1.35;
    }
    .news-cnt p {
      font-size: 11px;
      color: var(--text-light);
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .faq-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .faq-unit {
      border: 1px solid var(--sep-line);
      border-radius: 12px;
      padding: 10px 14px;
      background: var(--bg-cream);
    }
    .faq-q {
      font-size: 12px;
      font-weight: 700;
      color: var(--brand-brown);
      margin-bottom: 4px;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .faq-q svg { width: 14px; height: 14px; color: var(--brand-accent); }
    .faq-a {
      font-size: 11px;
      color: var(--text-sub);
      line-height: 1.5;
    }

    /* 页脚 */
    .portal-footer {
      border-top: 1px solid var(--sep-line);
      padding: 28px 0 10px;
      font-size: 12px;
      color: var(--text-light);
    }
    .foot-nav {
      display: flex;
      gap: 18px;
      margin-bottom: 12px;
      font-weight: 600;
    }
    .foot-nav a { color: var(--text-sub); }
    .foot-disclaimer {
      line-height: 1.6;
      margin-bottom: 14px;
    }

    /* 移动端适配 */
    @media (max-width: 1024px) {
      .film-grid-10 { grid-template-columns: repeat(3, 1fr); }
      .ranks-board { grid-template-columns: 1fr; }
      .channel-film-row { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 768px) {
      .portal-shell { flex-direction: column; }
      .retro-sidebar {
        width: 100%;
        height: auto;
        position: relative;
        padding: 16px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
      }
      .side-menu {
        flex-direction: row;
        width: 100%;
        overflow-x: auto;
        padding-bottom: 4px;
      }
      .side-app-box { display: none; }
      .portal-main { padding: 16px; }
      .hero-banner { flex-direction: column; }
      .hero-thumb { height: 180px; }
      .film-grid-10 { grid-template-columns: repeat(2, 1fr); gap: 10px; }
      .rec-grid-4 { grid-template-columns: repeat(2, 1fr); }
      .special-grid { grid-template-columns: 1fr; }
      .info-faq-wrap { grid-template-columns: 1fr; }
      .channel-film-row { grid-template-columns: 1fr; }
      .search-pill-box { width: 100%; }
      .top-actions { flex-direction: column; align-items: stretch; }
    }
  
html{filter:hue-rotate(4deg)}body{letter-spacing:0em;line-height:151%}
:root {
  --color-primary: #306eff;
  --color-primary-hover: #4a80ff;
  --color-primary-active: #175cff;
  --color-primary-disabled: rgba(48, 110, 255, 0.5);
  --el-color-error: #ff663b;
  --transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
a.pp-restore-btn {
  --size: 24px;
  height: var(--size) !important;
  width: var(--size) !important;
  display: inline-block;
  vertical-align: middle !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 999 !important;
  cursor: pointer !important;
  background-color: transparent !important;
  position: relative;
}
a.pp-restore-btn::after,
a.pp-restore-btn::before {
  display: none;
}
a.pp-restore-btn div {
  margin: 0 !important;
}
a.pp-restore-btn::before,
a.pp-restore-btn::after {
  display: none !important;
}
a.pp-restore-btn:hover .pp-tip {
  display: block;
}
a.pp-restore-btn:hover .pp-btn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNEMwIDEuNzkwODYgMS43OTA4NiAwIDQgMEgyOFYyOEg0QzEuNzkwODYgMjggMCAyNi4yMDkxIDAgMjRWNFoiIGZpbGw9IiMzMDZFRkYiLz4KPHBhdGggb3BhY2l0eT0iMC45ODU2MDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuNzI0MiA4LjYyMDM4QzE1LjQ4NDggOC41OTAwOCAxNS4yODEyIDguNDMwNzkgMTUuMTk0MyA4LjIwNTYyTDE0LjQ3NDIgNi4zNDExNUMxNC40MTQ2IDYuMTg2ODMgMTQuNTQxMiA2LjAyNDc0IDE0LjcwNTQgNi4wNDUxN0wyMi4yODM0IDYuOTg4MzhDMjIuNjcyOCA3LjAzNjg1IDIzLjAwNjQgNy4yOTAxNiAyMy4xNTc3IDcuNjUyMjNMMjQgOS42Njc2OEwxNS43MjQyIDguNjIwMzhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBvcGFjaXR5PSIwLjk4NTYwMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4yOTE0IDguNjIwMzhDMTIuNTMwOSA4LjU5MDA4IDEyLjczNDQgOC40MzA3OSAxMi44MjE0IDguMjA1NjJMMTMuNTQxNCA2LjM0MTE1QzEzLjYwMSA2LjE4NjgzIDEzLjQ3NDQgNi4wMjQ3NCAxMy4zMTAzIDYuMDQ1MTdMNS43MzIyNiA2Ljk4ODM4QzUuMzQyODUgNy4wMzY4NSA1LjAwOTIyIDcuMjkwMTYgNC44NTc5MSA3LjY1MjIzTDQuMDE1NjIgOS42Njc2OEw3LjQ0MzQzIDkuMjMzODlMMTIuMjkxNCA4LjYyMDM4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDkuNjY3NzJIMjRWMjAuNjUyMUMyNCAyMS44ODc1IDIyLjk5ODUgMjIuODg4OSAyMS43NjMyIDIyLjg4ODlINi4yMzY4M0M1LjAwMTQ2IDIyLjg4ODkgNCAyMS44ODc1IDQgMjAuNjUyMVY5LjY2NzcyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTExLjc3NzMgMTkuNTU1NUMxMS43NzczIDE5LjU1NTUgMTIuODc3MSAyMCAxMy45ODkyIDIwQzE1LjEwMTQgMjAgMTYuMjIxOCAxOS41NTU1IDE2LjIyMTggMTkuNTU1NSIgc3Ryb2tlPSIjMzA2RUZGIiBzdHJva2Utd2lkdGg9IjEuMTE4NDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuNDQ1NyAxMy45OTk5VjE1Ljc3NzciIHN0cm9rZT0iIzMwNkVGRiIgc3Ryb2tlLXdpZHRoPSIxLjc4OTQ3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE3LjU1NTEgMTMuOTk5OVYxNS43Nzc3IiBzdHJva2U9IiMzMDZFRkYiIHN0cm9rZS13aWR0aD0iMS43ODk0NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
}
a.pp-restore-btn .pp-btn {
  height: var(--size);
  width: var(--size);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC4yNSIgeT0iMC4yNSIgd2lkdGg9IjI3LjUiIGhlaWdodD0iMjcuNSIgcng9IjMuNzUiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjAuMjUiIHk9IjAuMjUiIHdpZHRoPSIyNy41IiBoZWlnaHQ9IjI3LjUiIHJ4PSIzLjc1IiBmaWxsPSIjMzA2RUZGIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8cmVjdCB4PSIwLjI1IiB5PSIwLjI1IiB3aWR0aD0iMjcuNSIgaGVpZ2h0PSIyNy41IiByeD0iMy43NSIgc3Ryb2tlPSIjMzA2RUZGIiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8cGF0aCBkPSJNMCA0QzAgMS43OTA4NiAxLjc5MDg2IDAgNCAwSDI0QzI2LjIwOTEgMCAyOCAxLjc5MDg2IDI4IDRWMjRDMjggMjYuMjA5MSAyNi4yMDkxIDI4IDI0IDI4SDRDMS43OTA4NiAyOCAwIDI2LjIwOTEgMCAyNFY0WiIgZmlsbD0iIzMwNkVGRiIvPgo8cGF0aCBvcGFjaXR5PSIwLjk4NTYwMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS43MjQyIDguNjIwMzhDMTUuNDg0OCA4LjU5MDA4IDE1LjI4MTIgOC40MzA3OSAxNS4xOTQzIDguMjA1NjJMMTQuNDc0MiA2LjM0MTE1QzE0LjQxNDYgNi4xODY4MyAxNC41NDEyIDYuMDI0NzQgMTQuNzA1NCA2LjA0NTE3TDIyLjI4MzQgNi45ODgzOEMyMi42NzI4IDcuMDM2ODUgMjMuMDA2NCA3LjI5MDE2IDIzLjE1NzcgNy42NTIyM0wyNCA5LjY2NzY4TDE1LjcyNDIgOC42MjAzOFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIG9wYWNpdHk9IjAuOTg1NjAxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjI5MTQgOC42MjAzOEMxMi41MzA5IDguNTkwMDggMTIuNzM0NCA4LjQzMDc5IDEyLjgyMTQgOC4yMDU2MkwxMy41NDE0IDYuMzQxMTVDMTMuNjAxIDYuMTg2ODMgMTMuNDc0NCA2LjAyNDc0IDEzLjMxMDMgNi4wNDUxN0w1LjczMjI2IDYuOTg4MzhDNS4zNDI4NSA3LjAzNjg1IDUuMDA5MjIgNy4yOTAxNiA0Ljg1NzkxIDcuNjUyMjNMNC4wMTU2MiA5LjY2NzY4TDcuNDQzNDMgOS4yMzM4OUwxMi4yOTE0IDguNjIwMzhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQgOS42Njc3MkgyNFYyMC42NTIxQzI0IDIxLjg4NzUgMjIuOTk4NSAyMi44ODg5IDIxLjc2MzIgMjIuODg4OUg2LjIzNjgzQzUuMDAxNDYgMjIuODg4OSA0IDIxLjg4NzUgNCAyMC42NTIxVjkuNjY3NzJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTEuNzc3MyAxOS41NTU1QzExLjc3NzMgMTkuNTU1NSAxMi44NzcxIDIwIDEzLjk4OTIgMjBDMTUuMTAxNCAyMCAxNi4yMjE4IDE5LjU1NTUgMTYuMjIxOCAxOS41NTU1IiBzdHJva2U9IiMzMDZFRkYiIHN0cm9rZS13aWR0aD0iMS4xMTg0MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMC40NDU3IDEzLjk5OTlWMTUuNzc3NyIgc3Ryb2tlPSIjMzA2RUZGIiBzdHJva2Utd2lkdGg9IjEuNzg5NDciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTcuNTU1MSAxMy45OTk5VjE1Ljc3NzciIHN0cm9rZT0iIzMwNkVGRiIgc3Ryb2tlLXdpZHRoPSIxLjc4OTQ3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat center / 100%;
}
a.pp-restore-btn .pp-tip {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  background: rgba(38, 38, 38, 0.9);
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  display: none;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: var(--size);
  line-height: var(--size);
  padding: 0 4px !important;
  position: fixed;
  z-index: 9999999999;
  white-space: nowrap;
}
.pp-video-button {
  z-index: 9999999999 !important;
  align-items: center !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: rgba(26, 26, 26, 0.4) !important;
  border: 2px solid #457cff !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  color: #fff !important;
  cursor: pointer !important;
  display: flex !important;
  flex: none !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  gap: 6px !important;
  height: 32px !important;
  line-height: 28px !important;
  margin: 0 !important;
  outline: none !important;
  padding: 0 8px !important;
  pointer-events: auto !important;
  text-decoration: none !important;
  user-select: none !important;
  width: max-content !important;
  -webkit-tap-highlight-color: transparent !important;
}
.pp-video-button:before {
  content: '' !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAPFBMVEUAAAD////////////////////////////////////////////////////////////////////////////YSWgTAAAAE3RSTlMAgCDf7xC/YDBAn3CPz6+QoFBvCHDvVwAAAYpJREFUSMftlltywyAMRQ3i6UecVPvfa1WKMDU1VtyPTGZ6v+TAQeYi4Qw9zYjzcFEeSf4irL5g9Xbw6xQVKb6dYX+DDcBlWNthsHp4heI8Py6i1iFpsc9u1n+18YhJNwrnh5bl86NBNBRgFqUGRBjj+S5NAhyFDBPkUgC+l187BoAeOA4MI8LUqyiWsYUAGsEi0L+nXTbUrQQHk2KabVdOfVCvAZhcIy93X2DU7GPh55Y1vCt76Mg90+N+IOdVDdrManPDd9og6VLS1PzGTgpoU83UYpZpx49cxcLOXXPZZdnk9CptNviR2ksT19P5WG58eEIZNrw8RDmsqvcOyfxBLl0BkRcSy2we+XrLVi14oOVD1yY9mg9DAOyIyzd1iN/D2mBXRlfEPnR4IrcnprLngKeKpULVZtitLAO618xTMcxv5wxn39R61PE78O1upTCfc3YenoXrkpx4z1L4Xk/zo7JSOAO+GRbBWf/w+8LCrmol7OdwgMpvklbyO6yV8PbsSk/H93bzn+MTXEM/d+U6CNgAAAAASUVORK5CYII=) no-repeat center / cover !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
}
.pp-video-button:hover {
  background: rgba(26, 26, 26, 0.5) !important;
}
.pp-video-button:active,
.pp-video-button.active {
  background: rgba(26, 26, 26, 0.5) !important;
}
#pp_context_menu,
#pp .context-menu {
  position: fixed;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 6px 8px 8px;
  margin: 0;
  z-index: 9999999999;
}
#pp_context_menu li,
#pp .context-menu li {
  cursor: pointer;
  border-radius: 6px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  white-space: nowrap;
}
#pp_context_menu li.title,
#pp .context-menu li.title {
  cursor: default;
  color: #666;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  position: relative;
  margin-bottom: 14px;
}
#pp_context_menu li.title:hover,
#pp .context-menu li.title:hover {
  background: unset;
}
#pp_context_menu li.title::after,
#pp .context-menu li.title::after {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  inset: auto -8px -6px;
  background: rgba(0, 0, 0, 0.1);
}
#pp_context_menu li:hover,
#pp .context-menu li:hover {
  background: #f2f3f4;
}
#pp_landing_page {
  display: none;
  position: fixed;
  z-index: 9999999999 !important;
  top: 6px;
  right: 6px;
  width: 380px;
  min-height: 504px;
  max-height: calc(100vh - 12px);
  border: none;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  background: #fff;
  outline: 0.5px solid #e5e5e5;
}
#pp_close_landing_page {
  display: none;
  position: fixed;
  z-index: 9999999999 !important;
  top: 18px;
  right: 18px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: #ddd;
}
#pp_close_landing_page:hover {
  color: #fff;
}
#pp_modal {
  width: 640px;
  background: #fff;
  border-radius: 16px;
  padding: 32px;
  border: none;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  font-style: normal !important;
}
#pp_modal_wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999999999;
}
#pp_modal_wrap * {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, apple color emoji, segoe ui emoji, Segoe UI Symbol, noto color emoji;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-variant: tabular-nums;
  font-feature-settings: 'tnum';
  transition: all var(--transition);
}
#pp_modal_wrap a {
  display: inline-block;
  text-decoration: none !important;
  cursor: pointer !important;
}
#pp_modal .pp_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#pp_modal_title {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
}
#pp_modal_close {
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy40MDgzIDE0LjEzNzhMMTcuMjkxMSAxOC4yMjZDMTcuNjgxNiAxOC42Mzc5IDE3LjY4MTYgMTkuMzA1NyAxNy4yOTExIDE5LjcxNzZDMTYuOTAwNiAyMC4xMjk2IDE2LjI2NzQgMjAuMTI5NiAxNS44NzY5IDE5LjcxNzZMMTEuOTk1NCAxNS42MzA3TDguMTE5NDMgMTkuNzI2QzcuNzI4OTEgMjAuMTM4IDcuMDk1NzQgMjAuMTM4IDYuNzA1MjIgMTkuNzI2QzYuMzE0NjkgMTkuMzE0MSA2LjMxNDY5IDE4LjY0NjMgNi43MDUyMiAxOC4yMzQ0TDEwLjU3OTkgMTQuMTQwNEw2LjY5NzI4IDEwLjA1MjNDNi4zMDY3NiA5LjY0MDM1IDYuMzA2NzYgOC45NzI1MSA2LjY5NzI4IDguNTYwNkM3LjA4NzgxIDguMTQ4NjkgNy43MjA5NyA4LjE0ODY5IDguMTExNSA4LjU2MDZMMTEuOTkyOSAxMi42NDc0TDE1Ljg2ODggOC41NTIxQzE2LjI1OTMgOC4xNDAxOSAxNi44OTI1IDguMTQwMTkgMTcuMjgzIDguNTUyMUMxNy42NzM1IDguOTY0MDEgMTcuNjczNSA5LjYzMTg0IDE3LjI4MyAxMC4wNDM4TDEzLjQwODMgMTQuMTM3OFoiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+Cg==) no-repeat center / cover;
}
#pp_modal_body {
  padding: 24px 0 32px;
}
#pp_modal_input {
  width: 100%;
  background: #f2f3f4;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  padding: 12px 16px;
  border: none;
  resize: none;
  outline: none;
}
#pp_modal_valid_message {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ff663b;
  position: absolute;
  line-height: 26px;
  height: 26px;
  max-width: 576px;
}
#pp_modal .pp_footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#pp_modal_cancel {
  font-weight: 400;
  font-size: 14px;
  color: #000;
  padding: 0 16px;
  line-height: 36px;
  height: 36px;
}
#pp_modal_cancel:hover {
  background: #f5f7fa;
}
#pp_modal_confirm {
  min-width: 120px;
  line-height: 36px;
  height: 36px;
  padding: 0 16px;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  display: flex !important;
  align-items: center;
  margin-left: 16px;
  background: var(--color-primary);
}
#pp_modal_confirm:hover {
  background: var(--color-primary-hover);
}
#pp_modal_confirm:active {
  background: var(--color-primary-active);
}
#pp_modal_confirm.disabled,
#pp_modal_confirm:disabled {
  background: var(--color-primary-disabled);
  opacity: 0.5;
}
#pp_modal_confirm_icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS41IDExVjVDMTEuNSA0LjQ0NzcyIDExLjk0NzcgNCAxMi41IDRDMTMuMDUyMyA0IDEzLjUgNC40NDc3MiAxMy41IDVWMTFIMTkuNUMyMC4wNTIzIDExIDIwLjUgMTEuNDQ3NyAyMC41IDEyQzIwLjUgMTIuNTUyMyAyMC4wNTIzIDEzIDE5LjUgMTNIMTMuNVYxOUMxMy41IDE5LjU1MjMgMTMuMDUyMyAyMCAxMi41IDIwQzExLjk0NzcgMjAgMTEuNSAxOS41NTIzIDExLjUgMTlWMTNINS41QzQuOTQ3NzIgMTMgNC41IDEyLjU1MjMgNC41IDEyQzQuNSAxMS40NDc3IDQuOTQ3NzIgMTEgNS41IDExSDExLjVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat center / cover;
}
#pp_float_ball {
  position: fixed;
  z-index: 9999999999;
  right: 0;
  bottom: 20%;
  display: flex;
  flex-direction: column-reverse;
}
#pp_float_ball_main:hover {
  width: 64px;
  border: 0;
  background: var(--color-primary) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC45ODU2MDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQuMDY5MSA1LjMyNjFDMTMuNzgxNyA1LjI4OTczIDEzLjUzNzUgNS4wOTg1OSAxMy40MzMxIDQuODI4MzhMMTIuNTY5IDIuNTkxMDJDMTIuNDk3NSAyLjQwNTg0IDEyLjY0OTQgMi4yMTEzMyAxMi44NDY0IDIuMjM1ODRMMjEuOTQgMy4zNjc3QzIyLjQwNzMgMy40MjU4NiAyMi44MDc3IDMuNzI5ODMgMjIuOTg5MyA0LjE2NDMxTDI0IDYuNTgyODVMMTQuMDY5MSA1LjMyNjFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBvcGFjaXR5PSIwLjk4NTYwMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk1MjQgNS4zMjYxQzEwLjIzOTggNS4yODk3MyAxMC40ODQgNS4wOTg1OSAxMC41ODg0IDQuODI4MzhMMTEuNDUyNCAyLjU5MTAyQzExLjUyNCAyLjQwNTg0IDExLjM3MjEgMi4yMTEzMyAxMS4xNzUxIDIuMjM1ODRMMi4wODE0NSAzLjM2NzdDMS42MTQxNiAzLjQyNTg2IDEuMjEzOCAzLjcyOTgzIDEuMDMyMjIgNC4xNjQzMUwwLjAyMTQ4NDQgNi41ODI4NUw0LjEzNDg1IDYuMDYyMzFMOS45NTI0IDUuMzI2MVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCA2LjU4MzVIMjRWMTkuNzY0OEMyNCAyMS4yNDcyIDIyLjc5ODIgMjIuNDQ5IDIxLjMxNTggMjIuNDQ5SDIuNjg0MkMxLjIwMTc2IDIyLjQ0OSAwIDIxLjI0NzIgMCAxOS43NjQ4VjYuNTgzNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik05LjMzMjAzIDE4LjQ0NzNDOS4zMzIwMyAxOC40NDczIDEwLjY1MTcgMTguOTgwNiAxMS45ODYzIDE4Ljk4MDZDMTMuMzIwOSAxOC45ODA2IDE0LjY2NTQgMTguNDQ3MyAxNC42NjU0IDE4LjQ0NzMiIHN0cm9rZT0iIzMwNmVmZiIgc3Ryb2tlLXdpZHRoPSIxLjM0MjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy43MzQ0NiAxMS43ODA2VjEzLjkxMzkiIHN0cm9rZT0iIzMwNmVmZiIgc3Ryb2tlLXdpZHRoPSIyLjE0NzM2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE2LjI1OTkgMTEuNzgwNlYxMy45MTM5IiBzdHJva2U9IiMzMDZlZmYiIHN0cm9rZS13aWR0aD0iMi4xNDczNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center / 24px;
}
#pp_float_ball_main {
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 44px;
  box-shadow: 0 8px 16px 0 rgba(8, 6, 33, 0.1);
  border-radius: 44px 0 0 44px;
  border: 0.5px solid #0000001a;
  box-sizing: border-box;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC45ODU2MDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQuMDY5MSA1LjMyNjM0QzEzLjc4MTcgNS4yODk5OCAxMy41Mzc1IDUuMDk4ODQgMTMuNDMzMSA0LjgyODYzTDEyLjU2OSAyLjU5MTI2QzEyLjQ5NzUgMi40MDYwOCAxMi42NDk0IDIuMjExNTcgMTIuODQ2NCAyLjIzNjA5TDIxLjk0IDMuMzY3OTRDMjIuNDA3MyAzLjQyNjExIDIyLjgwNzcgMy43MzAwNyAyMi45ODkzIDQuMTY0NTZMMjQgNi41ODMxTDE0LjA2OTEgNS4zMjYzNFoiIGZpbGw9IiMzMDZlZmYiLz4KPHBhdGggb3BhY2l0eT0iMC45ODU2MDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS45NTI0IDUuMzI2MzRDMTAuMjM5OCA1LjI4OTk4IDEwLjQ4NCA1LjA5ODg0IDEwLjU4ODQgNC44Mjg2M0wxMS40NTI0IDIuNTkxMjZDMTEuNTI0IDIuNDA2MDggMTEuMzcyMSAyLjIxMTU3IDExLjE3NTEgMi4yMzYwOUwyLjA4MTQ1IDMuMzY3OTRDMS42MTQxNiAzLjQyNjExIDEuMjEzOCAzLjczMDA3IDEuMDMyMjIgNC4xNjQ1NkwwLjAyMTQ4NDQgNi41ODMxTDQuMTM0ODUgNi4wNjI1NUw5Ljk1MjQgNS4zMjYzNFoiIGZpbGw9IiMzMDZlZmYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDYuNTgzNzRIMjRWMTkuNzY1QzI0IDIxLjI0NzQgMjIuNzk4MiAyMi40NDkyIDIxLjMxNTggMjIuNDQ5MkgyLjY4NDJDMS4yMDE3NiAyMi40NDkyIDAgMjEuMjQ3NCAwIDE5Ljc2NVY2LjU4Mzc0WiIgZmlsbD0iIzMwNmVmZiIvPgo8cGF0aCBkPSJNOS4zMzIwMyAxOC40NDc4QzkuMzMyMDMgMTguNDQ3OCAxMC42NTE3IDE4Ljk4MTEgMTEuOTg2MyAxOC45ODExQzEzLjMyMDkgMTguOTgxMSAxNC42NjU0IDE4LjQ0NzggMTQuNjY1NCAxOC40NDc4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMzQyMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik03LjczNDQ2IDExLjc4MDZWMTMuOTEzOSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjE0NzM2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE2LjI1OTkgMTEuNzgwNlYxMy45MTM5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIuMTQ3MzYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat center / 24px;
  transition: all var(--transition);
}
#pp_float_ball_tip {
  display: none;
  z-index: -1;
  position: absolute;
  background-color: #457cff;
  top: 50%;
  transform: translateY(-50%);
  width: 200px;
  right: 82px;
  border-radius: 8px;
  padding: 24px 12px;
  text-align: center;
}
#pp_float_ball_tip_close {
  position: absolute;
  display: block;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy40MDgzIDE0LjEzNzhMMTcuMjkxMSAxOC4yMjZDMTcuNjgxNiAxOC42Mzc5IDE3LjY4MTYgMTkuMzA1NyAxNy4yOTExIDE5LjcxNzZDMTYuOTAwNiAyMC4xMjk2IDE2LjI2NzQgMjAuMTI5NiAxNS44NzY5IDE5LjcxNzZMMTEuOTk1NCAxNS42MzA3TDguMTE5NDMgMTkuNzI2QzcuNzI4OTEgMjAuMTM4IDcuMDk1NzQgMjAuMTM4IDYuNzA1MjIgMTkuNzI2QzYuMzE0NjkgMTkuMzE0MSA2LjMxNDY5IDE4LjY0NjMgNi43MDUyMiAxOC4yMzQ0TDEwLjU3OTkgMTQuMTQwNEw2LjY5NzI4IDEwLjA1MjNDNi4zMDY3NiA5LjY0MDM1IDYuMzA2NzYgOC45NzI1MSA2LjY5NzI4IDguNTYwNkM3LjA4NzgxIDguMTQ4NjkgNy43MjA5NyA4LjE0ODY5IDguMTExNSA4LjU2MDZMMTEuOTkyOSAxMi42NDc0TDE1Ljg2ODggOC41NTIxQzE2LjI1OTMgOC4xNDAxOSAxNi44OTI1IDguMTQwMTkgMTcuMjgzIDguNTUyMUMxNy42NzM1IDguOTY0MDEgMTcuNjczNSA5LjYzMTg0IDE3LjI4MyAxMC4wNDM4TDEzLjQwODMgMTQuMTM3OFoiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+Cg==) no-repeat center / cover;
  background: #fff;
}
#pp_float_ball_tip_icon {
  display: inline-block;
  width: 54px;
  height: 54px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iNTQiIHZpZXdCb3g9IjAgMCA1MyA1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMy40MzEgMTguMzQ4MkMyMy44NjEyIDE4LjI5NDIgMjQuMjI3MiAxOC4wMDg4IDI0LjM4NDUgMTcuNjA0N0wyNS43MTE0IDE0LjE5NDhDMjUuODE5NCAxMy45MTcyIDI1LjU5MTkgMTMuNjI0OCAyNS4yOTYzIDEzLjY2MTNMMTEuMzYyNyAxNS4zODI1QzEwLjY2MzMgMTUuNDY4OSAxMC4wNjM0IDE1LjkyMjcgOS43ODk5MSAxNi41NzIyTDguMjM4NjcgMjAuMjU2MUg4LjIwODk4VjQwLjc3ODNDOC4yMDg5OCA0Mi43MzUgOS43OTUyOCA0NC4zMjEzIDExLjc1MjEgNDQuMzIxM0g0MS4zNDU3QzQzLjMwMjUgNDQuMzIxMyA0NC44ODg4IDQyLjczNSA0NC44ODg4IDQwLjc3ODNWMjAuMjU2M0w0NC44ODk3IDIwLjI1NjRMNDMuMzM4MyAxNi41NzIyQzQzLjA2NDggMTUuOTIyNyA0Mi40NjUgMTUuNDY4OSA0MS43NjU1IDE1LjM4MjVMMjcuODMyIDEzLjY2MTNDMjcuNTM2MyAxMy42MjQ4IDI3LjMwODggMTMuOTE3MiAyNy40MTY4IDE0LjE5NDhMMjguNzQzOCAxNy42MDQ3QzI4LjkwMSAxOC4wMDg4IDI5LjI2NyAxOC4yOTQyIDI5LjY5NzIgMTguMzQ4Mkw0NC44ODc2IDIwLjI1NjFIOC4yNDA2TDE0LjUyNTEgMTkuNDY2OEwyMy40MzEgMTguMzQ4MloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIuODg2MSAzNy4wOTY5QzIyLjcyNjEgMzYuNjc4OSAyMy4wNTY4IDM2LjI4MTIgMjMuNTA0MyAzNi4yODEySDI5LjQ5MjJDMjkuOTM5NyAzNi4yODEyIDMwLjI3MDQgMzYuNjc4OSAzMC4xMTA0IDM3LjA5NjlDMjkuNzI4MSAzOC4wOTU2IDI4Ljc2NzcgMzkuNjU2MiAyNi40OTgzIDM5LjY1NjJDMjQuMjI4OCAzOS42NTYyIDIzLjI2ODQgMzguMDk1NiAyMi44ODYxIDM3LjA5NjlaIiBmaWxsPSIjMzA2ZWZmIi8+CjxwYXRoIGQ9Ik0yMC4wMjc1IDI4LjE0MjJWMzEuMzc4MSIgc3Ryb2tlPSIjMzA2ZWZmIiBzdHJva2Utd2lkdGg9IjMuMjE5MzkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzMuMDcwNSAyOC4xNDIyVjMxLjM3ODEiIHN0cm9rZT0iIzMwNmVmZiIgc3Ryb2tlLXdpZHRoPSIzLjIxOTM5IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTAuODI4MTI1IDI4LjgwNzZDMC44MjgxMjUgMjQuNzY1MiA0LjEwNTA5IDIxLjQ4ODMgOC4xNDc0NCAyMS40ODgzSDguMjM4MTlWMzYuMTI2OUg4LjE0NzQ0QzQuMTA1MDkgMzYuMTI2OSAwLjgyODEyNSAzMi44NDk5IDAuODI4MTI1IDI4LjgwNzZaIiBmaWxsPSIjMjgzNjU3Ii8+CjxwYXRoIGQ9Ik01Mi4xNjggMjguODA3NkM1Mi4xNjggMjQuNzY1MiA0OC44OTEgMjEuNDg4MyA0NC44NDg3IDIxLjQ4ODNINDQuNzU3OVYzNi4xMjY5SDQ0Ljg0ODdDNDguODkxIDM2LjEyNjkgNTIuMTY4IDMyLjg0OTkgNTIuMTY4IDI4LjgwNzZaIiBmaWxsPSIjMjgzNjU3Ii8+CjxwYXRoIGQ9Ik02Ljg4MDg2IDM0LjQ0ODdDNi44ODA4NiAzNC40NDg3IDEwLjk3OTYgMzkuMDYzMSAxNS4xODEgMzkuMDYzMSIgc3Ryb2tlPSIjMjgzNjU3IiBzdHJva2Utd2lkdGg9IjEuODI5ODMiLz4KPGVsbGlwc2UgY3g9IjE1LjY0OCIgY3k9IjM5LjA1NDIiIHJ4PSIxLjQ4MjAxIiByeT0iMS40NjM4NiIgZmlsbD0iIzI4MzY1NyIvPgo8cGF0aCBkPSJNNi44ODA4NiAyMi42MDUxQzYuODgwODYgMjIuNjA1MSA4LjIwODYyIDguNzMzNDIgMjYuNTQ4NSA5LjMwMzc3QzQ0Ljg4ODUgOS44NzQxMyA0NiAyMi4xNzggNDYgMjIuMTc4IiBzdHJva2U9IiMyODM2NTciIHN0cm9rZS13aWR0aD0iMi4xOTU3OSIvPgo8L3N2Zz4K) no-repeat center / 100%;
}
#pp_float_ball_tip_desc {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}
#pp_float_ball_tip_btn {
  margin-top: 12px;
  background: #fff;
  padding: 4px 12px;
  line-height: 22px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
  color: var(--color-primary);
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: background var(--transition);
}
#pp_float_ball_tip_btn:hover {
  background: #ecf2ff;
}
#pp_float_ball_tip::after {
  content: '';
  position: absolute;
  border-radius: 0 2px;
  width: 14px;
  height: 14px;
  display: block;
  background: #457cff;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  right: -7px;
}
#pp_float_ball_context_menu {
  position: fixed;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 6px 8px 8px;
  margin: 0;
  z-index: 9999999999;
  display: none;
}
#pp_float_ball_context_menu li {
  cursor: pointer;
  border-radius: 6px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  white-space: nowrap;
}
#pp_float_ball_context_menu li.title {
  cursor: default;
  color: #666;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  position: relative;
  margin-bottom: 14px;
}
#pp_float_ball_context_menu li.title:hover {
  background: unset;
}
#pp_float_ball_context_menu li.title::after {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  inset: auto -8px -6px;
  background: rgba(0, 0, 0, 0.1);
}
#pp_float_ball_context_menu li:hover {
  background: #f2f3f4;
}
#pp_alert {
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  line-height: 1.2;
  box-sizing: border-box;
  padding: 12px 24px;
  background: var(--color-primary);
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  gap: 8px;
  box-shadow: 0 0 12px 0 #7fa4dc;
}

#fl9d583f a{margin:0 8px;color:inherit;text-decoration:none;opacity:.85}

.hg-poster-link{display:contents}.hg-local-section,.hg-local-footer{max-width:1280px;margin:40px auto;padding:28px 20px}.hg-local-section h2{font-size:24px;margin-bottom:18px}.hg-local-section p{line-height:1.8;opacity:.8}.hg-local-nav{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.hg-local-nav a{padding:9px 15px;border:1px solid currentColor;border-radius:5px;text-decoration:none}.hg-local-footer{border-top:1px solid #8884;font-size:13px;line-height:1.8}.hg-local-ranks{display:grid;gap:12px}.hg-local-ranks a{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #8883;color:inherit;text-decoration:none}.hg-local-ranks small{display:block;font-size:12px;opacity:.65;margin-top:6px}.hg-local-ranks b{color:var(--accent,#ad68bb)}.hg-fallback-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.hg-fallback-grid img{width:100%;height:300px;object-fit:cover;border-radius:12px}.hg-fallback-grid h3{font-size:17px;margin:12px 0 6px}.hg-fallback-grid a{color:inherit;text-decoration:none}.hg-fallback-grid p{font-size:13px}.hg-local-main{max-width:1280px;margin:auto;padding:30px 20px}.hg-hero-cta{display:inline-block;padding:12px 22px;border-radius:8px;background:#987148;color:white}.hg-local-footer a{color:inherit}.hd-rise,[class*=anim-fade]{opacity:1!important;transform:none!important}a:focus-visible,button:focus-visible{outline:3px solid #e9a837;outline-offset:4px}img{max-width:100%}form input{max-width:100%}svg{flex-shrink:0}[hidden]{display:none!important}
@media(max-width:700px){.hg-fallback-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hg-fallback-grid img{height:auto;aspect-ratio:2/3}.hg-local-section,.hg-local-footer{margin:24px auto;padding:20px 14px}.hg-local-section h2{font-size:22px}body{overflow-x:clip}h1,h2,h3,p{overflow-wrap:anywhere}.hg-local-ranks a{min-width:0}}

@media(max-width:760px){
.sidebar,.sidebar-nav{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;border-bottom:1px solid #8883;padding:14px 12px!important}.app-wrapper,.layout-wrap{display:block!important}.sidebar .logo,.sidebar-nav .logo{padding:4px 8px!important;font-size:22px!important}.sidebar .nav-label{display:none}.sidebar .nav-list,.sidebar-nav nav{display:flex!important;overflow-x:auto;gap:4px;white-space:nowrap;margin:12px 0 0!important}.sidebar .nav-item{flex:0 0 auto}.sidebar .nav-link,.sidebar-nav nav a{padding:9px 11px!important;font-size:13px!important;display:block!important;white-space:nowrap}.main-content{margin-left:0!important;width:100%!important;min-width:0!important;padding:16px!important}.layout-wrap .hero-banner{height:360px!important;width:100%;overflow:hidden}.layout-wrap .hero-content{padding:25px!important;width:100%!important;max-width:100%!important}.layout-wrap .hero-content h1{font-size:30px!important;max-width:100%!important}.layout-wrap .section{padding:28px 0!important}.layout-wrap .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.layout-wrap .section-head{flex-wrap:wrap;gap:16px}.retro-sidebar .side-menu{display:flex!important;overflow-x:auto;gap:6px!important;padding-bottom:5px}.retro-sidebar .side-menu li{flex:0 0 auto!important}.retro-sidebar .side-menu a{padding:9px 12px!important;white-space:nowrap}.retro-sidebar .side-menu li a{min-width:0}.portal-main{min-width:0}.movie-title a,.vid-title a,.film-meta h3 a,.v-title a{color:inherit}.hg-nav .hg-menu{display:none}
}

a{color:inherit}.video-title a,.movie-title a,.vid-title a,.film-meta h3 a,.media-card-title a,.live-name a{color:inherit;text-decoration:none}
[class*=reveal]{opacity:1!important;transform:none!important}.hero-info-pane p{line-height:1.85}.hg-local-section h3{overflow-wrap:anywhere}
@media(max-width:760px){.sidebar-nav nav{flex-direction:row!important;align-items:center!important}.sidebar-nav nav a{flex:0 0 auto;white-space:nowrap!important}.vid-stats{flex-wrap:wrap!important;gap:5px!important;font-size:11px!important}.vid-stats span{min-width:0;overflow-wrap:anywhere}.retro-sidebar{min-width:0!important;max-width:100%!important;display:block!important}.retro-sidebar nav{width:100%!important;max-width:100%!important;min-width:0!important}.side-menu{max-width:100%!important;min-width:0!important}.hero-actions{flex-wrap:wrap}.hero-info a{max-width:100%}}
@media(max-width:760px){.sidebar-nav nav{flex-direction:row!important;align-items:center!important}.sidebar-nav nav a{flex:0 0 auto;white-space:nowrap!important}.vid-stats{flex-wrap:wrap!important;gap:5px!important;font-size:11px!important}.vid-stats span{min-width:0;overflow-wrap:anywhere}.retro-sidebar{min-width:0!important;max-width:100%!important;display:block!important}.retro-sidebar nav{width:100%!important;max-width:100%!important;min-width:0!important}.side-menu{max-width:100%!important;min-width:0!important}.hero-actions{flex-wrap:wrap}.hero-info a{max-width:100%}}
