body {
      margin: 0;
      font-family: 'Helvetica Neue', sans-serif;
      background-color: #fff;
      color: #fff;
    }

    .yellow-sidebar {
      height: 100%;
      width: 120px;
      
      background-color: #fff;
      position: fixed;
      top: 50px;
      left: 0;
      z-index: 10;
      padding-top: 80px;
    
      margin-top: -50px;
}

.yellow_content__playlis{
    display: grid;
      grid-template-columns: repeat(5, 1fr); /* 每行5个 */
      gap: 10px; /* 元素间距 */
    
}

/* header */
.yellow_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  height: 64px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.yellow_header .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 64px;
}

/* 左侧 LOGO 区 */
.yellow_logo-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}
.yellow_logo-link {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
}
.yellow_site-url {
  color: #fff;
  font-size: 12px;
}

/* 中间导航菜单 */
.yellow_nav {
  justify-self: center;
}
.yellow_nav ul {
  list-style: none;
  display: flex;
  gap: 32px;
  margin: 0;
  padding: 0;
}
.yellow_nav li a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  padding: 6px 12px;
  transition: all 0.3s ease;
}
.yellow_nav li.active a,
.yellow_nav li a:hover {
  color: #fff;
  background-color: rgba(255,255,255,0.05);
  border-radius: 6px;
}

/*播放器*/
.yellow-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
    }
    .yellow-player-wrapper {
      margin-bottom: 30px;
      background-color: #fff;
      position: relative;
      width: 100%;
      max-width: 100%;
      padding-top: 56.25%; /* 16:9 高度比例 */
      background-color: #fff; /* 加个背景让空播放器区域也可见 */
      margin-bottom: 20px;
      border-radius: 8px;
      overflow: hidden;
    }
    .yellow-player {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
    
    .yellow-player iframe, .yellow-player video {
      width: 100%;
      height: 600px;
    }
    .yellow-section-title {
      font-size: 20px;
      margin-bottom: 15px;
      color: #fff;
    }
    .yellow-episodes {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .yellow-vod-info {
      margin-top: 30px;
    }
    .yellow-vod-info h1 {
      font-size: 24px;
      margin-bottom: 10px;
    }
    .yellow-info-sub, .yellow-info-desc {
      font-size: 14px;
      color: #fff;
    }
    .yellow-recommend {
      margin-top: 40px;
    }
    .yellow-vod-list1 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 15px;
      list-style: none;
      padding: 0;
    }
    .yellow-vod-list1 li a {
      display: block;
      text-decoration: none;
      color: #fff;
      transition: transform 0.3s ease;
    }
    .yellow-vod-list1 li a:hover {
      transform: scale(1.03);
    }
    .yellow-vod-list1 img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      margin-bottom: 8px;
    }
    .yellow-vod-list1 span {
      display: block;
      text-align: center;
      font-size: 14px;
    }
  
    @media (max-width: 768px) {
      .yellow-container {
        padding: 0px;
      }
      .yellow-player iframe, .yellow-player video {
        height: 200px;
      }
      .yellow-section-title {
        font-size: 16px;
      }
      .yellow-vod-info h1 {
        font-size: 18px;
      }
      .yellow-info-sub, .yellow-info-desc {
        font-size: 13px;
      }
      .yellow-vod-list1 {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 10px;
      }
      .yellow-vod-list1 span {
        font-size: 12px;
      }
    }

/* 手机端优化 */
@media (max-width: 768px) {
  .yellow_header {
    height: auto;
    padding: 0px 0;
  }

  .yellow_header .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 0 0px;
  }

  .yellow_logo-text {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px; /* LOGO 和 site_qq 之间留点间距 */
  }

  .yellow_site-url {
    font-size: 11px;
    color: #fff;
    margin-left: 0px; /* 你需要的设置 */
  }

  .yellow_nav {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin-top: 10px;
    padding-bottom: 4px;
  }

  .yellow_nav ul {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 16px;
    padding: 0 15px; /* 两边不留白 */
    min-width: max-content;
  }

  .yellow_nav li a {
    font-size: 14px;
    padding: 6px 10px;
    white-space: nowrap;
  }
  
   .yellow_page li{float:left;width:20%;margin:0;padding:0 5px 0 5px}
   .yellow_page li a,.yellow_page__box li .num{display:block;padding:5px 0;text-align:center}
}


