/* =========================================================
   每日大赛 - PC/H5
   结构参考漫画页：公共头部 + Hero 共用一张背景图
========================================================= */

* { box-sizing: border-box; }

html,
body {
  margin: 0;
  padding: 0;
}

body {
  min-width: 320px;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "PingFang SC",
    "Microsoft YaHei",
    Arial,
    sans-serif;
  background: #f6f7f9;
  color: #18191c;
}

button,
input,
select {
  font: inherit;
}

button { cursor: pointer; }

a {
  color: inherit;
  text-decoration: none;
}

img { max-width: 100%; }

.daily-contest-page {
  min-height: 100vh;
}

/* =========================================================
   PC：头部 + Hero 共用背景
   与漫画页的 .comic-header-shell 同一套尺寸逻辑
========================================================= */

.daily-contest-header-shell {
  position: relative;
  width: 100%;
  min-height: 384px;
  overflow: hidden;

  background-image:
    url("/static/user/img/daily-contest-hero-bg.png");

  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #141126;
}

/* 左侧加深，保证标题清晰；右侧真人图不被遮太重 */
.daily-contest-header-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(5, 6, 17, 0.34) 0%,
      rgba(5, 6, 17, 0.12) 28%,
      rgba(5, 6, 17, 0.06) 62%,
      rgba(5, 6, 17, 0.14) 100%
    ),
    linear-gradient(
      90deg,
      rgba(10, 10, 29, 0.92) 0%,
      rgba(17, 16, 43, 0.82) 24%,
      rgba(24, 20, 53, 0.58) 42%,
      rgba(18, 17, 43, 0.20) 60%,
      rgba(0, 0, 0, 0.02) 100%
    );
}

/* =========================================================
   公共头部
========================================================= */

.daily-contest-header {
  position: relative;
  z-index: 20;
  min-height: 64px;
  background: transparent;
}

.daily-contest-header #userHeaderMount {
  position: relative;
  z-index: 30;
  background: transparent;
}

.daily-contest-header #userHeaderMount .top-nav {
  background: transparent;
}

.daily-contest-header #userHeaderMount .nav-left,
.daily-contest-header #userHeaderMount .nav-right {
  color: #ffffff;
  text-shadow: 0 1px 5px rgba(0,0,0,.55);
}

.daily-contest-header #userHeaderMount .search-box {
  background: rgba(255,255,255,.95);
  box-shadow: 0 4px 18px rgba(0,0,0,.08);
}

/* =========================================================
   Hero
========================================================= */

.daily-contest-hero {
  position: relative;
  z-index: 5;
  min-height: 320px;
  display: flex;
  align-items: center;
}

.daily-contest-hero-content {
  width: min(1500px, calc(100% - 48px));
  min-height: 320px;
  margin: 0 auto;
  padding: 36px 36px 42px;

  display: flex;
  align-items: center;
}

.daily-contest-hero-copy {
  width: 560px;
  max-width: 52%;
}

.daily-contest-kicker {
  display: inline-flex;
  align-items: center;
  height: 31px;
  padding: 0 13px;
  margin-bottom: 12px;

  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;

  background: rgba(255,255,255,.09);
  color: rgba(255,255,255,.92);

  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.daily-contest-hero h1 {
  margin: 5px 0 10px;

  color: #fff;

  font-size: clamp(46px, 4.2vw, 70px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: 3px;

  text-shadow: 0 3px 18px rgba(0,0,0,.55);
}

.daily-contest-hero p {
  margin: 0;

  color: rgba(255,255,255,.88);
  font-size: 16px;
  line-height: 1.8;

  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

/* =========================================================
   主体
========================================================= */

.daily-contest-main {
  width: min(1500px, calc(100% - 48px));
  margin: 28px auto 70px;
}

.daily-contest-section {
  margin: 0;
}

.daily-contest-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;

  margin-bottom: 18px;
}

.daily-contest-section-title h2 {
  margin: 0;
  font-size: 26px;
  line-height: 1.3;
}

.daily-contest-section-title p {
  margin: 6px 0 0;
  color: #9499a0;
  font-size: 13px;
}

/* =========================================================
   搜索
========================================================= */

.daily-contest-search {
  width: min(650px, 48vw);

  display: flex;
  gap: 10px;
  align-items: center;
}

.daily-contest-search input {
  min-width: 0;
  flex: 1;
  height: 44px;
  padding: 0 15px;

  border: 1px solid #dcdfe4;
  border-radius: 10px;

  background: #fff;
  outline: none;

  transition:
    border-color .15s ease,
    box-shadow .15s ease;
}

.daily-contest-search input:focus {
  border-color: #00aeec;
  box-shadow: 0 0 0 3px rgba(0,174,236,.08);
}

.daily-contest-search-btn,
.daily-contest-clear-btn {
  height: 44px;
  padding: 0 18px;
  border-radius: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.daily-contest-search-btn {
  border: 0;
  background: #00aeec;
  color: #fff;
}

.daily-contest-search-btn:hover {
  background: #00a1d6;
}

.daily-contest-clear-btn {
  border: 1px solid #e3e5e7;
  background: #fff;
  color: #61666d;
}

/* =========================================================
   视频列表
========================================================= */

.daily-contest-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 24px 18px;
}

.daily-contest-card {
  min-width: 0;
  overflow: hidden;
}

.daily-contest-cover {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 10px;
  background: #e8eaed;
}

.daily-contest-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .22s ease;
}

.daily-contest-card:hover .daily-contest-cover img {
  transform: scale(1.035);
}

.daily-contest-cover-mask {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;

  padding: 18px 8px 7px;

  color: #fff;
  font-size: 12px;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.70) 100%
    );
}

.daily-contest-cover-stats {
  display: flex;
  gap: 9px;
}

.daily-contest-duration {
  white-space: nowrap;
}

