/* ==========================================================================
   TEEMEE 添蜜 · teemee_pages_v2.css  (前端CSS · build 20261029_p1)
   页面级统一样式：所有规则按页面精确限定作用域。
   说明：仅在需要覆盖旧注入 CSS 中已带 !important 的属性时才使用 !important，
         对应旧规则已登记在 /workspace/teemee_v2_coordination.md「CSS→JS 请删除」，
         旧规则删除后这里的 !important 可以逐步去掉。
   设计令牌：
     金   #FFC83D / #f3e2bd   玫红 #e8577a / #ff6392   夜黑 #0d0914 / #140c18
     圆角 卡片 16px · 胶囊 999px · 小标签 6px
   ========================================================================== */

:root {
  --tmv2-gold: #ffc83d;
  --tmv2-gold-soft: #f3e2bd;
  --tmv2-gold-line: rgba(243, 226, 189, 0.18);
  --tmv2-rose: #e8577a;
  --tmv2-rose-hi: #ff6392;
  --tmv2-night: #0d0914;
  --tmv2-night-2: #160f1d;
  --tmv2-card-bg: linear-gradient(160deg, #22161f 0%, #150e1a 55%, #1a1020 100%);
  --tmv2-radius: 16px;
  --tmv2-cta: linear-gradient(135deg, #ffd977 0%, #f5b942 22%, #ff6392 62%, #c93b61 100%);
  /* 解锁按钮（详情页整部解锁 + 播放页付费墙解锁）唯一配色：品牌玫红 → 深洋红，无金黄 2026-10-29 */
  --tmv2-unlock: linear-gradient(135deg, #ff6f9f 0%, #ff4f8b 35%, #e8336f 68%, #b8195a 100%);
  --tmv2-unlock-line: rgba(255, 150, 190, 0.55);
  --tmv2-unlock-glow: 0 10px 28px rgba(255, 79, 139, 0.38), 0 0 0 1px rgba(255, 79, 139, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  --tmv2-unlock-coin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5.5' stroke-width='1.4' opacity='.7'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   #1 PC 竖版剧卡：hover「▶ 立即观看」真正居中 / 底部标签不被裁切 / 预览角标盖住水印
   -------------------------------------------------------------------------- */
body.tm-pc-widescreen .app .card.source-button .poster::after,
body.tm-pc-widescreen .app .tm-iqiyi-card .tm-iqiyi-poster::after,
body.tm-pc-widescreen .app .tm-saved-card .tm-saved-poster::after {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: max-content;
  height: 40px;
  padding: 0 24px;
  line-height: 1;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  margin: 0;
}

body.tm-pc-widescreen .app .card.source-button .tags {
  height: auto;
  min-height: 0;
  flex: none;
  overflow: visible;
  align-items: center;
  line-height: 1;
}
body.tm-pc-widescreen .app .card.source-button .tags > uni-text {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border-radius: 6px;
  line-height: 1;
}
body.tm-pc-widescreen .app .card.source-button .tags > uni-text > span {
  min-height: 20px !important;      /* 覆盖 widescreen .card .tags span 的 22px !important */
  padding: 0 8px !important;        /* 同上：去掉与外层 uni-text 叠加的双重内边距 */
  line-height: 20px !important;
}

/* 「● 正在预览」：顶部一条黑金预览条，左侧角标正好盖住片源左上角水印（huangguoac.com 等），
   右侧品牌字同时盖住部分片源右上角的「H」台标（实测 23 部真剧首集：台标落在顶部 3%–9% 高度内） */
.app .tm-video-preview-wrap::after {
  content: "TeeMee 添蜜";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  height: max(30px, 10%);
  box-sizing: border-box;
  padding-right: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  color: #ffe7a3;
  background: linear-gradient(180deg, rgba(13, 9, 20, 0.97) 0%, rgba(13, 9, 20, 0.92) 78%, rgba(13, 9, 20, 0) 100%);
  pointer-events: none;
}
.app .tm-video-preview-wrap .tm-preview-badge {
  z-index: 3 !important;
  top: 0 !important;                /* 覆盖 luxury .tm-preview-badge 8px !important */
  left: 0 !important;
  box-sizing: border-box;
  min-width: 52%;
  height: max(30px, 10%);
  padding: 0 12px 0 10px !important;
  justify-content: flex-start;
  border-radius: 0 0 14px 0 !important;
  background: linear-gradient(90deg, #160d18 0%, #3a1426 55%, rgba(232, 87, 122, 0.95) 100%) !important;
  border-bottom: 1px solid rgba(255, 200, 61, 0.35);
  border-right: 1px solid rgba(255, 200, 61, 0.35);
  color: #fff !important;
  font-size: 11px !important;
  letter-spacing: 0.5px;
  line-height: 1 !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.45) !important;
}

/* 播放预览时：TOP 排名角标让位给「● 正在预览」预览条（离开即恢复） */
.app .tm-iqiyi-card:has(.tm-video-preview-wrap) .tm-iqiyi-top-badge {
  opacity: 0;
  transition: opacity 0.15s ease;
}

/* --------------------------------------------------------------------------
   #4 我的页：8 宫格基线对齐 / 「我的评论」图标统一为高饱和玫瑰珊瑚 3D / 渠道合作副标题
   -------------------------------------------------------------------------- */
.app .profile-menu-grid .profile-menu-tile {
  justify-content: flex-start;
}
body.tm-pc-widescreen .app .profile-menu-grid .profile-menu-tile {
  padding-top: 14px !important;     /* widescreen 用 align-items:center 导致无副标题的格子文字下沉 */
  padding-bottom: 10px !important;
  justify-content: flex-start !important;
}
.app .profile-menu-grid .profile-menu-tile > uni-image {
  flex: none;
}
.app .profile-menu-grid .profile-menu-tile[data-route="me-comments"] > uni-image {
  /* 原图为偏紫的浅粉 (h≈341° l≈.81)，校正到其余 7 个图标的玫瑰珊瑚 (h≈351° l≈.73) */
  filter: hue-rotate(18deg) saturate(2.4) brightness(0.93)
          drop-shadow(0 2px 3px rgba(150, 20, 60, 0.4));
}
.app .profile-menu-grid .profile-menu-tile[data-route="channel"]:not(:has(.source-small))::after {
  content: "商务合作 · 推广分成";
  display: block;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
}

/* --------------------------------------------------------------------------
   #8 金币充值页：与 VIP 页统一的黑金流光
   -------------------------------------------------------------------------- */
.app .coin-page .coin-top-bg {
  display: none;
}
body.tm-pc-widescreen .app .coin-page .coin-header {
  background: transparent !important;          /* 覆盖 widescreen/luxury 的 #0d0914 / rgba(18,14,24,.92) */
  border-bottom: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}
body.tm-pc-widescreen .app .coin-page,
body.tm-pc-widescreen .app .coin-page .coin-body {
  background:
    radial-gradient(900px 420px at 85% -10%, rgba(232, 87, 122, 0.16), transparent 60%),
    radial-gradient(700px 360px at 10% 0%, rgba(255, 200, 61, 0.08), transparent 60%),
    #0d0914 !important;
}
body.tm-pc-widescreen .app .coin-page .coin-body {
  background: transparent !important;
}

.app .coin-page .coin-plans .coin-plan {
  background:
    linear-gradient(160deg, rgba(255, 200, 61, 0.07) 0%, transparent 38%),
    linear-gradient(180deg, #1f1620 0%, #130d17 100%) !important;
  border: 1px solid rgba(243, 226, 189, 0.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 180, 0.12),
    inset 0 -10px 24px rgba(0, 0, 0, 0.35),
    0 8px 20px rgba(0, 0, 0, 0.35) !important;
  border-radius: var(--tmv2-radius) !important;
}
.app .coin-page .coin-plans .coin-plan.active {
  border: 1.5px solid var(--tmv2-gold) !important;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(255, 200, 61, 0.22), transparent 62%),
    linear-gradient(180deg, #2b1c1d 0%, #1a1014 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 180, 0.35),
    0 0 0 3px rgba(255, 200, 61, 0.12),
    0 10px 26px rgba(255, 200, 61, 0.22) !important;
}
.app .coin-page .coin-plan .plan-price .source-strong {
  background: linear-gradient(180deg, #fff1c4 0%, #ffc83d 55%, #e9a21a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
}
.app .coin-page .coin-plan .plan-coins {
  color: rgba(243, 226, 189, 0.85) !important;
  font-weight: 600 !important;
}
/* 移动端三列卡：4 位数金额（1980/3280/6480 金币）不换行 */
body:not(.tm-pc-widescreen) .app .coin-page .coin-plan .plan-price {
  white-space: nowrap;
}
body:not(.tm-pc-widescreen) .app .coin-page .coin-plan .plan-price .source-strong {
  font-size: 22px;
  letter-spacing: -0.2px;
}
body:not(.tm-pc-widescreen) .app .coin-page .coin-plan .tm-coin-tag {
  white-space: nowrap;                       /* 「🏆 买一送一 · +100%」不折两行压住数量 */
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 5px;
  letter-spacing: 0;
}
.app .coin-page .coin-plan .tm-coin-price {
  position: absolute;
  left: 12px;
  top: 10px;
  font-size: 13px;
  font-weight: 800;
  color: #ffe7a3;
}
.app .coin-page .coin-plan .tm-coin-tag {
  background: linear-gradient(90deg, #ff6392, #e8577a 60%, #c93b61);
  border-radius: 0 15px 0 10px;
  box-shadow: 0 2px 8px rgba(232, 87, 122, 0.4);
  letter-spacing: 0.3px;
}
.app .coin-page .coin-plan.active .tm-coin-tag {
  background: linear-gradient(90deg, #ffe08a, #f5b942);
  color: #2a1a04;
}

/* 顶部「充值金币 / 购买会员」切换：文字垂直居中，不再贴顶 */
.app .coin-page .coin-header .coin-mode-tabs {
  display: inline-flex;
  align-items: center;
  height: 36px;
  box-sizing: border-box;
  padding: 0 4px;
  border-radius: 999px;
  border: 1px solid rgba(243, 226, 189, 0.16);
  background: rgba(255, 255, 255, 0.04);
}
.app .coin-page .coin-header .coin-mode-tabs .coin-mode {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 1;
  color: rgba(243, 226, 189, 0.6);
  background: transparent;
}
.app .coin-page .coin-header .coin-mode-tabs .coin-mode.active {
  border-radius: 999px;
  color: #2a1a04;
  font-weight: 800;
  background: linear-gradient(180deg, #ffe08a, #f5b942);
}
.app .coin-page .coin-header .coin-mode-tabs .coin-mode::after {
  display: none;
}

/* 底部：通栏粉条 → 居中悬浮收银条（同 VIP 页） */
body.tm-pc-widescreen .app .coin-page .coin-footer {
  background: transparent !important;          /* 覆盖 luxury rgba(17,13,22,.95) */
  border-top: 0 !important;
  padding: 10px 18px 18px !important;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
body.tm-pc-widescreen .app .coin-page .coin-footer .coin-pay {
  pointer-events: auto;
  width: min(560px, 100%);
  height: 50px !important;
  margin: 0 auto;
  border: 1px solid rgba(255, 220, 150, 0.55) !important;
  background: var(--tmv2-cta) !important;
  color: #fff !important;
  font-size: 16px !important;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px rgba(80, 20, 30, 0.45) !important;
  box-shadow:
    0 0 0 6px rgba(13, 9, 20, 0.85),
    0 0 0 7px rgba(243, 226, 189, 0.22),
    0 14px 34px rgba(232, 87, 122, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

/* --------------------------------------------------------------------------
   #12 剧详情页：去弹幕坞 / 热评美化去滚动条 / 整剧解锁黑金大按钮 / 左右列对齐
   -------------------------------------------------------------------------- */
.app .detail-page .tm-dm-dock {
  display: none !important;                    /* luxury/widescreen 有 display/grid !important 规则 */
}
.app .detail-page .hot-comments {
  box-sizing: border-box;
  padding: 16px 15px 14px;
  margin: 0 15px 18px;   /* 移动端与海报/简介同 15px 边距；PC 下方单独归零 */
  border-radius: var(--tmv2-radius);
  background: var(--tmv2-card-bg);
  border: 1px solid var(--tmv2-gold-line);
}
body:not(.tm-pc-widescreen) .app .detail-page .hot-comments {
  margin-top: 16px;
}
.app .detail-page .hot-comments > .source-h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  padding-left: 0;
  border-left: 0;
  font-size: 16px;
  font-weight: 800;
  color: #fff;
}
.app .detail-page .hot-comments > .source-h2::before {
  content: "";
  width: 4px;
  height: 16px;
  border-radius: 2px;
  background: linear-gradient(180deg, #ffc83d, #e8577a);
}
.app .detail-page .hot-comment-track .uni-scroll-view {
  scrollbar-width: none;
}
.app .detail-page .hot-comment-track .uni-scroll-view::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.app .detail-page .hot-comment-track {
  -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent);
  mask-image: linear-gradient(90deg, #000 88%, transparent);
}
.app .detail-page .detail-scroll .hot-track-inner {   /* 需压过懒加载的 .detail-scroll .hot-track-inner[data-v]{padding:0 15px} */
  display: flex;
  gap: 12px;
  padding: 0 40px 2px 0;
}
.app .detail-page .hot-comment {
  flex: none;
  box-sizing: border-box;
  width: 236px;
  min-height: 84px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(243, 226, 189, 0.1);
}
.app .detail-page .hot-comment .hot-comment-author {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 12px;
  color: rgba(243, 226, 189, 0.75);
}
.app .detail-page .hot-comment .comment-avatar {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  overflow: hidden;
  flex: none;
}
.app .detail-page .hot-comment .hot-comment-like {
  margin-left: auto;
  color: rgba(255, 255, 255, 0.55);
  font-size: 11px;
}
.app .detail-page .hot-comment > .source-p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.88);
}

.app .detail-page .drama-whole-offer {
  box-sizing: border-box;
  margin: 0 15px 18px;
  padding: 0;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.app .detail-page .drama-whole-offer .drama-whole-unlock {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 54px;
  border-radius: 999px !important;
  border: 1px solid var(--tmv2-unlock-line) !important;
  background: var(--tmv2-unlock) !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: 1.5px;
  text-shadow: 0 1px 2px rgba(90, 10, 40, 0.45);
  box-shadow: var(--tmv2-unlock-glow) !important;
}
.app .detail-page .drama-whole-offer > .source-small {
  display: block;
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 205, 224, 0.62);
}
/* 播放页原生付费墙的两个解锁按钮（单集金币解锁 / 整部解锁）与详情页同色；只提高选择器层级覆盖原生 scoped 的纯色 #e8577a，不加 !important */
.app .episode-paywall [data-episode-unlock],
.app .episode-paywall .drama-whole-unlock {
  background: var(--tmv2-unlock);
  border: 1px solid var(--tmv2-unlock-line);
  color: #fff;
  font-weight: 800;
  text-shadow: 0 1px 2px rgba(90, 10, 40, 0.45);
  box-shadow: var(--tmv2-unlock-glow);
}
.app .detail-page .drama-whole-offer .drama-whole-unlock::before,
.app .episode-paywall [data-episode-unlock]::before,
.app .episode-paywall .drama-whole-unlock::before {
  content: "";
  display: inline-block;
  flex: none;
  width: 1.05em;
  height: 1.05em;
  margin-right: 7px;
  vertical-align: -0.16em;
  background: var(--tmv2-unlock-coin) center / contain no-repeat;
  opacity: 0.95;
}

/* PC：左列统一宽度/左边线，与右侧「剧集/讨论」面板顶部对齐 */
body.tm-pc-widescreen .app .detail-page .detail-scroll .uni-scroll-view-content > .drama-summary,
body.tm-pc-widescreen .app .detail-page .detail-scroll .uni-scroll-view-content > .drama-info,
body.tm-pc-widescreen .app .detail-page .detail-scroll .uni-scroll-view-content > .hot-comments,
body.tm-pc-widescreen .app .detail-page .detail-scroll .uni-scroll-view-content > .drama-whole-offer {
  grid-column: 1 / 2 !important;
  width: auto;
  max-width: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
  min-width: 0;
}
body.tm-pc-widescreen .app .detail-page .detail-scroll .uni-scroll-view-content > .drama-summary {
  margin-top: 0 !important;
  padding-top: 0;
}
body.tm-pc-widescreen .app .detail-page .detail-scroll .uni-scroll-view-content {
  padding-top: 16px;   /* 左海报与右面板同时离开顶栏分隔线 16px，顶部仍对齐 */
}
/* 海报/简介与下方热评卡、解锁按钮同一左边线（去掉 15px 内缩） */
body.tm-pc-widescreen .app .detail-page .detail-scroll .uni-scroll-view-content > .drama-summary,
body.tm-pc-widescreen .app .detail-page .detail-scroll .uni-scroll-view-content > .drama-info {
  padding-left: 0;
  padding-right: 0;
}
body.tm-pc-widescreen .app .detail-page .detail-scroll .uni-scroll-view-content > .drama-info {
  padding-top: 0;
}

/* --------------------------------------------------------------------------
   #13 UP 内容页（PC）：居中两栏 —— 左图/视频，右作者·剧卡·紧凑观看按钮·打赏
   -------------------------------------------------------------------------- */
body.tm-pc-widescreen .app .up-content-page .up-content-body {
  display: grid;
  grid-template-columns: minmax(0, 460px) minmax(0, 1fr);
  grid-auto-rows: min-content;
  column-gap: 32px;
  row-gap: 12px;
  align-content: start;
  box-sizing: border-box;
  max-width: 1080px;
  margin: 12px auto 40px;
  padding: 24px;
  border-radius: 20px;
  background: var(--tmv2-card-bg);
  border: 1px solid var(--tmv2-gold-line);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.45);
}
body.tm-pc-widescreen .app .up-content-page .up-content-body > * {
  grid-column: 2;
  min-width: 0;
  margin-left: 0;
  margin-right: 0;
}
body.tm-pc-widescreen .app .up-content-page .up-content-body > .up-content-image,
body.tm-pc-widescreen .app .up-content-page .up-content-body > .up-content-video,
body.tm-pc-widescreen .app .up-content-page .up-content-body > uni-video {
  grid-column: 1;
  grid-row: 1 / span 30;
  align-self: start;
  width: 100% !important;
  height: auto !important;
  max-height: 680px;
  aspect-ratio: 3 / 4;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
}
body.tm-pc-widescreen .app .up-content-page .up-content-body > .up-content-image img {
  object-fit: cover !important;
}
body.tm-pc-widescreen .app .up-content-page .up-content-body > .source-h1 {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 800;
  color: #fff;
}
body.tm-pc-widescreen .app .up-content-page .up-content-body > .up-content-description {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.72);
}
body.tm-pc-widescreen .app .up-content-page .up-content-watch {
  justify-self: start;
  width: auto !important;
  min-width: 180px;
  height: 44px !important;
  padding: 0 28px !important;
  margin-top: 6px;
  border: 1px solid rgba(255, 220, 150, 0.55) !important;
  background: var(--tmv2-cta) !important;
  font-size: 15px;
  letter-spacing: 1px;
}
body.tm-pc-widescreen .app .up-content-page .up-content-stats {
  padding: 12px 0 0;
  border-top: 1px solid rgba(243, 226, 189, 0.1);
  justify-content: flex-start;
  gap: 28px;
}
body.tm-pc-widescreen .app .up-content-page .up-content-tip {
  justify-self: start;
  flex-direction: row;
  gap: 8px;
  height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(255, 200, 61, 0.1);
  border: 1px solid rgba(255, 200, 61, 0.4);
  color: #ffe7a3;
}
body.tm-pc-widescreen .app .up-content-page .up-content-tip > uni-image {
  width: 22px !important;
  height: 22px !important;
}

/* 打赏图标：错误的 (i) → 金币（全视口） */
.app .up-content-page .up-content-tip > uni-image {
  background: url("/static/assets/coin_heart.webp") center / contain no-repeat;
}
.app .up-content-page .up-content-tip > uni-image > img,
.app .up-content-page .up-content-tip > uni-image > div {
  opacity: 0 !important;                      /* uni-image 内联 style 写死 opacity:1 */
}

/* --------------------------------------------------------------------------
   #14 UP 卡：关注胶囊文字居中 / 顶部粉色胶囊 tab 不截断
   -------------------------------------------------------------------------- */
.app .up-page .up-follow,
.app .up-content-page .up-content-follow {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0 12px !important;
  min-width: 56px;
  height: 24px;
  line-height: 1;
  white-space: nowrap;
}
.app .up-page .up-follow > uni-image,
.app .up-content-page .up-content-follow > uni-image {
  display: none;
}
.app .up-page .up-filter {
  height: auto;
  min-height: 34px;
  box-sizing: border-box;
}
.app .up-page .up-filter > uni-button,
.app .up-page .up-filter > .up-filter-marker {
  height: 32px;
  line-height: 1;
}
.app .up-page .up-filter > uni-button {
  white-space: nowrap;
  overflow: visible;
}

/* --------------------------------------------------------------------------
   #15 热播排行榜（/pages/recommend/index）：整页自然滚动，皇冠横幅随页滚走
   -------------------------------------------------------------------------- */
.app[data-route="recommend"] {
  height: auto;
  min-height: 100vh;
}
.app[data-route="recommend"] .rank-page {
  height: auto;
  min-height: 100vh;
  overflow: visible;
  flex: none;
}
.app[data-route="recommend"] .rank-page .rank-route-scroll {
  height: auto !important;
  flex: none;
  overflow: visible;
}
.app[data-route="recommend"] .rank-page .rank-route-scroll > .uni-scroll-view,
.app[data-route="recommend"] .rank-page .rank-route-scroll > .uni-scroll-view > .uni-scroll-view {
  height: auto !important;
  overflow: visible !important;              /* uni-scroll-view 内联 overflow:hidden auto */
  position: static;
}