/*foot*/
.yellow_footer { background-color: #fff; padding: 20px; margin-top: 40px; text-align: center; font-size: 14px; color: #fff; border-top: 1px solid #ddd; }








    .yellow-nav ul {
      flex-direction: column;
      display: flex;
      gap: 10px;
      align-items: center;
      padding: 0;
      margin: 0;
      list-style: none;
    }

    .yellow-nav ul li {
  margin-bottom: 15px; /* 添加子元素间隔 */
}

.yellow-nav li a {
      color: #fff;
      text-decoration: none;
      padding: 8px 0;
    }

    .yellow-nav li.active a {
      color: #fff;
      border-bottom: 2px solid #1e90ff;
    }

    .yellow-topbar {
      position: fixed;
      top: 0px;
      left: 120px;
      right: 0;
      height: 60px;
      background-color: #fff;
      display: flex;
      align-items: center;
      z-index: 99;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }

    .yellow-topbar-container {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 40px;
      width: 100%;
      max-width: 1600px;
      margin: 0 auto;
      padding: 0 20px;
      box-sizing: border-box;
    }

    .yellow-logo {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .yellow-logo-link {
      font-size: 18px;
      color: #fff;
      font-weight: bold;
      text-decoration: none;
    }

    .yellow-site-url {
      font-size: 12px;
      color: #fff;
      margin-top: 2px;
    }

    .yellow-search {
      position: fixed;
      top: 10px;
      left: 50%;
      transform: translateX(-50%);
      background: #f0f0f0;
      padding: 8px 12px;
      border-radius: 30px;
      display: flex;
      align-items: center;
      gap: 10px;
      z-index: 99;
      backdrop-filter: blur(6px);
    }

    .yellow-search input {
      background: transparent;
      border: none;
      outline: none;
      color: #fff;
      font-size: 14px;
      width: 400px;
    }

    .yellow-search button {
      background: transparent;
      border: none;
      color: #fff;
      font-size: 16px;
      cursor: pointer;
    }

    main {
      margin-left: 120px;
      padding-left: 20px;
      width: 100%;
    }

    .yellow-banner-bg {
      height: 80vh;
      background-size: cover;
      background-position: center;
      position: relative;
      padding: 50px;
      box-sizing: border-box;
    }

    .yellow-banner-content {
      position: absolute;
      bottom: 100px;
      left: 50px;
      max-width: 40%;
    }

    .yellow-banner-content h2 {
      font-size: 36px;
      margin-bottom: 10px;
    }

    .yellow-banner-content p {
      font-size: 16px;
      color: #fff;
      margin-bottom: 20px;
    }

    .yellow-play-btn {
      background-color: #fff;
      padding: 0px 20px;
      color: white;
      text-decoration: none;
      font-weight: bold;
      border-radius: 6px;
    }

    .yellow-slide-section {
      position: absolute;
      bottom: 20px;
      left: 75%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      gap: 10px;
      z-index: 5;
      background: #f0f0f0;
      padding: 0px 15px;
      border-radius: 10px;
      backdrop-filter: blur(4px);
    }

    .yellow-slide-list {
      display: flex;
      gap: 10px;
      max-width: 540px;
      overflow: hidden;
    }

    .yellow-slide-item {
      flex: 0 0 auto;
      width: 100px;
      text-align: center;
      opacity: 0;
      transform: scale(0.98);
      transition: all 0.4s ease-in-out;
      pointer-events: none;
    }

    .yellow-slide-item.show {
      opacity: 1;
      transform: scale(1);
      pointer-events: auto;
    }

    .yellow-slide-item img {
      width: 100%;
      height: 100px;
      border-radius: 6px;
      object-fit: cover;
    }
    
    .yellow-slide-blurb {
      color: #fff; /* 浅灰色文字 */
      font-size: 12px; /* 较小的字体大小 */
      margin-top: 4px; /* 在标题和描述之间添加一点间距 */
      overflow: hidden; /* 防止内容溢出 */
      text-overflow: ellipsis; /* 文本过长时显示省略号 */
      white-space: nowrap; /* 不换行显示文本 */
      width: 100%; /* 宽度与父元素相同 */
    }
    
    .yellow-slide-btn {
      background-color: #fff;
      border: none;
      padding: 6px 10px;
      border-radius: 6px;
      color: white;
      cursor: pointer;
      font-size: 14px;
    }

    .yellow-slide-btn:hover {
      background-color: #fff;
    }

    .yellow-category-list {
      margin-top: 0;
    }

    .yellow-category-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .yellow-vod-list {
      display: flex;
      flex-wrap: wrap;
      gap: 24px;
      justify-content: space-between;
    }

    .yellow-vod-item {
      width: calc((100% - 48px) / 3);
      background-color: #fff;
      border-radius: 10px;
      overflow: hidden;
      transition: transform 0.3s ease;
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    }
    
    .yellow-vod-item.show {
      opacity: 1;
      transform: translateY(0);
    }
    
    .yellow-vod-item:hover {
  transform: translateY(-5px);
    }
    
    .vod-thumb {
      width: 100%;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      background-color: #fff;
    }
    
    .vod-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    
    .vod-info {
      padding: 12px 14px 14px;
      color: #fff;
    }
    
    .vod-meta {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 6px;
    }
    
    .vod-icon {
      width: 30px;
      height: 30px;
      border-radius: 4px;
      object-fit: cover;
    }
    
    .vod-title {
      font-size: 16px;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    
    
    .vod-desc {
  color: #fff !important;
}
    

    .yellow-vod-item img {
      width: 100%;
      border-radius: 6px;
      object-fit: cover;
      margin-bottom: 6px;
    }





    @media screen and (max-width: 768px) {
      .yellow-banner-content {
        max-width: 100%;
        padding: 0px;
        box-sizing: border-box;
        overflow: hidden;
        word-break: break-word;
      }
      
      .yellow-banner-content p {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
      }
    }



    /*手机端样式*/
    @media (max-width: 768px) {
      .yellow-banner-bg {
        height: 35vh;
        padding-left: 20px;
      }

      .yellow-nav ul {
        flex-wrap: wrap;
        justify-content: center;
      }

      main {
        margin-left: -20px;
        margin-top: 40px;
      }
      
       .vod-info {
        padding: 8px 10px;
      }
    
      .vod-title {
        font-size: 14px;
      }
    
      .vod-desc {
  color: #fff !important;
}
      
       .vod-thumb {
        height: 164px !important;
        aspect-ratio: unset !important; /* 覆盖默认宽高比 */
      }

      .vod-thumb img {
        height: 100%;
        object-fit: cover;
      }
      
      .yellow-topbar {
        left: 0;
      }

      .yellow-topbar-container {
        flex-direction: column;
        gap: 10px;
        padding: 0px;
      }

      .yellow-nav ul {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
      }

      body {
        font-size: 16px;
        padding-top: 110px;
      }
      
       /* 隐藏搜索框 */
  

  /* 隐藏轮播图区 */
  .yellow-slide-section {
    display: none !important;
  }

  /* 导航菜单横向滑动 */
  .yellow-nav ul {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0px 0;
    gap: 20px;
    justify-content: flex-start;
  }

  .yellow-nav li {
    display: inline-block;
    flex: 0 0 auto;
  }

  /* 内容卡片布局：2列网格 */
  .yellow-card-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 0px;
  }

  .yellow-card {
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
  }

  .yellow-card img {
    width: 100%;
    display: block;
  }

  .yellow-card h4 {
    font-size: 15px;
    margin: 5px 8px 2px;
    color: #fff;
  }

  .yellow-card p {
    font-size: 12px;
    margin: 0 8px 8px;
    color: #fff;
  }
  
   .yellow-topbar-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    
  }

  .yellow-logo {
    flex: 0 0 auto;
  }

  .yellow-search-icon {
    flex: 0 0 auto;
    font-size: 20px;
    color: #fff;
    padding: 5px;
  }
  
  .yellow-search-box,
  .yellow-topbar input[type="text"] {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 6px;
    background-color: #fff;
    color: #fff;
    border: 1px solid #444;
  }

  .yellow-search-box {
    flex: 1;
    margin-left: 10px;
    margin-right: 10px;
  }
  
   .yellow-topbar-container {
    justify-content: space-between;
    align-items: center;
  }

  .yellow-search-box {
    margin-left: auto;
    margin-right: 10px;
    max-width: 60%;
  }

  .yellow-topbar input[type="text"] {
    width: 100%;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 6px;
    background-color: #fff;
    color: #fff;
    border: 1px solid #444;
  }
  
   .yellow-search {
    top: 16px !important;
    transform: translateX(-10%) !important;
    padding: 2px 12px !important;
  }
  
  .yellow-banner {
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
    gap: 10px;
    height: 180px;
    padding: 0px 30px 8px 0px; /* 减少左右 padding */
  }

  .yellow-banner::-webkit-scrollbar {
    display: none;
  }

  

  .yellow-banner-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
  }
  
  .yellow-banner-bg {
    width: 90% !important;
    height: auto;
    background-size: cover;
    background-position: center;
    margin: 0 auto;
  }
  
  .yellow-banner-content {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
    color: #fff;
  }
  
  .yellow-sidebar {
    display: block;
    margin-top: 0px;
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 999;
    background-color: #fff;
    overflow-x: auto;
    white-space: nowrap;
    border-bottom: 1px solid #333;
    box-sizing: border-box;
    padding: 0px 12px;
    }

  .yellow-sidebar .yellow-nav {
  background-color: #fff4cc !important;
}

  .yellow-sidebar .yellow-nav ul {
    display: flex;
    flex-direction: row;
    gap: 4px;
    padding: 0px 0;
    margin: 0;
    list-style: none;
  }

  .yellow-sidebar .yellow-nav li {
    flex: 0 0 auto;
  }

  .yellow-sidebar .yellow-nav ul li {
  margin-bottom: 10px; /* 添加子元素间隔 */
}

.yellow-nav li a {
    font-size: 15px;
    line-height: 1.5;
    text-decoration: none;
    color: #fff;
    padding: 4px 6px;
    display: inline-block;
    position: relative;
    white-space: nowrap;
  }

  .yellow-sidebar .yellow-nav li.active a::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    bottom: -6px;
    left: 0;
  }
  
  .yellow-vod-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0px;
    justify-content: space-between;
  }

  .yellow-vod-list .yellow-vod-item {
    width: calc(33.33% - 7px);
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
  }

  .yellow-vod-list .yellow-vod-item img {
    width: 100%;
    display: block;
  }

  .yellow-vod-list .yellow-vod-item h4 {
    font-size: 13px;
    color: #fff;
    padding: 5px 6px;
    margin: 0;
  }
  

  .yellow-banner {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
    gap: 10px;
    padding: 0px;
    max-width: 100vw;
    box-sizing: border-box;
  }

  

  .yellow-vod-list .yellow-vod-item {
    box-sizing: border-box;
    width: calc(33.33% - 7px);
  }
   .yellow-banner-item {
    box-sizing: border-box;
    /*width: 270px;*/
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    width: 100%;
    display: block;
  }
  
    .yellow-banner::-webkit-scrollbar {
    display: none;
  }
  
   html, body {
    overflow-x: hidden;
    max-width: 100vw;
  }
}