.daily-contest-vip {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;

  padding: 4px 7px;
  border-radius: 6px;

  background: #fb7299;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

.daily-contest-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  overflow: hidden;

  margin: 9px 1px 5px;
  min-height: 42px;

  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
}

.daily-contest-title a:hover {
  color: #00aeec;
}

.daily-contest-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;

  color: #9499a0;
  font-size: 12px;
}

.daily-contest-author {
  max-width: 55%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.daily-contest-state {
  grid-column: 1 / -1;
  padding: 70px 20px;
  text-align: center;
  color: #9499a0;
}

/* =========================================================
   分页
========================================================= */

.daily-contest-pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;

  margin-top: 30px;
}

.daily-contest-page-btn {
  min-width: 38px;
  height: 38px;
  padding: 0 12px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #e3e5e7;
  border-radius: 8px;

  background: #fff;
  color: #61666d;
}

.daily-contest-page-btn:hover {
  color: #00aeec;
  border-color: #00aeec;
}

.daily-contest-page-btn.active {
  border-color: #00aeec;
  background: #00aeec;
  color: #fff;
}

.daily-contest-page-btn.disabled {
  opacity: .45;
  pointer-events: none;
}

/* =========================================================
   小一点电脑
========================================================= */

@media (max-width: 1200px) {
  .daily-contest-header-shell {
    background-size: cover;
    background-position: 62% top;
  }

  .daily-contest-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .daily-contest-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* =========================================================
   手机端
========================================================= */

@media (max-width: 768px) {
  body {
    padding-bottom: 66px;
  }

  .daily-contest-header-shell {
    min-height: 0;
    overflow: visible;
    background-image: none;
    background: transparent;
  }

  .daily-contest-header-shell::before {
    display: none;
  }

  .daily-contest-header {
    min-height: 58px;
    background: #fff;
  }

  /*
   * 不隐藏公共头部。
   * 如果你自己的 user-header.css 在手机端已经有适配，就继续沿用。
   */

  .daily-contest-hero {
    position: relative;
    min-height: 205px;
    overflow: hidden;

    background-image:
      url("/static/user/img/daily-contest-hero-bg.png");

    background-size: cover;
    background-position: 69% top;
    background-repeat: no-repeat;
    background-color: #141126;
  }

  .daily-contest-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background:
      linear-gradient(
        90deg,
        rgba(10,10,29,.95) 0%,
        rgba(17,16,43,.84) 42%,
        rgba(18,17,43,.40) 68%,
        rgba(0,0,0,.10) 100%
      );
  }

  .daily-contest-hero-content {
    position: relative;
    z-index: 2;

    width: 100%;
    min-height: 205px;
    margin: 0;
    padding: 21px 15px;

    align-items: center;
  }

  .daily-contest-hero-copy {
    width: 72%;
    max-width: 72%;
  }

  .daily-contest-kicker {
    height: 22px;
    padding: 0 8px;
    margin-bottom: 6px;
    font-size: 9px;
  }

  .daily-contest-hero h1 {
    margin: 3px 0 5px;
    font-size: 28px;
    letter-spacing: 1px;
  }

  .daily-contest-hero p {
    font-size: 12px;
    line-height: 1.5;
  }

  .daily-contest-main {
    width: 100%;
    margin: 0 auto 20px;
    padding: 12px 10px 20px;
  }

  .daily-contest-section-head {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  .daily-contest-search {
    width: 100%;
  }

  .daily-contest-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 10px;
  }

  .daily-contest-title {
    min-height: 38px;
    margin-top: 7px;
    font-size: 13px;
  }

  .daily-contest-meta {
    gap: 5px;
    font-size: 10px;
  }
}