.yellow-banner-bg {
  transition: background-image 1s ease-in-out;
}

.yellow-banner-content {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.yellow-banner-content.show {
  opacity: 1;
  transform: translateY(0);
}


.yellow-pannel_bd ul {
  display: flex !important;         /* ✅ 强制使用 Flex 布局 */
  flex-wrap: wrap !important;       /* ✅ 自动换行 */
  gap: 10px;
  padding: 0px 0;
  margin: 0;
  list-style: none;
}

.yellow-pannel_bd ul li {
  width: calc(25% - 10px);          /* ✅ 每行 4 个 */
  box-sizing: border-box;
  text-align: center;
  float: none !important;           /* 🚫 禁止 float */
  display: block !important;
}

.yellow-pannel_bd ul li a {
  display: block;
  padding: 6px 10px;
  background-color: #ffcc33;
  color: #fff;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.yellow-pannel_bd ul li a.cur {
  background-color: #ffb300;
  color: #fff;
}

@media (max-width: 768px) {
  .yellow-pannel_bd ul li {
    width: calc(50% - 10px); /* ✅ 手机端每行2个 */
  }
}

/* 灰色主题按钮 hover 效果 */
button:hover, .btn:hover, .btn:focus {
  background-color: #dcdcdc !important;
  color: #fff !important;
  border-color: #aaa !important;
}

/* 灰色主题导航栏样式 */
.navbar, .yellow_header, .yellow_nav, .yellow-sidebar {
  background-color: #fff4cc !important;
  color: #fff !important;
}

.yellow_nav a, .yellow-sidebar a {
  color: #fff !important;
}

.yellow_nav a:hover, .yellow-sidebar a:hover {
  color: #fff !important;
  background-color: #fff0a3 !important;
}

/* 设置 PC 端 body margin-top 为 80px，手机端为 0 */
body {
  margin-top: 80px;
}

@media (max-width: 768px) {
  body {
    margin-top: 0;
  }
}


@media (max-width: 768px) {
    main {
        margin-left: -20px;
        margin-top: 0px;
    }
}


/* 视频卡片标题与信息字体设为白色 */
.vod-title,
.vod-info,
.vod-name,
.vod-score,
.vod-sub {
    color: #fff !important;
}

.yellow-category-header h3 {
  color: #fff !important;
}

/* yellow-nav 区块背景与字体颜色统一灰色主题 */
.yellow-nav {
  background-color: #fff4cc !important;
}

.yellow-nav a {
  color: #fff !important;
}

.yellow-nav a:hover {
  color: #fff !important;
  background-color: #fff0a3 !important;
}

/* 强制 yellow-nav 样式为灰色主题 */
.yellow-nav {
  background-color: #fff4cc !important;
}

.yellow-nav * {
  color: #fff !important;
}

.yellow-nav a {
  color: #fff !important;
}

.yellow-nav a:hover {
  color: #fff !important;
  background-color: #fff0a3 !important;
}

/* 手机端 .vod-desc 字体超过10字省略显示 */
@media (max-width: 768px) {
  .vod-desc {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
  }
}

/* 强制 yellow-sidebar 和 yellow-nav 背景为统一灰色主题，li 文字白色 */
.yellow-sidebar {
  background-color: #f4c430 !important;
}

.yellow-sidebar li,
.yellow-sidebar a {
  color: #fff !important;
}

.yellow-nav {
  background-color: #f5d142 !important;
}

.yellow-nav li,
.yellow-nav a {
  color: #fff !important;
}

.yellow-nav a:hover {
  color: #fff !important;
  background-color: #ffcc33 !important;
}

/* 强制 .yellow-sidebar .yellow-nav 背景色及文字为深灰白字 */
.yellow-sidebar .yellow-nav {
  background-color: #f4c430 !important;
}

.yellow-sidebar .yellow-nav li,
.yellow-sidebar .yellow-nav a {
  color: #fff !important;
}

.yellow-sidebar .yellow-nav a:hover {
  color: #fff !important;
  background-color: #990000 !important;
}

/* 设置 yellow-logo-link 与 yellow-site-url 背景及字体颜色 */
.yellow-logo-link,
.yellow-site-url {
  background-color: #f4c430 !important;
  color: #fff !important;
}

/* 设置 yellow-search 背景及字体颜色 */
.yellow-search {
  background-color: #f4c430 !important;
  color: #fff !important;
}

.yellow-search input,
.yellow-search input::placeholder {
  background-color: #990000 !important;
  color: #fff !important;
  border-color: #555 !important;
}

/* 设置 yellow-slide-section 背景颜色和字体背景 */
.yellow-slide-section {
  background-color: #f4c430 !important;
}

.yellow-slide-section * {
  background-color: transparent !important;
  color: #fff !important;
}

/* 设置 .yellow-banner-content 及其段落字体颜色为清晰白色 */
.yellow-banner-content {
  color: #fff !important;
}

.yellow-banner-content p {
  color: #fff !important;
}

/* 统一 head2.html 与 foot.html 使用类的颜色风格 */
.yellow_header,
.yellow_header-flex,
.yellow_logo-link,
.yellow_logo-text,
.yellow_site-url,
.yellow_nav,
.yellow-nav,
.yellow_footer,
.container {
  background-color: #f4c430 !important;
  color: #fff !important;
}

.yellow_nav a,
.yellow-nav a {
  color: #fff !important;
}

.yellow_nav a:hover,
.yellow-nav a:hover {
  color: #fff !important;
  background-color: #990000 !important;
}

/* play.html 模块字体统一白色，背景统一深灰 */
.yellow-play-main,
.yellow-player,
.yellow-player-wrapper,
.yellow-vod-info,
.yellow-info-sub,
.yellow-info-desc,
.yellow-section-title,
.yellow-recommend,
.yellow-vod-list1,
.yellow-pannel,
.yellow-pannel__head,
.yellow-pannel_hd,
.yellow-pannel_bd,
.yellow-pannel-bg,
.yellow-pannel-box,
.yellow-content__playlist {
  background-color: #f4c430 !important;
  color: #fff !important;
}

.yellow-play-main *,
.yellow-player *,
.yellow-vod-info *,
.yellow-recommend *,
.yellow-pannel * {
  color: #fff !important;
}

/* search.html 区域灰色风格样式 */
.yellow_pannel,
.yellow_pannel__head,
.yellow_pannel_hd,
.yellow_pannel_bd,
.yellow_pannel-bg,
.yellow_pannel-box,
.container,
.col-pd,
.clearfix,
.yellow_back-home,
.yellow_vodlist__media,
.yellow_vodlist__thumb,
.mac_total,
.pic-text {
  background-color: #f4c430 !important;
  color: #fff !important;
}

.title,
.thumb,
.play,
.more,
.text-muted,
.text-red,
.text-right,
.top-line-dot {
  color: #fff !important;
}

/* 强制 yellow_vodlist__media.col-pd.clearfix 下字体颜色统一白色 */
.yellow_vodlist__media.col-pd.clearfix,
.yellow_vodlist__media.col-pd.clearfix * {
  color: #fff !important;
}

/* paging.html 样式统一为灰色风格 */
.yellow_page,
.wrap,
.page_info,
.text-center,
.mbnone {
  background-color: #f4c430 !important;
  color: #fff !important;
}

.pagelink_a,
.pagelink_b {
  color: #fff !important;
  background-color: #990000 !important;
  border: 1px solid #666 !important;
}

.pagelink_a:hover,
.pagelink_b:hover {
  background-color: #aa0000 !important;
  color: #fff !important;
}

/* type.html, show.html, rss 页面统一为灰色风格 */
.yellow-pannel,
.yellow-pannel__head,
.yellow-pannel_hd,
.yellow-pannel_bd,
.yellow-pannel-bg,
.yellow-pannel-box,
.yellow-vodlist,
.yellow-vodlist__box,
.yellow-vodlist__detail,
.yellow-vodlist__thumb,
.yellow-screen__list,
.type-slide,
.pic-text,
.container,
.clearfix,
.row,
.col-md-6,
.col-sm-4,
.col-xs-3 {
  background-color: #f4c430 !important;
  color: #fff !important;
}

.title,
.play,
.text-muted,
.text-right,
.text,
.text-overflow,
.pull-right {
  color: #fff !important;
}

* { color: #fff !important; }

/* 分类模块标题字体颜色修复 */
.yellow_-category-block,
.yellow_-category-header h3,
.yellow_-nav li a,
.yellow_-nav li,
.yellow_-nav a {
  color: #fff !important;
}

/* 视频描述文字颜色 */
.vod-desc {
  color: #fff !important;
}

/* 视频描述在手机端省略超出文字 */
@media (max-width: 768px) {
  .vod-desc {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
  }
}

/* 分类导航与侧边栏背景与文字 */
.yellow_-nav,
.yellow_-sidebar,
.yellow_-sidebar .yellow_-nav,
.yellow_-nav li,
.yellow_-sidebar li {
  background-color: #f4c430 !important;
  color: #fff !important;
}

/* logo 链接、站点信息背景 */
.yellow_-logo-link,
.yellow_-site-url {
  background-color: #f4c430 !important;
  color: #fff !important;
}

/* 搜索框样式 */
.yellow_-search {
  background-color: #f4c430 !important;
  color: #fff !important;
}

.yellow_-search input,
.yellow_-search input::placeholder {
  background-color: #ffcc00 !important;
  color: #fff !important;
  border-color: #ffb300 !important;
}

/* banner 内容区字体颜色清晰 */
.yellow_-banner-content,
.yellow_-banner-content p {
  color: #fff !important;
}

/* head2 和 foot 字体颜色兜底 */
.yellow_-header,
.yellow_-footer {
  background-color: #f4c430 !important;
  color: #fff !important;
}

/* 顶部条背景修复 */
.yellow-topbar {
  background-color: #f4c430 !important;
  color: #fff !important;
}

/* 全站 body 背景修复 */
body {
  background-color: #f4c430 !important;
  color: #fff !important;
}

/* 播放按钮字体颜色 */
.play-btn {
  color: #fff !important;
}

/* 视频信息区域字体白色 */
.vod-info,
.vod-info *,
.vod-info .text-muted {
  color: #fff !important;
}

/* 播放按钮背景改为红色 */
.yellow-play-btn {
  background-color: #ffcc00 !important;
  color: #fff !important;
}

/* 视频条目背景改为红色 */
.yellow-vod-item {
  background-color: #f4c430 !important;
  color: #fff !important;
}

/* 当前激活项背景颜色红色 */
.yellow-pannel_bd ul li a.cur {
  background-color: #ffcc00 !important;
  color: #fff !important;
}

/* 修复 yellow-search 输入框背景色 */
.yellow-search input,
.yellow-search input::placeholder {
  background-color: #fff8cc !important;
  color: #000 !important;
  border-color: #ffd700 !important;
}

/* 分页模块背景和字体颜色统一黄色主题 */
.yellow-page,
.yellow-page .page_info,
.yellow-page .pagelink_a,
.yellow-page .pagelink_b,
.yellow-page .wrap,
.yellow-page .text-center,
.yellow-page .mbnone {
  background-color: #fff4cc !important;
  color: #000 !important;
}

.yellow-page .pagelink_a,
.yellow-page .pagelink_b {
  border: 1px solid #ffd700 !important;
}

.yellow-page .pagelink_a:hover,
.yellow-page .pagelink_b:hover {
  background-color: #ffe680 !important;
  color: #000 !important;
}

/* 修复导航 hover 样式为黄色主题 */
.yellow-nav a:hover {
  background-color: #ffe680 !important;
  color: #000 !important;
}

/* 修复 yellow-nav 下 li 悬停仍为红色的问题 */
.yellow-nav ul li:hover,
.yellow-nav ul li a:hover {
  background-color: #ffe680 !important;
  color: #000 !important;
}