@media (max-width: 430px) {
  .daily-contest-hero {
    min-height: 205px;
    background-position: 72% top;
  }

  .daily-contest-hero-content {
    min-height: 205px;
    padding: 15px 12px;
  }

  .daily-contest-hero-copy {
    width: 78%;
    max-width: 78%;
  }

  .daily-contest-hero h1 {
    font-size: 24px;
  }

  .daily-contest-hero p {
    font-size: 11px;
  }

  .daily-contest-search {
    gap: 6px;
  }

  .daily-contest-search input {
    min-width: 0;
  }

  .daily-contest-search-btn,
  .daily-contest-clear-btn {
    padding: 0 12px;
  }

  .daily-contest-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* ===== 20260912-5：Hero 下方空白修正 ===== */
body .daily-contest-page > .daily-contest-main {
  width: min(1500px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin: 18px auto 70px !important;
  padding: 0 !important;
}

body .daily-contest-page .daily-contest-section {
  margin: 0 !important;
  padding: 0 !important;
}

body .daily-contest-page .daily-contest-section-head {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 768px) {
  body .daily-contest-page > .daily-contest-main {
    width: 100% !important;
    margin: 0 auto 20px !important;
    padding: 12px 10px 20px !important;
  }
}


/* =========================================================
   每日大赛合集卡片
========================================================= */
.daily-contest-collection-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 6px;
  background: rgba(0, 0, 0, .72);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.daily-contest-collection-mark {
  flex: 0 0 auto;
  padding: 2px 6px;
  border-radius: 5px;
  background: rgba(255, 255, 255, .92);
  color: #18191c;
  font-size: 11px;
  font-weight: 800;
}

.daily-contest-meta-count {
  flex: 0 0 auto;
  color: #00aeec;
  font-weight: 700;
  white-space: nowrap;
}

.daily-contest-card.is-collection .daily-contest-cover {
  box-shadow: inset 0 0 0 1px rgba(0, 174, 236, .05);
}

@media (max-width: 768px) {
  .daily-contest-collection-badge {
    top: 5px;
    right: 5px;
    min-height: 21px;
    padding: 0 6px;
    font-size: 10px;
  }

  .daily-contest-collection-mark {
    padding: 1px 5px;
    font-size: 9px;
  }
}


/* =========================================================
   20260912-7 每日大赛：列表改为“一行一个合集”
   左侧封面，右侧：标题 / 简介 / 视频数量 / 观看+点赞 / 时间
========================================================= */

body .daily-contest-page .daily-contest-grid {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  gap: 14px !important;
  width: 100% !important;
}

body .daily-contest-page .daily-contest-card {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 205px !important;
  height: 205px !important;
  display: grid !important;
  grid-template-columns: 364px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  overflow: hidden !important;

  border: 1px solid #e3e5e7 !important;
  border-radius: 12px !important;
  background: #fff !important;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

body .daily-contest-page .daily-contest-card:hover {
  border-color: #c9ccd0 !important;
  box-shadow: 0 8px 26px rgba(0, 0, 0, .07) !important;
  transform: translateY(-1px);
}

body .daily-contest-page .daily-contest-card .daily-contest-cover {
  position: relative !important;
  display: block !important;
  width: 364px !important;
  height: 205px !important;
  min-height: 205px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border-radius: 11px 0 0 11px !important;
  background: #e8eaed !important;
}

body .daily-contest-page .daily-contest-card .daily-contest-cover img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body .daily-contest-page .daily-contest-card .daily-contest-cover-mask {
  display: none !important;
}

body .daily-contest-page .daily-contest-info {
  min-width: 0 !important;
  height: 205px !important;
  padding: 16px 20px !important;

  display: grid !important;
  grid-template-rows:
    minmax(24px, auto)
    minmax(42px, auto)
    24px
    24px
    24px !important;
  align-content: space-between !important;
  gap: 3px !important;
}

body .daily-contest-page .daily-contest-title {
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;

  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;

  color: #18191c !important;
  font-size: 19px !important;
  line-height: 24px !important;
  font-weight: 800 !important;
}

body .daily-contest-page .daily-contest-title a {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .daily-contest-page .daily-contest-description {
  min-width: 0 !important;
  max-width: 100% !important;
  height: 42px !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;

  overflow: hidden !important;

  color: #61666d !important;
  font-size: 14px !important;
  line-height: 21px !important;
  word-break: break-word !important;
}

body .daily-contest-page .daily-contest-info-row {
  min-width: 0 !important;
  min-height: 24px !important;

  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  color: #61666d !important;
  font-size: 13px !important;
  line-height: 24px !important;
}

body .daily-contest-page .daily-contest-stats-row {
  gap: 28px !important;
}

body .daily-contest-page .daily-contest-stats-row > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
}

body .daily-contest-page .daily-contest-info-label {
  flex: 0 0 auto !important;
  color: #9499a0 !important;
}

body .daily-contest-page .daily-contest-info-value {
  min-width: 0 !important;
  color: #18191c !important;
  font-weight: 600 !important;
}

body .daily-contest-page .daily-contest-collection-badge,
body .daily-contest-page .daily-contest-vip {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 3 !important;
}

body .daily-contest-page .daily-contest-state {
  width: 100% !important;
}

/* 中等屏幕 */
@media (max-width: 1000px) {
  body .daily-contest-page .daily-contest-card {
    grid-template-columns: 300px minmax(0, 1fr) !important;
  }

  body .daily-contest-page .daily-contest-card .daily-contest-cover {
    width: 300px !important;
  }
}

/* H5：仍然保持“一条占一行”，封面在左、信息在右 */
@media (max-width: 768px) {
  body .daily-contest-page .daily-contest-grid {
    gap: 10px !important;
  }

  body .daily-contest-page .daily-contest-card {
    min-height: 154px !important;
    height: 154px !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    border-radius: 9px !important;
  }

  body .daily-contest-page .daily-contest-card .daily-contest-cover {
    width: 150px !important;
    height: 154px !important;
    min-height: 154px !important;
    border-radius: 8px 0 0 8px !important;
  }

  body .daily-contest-page .daily-contest-info {
    height: 154px !important;
    padding: 9px 10px !important;
    grid-template-rows:
      20px
      34px
      19px
      19px
      19px !important;
    gap: 1px !important;
  }

  body .daily-contest-page .daily-contest-title {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body .daily-contest-page .daily-contest-description {
    height: 34px !important;
    font-size: 11px !important;
    line-height: 17px !important;
  }

  body .daily-contest-page .daily-contest-info-row {
    min-height: 19px !important;
    gap: 5px !important;
    font-size: 10px !important;
    line-height: 19px !important;
  }

  body .daily-contest-page .daily-contest-stats-row {
    gap: 10px !important;
  }

  body .daily-contest-page .daily-contest-stats-row > span {
    gap: 4px !important;
  }

  body .daily-contest-page .daily-contest-collection-badge,
  body .daily-contest-page .daily-contest-vip {
    top: 5px !important;
    right: 5px !important;
  }
}

@media (max-width: 430px) {
  body .daily-contest-page .daily-contest-card {
    min-height: 148px !important;
    height: 148px !important;
    grid-template-columns: 132px minmax(0, 1fr) !important;
  }

  body .daily-contest-page .daily-contest-card .daily-contest-cover {
    width: 132px !important;
    height: 148px !important;
    min-height: 148px !important;
  }

  body .daily-contest-page .daily-contest-info {
    height: 148px !important;
    padding: 8px !important;
  }

  body .daily-contest-page .daily-contest-stats-row {
    gap: 7px !important;
  }

  body .daily-contest-page .daily-contest-info-label {
    font-size: 9px !important;
  }

  body .daily-contest-page .daily-contest-info-value {
    font-size: 10px !important;
  }
}


/* ===== 20260912-8 强制一行一个合集 ===== */

    /* 20260912-8：强制一行只有一个合集 */
    #dailyContestGrid {
      display: flex !important;
      flex-direction: column !important;
      grid-template-columns: none !important;
      width: 100% !important;
      gap: 14px !important;
    }

    #dailyContestGrid > .daily-contest-card {
      display: flex !important;
      flex-direction: row !important;
      align-items: stretch !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
      height: 210px !important;
      min-height: 210px !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      border: 1px solid #e3e5e7 !important;
      border-radius: 12px !important;
      background: #fff !important;
    }

    #dailyContestGrid > .daily-contest-card > .daily-contest-cover {
      position: relative !important;
      flex: 0 0 373px !important;
      width: 373px !important;
      max-width: 373px !important;
      height: 210px !important;
      min-height: 210px !important;
      aspect-ratio: auto !important;
      border-radius: 11px 0 0 11px !important;
      overflow: hidden !important;
    }

    #dailyContestGrid > .daily-contest-card > .daily-contest-cover img {
      width: 100% !important;
      height: 100% !important;
      display: block !important;
      object-fit: cover !important;
    }

    #dailyContestGrid > .daily-contest-card > .daily-contest-info {
      flex: 1 1 auto !important;
      width: auto !important;
      min-width: 0 !important;
      height: 210px !important;
      padding: 16px 22px !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
      overflow: hidden !important;
    }

    #dailyContestGrid .daily-contest-title {
      display: block !important;
      min-height: 0 !important;
      margin: 0 !important;
      overflow: hidden !important;
      white-space: nowrap !important;
      text-overflow: ellipsis !important;
      font-size: 19px !important;
      line-height: 26px !important;
      font-weight: 800 !important;
    }

    #dailyContestGrid .daily-contest-title a {
      display: block !important;
      overflow: hidden !important;
      white-space: nowrap !important;
      text-overflow: ellipsis !important;
    }

    #dailyContestGrid .daily-contest-description {
      display: -webkit-box !important;
      -webkit-box-orient: vertical !important;
      -webkit-line-clamp: 2 !important;
      max-height: 44px !important;
      overflow: hidden !important;
      color: #61666d !important;
      font-size: 14px !important;
      line-height: 22px !important;
      word-break: break-word !important;
    }

    #dailyContestGrid .daily-contest-info-row {
      display: flex !important;
      align-items: center !important;
      min-height: 24px !important;
      gap: 10px !important;
      color: #61666d !important;
      font-size: 13px !important;
      line-height: 24px !important;
    }

    #dailyContestGrid .daily-contest-stats-row {
      gap: 32px !important;
    }

    #dailyContestGrid .daily-contest-stats-row > span {
      display: inline-flex !important;
      gap: 8px !important;
      align-items: center !important;
    }

    #dailyContestGrid .daily-contest-info-label {
      color: #9499a0 !important;
    }

    #dailyContestGrid .daily-contest-info-value {
      color: #18191c !important;
      font-weight: 600 !important;
    }

    #dailyContestGrid .daily-contest-cover-mask {
      display: none !important;
    }

    @media (max-width: 900px) {
      #dailyContestGrid > .daily-contest-card > .daily-contest-cover {
        flex-basis: 300px !important;
        width: 300px !important;
        max-width: 300px !important;
      }
    }

    @media (max-width: 768px) {
      #dailyContestGrid {
        gap: 10px !important;
      }

      #dailyContestGrid > .daily-contest-card {
        height: 154px !important;
        min-height: 154px !important;
      }

      #dailyContestGrid > .daily-contest-card > .daily-contest-cover {
        flex: 0 0 150px !important;
        width: 150px !important;
        max-width: 150px !important;
        height: 154px !important;
        min-height: 154px !important;
      }

      #dailyContestGrid > .daily-contest-card > .daily-contest-info {
        height: 154px !important;
        padding: 9px 10px !important;
      }

      #dailyContestGrid .daily-contest-title {
        font-size: 14px !important;
        line-height: 20px !important;
      }

      #dailyContestGrid .daily-contest-description {
        max-height: 34px !important;
        font-size: 11px !important;
        line-height: 17px !important;
      }

      #dailyContestGrid .daily-contest-info-row {
        min-height: 18px !important;
        font-size: 10px !important;
        line-height: 18px !important;
      }

      #dailyContestGrid .daily-contest-stats-row {
        gap: 10px !important;
      }
    }

    @media (max-width: 430px) {
      #dailyContestGrid > .daily-contest-card {
        height: 148px !important;
        min-height: 148px !important;
      }

      #dailyContestGrid > .daily-contest-card > .daily-contest-cover {
        flex: 0 0 132px !important;
        width: 132px !important;
        max-width: 132px !important;
        height: 148px !important;
        min-height: 148px !important;
      }

      #dailyContestGrid > .daily-contest-card > .daily-contest-info {
        height: 148px !important;
        padding: 8px !important;
      }
    }
  
/* ===== 右侧信息区美化 ===== */

body .daily-contest-page .daily-contest-info {
  position: relative !important;
  background:
    linear-gradient(135deg, rgba(0, 174, 236, 0.03) 0%, rgba(251, 114, 153, 0.03) 100%) !important;
}

body .daily-contest-page .daily-contest-info::before {
  content: "" !important;
  position: absolute !important;
  top: -40px !important;
  right: -40px !important;
  width: 150px !important;
  height: 150px !important;
  border-radius: 50% !important;
  background: rgba(0, 174, 236, 0.05) !important;
  pointer-events: none !important;
}

body .daily-contest-page .daily-contest-info::after {
  content: "" !important;
  position: absolute !important;
  bottom: -25px !important;
  right: 120px !important;
  width: 90px !important;
  height: 90px !important;
  border-radius: 50% !important;
  background: rgba(251, 114, 153, 0.05) !important;
  pointer-events: none !important;
}

body .daily-contest-page .daily-contest-topbar {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 4px !important;
}

body .daily-contest-page .daily-contest-type-pill {
  display: inline-flex !important;
  align-items: center !important;
  height: 28px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(0, 174, 236, 0.10) !important;
  color: #0098cf !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

body .daily-contest-page .daily-contest-open-hint {
  color: #9499a0 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

body .daily-contest-page .daily-contest-title {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 2px !important;
}

body .daily-contest-page .daily-contest-description-box {
  position: relative !important;
  z-index: 2 !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: #f7f8fa !important;
  border: 1px solid #eceef1 !important;
}

body .daily-contest-page .daily-contest-description {
  margin: 0 !important;
}

body .daily-contest-page .daily-contest-meta-board {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body .daily-contest-page .daily-contest-meta-chip {
  min-width: 0 !important;
  min-height: 52px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid #eceef1 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
}

body .daily-contest-page .daily-contest-meta-chip .daily-contest-info-label {
  font-size: 12px !important;
  line-height: 1.2 !important;
  color: #9499a0 !important;
}

body .daily-contest-page .daily-contest-meta-chip .daily-contest-info-value {
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color: #18191c !important;
}

body .daily-contest-page .daily-contest-card-decor {
  position: absolute !important;
  right: 18px !important;
  bottom: 12px !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

body .daily-contest-page .daily-contest-watermark {
  display: inline-block !important;
  color: rgba(0, 0, 0, 0.05) !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
  user-select: none !important;
}

@media (max-width: 768px) {
  body .daily-contest-page .daily-contest-topbar {
    margin-bottom: 2px !important;
    gap: 6px !important;
  }

  body .daily-contest-page .daily-contest-type-pill {
    height: 22px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
  }

  body .daily-contest-page .daily-contest-open-hint {
    font-size: 10px !important;
  }

  body .daily-contest-page .daily-contest-description-box {
    padding: 6px 8px !important;
    border-radius: 8px !important;
  }

  body .daily-contest-page .daily-contest-meta-board {
    gap: 6px !important;
  }

  body .daily-contest-page .daily-contest-meta-chip {
    min-height: 34px !important;
    padding: 6px 8px !important;
    border-radius: 8px !important;
    gap: 2px !important;
  }

  body .daily-contest-page .daily-contest-meta-chip .daily-contest-info-label {
    font-size: 9px !important;
  }

  body .daily-contest-page .daily-contest-meta-chip .daily-contest-info-value {
    font-size: 11px !important;
  }

  body .daily-contest-page .daily-contest-watermark {
    font-size: 16px !important;
  }
}


/* =========================================================
   20260912-10 每日大赛最终横向卡片
   一行一个；封面 16:9；简介最多两行；右侧紧凑不空
========================================================= */

#dailyContestGrid {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  width: 100% !important;
  gap: 14px !important;
}

#dailyContestGrid > .daily-contest-card {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  height: 190px !important;
  min-height: 190px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  border: 1px solid #e3e5e7 !important;
  border-radius: 12px !important;
  background: #fff !important;

  box-shadow: 0 2px 10px rgba(0, 0, 0, .025) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

#dailyContestGrid > .daily-contest-card:hover {
  transform: translateY(-2px) !important;
  border-color: #d5d8dc !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .07) !important;
}

#dailyContestGrid > .daily-contest-card > .daily-contest-cover {
  position: relative !important;
  flex: 0 0 338px !important;
  width: 338px !important;
  max-width: 338px !important;
  height: 190px !important;
  min-height: 190px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border-radius: 11px 0 0 11px !important;
  background: #e8eaed !important;
}

#dailyContestGrid > .daily-contest-card > .daily-contest-cover img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  transition: transform .25s ease !important;
}

#dailyContestGrid > .daily-contest-card:hover > .daily-contest-cover img {
  transform: scale(1.025) !important;
}

#dailyContestGrid .daily-contest-collection-badge,
#dailyContestGrid .daily-contest-vip {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 5 !important;
}

#dailyContestGrid > .daily-contest-card > .daily-contest-info {
  position: relative !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 190px !important;
  padding: 16px 22px 15px !important;
  overflow: hidden !important;

  display: grid !important;
  grid-template-rows: 28px 46px 36px 30px !important;
  align-content: space-between !important;
  gap: 3px !important;

  background:
    linear-gradient(120deg, #ffffff 0%, #ffffff 62%, #fbfdff 100%) !important;
}

/* 左侧细装饰线 */
#dailyContestGrid > .daily-contest-card > .daily-contest-info::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 18px !important;
  bottom: 18px !important;
  width: 3px !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #00aeec 0%, #7fdfff 55%, #fb7299 100%) !important;
  opacity: .72 !important;
  z-index: 1 !important;
}

#dailyContestGrid .daily-contest-title-row {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

#dailyContestGrid .daily-contest-title {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;

  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;

  color: #18191c !important;
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 800 !important;
}

#dailyContestGrid .daily-contest-title a {
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

#dailyContestGrid .daily-contest-title a:hover {
  color: #00aeec !important;
}

#dailyContestGrid .daily-contest-type-pill {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 24px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;

  background: rgba(0, 174, 236, .09) !important;
  color: #0098d0 !important;

  font-size: 11px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

#dailyContestGrid .daily-contest-description {
  position: relative !important;
  z-index: 3 !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;

  height: 46px !important;
  max-height: 46px !important;
  overflow: hidden !important;

  padding: 4px 0 0 !important;
  margin: 0 !important;

  color: #61666d !important;
  font-size: 14px !important;
  line-height: 21px !important;
  word-break: break-word !important;
}

#dailyContestGrid .daily-contest-stats-line {
  position: relative !important;
  z-index: 3 !important;

  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

#dailyContestGrid .daily-contest-stat-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;

  min-width: 112px !important;
  height: 34px !important;
  padding: 0 11px !important;
  border-radius: 8px !important;

  background: #f6f8fa !important;
  border: 1px solid #edf0f2 !important;
}

#dailyContestGrid .daily-contest-stat-label {
  color: #9499a0 !important;
  font-size: 12px !important;
}

#dailyContestGrid .daily-contest-stat-item strong {
  color: #18191c !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

#dailyContestGrid .daily-contest-bottom-line {
  position: relative !important;
  z-index: 3 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

#dailyContestGrid .daily-contest-time {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #9499a0 !important;
  font-size: 12px !important;
}

#dailyContestGrid .daily-contest-time strong {
  color: #61666d !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

#dailyContestGrid .daily-contest-enter {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;

  height: 28px !important;
  padding: 0 11px !important;
  border-radius: 8px !important;

  color: #00a1d6 !important;
  background: rgba(0, 174, 236, .075) !important;

  font-size: 12px !important;
  font-weight: 700 !important;
}

#dailyContestGrid .daily-contest-enter:hover {
  color: #fff !important;
  background: #00aeec !important;
}

/* 右侧非常轻的装饰，不抢正文 */
#dailyContestGrid .daily-contest-card-orb {
  position: absolute !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

#dailyContestGrid .daily-contest-card-orb-a {
  width: 145px !important;
  height: 145px !important;
  right: -58px !important;
  top: -68px !important;
  background: rgba(0, 174, 236, .035) !important;
}

#dailyContestGrid .daily-contest-card-orb-b {
  width: 84px !important;
  height: 84px !important;
  right: 90px !important;
  bottom: -58px !important;
  background: rgba(251, 114, 153, .032) !important;
}

/* 旧版装饰全部关闭，避免互相叠加 */
#dailyContestGrid .daily-contest-topbar,
#dailyContestGrid .daily-contest-description-box,
#dailyContestGrid .daily-contest-meta-board,
#dailyContestGrid .daily-contest-meta-chip,
#dailyContestGrid .daily-contest-card-decor,
#dailyContestGrid .daily-contest-watermark,
#dailyContestGrid .daily-contest-open-hint,
#dailyContestGrid .daily-contest-info-row,
#dailyContestGrid .daily-contest-cover-mask {
  display: none !important;
}

@media (max-width: 1000px) {
  #dailyContestGrid > .daily-contest-card > .daily-contest-cover {
    flex-basis: 300px !important;
    width: 300px !important;
    max-width: 300px !important;
  }

  #dailyContestGrid .daily-contest-stat-item {
    min-width: 96px !important;
  }
}

@media (max-width: 768px) {
  #dailyContestGrid {
    gap: 10px !important;
  }

  #dailyContestGrid > .daily-contest-card {
    height: 148px !important;
    min-height: 148px !important;
    border-radius: 9px !important;
  }

  #dailyContestGrid > .daily-contest-card > .daily-contest-cover {
    flex: 0 0 145px !important;
    width: 145px !important;
    max-width: 145px !important;
    height: 148px !important;
    min-height: 148px !important;
    border-radius: 8px 0 0 8px !important;
  }

  #dailyContestGrid > .daily-contest-card > .daily-contest-info {
    height: 148px !important;
    padding: 8px 9px 7px 11px !important;
    grid-template-rows: 20px 34px 27px 22px !important;
    gap: 2px !important;
  }

  #dailyContestGrid > .daily-contest-card > .daily-contest-info::before {
    top: 10px !important;
    bottom: 10px !important;
    width: 2px !important;
  }

  #dailyContestGrid .daily-contest-title {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  #dailyContestGrid .daily-contest-type-pill {
    height: 19px !important;
    padding: 0 6px !important;
    font-size: 9px !important;
  }

  #dailyContestGrid .daily-contest-description {
    height: 34px !important;
    max-height: 34px !important;
    padding-top: 0 !important;
    font-size: 11px !important;
    line-height: 17px !important;
  }

  #dailyContestGrid .daily-contest-stats-line {
    gap: 4px !important;
  }

  #dailyContestGrid .daily-contest-stat-item {
    min-width: 0 !important;
    height: 25px !important;
    padding: 0 6px !important;
    gap: 3px !important;
  }

  #dailyContestGrid .daily-contest-stat-label {
    font-size: 9px !important;
  }

  #dailyContestGrid .daily-contest-stat-item strong {
    font-size: 10px !important;
  }

  #dailyContestGrid .daily-contest-time {
    gap: 4px !important;
    font-size: 9px !important;
  }

  #dailyContestGrid .daily-contest-time strong {
    font-size: 10px !important;
  }

  #dailyContestGrid .daily-contest-enter {
    height: 22px !important;
    padding: 0 7px !important;
    font-size: 9px !important;
  }
}

@media (max-width: 430px) {
  #dailyContestGrid > .daily-contest-card > .daily-contest-cover {
    flex-basis: 128px !important;
    width: 128px !important;
    max-width: 128px !important;
  }

  #dailyContestGrid .daily-contest-type-pill {
    display: none !important;
  }

  #dailyContestGrid .daily-contest-enter {
    padding: 0 6px !important;
  }
}



/* =========================================================
   20260912-11 每日大赛三栏卡片
   左：合集封面
   中：标题/简介/统计/时间
   右：10 个视频缩略图，可单独点击
   整张卡片其它位置都可点击进入合集
========================================================= */

#dailyContestGrid {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  width: 100% !important;
  gap: 14px !important;
}

#dailyContestGrid > .daily-contest-card {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 200px !important;
  min-height: 200px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  display: grid !important;
  grid-template-columns: 356px minmax(360px, .88fr) minmax(520px, 1.12fr) !important;
  align-items: stretch !important;
  gap: 0 !important;

  border: 1px solid #e3e5e7 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.025) !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease !important;
}

#dailyContestGrid > .daily-contest-card:hover {
  transform: translateY(-2px) !important;
  border-color: #d2d6da !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.07) !important;
}

/* 整卡点击层 */
#dailyContestGrid .daily-contest-card-link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  border-radius: inherit !important;
}

/* 左侧主封面 */
#dailyContestGrid > .daily-contest-card > .daily-contest-cover {
  position: relative !important;
  z-index: 1 !important;
  width: 356px !important;
  max-width: 356px !important;
  height: 200px !important;
  min-height: 200px !important;
  overflow: hidden !important;
  border-radius: 11px 0 0 11px !important;
  background: #e8eaed !important;
}

#dailyContestGrid > .daily-contest-card > .daily-contest-cover img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .25s ease !important;
}

#dailyContestGrid > .daily-contest-card:hover > .daily-contest-cover img {
  transform: scale(1.025) !important;
}

#dailyContestGrid .daily-contest-collection-badge,
#dailyContestGrid .daily-contest-vip {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 6 !important;
}

/* 中间信息 */
#dailyContestGrid > .daily-contest-card > .daily-contest-info {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  height: 200px !important;
  padding: 16px 18px 14px 24px !important;
  overflow: hidden !important;

  display: grid !important;
  grid-template-rows: 30px 48px 36px 28px !important;
  align-content: space-between !important;
  gap: 3px !important;

  background: linear-gradient(120deg, #fff 0%, #fff 72%, #fbfdff 100%) !important;
}

#dailyContestGrid > .daily-contest-card > .daily-contest-info::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 18px !important;
  bottom: 18px !important;
  width: 3px !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #00aeec 0%, #7fdfff 56%, #fb7299 100%) !important;
  opacity: .72 !important;
}

#dailyContestGrid .daily-contest-title {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;

  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;

  color: #18191c !important;
  font-size: 19px !important;
  line-height: 30px !important;
  font-weight: 800 !important;
}

#dailyContestGrid .daily-contest-description {
  position: relative !important;
  z-index: 2 !important;
  height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 3px 0 0 !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;

  color: #61666d !important;
  font-size: 14px !important;
  line-height: 22px !important;
  word-break: break-word !important;
}

#dailyContestGrid .daily-contest-stats-line {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

#dailyContestGrid .daily-contest-stat-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 34px !important;
  min-width: 98px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  background: #f6f8fa !important;
  border: 1px solid #edf0f2 !important;
}

#dailyContestGrid .daily-contest-stat-label {
  color: #9499a0 !important;
  font-size: 12px !important;
}

#dailyContestGrid .daily-contest-stat-item strong {
  color: #18191c !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

#dailyContestGrid .daily-contest-time {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #9499a0 !important;
  font-size: 12px !important;
}

#dailyContestGrid .daily-contest-time strong {
  color: #61666d !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* 右侧 10 个视频 */
#dailyContestGrid .daily-contest-video-grid {
  position: relative !important;
  z-index: 5 !important;

  min-width: 0 !important;
  height: 200px !important;
  padding: 13px 14px 13px 8px !important;

  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;

  background:
    linear-gradient(90deg, rgba(248,250,252,.45) 0%, #f8fafc 18%, #f7f9fb 100%) !important;
  border-left: 1px solid #f0f1f2 !important;
}

#dailyContestGrid .daily-contest-video-thumb {
  position: relative !important;
  z-index: 6 !important;
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;

  border-radius: 7px !important;
  background: #e8eaed !important;
  border: 1px solid rgba(0,0,0,.04) !important;

  transition:
    transform .16s ease,
    box-shadow .16s ease,
    border-color .16s ease !important;
}

#dailyContestGrid .daily-contest-video-thumb:hover {
  transform: translateY(-1px) scale(1.015) !important;
  border-color: rgba(0,174,236,.42) !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.13) !important;
}

#dailyContestGrid .daily-contest-video-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#dailyContestGrid .daily-contest-video-thumb::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.24) 100%) !important;
}

#dailyContestGrid .daily-contest-video-index {
  position: absolute !important;
  left: 5px !important;
  bottom: 4px !important;
  z-index: 2 !important;

  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 5px !important;
  background: rgba(0,0,0,.66) !important;
  color: #fff !important;

  font-size: 10px !important;
  font-weight: 800 !important;
}

/* 旧版本元素全部关闭 */
#dailyContestGrid .daily-contest-type-pill,
#dailyContestGrid .daily-contest-enter,
#dailyContestGrid .daily-contest-title-row,
#dailyContestGrid .daily-contest-bottom-line,
#dailyContestGrid .daily-contest-topbar,
#dailyContestGrid .daily-contest-description-box,
#dailyContestGrid .daily-contest-meta-board,
#dailyContestGrid .daily-contest-meta-chip,
#dailyContestGrid .daily-contest-card-decor,
#dailyContestGrid .daily-contest-watermark,
#dailyContestGrid .daily-contest-open-hint,
#dailyContestGrid .daily-contest-info-row,
#dailyContestGrid .daily-contest-cover-mask {
  display: none !important;
}

@media (max-width: 1350px) {
  #dailyContestGrid > .daily-contest-card {
    grid-template-columns: 320px minmax(320px, .8fr) minmax(460px, 1.2fr) !important;
  }

  #dailyContestGrid > .daily-contest-card > .daily-contest-cover {
    width: 320px !important;
    max-width: 320px !important;
  }
}

@media (max-width: 1050px) {
  #dailyContestGrid > .daily-contest-card {
    height: auto !important;
    min-height: 190px !important;
    grid-template-columns: 300px minmax(0, 1fr) !important;
    grid-template-rows: 190px auto !important;
  }

  #dailyContestGrid > .daily-contest-card > .daily-contest-cover {
    width: 300px !important;
    max-width: 300px !important;
    height: 190px !important;
    min-height: 190px !important;
  }

  #dailyContestGrid > .daily-contest-card > .daily-contest-info {
    height: 190px !important;
  }

  #dailyContestGrid .daily-contest-video-grid {
    grid-column: 1 / -1 !important;
    height: auto !important;
    min-height: 112px !important;
    padding: 9px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 74px) !important;
    border-left: 0 !important;
    border-top: 1px solid #f0f1f2 !important;
  }
}

@media (max-width: 768px) {
  #dailyContestGrid > .daily-contest-card {
    min-height: 0 !important;
    grid-template-columns: 132px minmax(0, 1fr) !important;
    grid-template-rows: 148px auto !important;
    border-radius: 9px !important;
  }

  #dailyContestGrid > .daily-contest-card > .daily-contest-cover {
    width: 132px !important;
    max-width: 132px !important;
    height: 148px !important;
    min-height: 148px !important;
    border-radius: 8px 0 0 0 !important;
  }

  #dailyContestGrid > .daily-contest-card > .daily-contest-info {
    height: 148px !important;
    padding: 8px 8px 7px 11px !important;
    grid-template-rows: 20px 34px 27px 20px !important;
    gap: 2px !important;
  }

  #dailyContestGrid .daily-contest-title {
    font-size: 13px !important;
    line-height: 20px !important;
  }

  #dailyContestGrid .daily-contest-description {
    height: 34px !important;
    max-height: 34px !important;
    padding-top: 0 !important;
    font-size: 10px !important;
    line-height: 17px !important;
  }

  #dailyContestGrid .daily-contest-stats-line {
    gap: 3px !important;
  }

  #dailyContestGrid .daily-contest-stat-item {
    min-width: 0 !important;
    height: 25px !important;
    padding: 0 5px !important;
    gap: 3px !important;
  }

  #dailyContestGrid .daily-contest-stat-label {
    font-size: 8px !important;
  }

  #dailyContestGrid .daily-contest-stat-item strong {
    font-size: 9px !important;
  }

  #dailyContestGrid .daily-contest-time {
    gap: 4px !important;
    font-size: 9px !important;
  }

  #dailyContestGrid .daily-contest-time strong {
    font-size: 9px !important;
  }

  #dailyContestGrid .daily-contest-video-grid {
    min-height: 94px !important;
    padding: 6px !important;
    gap: 5px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 41px) !important;
  }

  #dailyContestGrid .daily-contest-video-index {
    left: 3px !important;
    bottom: 3px !important;
    min-width: 14px !important;
    height: 14px !important;
    padding: 0 3px !important;
    font-size: 8px !important;
  }
}



/* =========================================================
   2026-09-12 每日大赛头部修复
   1. PC 公共头部下拉卡片不再被 Hero 容器裁切
   2. H5 隐藏 PC 公共头部，改用手机专用头部
========================================================= */

/* 默认隐藏 H5 头部 */
.daily-mobile-topbar {
  display: none;
}

/*
 * PC 原来 .daily-contest-header-shell 使用 overflow:hidden，
 * 会把会员/头像下拉卡片在 shell 边界处裁掉。
 * 改成 visible 后，背景尺寸不变，但头部浮层可正常越过 Hero。
 */
@media screen and (min-width: 769px) {
  .daily-contest-header-shell {
    overflow: visible !important;
  }

  .daily-contest-header {
    position: relative !important;
    z-index: 1000 !important;
  }

  .daily-contest-header #userHeaderMount {
    position: relative !important;
    z-index: 1001 !important;
  }

  .daily-contest-hero {
    position: relative !important;
    z-index: 1 !important;
  }

  /*
   * shell 的背景和遮罩仍只覆盖自身，不影响头部下拉卡片。
   */
  .daily-contest-header-shell::before {
    z-index: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  /* H5 不加载视觉上的 PC 公共头部 */
  .daily-contest-header #userHeaderMount {
    display: none !important;
  }

  .daily-contest-header {
    position: relative !important;
    z-index: 100000 !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f2f3 !important;
  }

  .daily-mobile-topbar {
    position: relative !important;
    z-index: 100001 !important;
    width: 100% !important;
    height: 58px !important;
    padding: 8px 10px !important;

    display: flex !important;
    align-items: center !important;
    gap: 9px !important;

    background: #ffffff !important;
  }

  .daily-mobile-logo {
    flex: 0 0 auto !important;
    width: 76px !important;
    height: 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    overflow: hidden !important;
  }

  .daily-mobile-logo img {
    display: block !important;
    width: 76px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .daily-mobile-search {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 38px !important;
    padding: 0 12px !important;

    display: flex !important;
    align-items: center !important;
    gap: 6px !important;

    border: 1px solid #dcdfe6 !important;
    border-radius: 999px !important;

    background: #ffffff !important;
    color: #777b82 !important;

    font-size: 14px !important;
    line-height: 38px !important;
  }

  .daily-mobile-search-icon {
    flex: 0 0 auto !important;
    color: #61666d !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  .daily-mobile-search-text {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .daily-mobile-user {
    flex: 0 0 auto !important;
    width: 38px !important;
    height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

    border-radius: 50% !important;
    background: #f6f7f8 !important;
    color: #fb7299 !important;

    font-size: 13px !important;
    font-weight: 800 !important;
  }

  .daily-mobile-user img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }

  .daily-mobile-user.is-login {
    background: #f1f2f3 !important;
  }

  .daily-mobile-lang {
    flex: 0 0 auto !important;
    width: 38px !important;
    height: 32px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .daily-mobile-lang select {
    width: 38px !important;
    height: 32px !important;
    padding: 0 4px !important;

    border: none !important;
    border-radius: 999px !important;
    outline: none !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    background: #ffffff !important;
    color: #18191c !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    text-align: center !important;

    box-shadow: 0 2px 8px rgba(15, 23, 42, .12) !important;
  }

  /*
   * H5 Header 与 Hero 分开。
   * Hero 不再承担 PC 头部区域，因此顶部不会出现 PC 导航。
   */
  .daily-contest-header-shell {
    min-height: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .daily-contest-header-shell::before {
    display: none !important;
  }

  .daily-contest-hero {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
  }
}

@media screen and (max-width: 390px) {
  .daily-mobile-topbar {
    gap: 7px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .daily-mobile-logo {
    width: 68px !important;
  }

  .daily-mobile-logo img {
    width: 68px !important;
  }

  .daily-mobile-search {
    height: 36px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }

  .daily-mobile-user {
    width: 36px !important;
    height: 36px !important;
    font-size: 12px !important;
  }

  .daily-mobile-lang,
  .daily-mobile-lang select {
    width: 36px !important;
    height: 30px !important;
  }
}