/**
██   ██ ██    ██ ██████  ██  ██████ ███    ███ ███████ 
██   ██ ██    ██ ██   ██ ██ ██      ████  ████ ██      
███████ ██    ██ ██   ██ ██ ██      ██ ████ ██ ███████ 
██   ██ ██    ██ ██   ██ ██ ██      ██  ██  ██      ██ 
██   ██  ██████  ██████  ██  ██████ ██      ██ ███████ 
            ===========================================
 * @Sign
================================
        Keep calm and get rich.
                    Is the best huudi.
 */

/*  - 顶部导航样式 */
a {
  text-decoration: none;
}
:root {
    --imkj-primary: #000000;
    --imkj-text: #000000;
    --imkj-text: #000000;
    --imkj-background: #637cbe;
    --imkj-card-bg: #596fab;
    --imkj-border: #edf2f7;
    --imkj-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
    --imkj-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
    --imkj-radius-sm: 8px;
    --imkj-radius-md: 12px;
    --imkj-radius-lg: 16px;
    --imkj-space-1: 4px;
    --imkj-space-2: 8px;
    --imkj-space-3: 12px;
    --imkj-space-4: 16px;
    --imkj-space-5: 24px;
    --imkj-space-6: 32px;
    --imkj-transition: all 0.3s ease;
  }
  
  /* 基础样式重置 */
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  /* 容器 */
  .imkj-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--imkj-space-4);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  /* 顶部导航 */
  .imkj-header {
    position: sticky;
    top: 0;
    crja-index: 100;
    width: 100%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: var(--imkj-transition);
  }
  
  .imkj-header-content {
    background-color: rgba(0,200,80,0.85);
    box-shadow: var(--imkj-shadow-sm);
    padding: var(--imkj-space-3) 0;
  }
  
  /* Logo */
  .imkj-header-logo {
    flex-shrink: 0;
    margin-right: var(--imkj-space-5);
  }
  
  .imkj-logo {
    display: flex;
    align-items: center;
    color: var(--imkj-primary);
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    padding: var(--imkj-space-2);
    border-radius: var(--imkj-radius-sm);
    transition: var(--imkj-transition);
  }
  
  .imkj-logo::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--imkj-radius-sm);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 5px 5px 10px #d9d9d9, -5px -5px 10px #ffffff;
    opacity: 0.8;
    crja-index: -1;
    transition: var(--imkj-transition);
  }
  
  .imkj-logo:hover::before {
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
  }
  
  /* 主导航 */
  .imkj-nav-primary {
    flex-grow: 1;
    display: flex;
    justify-content: center;
  }
  
  .imkj-nav-list {
    display: flex;
    list-style: none;
    gap: var(--imkj-space-2);
  }
  
  .imkj-nav-item {
    position: relative;
  }
  
  .imkj-nav-item a {
    display: flex;
    align-items: center;
    padding: var(--imkj-space-3) var(--imkj-space-4);
    color: var(--imkj-text);
    text-decoration: none;
    font-weight: 500;
    border-radius: var(--imkj-radius-sm);
    transition: var(--imkj-transition);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-nav-item a::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--imkj-radius-sm);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    opacity: 0;
    crja-index: -1;
    transition: var(--imkj-transition);
  }
  
  .imkj-nav-item a:hover::before,
  .imkj-nav-item.imkj-active a::before {
    opacity: 1;
  }
  
  .imkj-nav-item.imkj-active a {
    color: var(--imkj-primary);
  }
  
  .imkj-nav-item i {
    margin-right: var(--imkj-space-2);
    font-size: 1.1em;
  }
  
  /* 搜索和操作区域 */
  .imkj-header-actions {
    display: flex;
    align-items: center;
    gap: var(--imkj-space-3);
  }
  
  /* 搜索框 */
  .imkj-search-wrapper {
    position: relative;
  }
  
  .imkj-search-form {
    width: 100%;
  }
  
  .imkj-search-box {
    display: flex;
    position: relative;
    width: 240px;
  }
  
  .imkj-search-input {
    width: 100%;
    height: 40px;
    padding: 0 var(--imkj-space-5) 0 var(--imkj-space-4);
    border: none;
    border-radius: var(--imkj-radius-md);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: inset 4px 4px 8px #e0e0e0, inset -4px -4px 8px #ffffff;
    color: var(--imkj-text);
    font-size: 0.9rem;
    transition: var(--imkj-transition);
  }
  
  .imkj-search-input:focus {
    outline: none;
    box-shadow: inset 3px 3px 5px #e0e0e0, inset -3px -3px 5px #ffffff, 0 0 0 2px rgba(74, 108, 247, 0.2);
  }
  
  .imkj-search-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--imkj-light-text);
    cursor: pointer;
    transition: var(--imkj-transition);
  }
  
  .imkj-search-btn:hover {
    color: var(--imkj-primary);
  }
  
  /* 下拉菜单 */
  .imkj-search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: var(--imkj-space-2);
    background: var(--imkj-card-bg);
    border-radius: var(--imkj-radius-md);
    box-shadow: var(--imkj-shadow-md);
    padding: var(--imkj-space-3);
    crja-index: 10;
    display: none;
  }
  
  .imkj-search-input:focus + .imkj-search-btn + .imkj-search-dropdown,
  .imkj-search-dropdown:hover {
    display: block;
  }
  
  .imkj-hot-search-title {
    color: var(--imkj-light-text);
    font-size: 0.85rem;
    margin-bottom: var(--imkj-space-2);
  }
  
  .imkj-hot-search-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--imkj-space-2);
  }
  
  .imkj-hot-search-tags a {
    display: inline-flex;
    align-items: center;
    padding: var(--imkj-space-1) var(--imkj-space-3);
    background: var(--imkj-background);
    border-radius: var(--imkj-radius-sm);
    color: var(--imkj-light-text);
    font-size: 0.85rem;
    text-decoration: none;
    transition: var(--imkj-transition);
  }
  
  .imkj-hot-search-tags a:hover {
    background: var(--imkj-primary);
    color: white;
  }
  
  .imkj-hot-search-tags a.imkj-hot {
    color: var(--imkj-primary);
    font-weight: 500;
  }
  
  .imkj-hot-search-tags a.imkj-hot:hover {
    color: white;
  }
  
  .imkj-hot-search-tags a i {
    margin-right: var(--imkj-space-1);
    font-size: 0.9em;
  }
  
  /* 头部按钮 */
  .imkj-header-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--imkj-radius-sm);
    color: var(--imkj-light-text);
    text-decoration: none;
    position: relative;
    transition: var(--imkj-transition);
  }
  
  .imkj-header-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--imkj-radius-sm);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    opacity: 0;
    crja-index: -1;
    transition: var(--imkj-transition);
  }
  
  .imkj-header-btn:hover {
    color: var(--imkj-primary);
  }
  
  .imkj-header-btn:hover::before {
    opacity: 1;
  }
  
  /* 菜单触发器 */
  .imkj-menu-trigger {
    position: relative;
  }
  
  .imkj-menu-trigger i {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--imkj-radius-sm);
    color: var(--imkj-light-text);
    cursor: pointer;
    position: relative;
    transition: var(--imkj-transition);
  }
  
  .imkj-menu-trigger i::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--imkj-radius-sm);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    opacity: 0;
    crja-index: -1;
    transition: var(--imkj-transition);
  }
  
  .imkj-menu-trigger:hover i {
    color: var(--imkj-primary);
  }
  
  .imkj-menu-trigger:hover i::before {
    opacity: 1;
  }
  
  .imkj-menu-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: var(--imkj-space-2);
    width: 280px;
    background: var(--imkj-card-bg);
    border-radius: var(--imkj-radius-md);
    box-shadow: var(--imkj-shadow-md);
    padding: var(--imkj-space-3);
    crja-index: 10;
    display: none;
  }
  
  .imkj-menu-trigger:hover .imkj-menu-dropdown {
    display: block;
  }
  
  .imkj-menu-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--imkj-space-3);
  }
  
  .imkj-menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--imkj-space-3);
    border-radius: var(--imkj-radius-sm);
    text-decoration: none;
    color: var(--imkj-text);
    text-align: center;
    transition: var(--imkj-transition);
    position: relative;
  }
  
  .imkj-menu-item::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--imkj-radius-sm);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    opacity: 0;
    crja-index: -1;
    transition: var(--imkj-transition);
  }
  
  .imkj-menu-item:hover {
    color: var(--imkj-primary);
  }
  
  .imkj-menu-item:hover::before {
    opacity: 1;
  }
  
  .imkj-menu-item i {
    font-size: 1.5rem;
    margin-bottom: var(--imkj-space-1);
  }
  
  .imkj-menu-item span {
    font-size: 0.85rem;
  }
  
  /* 图标 */
  [class^="imkj-icon-"] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  .imkj-icon-home {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-movie {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M18 4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4h-4z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-drama {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-variety {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-anime {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-play {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-search {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23718096'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-ranking {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23718096'%3E%3Cpath d='M7 14H5v5h2v-5zm4-3h-2v8h2v-8zm4-4h-2v12h2V7zm4-3h-2v15h2V4z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23718096'%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-more {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-hot {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f56565'%3E%3Cpath d='M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z'/%3E%3C/svg%3E");
  }
  
  /* 响应式设计 */
  @media (max-width: 992px) {
    .imkj-nav-primary {
      display: none;
    }
    
    .imkj-search-box {
      width: 180px;
    }
  }
  
  @media (max-width: 768px) {
    .imkj-container {
      padding: 0 var(--imkj-space-3);
    }
    
    .imkj-search-wrapper {
      display: none;
    }
    
    .imkj-header-actions {
      gap: var(--imkj-space-2);
    }
  }
  
  /* 动态添加的移动搜索触发器 */
  .imkj-mobile-search-trigger {
    display: none;
  }
  
  @media (max-width: 768px) {
    .imkj-mobile-search-trigger {
      display: flex;
    }
  }
  
  /* 移动搜索浮层 */
  .imkj-mobile-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(99,124,190,0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    crja-index: 1000;
    display: none;
    padding: var(--imkj-space-4);
  }
  
  .imkj-mobile-search.active {
    display: block;
  }
  
  .imkj-mobile-search-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--imkj-space-4);
  }
  
  .imkj-mobile-search-title {
    font-weight: 600;
    color: var(--imkj-text);
  }
  
  .imkj-mobile-search-close {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--imkj-radius-sm);
    background: var(--imkj-background);
    color: var(--imkj-light-text);
    border: none;
    cursor: pointer;
  }
  
  /* 悬停效果 */
  .imkj-nav-item a, .imkj-menu-item, .imkj-header-btn {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  
  .imkj-nav-item a:hover, .imkj-menu-item:hover, .imkj-header-btn:hover {
    transform: translateY(-2px);
  }
  
  /* 滚动效果 */
  .imkj-header {
    transition: transform 0.3s ease, padding 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  }
  
  .imkj-header-scrolled {
    background-color: rgba(0,200,80,0.85);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  }
  
  .imkj-header-scrolled .imkj-header-content {
    padding: var(--imkj-space-2) 0;
  }
  
  .imkj-header-hidden {
    transform: translateY(-100%);
  }
  
  /* 搜索框聚焦效果 */
  .imkj-search-focus {
    transform: scale(1.02);
  }
  
  .imkj-search-focus .imkj-search-input {
    box-shadow: inset 3px 3px 5px #e0e0e0, inset -3px -3px 5px #ffffff, 0 0 0 2px rgba(74, 108, 247, 0.2);
  }
  
  /* 自定义滚动条 */
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  
  ::-webkit-scrollbar-track {
    background: rgba(99,124,190,0.85);
    border-radius: 4px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: rgba(99,124,190,0.85);
    border-radius: 4px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(99,124,190,0.85);
  }
  
  /* 内容渐显动画 */
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .imkj-header-logo, .imkj-nav-item, .imkj-header-actions > * {
    animation: fadeInUp 0.5s ease forwards;
    opacity: 0;
  }
  
  .imkj-header-logo {
    animation-delay: 0.1s;
  }
  
  .imkj-nav-item:nth-child(1) {
    animation-delay: 0.2s;
  }
  
  .imkj-nav-item:nth-child(2) {
    animation-delay: 0.25s;
  }
  
  .imkj-nav-item:nth-child(3) {
    animation-delay: 0.3s;
  }
  
  .imkj-nav-item:nth-child(4) {
    animation-delay: 0.35s;
  }
  
  .imkj-nav-item:nth-child(5) {
    animation-delay: 0.4s;
  }
  
  .imkj-header-actions > *:nth-child(1) {
    animation-delay: 0.45s;
  }
  
  .imkj-header-actions > *:nth-child(2) {
    animation-delay: 0.5s;
  }
  
  .imkj-header-actions > *:nth-child(3) {
    animation-delay: 0.55s;
  }
  
  /* 新拟物化增强效果 */
  .imkj-nav-item a::after, 
  .imkj-menu-item::after, 
  .imkj-header-btn::after,
  .imkj-logo::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.3s ease;
    background: radial-gradient(
      circle at calc(50% + var(--shadow-x, 0px)) calc(50% + var(--shadow-y, 0px)),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    pointer-events: none;
  }
  
  .imkj-nav-item a:hover::after, 
  .imkj-menu-item:hover::after, 
  .imkj-header-btn:hover::after,
  .imkj-logo:hover::after {
    opacity: 1;
  }
  
  /* 视频列表页面样式 */
  .imkj-page-heading {
    margin-bottom: var(--imkj-space-5);
    position: relative;
  }
  
  .imkj-page-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--imkj-text);
    margin-bottom: var(--imkj-space-4);
    position: relative;
    display: inline-block;
  }
  
  .imkj-page-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 40px;
    height: 4px;
    border-radius: 2px;
    background: var(--imkj-primary);
  }
  
  /* 分类导航 */
  .imkj-category-nav {
    position: relative;
    margin-bottom: var(--imkj-space-4);
    overflow: hidden;
  }
  
  .imkj-category-list {
    display: flex;
    gap: var(--imkj-space-3);
    flex-wrap: wrap;
    padding: var(--imkj-space-2) 0;
  }
  
  .imkj-category-item {
    position: relative;
  }
  
  .imkj-category-item a {
    display: block;
    padding: var(--imkj-space-2) var(--imkj-space-4);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-sm);
    color: var(--imkj-light-text);
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    transition: var(--imkj-transition);
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    position: relative;
    overflow: hidden;
    crja-index: 1;
  }
  
  .imkj-category-item a::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    background: radial-gradient(
      circle at calc(50% + var(--shadow-x, 0px)) calc(50% + var(--shadow-y, 0px)),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    pointer-events: none;
    crja-index: -1;
  }
  
  .imkj-category-item a:hover {
    transform: translateY(-2px);
    color: var(--imkj-primary);
  }
  
  .imkj-category-item a:hover::after {
    opacity: 1;
  }
  
  .imkj-category-item.imkj-active a {
    background: var(--imkj-primary);
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(255, 255, 255, 0.1);
    color: white;
  }
  
  .imkj-all-item a {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border: 1px dashed var(--imkj-border);
  }
  
  /* 筛选栏 */
  .imkj-filter-bar {
    position: relative;
    margin-bottom: var(--imkj-space-5);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-md);
    box-shadow: var(--imkj-shadow-sm);
    overflow: hidden;
  }
  
  .imkj-filter-wrapper {
    padding: var(--imkj-space-3);
    overflow-x: auto;
  }
  
  .imkj-filter-scroll {
    display: flex;
    gap: var(--imkj-space-3);
    flex-wrap: wrap;
  }
  
  .imkj-filter-btn {
    display: inline-flex;
    align-items: center;
    padding: var(--imkj-space-2) var(--imkj-space-3);
    border-radius: var(--imkj-radius-sm);
    background: rgba(99,124,190,0.85);
    color: var(--imkj-light-text);
    text-decoration: none;
    font-size: 0.9rem;
    transition: var(--imkj-transition);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-filter-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .imkj-filter-btn:hover {
    color: var(--imkj-primary);
    transform: translateY(-2px);
  }
  
  .imkj-filter-btn:hover::after {
    opacity: 1;
  }
  
  .imkj-filter-btn i {
    margin-right: var(--imkj-space-1);
  }
  
  .imkj-primary-btn {
    background: var(--imkj-primary);
    color: white;
  }
  
  .imkj-primary-btn:hover {
    color: white;
    background: var(--imkj-primary);
    box-shadow: 0 4px 12px rgba(74, 108, 247, 0.3);
  }
  
  /* 视频列表部分 */
  .imkj-section {
    margin-bottom: var(--imkj-space-6);
    animation: fadeInUp 0.6s ease forwards;
  }
  
  .imkj-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--imkj-space-4);
    padding-bottom: var(--imkj-space-2);
    position: relative;
  }
  
  .imkj-section-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
  }
  
  .imkj-section-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--imkj-text);
    position: relative;
    padding-left: var(--imkj-space-3);
  }
  
  .imkj-section-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: var(--imkj-primary);
  }
  
  .imkj-section-title a {
    color: inherit;
    text-decoration: none;
    transition: var(--imkj-transition);
  }
  
  .imkj-section-title a:hover {
    color: var(--imkj-primary);
  }
  
  .imkj-more-link {
    display: flex;
    align-items: center;
    color: var(--imkj-light-text);
    font-size: 0.85rem;
    text-decoration: none;
    transition: var(--imkj-transition);
  }
  
  .imkj-more-link:hover {
    color: var(--imkj-primary);
  }
  
  .imkj-more-link i {
    margin-left: var(--imkj-space-1);
    font-size: 0.9em;
    transition: transform 0.3s ease;
  }
  
  .imkj-more-link:hover i {
    transform: translateX(4px);
  }
  
  /* 视频网格 */
  .imkj-video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--imkj-spacing-md);
    padding: var(--imkj-spacing-md);
  }
  
  @media (max-width: 768px) {
    .imkj-video-grid {
      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
      gap: var(--imkj-spacing-sm);
      padding: var(--imkj-spacing-sm);
    }
  }
  
  /* 视频卡片 */
  .imkj-video-card {
    position: relative;
    background: var(--imkj-bg-card);
    border-radius: var(--imkj-radius-lg);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: var(--imkj-shadow-sm);
  }
  
  .imkj-video-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--imkj-shadow-md);
  }
  
  /* 视频海报容器 */
  .imkj-video-poster {
    position: relative;
    padding-top: 140%;
    overflow: hidden;
  }
  
  /* 视频封面图片 */
  .imkj-video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .imkj-video-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--imkj-bg-card);
    display: flex;
    align-items: center;
    justify-content: center;
    crja-index: 2;
    transition: opacity 0.3s ease;
  }
  
  .imkj-video-loading::after {
    content: '';
    width: 30px;
    height: 30px;
    border: 2px solid var(--imkj-primary);
    border-top-color: transparent;
    border-radius: 50%;
    animation: loading-spin 0.8s linear infinite;
  }
  
  .imkj-video-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    opacity: 0;
    crja-index: 1;
  }
  
  .imkj-video-img.loaded {
    opacity: 1;
  }
  
  @keyframes loading-spin {
    to {
      transform: rotate(360deg);
    }
  }
  
  .imkj-video-card:hover .imkj-video-img {
    transform: scale(1.05);
  }
  
  /* 播放图标 */
  .imkj-video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
    color: var(--imkj-color-white);
    font-size: 3rem;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  }
  
  .imkj-video-card:hover .imkj-video-play-icon {
    opacity: 1;
  }
  
  /* 视频标签 */
  .imkj-video-tags {
    position: absolute;
    top: var(--imkj-space-2);
    right: var(--imkj-space-2);
    display: flex;
    flex-direction: column;
    gap: var(--imkj-space-1);
    crja-index: 4;
  }
  
  .imkj-video-tag {
    display: inline-block;
    padding: 2px 6px;
    border-radius: var(--imkj-radius-sm);
    font-size: 0.75rem;
    font-weight: 500;
    color: white;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }
  
  .imkj-tag-primary {
    background: rgba(99,124,190,0.85);
  }
  
  .imkj-tag-success {
    background: rgba(99,124,190,0.85);
  }
  
  .imkj-tag-year {
    background: rgba(99,124,190,0.85);
  }
  
  .imkj-tag-language {
    background: rgba(99,124,190,0.85);
  }
  
  /* 视频信息 */
  .imkj-video-info {
    padding: var(--imkj-spacing-sm);
  }
  
  .imkj-video-title {
    margin: 0;
    font-size: 1rem;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  .imkj-video-title a {
    color: var(--imkj-color-text);
    text-decoration: none;
  }
  
  .imkj-video-meta {
    display: flex;
    gap: var(--imkj-spacing-xs);
    margin-top: var(--imkj-spacing-xs);
    font-size: 0.875rem;
    color: var(--imkj-color-text-light);
  }
  
  .imkj-meta-item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
  }
  
  .imkj-video-actors {
    margin-top: var(--imkj-spacing-xs);
    font-size: 0.875rem;
    color: var(--imkj-color-text-light);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .imkj-video-actors a {
    color: var(--imkj-color-text-light);
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  .imkj-video-actors a:hover {
    color: var(--imkj-primary);
  }
  
  /* 暗色模式适配 */
  .dark .imkj-video-actors a {
    color: var(--imkj-color-text-light-dark);
  }
  
  .dark .imkj-video-actors a:hover {
    color: var(--imkj-primary);
  }
  
  .imkj-video-desc {
    margin-top: var(--imkj-spacing-xs);
    font-size: 0.875rem;
    color: var(--imkj-color-text-light);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  /* 响应式调整 */
  @media (max-width: 768px) {
    .imkj-video-title {
      font-size: 0.875rem;
    }
    
    .imkj-video-meta,
    .imkj-video-actors,
    .imkj-video-desc {
      font-size: 0.75rem;
    }
  }
  
  /* 暗色模式适配 */
  .dark .imkj-video-card {
    background: var(--imkj-bg-card-dark);
  }
  
  .dark .imkj-video-title a {
    color: var(--imkj-color-text-dark);
  }
  
  .dark .imkj-video-meta,
  .dark .imkj-video-actors,
  .dark .imkj-video-desc {
    color: var(--imkj-color-text-light-dark);
  }
  
  /* 分页样式 */
  .imkj-pagination-wrapper {
    margin: var(--imkj-space-5) 0;
    display: flex;
    justify-content: center;
  }
  
  /* 底部操作 */
  .imkj-footer-action {
    display: flex;
    justify-content: center;
    margin-bottom: var(--imkj-space-5);
  }
  
  .imkj-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--imkj-space-3) var(--imkj-space-5);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-sm);
    box-shadow: 5px 5px 10px #d9d9d9, -5px -5px 10px #ffffff;
    color: var(--imkj-text);
    font-weight: 500;
    text-decoration: none;
    transition: var(--imkj-transition);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-all-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at calc(50% + var(--shadow-x, 0px)) calc(50% + var(--shadow-y, 0px)),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .imkj-all-btn:hover {
    transform: translateY(-3px);
    color: var(--imkj-primary);
    box-shadow: 7px 7px 14px #d9d9d9, -7px -7px 14px #ffffff;
  }
  
  .imkj-all-btn:hover::after {
    opacity: 1;
  }
  
  .imkj-all-btn i {
    margin-left: var(--imkj-space-2);
    transition: transform 0.3s ease;
  }
  
  .imkj-all-btn:hover i {
    transform: translateX(5px);
  }
  
  /* 新增图标 */
  .imkj-icon-play-circle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-grid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-type {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23718096'%3E%3Cpath d='M14.59 2.59c-.38-.38-.89-.59-1.42-.59H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.82-4.83zM15 18H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1zm0-4H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1zm-2-6V3.5L18.5 9H14c-.55 0-1-.45-1-1z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-location {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23718096'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-user {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23718096'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-arrow-right {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23718096'%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3C/svg%3E");
  }
  
  /* 响应式调整 */
  @media (max-width: 768px) {
    .imkj-section-header {
      flex-direction: column;
      align-items: flex-start;
      gap: var(--imkj-space-2);
    }
    
    .imkj-section-title {
      font-size: 1.1rem;
    }
    
    .imkj-page-title {
      font-size: 1.5rem;
    }
    
    .imkj-category-list {
      gap: var(--imkj-space-2);
    }
    
    .imkj-category-item a {
      padding: var(--imkj-space-1) var(--imkj-space-3);
      font-size: 0.85rem;
    }
  }
  
  /* 视频筛选页样式 */
  .imkj-filter-container {
    position: relative;
  }
  
  /* 筛选部分 */
  .imkj-filter-section {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-md);
    box-shadow: var(--imkj-shadow-sm);
    padding: var(--imkj-space-4);
    margin-bottom: var(--imkj-space-5);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-filter-line {
    display: flex;
    align-items: flex-start;
    margin-bottom: var(--imkj-space-3);
    position: relative;
  }
  
  .imkj-filter-line:last-child {
    margin-bottom: 0;
  }
  
  .imkj-filter-label {
    flex-shrink: 0;
    width: 50px;
    color: var(--imkj-light-text);
    font-size: 0.95rem;
    line-height: 36px;
    font-weight: 500;
  }
  
  .imkj-filter-options {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    gap: var(--imkj-space-2);
    max-height: 40px;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  
  .imkj-filter-options.imkj-expanded {
    max-height: 500px;
  }
  
  .imkj-filter-letters {
    max-height: 120px;
  }
  
  .imkj-filter-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 var(--imkj-space-3);
    border-radius: var(--imkj-radius-sm);
    color: var(--imkj-light-text);
    font-size: 0.9rem;
    text-decoration: none;
    transition: var(--imkj-transition);
    position: relative;
    overflow: hidden;
    background: rgba(99,124,190,0.85);
  }
  
  .imkj-filter-option::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .imkj-filter-option:hover {
    color: var(--imkj-primary);
    transform: translateY(-2px);
    box-shadow: var(--imkj-shadow-sm);
  }
  
  .imkj-filter-option:hover::after {
    opacity: 1;
  }
  
  .imkj-filter-option.imkj-active {
    background: var(--imkj-primary);
    color: white;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(255, 255, 255, 0.1);
  }
  
  .imkj-expand-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border: none;
    border-radius: var(--imkj-radius-sm);
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    cursor: pointer;
    transition: var(--imkj-transition);
    crja-index: 2;
  }
  
  .imkj-expand-btn:hover {
    transform: translateY(-2px);
    box-shadow: 4px 4px 8px #d9d9d9, -4px -4px 8px #ffffff;
  }
  
  .imkj-expand-btn.imkj-active {
    box-shadow: inset 2px 2px 5px #d9d9d9, inset -2px -2px 5px #ffffff;
  }
  
  /* 排序栏 */
  .imkj-sort-bar {
    display: flex;
    align-items: center;
    margin-bottom: var(--imkj-space-5);
    padding: var(--imkj-space-3) var(--imkj-space-4);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-md);
    box-shadow: var(--imkj-shadow-sm);
  }
  
  .imkj-sort-text {
    color: var(--imkj-light-text);
    font-size: 0.95rem;
    margin-right: var(--imkj-space-3);
    font-weight: 500;
  }
  
  .imkj-sort-options {
    display: flex;
    gap: var(--imkj-space-3);
  }
  
  .imkj-sort-option {
    display: inline-flex;
    align-items: center;
    padding: var(--imkj-space-2) var(--imkj-space-3);
    border-radius: var(--imkj-radius-sm);
    background: rgba(99,124,190,0.85);
    color: var(--imkj-light-text);
    text-decoration: none;
    font-size: 0.9rem;
    transition: var(--imkj-transition);
    position: relative;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.03), -2px -2px 5px rgba(255, 255, 255, 0.3);
  }
  
  .imkj-sort-option::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    border-radius: var(--imkj-radius-sm);
  }
  
  .imkj-sort-option:hover {
    color: var(--imkj-primary);
    transform: translateY(-2px);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.05), -4px -4px 8px rgba(255, 255, 255, 0.5);
  }
  
  .imkj-sort-option:hover::after {
    opacity: 1;
  }
  
  .imkj-sort-option.imkj-active {
    background: var(--imkj-primary);
    color: white;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(255, 255, 255, 0.1);
  }
  
  .imkj-sort-option i {
    margin-right: var(--imkj-space-1);
    font-size: 1.1em;
  }
  
  /* 筛选页标题与数量显示 */
  .imkj-page-desc {
    color: var(--imkj-light-text);
    font-size: 1rem;
    margin-top: var(--imkj-space-2);
  }
  
  .imkj-highlight {
    color: var(--imkj-primary);
    font-weight: 600;
    font-size: 1.2rem;
  }
  
  /* 新增图标 */
  .imkj-icon-time {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-fire {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM12 20c-3.31 0-6-2.69-6-6 0-1.53.3-3.04.86-4.43l1.65 1.65c-2.05.68-3.24 2.79-3.24 4.95 0 2.21 1.79 4 4 4s4-1.79 4-4c0-2.16-1.19-4.28-3.24-4.95l1.65-1.65c.56 1.39.86 2.9.86 4.43 0 3.31-2.69 6-6 6z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-star {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-down {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23718096'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-up {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23718096'%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/svg%3E");
  }
  
  /* 响应式调整 */
  @media (max-width: 768px) {
    .imkj-filter-label {
      width: 45px;
      font-size: 0.85rem;
    }
    
    .imkj-filter-option {
      font-size: 0.85rem;
      padding: 0 var(--imkj-space-2);
    }
    
    .imkj-sort-bar {
      flex-direction: column;
      align-items: flex-start;
      gap: var(--imkj-space-2);
    }
    
    .imkj-sort-options {
      width: 100%;
      justify-content: space-between;
    }
    
    .imkj-sort-option {
      flex: 1;
      justify-content: center;
    }
  }
  
  /* 底部样式 -  */
  .imkj-footer {
    position: relative;
    margin-top: var(--imkj-space-6);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    padding-top: 80px;
    padding-bottom: var(--imkj-space-5);
    crja-index: 1;
    overflow: hidden;
  }
  
  .imkj-footer-wave {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    crja-index: -1;
  }
  
  .imkj-footer-wave svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 80px;
    fill: var(--imkj-background);
  }
  
  .imkj-footer-content {
    position: relative;
    crja-index: 2;
  }
  
  .imkj-footer-row {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
    gap: var(--imkj-space-6);
    margin-bottom: var(--imkj-space-6);
  }
  
  .imkj-footer-column {
    display: flex;
    flex-direction: column;
  }
  
  /* 底部LOGO区域 */
  .imkj-footer-logo {
    margin-bottom: var(--imkj-space-4);
  }
  
  .imkj-footer-logo-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--imkj-text);
    transition: var(--imkj-transition);
  }
  
  .imkj-footer-logo-img {
    height: 32px;
    width: auto;
    margin-right: var(--imkj-space-2);
  }
  
  .imkj-footer-logo-text {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--imkj-primary);
    position: relative;
  }
  
  .imkj-footer-logo-text::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 30px;
    height: 2px;
    background: linear-gradient(90deg, #ffffff, #637cbe);
    transition: width 0.3s ease;
  }
  
  .imkj-footer-logo-link:hover .imkj-footer-logo-text::after {
    width: 100%;
  }
  
  .imkj-footer-desc {
    color: var(--imkj-light-text);
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: var(--imkj-space-4);
  }
  

  
  .imkj-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--imkj-radius-sm);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    color: var(--imkj-light-text);
    text-decoration: none;
    transition: var(--imkj-transition);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-social-link::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .imkj-social-link:hover {
    transform: translateY(-3px);
    color: var(--imkj-primary);
    box-shadow: 5px 5px 10px #d9d9d9, -5px -5px 10px #ffffff;
  }
  
  .imkj-social-link:hover::after {
    opacity: 1;
  }
  
  .imkj-social-link i {
    font-size: 18px;
  }
  
  /* 底部标题 */
  .imkj-footer-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--imkj-text);
    margin-bottom: var(--imkj-space-4);
    position: relative;
    padding-left: var(--imkj-space-3);
  }
  
  .imkj-footer-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 16px;
    border-radius: 2px;
    background: var(--imkj-primary);
  }
  
  /* 底部链接 */
  .imkj-footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--imkj-space-2);
  }
  
  .imkj-footer-link {
    font-size: 0.95rem;
    color: var(--imkj-light-text);
    text-decoration: none;
    transition: var(--imkj-transition);
    display: inline-block;
    padding: var(--imkj-space-1) 0;
    position: relative;
  }
  
  .imkj-footer-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--imkj-primary);
    transition: width 0.3s ease;
  }
  
  .imkj-footer-link:hover {
    color: var(--imkj-primary);
    transform: translateX(3px);
  }
  
  .imkj-footer-link:hover::after {
    width: 100%;
  }
  
  /* 友情链接 */
  .imkj-friend-links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--imkj-space-2);
  }
  
  .imkj-friend-link {
    font-size: 0.9rem;
    color: var(--imkj-light-text);
    text-decoration: none;
    transition: var(--imkj-transition);
    padding: var(--imkj-space-1) var(--imkj-space-2);
    border-radius: var(--imkj-radius-sm);
    background: rgba(99,124,190,0.85);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-friend-link::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .imkj-friend-link:hover {
    color: var(--imkj-primary);
    transform: translateY(-2px);
    box-shadow: var(--imkj-shadow-sm);
  }
  
  .imkj-friend-link:hover::after {
    opacity: 1;
  }
  
  .imkj-more-link {
    color: var(--imkj-primary);
    font-weight: 500;
  }
  
  /* 底部版权 */
  .imkj-footer-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: var(--imkj-space-4);
    text-align: center;
  }
  
  .imkj-footer-copyright {
    color: var(--imkj-light-text);
    font-size: 0.85rem;
  }
  
  .imkj-footer-copyright p {
    margin: 0;
  }
  
  .imkj-footer-year {
    font-weight: 500;
  }
  
  .imkj-footer-site-link {
    color: var(--imkj-primary);
    text-decoration: none;
    transition: var(--imkj-transition);
  }
  
  .imkj-footer-site-link:hover {
    text-decoration: underline;
  }
  
  /* 浮动操作按钮 */
  .imkj-floating-actions {
    position: fixed;
    right: var(--imkj-space-4);
    bottom: var(--imkj-space-6);
    display: flex;
    flex-direction: column;
    gap: var(--imkj-space-3);
    crja-index: 99;
  }
  
  .imkj-float-btn {
    width: 48px;
    height: 48px;
    border-radius: var(--imkj-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 5px 5px 10px #d9d9d9, -5px -5px 10px #ffffff;
    color: var(--imkj-light-text);
    border: none;
    cursor: pointer;
    transition: var(--imkj-transition);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-float-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .imkj-float-btn:hover {
    transform: translateY(-3px);
    color: var(--imkj-primary);
    box-shadow: 7px 7px 14px #d9d9d9, -7px -7px 14px #ffffff;
  }
  
  .imkj-float-btn:hover::after {
    opacity: 1;
  }
  
  .imkj-float-btn i {
    font-size: 22px;
    transition: var(--imkj-transition);
  }
  
  .imkj-float-btn:active {
    box-shadow: inset 3px 3px 6px #d9d9d9, inset -3px -3px 6px #ffffff;
  }
  
  .imkj-float-btn:active i {
    transform: scale(0.9);
  }
  
  /* 移动端底部导航 */
  .imkj-mobile-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(99,124,190,0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    crja-index: 100;
    display: none;
  }
  
  .imkj-mobile-footer-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--imkj-light-text);
    text-decoration: none;
    padding: var(--imkj-space-1);
    transition: var(--imkj-transition);
    position: relative;
  }
  
  .imkj-mobile-footer-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 3px;
    border-radius: 0 0 3px 3px;
    background: var(--imkj-primary);
    transform: translateX(-50%);
    transition: width 0.3s ease;
  }
  
  .imkj-mobile-footer-item.active {
    color: var(--imkj-primary);
  }
  
  .imkj-mobile-footer-item.active::after {
    width: 24px;
  }
  
  .imkj-mobile-footer-item i {
    font-size: 20px;
    margin-bottom: 2px;
  }
  
  .imkj-mobile-footer-item span {
    font-size: 12px;
    line-height: 1;
  }
  
  /* 新图标 */
  .imkj-icon-wechat {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9.5,4C5.36,4 2,6.69 2,10C2,11.89 3.08,13.56 4.78,14.66L4,17L6.5,15.5C7.39,15.81 8.37,16 9.41,16C9.15,15.37 9,14.7 9,14C9,10.69 12.13,8 16,8C16.19,8 16.38,8 16.56,8.03C15.54,5.69 12.78,4 9.5,4M6.5,6.5A1,1 0 0,1 7.5,7.5A1,1 0 0,1 6.5,8.5A1,1 0 0,1 5.5,7.5A1,1 0 0,1 6.5,6.5M11.5,6.5A1,1 0 0,1 12.5,7.5A1,1 0 0,1 11.5,8.5A1,1 0 0,1 10.5,7.5A1,1 0 0,1 11.5,6.5M16,9C12.69,9 10,11.24 10,14C10,16.76 12.69,19 16,19C16.67,19 17.31,18.88 17.91,18.66L20,20L19.36,18.15C20.95,17.13 22,15.66 22,14C22,11.24 19.31,9 16,9M13.5,11.5A1,1 0 0,1 14.5,12.5A1,1 0 0,1 13.5,13.5A1,1 0 0,1 12.5,12.5A1,1 0 0,1 13.5,11.5M18.5,11.5A1,1 0 0,1 19.5,12.5A1,1 0 0,1 18.5,13.5A1,1 0 0,1 17.5,12.5A1,1 0 0,1 18.5,11.5Z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-weibo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9.82,13.31C8.5,13.77 7.8,14.41 7.8,15.17C7.8,16.31 9.27,17.16 11.11,17.16C13.25,17.16 14.5,16.05 14.5,14.77C14.5,14 13.72,13.31 12.66,13.06L14.93,9.58C15.33,9.07 15.23,8.42 14.7,8.03C14.19,7.64 13.54,7.75 13.15,8.25L10.95,11.41L10.61,11.11C10.09,10.67 9.35,10.72 8.91,11.24C8.66,11.54 8.58,11.92 8.66,12.27M15.47,6.05C15.28,6.05 15.09,6 14.93,5.9C14.59,5.69 14.5,5.26 14.7,4.92C15.4,3.74 15.89,2.2 15.89,1.5C15.89,0.91 16.37,0.44 16.95,0.44C17.53,0.44 18,0.91 18,1.5C18,2.73 17.37,4.65 16.5,6.03C16.35,6.05 16.26,6.05 16.22,6.05C16,6.05 15.75,6.05 15.47,6.05M21.17,8.04C21.39,7.55 21.08,6.92 20.5,6.55C19.64,6 18.6,5.8 17.5,6.04C16.93,6.15 16.5,6.71 16.63,7.29C16.75,7.86 17.3,8.24 17.87,8.13C18.47,8 19.03,8.07 19.45,8.36C19.69,8.5 19.69,8.69 19.67,8.81C19.61,8.95 19.5,9.13 19.14,9.29C16.94,10.16 13.64,12.37 10.96,15.27C9.35,16.99 8.45,18.41 8.45,19.46C8.45,21.07 10.05,22 11.89,22C16.89,22 23.23,16.47 23.23,10.47C23.23,8.63 22.44,6.95 21.17,8.04Z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-tiktok {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12.53.02C13.84 0 15.14.01 16.44 0c.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-1.25-.57-2.01-1.04-2.01-1.04v8.63c0 1.72-.72 3.55-1.88 4.72-1.57 1.58-3.76 2.26-5.85 2.18-2.8-.08-5.44-1.47-6.94-3.75-1.05-1.58-1.61-3.49-1.58-5.4.05-3.43 2.11-6.6 5.19-8.07 1.74-.8 3.68-.91 5.54-.56V9.7c-1.15-.42-2.41-.4-3.54.03-1.85.71-3.27 2.33-3.73 4.26-.18.74-.19 1.5-.11 2.26.16 1.48.81 2.91 1.85 3.96 1.53 1.54 3.82 2.18 5.95 1.6 1.71-.47 3.2-1.74 3.95-3.36.41-.91.62-1.91.62-2.92V.02h-.02z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-arrow-up {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/%3E%3C/svg%3E");
  }
  
  /* 响应式调整 */
  @media (max-width: 992px) {
    .imkj-footer-row {
      grid-template-columns: 1fr 1fr;
      gap: var(--imkj-space-5);
    }
    
    .imkj-footer-info, .imkj-footer-friendlinks {
      grid-column: span 2;
    }
  }
  
  @media (max-width: 768px) {
    .imkj-footer {
      padding-bottom: 80px;
    }
    
    .imkj-footer-row {
      grid-template-columns: 1fr;
    }
    
    .imkj-footer-info, .imkj-footer-friendlinks {
      grid-column: span 1;
    }
    
    .imkj-mobile-footer {
      display: flex;
    }
    
    .imkj-floating-actions {
      bottom: 80px;
    }
  }
  
  /* 隐藏原有的移动端底部导航 */
  @media (max-width: 768px) {
    .fixed_right_bar, .mxonefoot {
      display: none !important;
    }
  }
  
  .imkj-icon-sun {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M3.36,17L5.12,13.23C5.26,14 5.53,14.78 5.95,15.5C6.37,16.24 6.91,16.86 7.5,17.37L3.36,17M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M20.64,17L16.5,17.36C17.09,16.85 17.62,16.22 18.04,15.5C18.46,14.77 18.73,14 18.87,13.21L20.64,17M12,22L9.59,18.56C10.33,18.83 11.14,19 12,19C12.82,19 13.63,18.83 14.37,18.56L12,22Z'/%3E%3C/svg%3E");
  }
  
  /* 暗色模式 */
  .imkj-dark-mode {
    --imkj-text: #000000;
    --imkj-text: #000000;
    --imkj-background: #637cbe;
    --imkj-card-bg: #596fab;
    --imkj-border: #2a2a2a;
    --imkj-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --imkj-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
  }
  
  .imkj-dark-mode .imkj-footer {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
  }
  
  .imkj-dark-mode .imkj-footer-wave svg {
    fill: #121212;
  }
  
  .imkj-dark-mode .imkj-social-link,
  .imkj-dark-mode .imkj-float-btn {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 3px 3px 6px #0f0f0f, -3px -3px 6px #252525;
  }
  
  .imkj-dark-mode .imkj-social-link:hover,
  .imkj-dark-mode .imkj-float-btn:hover {
    box-shadow: 5px 5px 10px #0f0f0f, -5px -5px 10px #252525;
  }
  
  .imkj-dark-mode .imkj-social-link:active,
  .imkj-dark-mode .imkj-float-btn:active {
    box-shadow: inset 3px 3px 6px #0f0f0f, inset -3px -3px 6px #252525;
  }
  
  .imkj-dark-mode .imkj-friend-link {
    background: rgba(99,124,190,0.85);
  }
  
  .imkj-dark-mode .imkj-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
  }
  
  .imkj-dark-mode .imkj-mobile-footer {
    background: rgba(99,124,190,0.85);
  }
  
  @media (max-width: 768px) {
    .fixed_right_bar, .mxonefoot {
      display: none !important;
    }
  }
  
  /* 友情链接 */
  .imkj-friendlink-section {
    padding: var(--imkj-space-5) 0;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    margin-bottom: var(--imkj-space-6);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-friendlink-section::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
  }
  
  .imkj-friendlink-section::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
  }
  
  .imkj-friendlink-content {
    display: flex;
    flex-wrap: wrap;
    gap: var(--imkj-space-3);
    padding: var(--imkj-space-2) 0;
  }
  
  .imkj-friendlink-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 var(--imkj-space-3);
    border-radius: var(--imkj-radius-sm);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    color: var(--imkj-light-text);
    font-size: 0.9rem;
    text-decoration: none;
    transition: var(--imkj-transition);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-friendlink-item::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    pointer-events: none;
  }
  
  .imkj-friendlink-item:hover {
    color: var(--imkj-primary);
    transform: translateY(-2px);
    box-shadow: 5px 5px 10px #d9d9d9, -5px -5px 10px #ffffff;
  }
  
  .imkj-friendlink-item:hover::after {
    opacity: 1;
  }
  
  @media (max-width: 768px) {
    .imkj-friendlink-section {
      padding: var(--imkj-space-4) 0;
    }
    
    .imkj-friendlink-content {
      gap: var(--imkj-space-2);
    }
    
    .imkj-friendlink-item {
      height: 32px;
      padding: 0 var(--imkj-space-2);
      font-size: 0.85rem;
    }
  }
  
  /* 视频详情页 -  */
  .imkj-main {
    padding: var(--imkj-space-5) 0;
    background: var(--imkj-background);
  }
  
  .imkj-detail-container {
    width: 100%;
    position: relative;
  }
  
  /* 详情页顶部区域 */
  .imkj-detail-header {
    display: flex;
    margin-bottom: var(--imkj-space-5);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-lg);
    padding: var(--imkj-space-5);
    box-shadow: var(--imkj-shadow-sm);
    position: relative;
    overflow: hidden;
  }
  
  /* 海报区域 */
  .imkj-detail-poster {
    width: 260px;
    flex-shrink: 0;
    margin-right: var(--imkj-space-5);
    position: relative;
  }
  
  .imkj-poster-container {
    width: 100%;
    height: 380px;
    border-radius: var(--imkj-radius-md);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 8px 8px 16px #d9d9d9, -8px -8px 16px #ffffff;
    position: relative;
    overflow: hidden;
    transition: var(--imkj-transition);
  }
  
  .imkj-poster-container:hover {
    transform: translateY(-5px);
    box-shadow: 10px 10px 20px #d1d1d1, -10px -10px 20px #ffffff;
  }
  
  .imkj-poster-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: var(--imkj-radius-md);
    position: relative;
  }
  
  .imkj-poster-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  
  .imkj-poster-container:hover .imkj-poster-img {
    transform: scale(1.05);
  }
  
  .imkj-poster-loading {
    position: absolute;
    inset: 0;
    background: rgba(99,124,190,0.85);
    crja-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
  }
  
  /* 海报上的播放按钮 */
  .imkj-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    width: 80px;
    height: 80px;
    background: rgba(99,124,190,0.85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: all 0.3s ease;
    crja-index: 3;
  }
  
  .imkj-play-btn i {
    font-size: 3rem;
    margin-bottom: var(--imkj-space-1);
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  }
  
  .imkj-play-btn span {
    font-size: 0.8rem;
    font-weight: 500;
    white-space: nowrap;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  }
  
  .imkj-poster-container:hover .imkj-play-btn {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  
  .imkj-no-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: rgba(99,124,190,0.85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #f8f8f8;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.2), inset -2px -2px 5px rgba(255, 255, 255, 0.1);
    crja-index: 3;
  }
  
  .imkj-no-play-btn i {
    font-size: 2rem;
    margin-bottom: 4px;
  }
  
  .imkj-no-play-btn span {
    font-size: 0.8rem;
    white-space: nowrap;
  }
  
  /* 标签和徽章 */
  .imkj-detail-badge {
    position: absolute;
    top: var(--imkj-space-3);
    right: var(--imkj-space-3);
    padding: 5px 10px;
    background: rgba(99,124,190,0.85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: var(--imkj-radius-sm);
    crja-index: 2;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  }
  
  .imkj-detail-badge span {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--imkj-primary);
  }
  
  .imkj-vip-badge {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
  }
  
  .imkj-vip-badge span {
    color: white;
  }
  
  /* 评分显示框 */
  .imkj-score-box {
    position: absolute;
    bottom: -15px;
    left: 20px;
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: 50%;
    box-shadow: 5px 5px 10px #d9d9d9, -5px -5px 10px #ffffff;
    crja-index: 4;
  }
  
  .imkj-score-value {
    font-size: 1.8rem;
    font-weight: 700;
    color: #ff9900;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    line-height: 1;
  }
  
  .imkj-score-label {
    font-size: 0.75rem;
    color: var(--imkj-light-text);
    margin-top: 4px;
  }
  
  /* 详情信息区域 */
  .imkj-detail-info {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  
  .imkj-detail-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--imkj-text);
    margin-bottom: var(--imkj-space-2);
    line-height: 1.3;
  }
  
  .imkj-detail-subtitle {
    font-size: 1.1rem;
    font-weight: 400;
    color: var(--imkj-light-text);
    margin-bottom: var(--imkj-space-4);
    line-height: 1.3;
  }
  
  /* 标签列表 */
  .imkj-detail-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--imkj-space-2);
    margin-bottom: var(--imkj-space-4);
  }
  
  .imkj-tag-item {
    display: inline-flex;
    align-items: center;
    padding: var(--imkj-space-2) var(--imkj-space-3);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-sm);
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    color: var(--imkj-light-text);
    text-decoration: none;
    transition: var(--imkj-transition);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-tag-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .imkj-tag-item:hover {
    color: var(--imkj-primary);
    transform: translateY(-2px);
    box-shadow: 4px 4px 8px #d9d9d9, -4px -4px 8px #ffffff;
  }
  
  .imkj-tag-item:hover::after {
    opacity: 1;
  }
  
  .imkj-tag-item i {
    margin-right: 5px;
    font-size: 1em;
  }
  
  /* 详情信息列表 */
  .imkj-detail-meta {
    margin-bottom: var(--imkj-space-4);
    flex: 1;
  }
  
  .imkj-meta-item {
    display: flex;
    margin-bottom: var(--imkj-space-3);
    line-height: 1.6;
  }
  
  .imkj-meta-label {
    width: 60px;
    flex-shrink: 0;
    color: var(--imkj-light-text);
    font-size: 0.95rem;
    font-weight: 500;
  }
  
  .imkj-meta-content {
    flex: 1;
    color: var(--imkj-text);
    font-size: 0.95rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  .imkj-meta-content a {
    color: var(--imkj-text);
    text-decoration: none;
    transition: color 0.2s ease;
    margin-right: var(--imkj-space-1);
  }
  
  .imkj-meta-content a:hover {
    color: var(--imkj-primary);
  }
  
  .imkj-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--imkj-space-2);
  }
  
  .imkj-tag-list a {
    display: inline-block;
    padding: 2px 8px;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-sm);
    color: var(--imkj-light-text);
    font-size: 0.85rem;
    text-decoration: none;
    transition: var(--imkj-transition);
  }
  
  .imkj-tag-list a:hover {
    color: var(--imkj-primary);
    transform: translateY(-2px);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05), -2px -2px 5px rgba(255, 255, 255, 0.5);
  }
  
  /* 操作按钮 */
  .imkj-detail-actions {
    display: flex;
    gap: var(--imkj-space-3);
    margin-top: auto;
  }
  
  .imkj-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 0 var(--imkj-space-4);
    border-radius: var(--imkj-radius-md);
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: var(--imkj-transition);
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  
  .imkj-action-btn i {
    margin-right: var(--imkj-space-2);
    font-size: 1.2em;
  }
  
  .imkj-primary-btn {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    color: white;
    box-shadow: 4px 4px 8px rgba(74, 108, 247, 0.3), -2px -2px 6px rgba(255, 255, 255, 0.1);
  }
  
  .imkj-primary-btn:hover {
    transform: translateY(-2px);
    box-shadow: 6px 6px 12px rgba(74, 108, 247, 0.4), -3px -3px 8px rgba(255, 255, 255, 0.15);
  }
  
  .imkj-download-btn {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    color: var(--imkj-light-text);
    box-shadow: 4px 4px 8px #d9d9d9, -4px -4px 8px #ffffff;
  }
  
  .imkj-download-btn:hover {
    color: var(--imkj-primary);
    transform: translateY(-2px);
    box-shadow: 6px 6px 12px #d1d1d1, -6px -6px 12px #ffffff;
  }
  
  .imkj-share-btn {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    color: var(--imkj-light-text);
    box-shadow: 4px 4px 8px #d9d9d9, -4px -4px 8px #ffffff;
  }
  
  .imkj-share-btn:hover {
    color: #ff6b6b;
    transform: translateY(-2px);
    box-shadow: 6px 6px 12px #d1d1d1, -6px -6px 12px #ffffff;
  }
  
  .imkj-disabled-btn {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    color: #aaa;
    box-shadow: inset 2px 2px 5px #d1d1d1, inset -2px -2px 5px #ffffff;
    cursor: not-allowed;
  }
  
  /* 详情区块 */
  .imkj-detail-section {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-lg);
    box-shadow: var(--imkj-shadow-sm);
    margin-bottom: var(--imkj-space-5);
    overflow: hidden;
    position: relative;
  }
  
  .imkj-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--imkj-space-4) var(--imkj-space-5);
    position: relative;
  }
  
  .imkj-section-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: var(--imkj-space-5);
    right: var(--imkj-space-5);
    height: 1px;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
  }
  
  .imkj-section-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--imkj-text);
    position: relative;
    padding-left: var(--imkj-space-3);
  }
  
  .imkj-section-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: var(--imkj-primary);
  }
  
  .imkj-section-content {
    padding: var(--imkj-space-4) var(--imkj-space-5);
  }
  
  /* 剧情简介 */
  .imkj-plot-section {
    overflow: hidden;
  }
  
  .imkj-toggle-btn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-sm);
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    cursor: pointer;
    transition: var(--imkj-transition);
  }
  
  .imkj-toggle-btn:hover {
    transform: translateY(-2px);
    box-shadow: 4px 4px 8px #d9d9d9, -4px -4px 8px #ffffff;
  }
  
  .imkj-toggle-btn.imkj-active {
    box-shadow: inset 2px 2px 5px #d9d9d9, inset -2px -2px 5px #ffffff;
  }
  
  .imkj-toggle-btn i {
    transition: transform 0.3s ease;
  }
  
  .imkj-toggle-btn.imkj-active i {
    transform: rotate(180deg);
  }
  
  .imkj-plot-content {
    position: relative;
    max-height: 200px;
    overflow: hidden;
    transition: max-height 0.5s ease;
  }
  
  .imkj-plot-content.imkj-expanded {
    max-height: 1000px;
  }
  
  .imkj-plot-content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
  
  .imkj-plot-content.imkj-expanded::after {
    opacity: 0;
  }
  
  .imkj-plot-text {
    font-size: 0.95rem;
    color: var(--imkj-text);
    line-height: 1.8;
  }
  
  /* 在线播放列表 */
  .imkj-playlist-section {
    position: relative;
  }
  
  .imkj-tabs-header {
    display: flex;
    gap: var(--imkj-space-2);
    flex-wrap: wrap;
  }
  
  .imkj-tab-item {
    display: inline-flex;
    align-items: center;
    padding: var(--imkj-space-2) var(--imkj-space-3);
    border-radius: var(--imkj-radius-sm);
    background: rgba(99,124,190,0.85);
    color: var(--imkj-light-text);
    cursor: pointer;
    transition: var(--imkj-transition);
    position: relative;
    overflow: hidden;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.03), -2px -2px 5px rgba(255, 255, 255, 0.3);
  }
  
  .imkj-tab-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    border-radius: var(--imkj-radius-sm);
  }
  
  .imkj-tab-item:hover {
    color: var(--imkj-primary);
    transform: translateY(-2px);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05), -3px -3px 6px rgba(255, 255, 255, 0.5);
  }
  
  .imkj-tab-item:hover::after {
    opacity: 1;
  }
  
  .imkj-tab-item.imkj-active {
    background: var(--imkj-primary);
    color: white;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(255, 255, 255, 0.1);
  }
  
  .imkj-tab-item em {
    margin-left: var(--imkj-space-2);
    font-style: normal;
    font-size: 0.8rem;
    opacity: 0.8;
  }
  
  .imkj-playlist-box {
    display: none;
    margin-top: var(--imkj-space-4);
  }
  
  .imkj-playlist-box.imkj-active {
    display: block;
  }
  
  .imkj-episode-list {
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: var(--imkj-space-3);
  }
  
  .imkj-episode-list.imkj-active {
    display: grid !important;
  }
  
  .imkj-episode-item {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-sm);
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    color: var(--imkj-text);
    font-size: 0.9rem;
    text-decoration: none;
    transition: var(--imkj-transition);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-episode-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .imkj-episode-item:hover {
    transform: translateY(-2px);
    color: var(--imkj-primary);
    box-shadow: 4px 4px 8px #d1d1d1, -4px -4px 8px #ffffff;
  }
  
  .imkj-episode-item:hover::after {
    opacity: 1;
  }
  
  .imkj-episode-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 0.7rem;
    color: white;
    background: #ff6b6b;
    crja-index: 2;
    font-style: normal;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  .imkj-vip-badge {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
  }
  
  .imkj-new-badge {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
  }
  
  .imkj-preview-badge {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
  }
  
  /* 社交分享 */
  .imkj-social-section {
    overflow: visible;
  }
  
  .imkj-social-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--imkj-space-3);
  }
  
  .imkj-social-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80px;
    text-decoration: none;
    transition: var(--imkj-transition);
  }
  
  .imkj-social-icon {
    width: 48px;
    height: 48px;
    border-radius: var(--imkj-radius-sm);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 4px 4px 8px #d9d9d9, -4px -4px 8px #ffffff;
    margin-bottom: var(--imkj-space-2);
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    transition: var(--imkj-transition);
  }
  
  .imkj-social-item span {
    font-size: 0.85rem;
    color: var(--imkj-light-text);
    transition: var(--imkj-transition);
  }
  
  .imkj-social-item:hover .imkj-social-icon {
    transform: translateY(-5px);
    box-shadow: 6px 6px 12px #d1d1d1, -6px -6px 12px #ffffff;
  }
  
  .imkj-social-item:hover span {
    color: var(--imkj-primary);
  }
  .imkj-icon-share {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-download {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-arrow-down {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    display: block;
  }
  
  .imkj-more-link {
    display: flex;
    align-items: center;
    color: var(--imkj-light-text);
    font-size: 0.9rem;
    text-decoration: none;
    transition: var(--imkj-transition);
  }
  
  .imkj-more-link:hover {
    color: var(--imkj-primary);
  }
  
  .imkj-more-link i {
    margin-left: var(--imkj-space-1);
    transition: transform 0.3s ease;
  }
  
  .imkj-more-link:hover i {
    transform: translateX(4px);
  }
  
  /* 响应式调整 */
  @media (max-width: 992px) {
    .imkj-detail-header {
      flex-direction: column;
    }
    
    .imkj-detail-poster {
      width: 100%;
      margin-right: 0;
      margin-bottom: var(--imkj-space-5);
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .imkj-poster-container {
      width: 260px;
    }
    
    .imkj-score-box {
      position: relative;
      bottom: -40px;
      left: 0;
    }
  }
  
  @media (max-width: 768px) {
    .imkj-main {
      padding: var(--imkj-space-3) 0;
    }
    
    .imkj-detail-header {
      padding: var(--imkj-space-4);
    }
    
    .imkj-detail-title {
      font-size: 1.5rem;
    }
    
    .imkj-detail-subtitle {
      font-size: 1rem;
      margin-bottom: var(--imkj-space-3);
    }
    
    .imkj-detail-actions {
      flex-wrap: wrap;
    }
    
    .imkj-action-btn {
      flex: 1;
      min-width: 120px;
    }
    
    .imkj-section-header {
      padding: var(--imkj-space-3) var(--imkj-space-4);
    }
    
    .imkj-section-content {
      padding: var(--imkj-space-3) var(--imkj-space-4);
    }
    
    .imkj-episode-list {
      grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
      gap: var(--imkj-space-2);
    }
    
    .imkj-social-list {
      gap: var(--imkj-space-2);
      justify-content: center;
    }
    
    .imkj-social-item {
      width: 70px;
    }
    
    .imkj-social-icon {
      width: 40px;
      height: 40px;
    }
    
    .imkj-social-item span {
      font-size: 0.8rem;
    }
  }
  
  /* 新增图标 */
  .imkj-icon-warn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");
  }
  
  /**
   * 播放页面样式
   */
  /* 播放页面容器 */
  .imkj-play-container {
    display: flex;
    flex-direction: column;
    gap: var(--imkj-space-4);
  }
  
  /* 播放器部分 */
  .imkj-player-section {
    width: 100%;
    margin-bottom: var(--imkj-space-3);
  }
  
  .imkj-player-wrapper {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-lg);
    box-shadow: var(--imkj-shadow-lg);
    overflow: hidden;
    position: relative;
    transition: var(--imkj-transition);
  }
  
  .imkj-player-wrapper:hover {
    box-shadow: var(--imkj-shadow-xl);
  }
  
  .imkj-player-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--imkj-space-4);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  
  .imkj-player-info {
    flex: 1;
  }
  
  .imkj-player-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--imkj-text);
    margin-bottom: var(--imkj-space-1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .imkj-player-meta {
    display: flex;
    gap: var(--imkj-space-2);
    font-size: 0.85rem;
  }
  
  .imkj-meta-item {
    padding: var(--imkj-space-1) var(--imkj-space-2);
    border-radius: var(--imkj-radius-sm);
    background: rgba(99,124,190,0.85);
    color: var(--imkj-light-text);
  }
  
  .imkj-badge-primary {
    background: #00c850; color: #ffffff;
    box-shadow: 0 2px 4px rgba(var(--imkj-primary-rgb), 0.3);
  }
  
  .imkj-player-actions {
    display: flex;
    gap: var(--imkj-space-2);
  }
  
  .imkj-action-btn {
    display: flex;
    align-items: center;
    gap: var(--imkj-space-1);
    padding: var(--imkj-space-2) var(--imkj-space-3);
    border-radius: var(--imkj-radius-sm);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border: none;
    color: var(--imkj-light-text);
    font-size: 0.85rem;
    cursor: pointer;
    transition: var(--imkj-transition);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05), -2px -2px 5px rgba(255, 255, 255, 0.5);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-action-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .imkj-action-btn:hover {
    transform: translateY(-2px);
    color: var(--imkj-primary);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.08), -3px -3px 6px rgba(255, 255, 255, 0.8);
  }
  
  .imkj-action-btn:hover::after {
    opacity: 1;
  }
  
  .imkj-action-btn:active {
    transform: translateY(0);
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(255, 255, 255, 0.5);
  }
  
  .imkj-action-btn i {
    font-size: 1.1rem;
  }
  
  .imkj-player-box {
    width: 100%;
    position: relative;
    background: #000;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .imkj-player-box iframe,
  .imkj-player-box video,
  .imkj-player-box embed,
  .imkj-player-box object {
    width: 100%;
    height: 100%;
    display: block;
  }
  
  .imkj-player-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--imkj-space-3) var(--imkj-space-4);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  
  .imkj-player-tips {
    flex: 1;
  }
  
  .imkj-tip-item {
    display: flex;
    align-items: center;
    gap: var(--imkj-space-2);
    font-size: 0.85rem;
    color: var(--imkj-light-text);
  }
  
  .imkj-tip-item i {
    color: var(--imkj-primary);
  }
  
  .imkj-player-controls {
    display: flex;
    gap: var(--imkj-space-2);
  }
  
  .imkj-control-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--imkj-transition);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05), -2px -2px 5px rgba(255, 255, 255, 0.5);
    color: var(--imkj-light-text);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-control-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .imkj-control-btn:hover {
    transform: translateY(-2px);
    color: var(--imkj-primary);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.08), -3px -3px 6px rgba(255, 255, 255, 0.8);
  }
  
  .imkj-control-btn:hover::after {
    opacity: 1;
  }
  
  .imkj-control-btn:active {
    transform: translateY(0);
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(255, 255, 255, 0.5);
  }
  
  /* 剧集部分 */
  .imkj-section-card {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-lg);
    box-shadow: var(--imkj-shadow-md);
    overflow: hidden;
    margin-bottom: var(--imkj-space-4);
    transition: var(--imkj-transition);
  }
  
  .imkj-section-card:hover {
    box-shadow: var(--imkj-shadow-lg);
  }
  
  .imkj-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--imkj-space-4);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  
  .imkj-section-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--imkj-text);
    position: relative;
    padding-left: var(--imkj-space-3);
  }
  
  .imkj-section-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 18px;
    background: var(--imkj-primary);
    border-radius: 2px;
  }
  
  .imkj-source-tabs {
    display: flex;
    gap: var(--imkj-space-2);
    flex-wrap: wrap;
  }
  
  .imkj-source-tab {
    display: inline-flex;
    align-items: center;
    padding: var(--imkj-space-2) var(--imkj-space-3);
    border-radius: var(--imkj-radius-sm);
    background: rgba(99,124,190,0.85);
    color: var(--imkj-light-text);
    cursor: pointer;
    transition: var(--imkj-transition);
    position: relative;
    overflow: hidden;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.03), -2px -2px 5px rgba(255, 255, 255, 0.3);
  }
  
  .imkj-source-tab::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    border-radius: var(--imkj-radius-sm);
  }
  
  .imkj-source-tab:hover {
    color: var(--imkj-primary);
    transform: translateY(-2px);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05), -3px -3px 6px rgba(255, 255, 255, 0.5);
  }
  
  .imkj-source-tab:hover::after {
    opacity: 1;
  }
  
  .imkj-source-tab.imkj-active {
    background: var(--imkj-primary);
    color: white;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(255, 255, 255, 0.1);
  }
  
  .imkj-source-tab em {
    margin-left: var(--imkj-space-2);
    font-style: normal;
    font-size: 0.8rem;
    opacity: 0.8;
  }
  
  .imkj-episode-content {
    padding: var(--imkj-space-4);
  }
  
  .imkj-episode-list {
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: var(--imkj-space-3);
  }
  
  .imkj-episode-list.imkj-active {
    display: grid;
  }
  
  .imkj-episode-item {
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-sm);
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    color: var(--imkj-text);
    font-size: 0.9rem;
    text-decoration: none;
    transition: var(--imkj-transition);
    overflow: hidden;
  }
  
  .imkj-episode-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .imkj-episode-item:hover {
    transform: translateY(-2px);
    color: var(--imkj-primary);
    box-shadow: 4px 4px 8px #d1d1d1, -4px -4px 8px #ffffff;
  }
  
  .imkj-episode-item:hover::after {
    opacity: 1;
  }
  
  .imkj-episode-item.imkj-active {
    background: var(--imkj-primary);
    color: white;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(255, 255, 255, 0.1);
  }
  
  .imkj-episode-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 0.7rem;
    color: white;
    background: #ff6b6b;
    crja-index: 2;
    font-style: normal;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  .imkj-section-footer {
    padding: var(--imkj-space-3) var(--imkj-space-4);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  
  .imkj-navigation-wrapper {
    display: flex;
    gap: var(--imkj-space-2);
  }
  
  .imkj-play-nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--imkj-space-2);
    padding: var(--imkj-space-2) var(--imkj-space-4);
    border-radius: var(--imkj-radius-sm);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    color: var(--imkj-text);
    text-decoration: none;
    transition: var(--imkj-transition);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05), -2px -2px 5px rgba(255, 255, 255, 0.5);
    position: relative;
    overflow: hidden;
    flex: 1;
    min-width: 100px;
    font-size: 0.9rem;
  }
  
  .imkj-play-nav-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .imkj-play-nav-btn:hover {
    transform: translateY(-2px);
    color: var(--imkj-primary);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.08), -3px -3px 6px rgba(255, 255, 255, 0.8);
  }
  
  .imkj-play-nav-btn:hover::after {
    opacity: 1;
  }
  
  .imkj-play-nav-btn.imkj-disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  
  /* 视频信息部分 */
  .imkj-info-grid {
    display: grid;
    grid-template-columns: 180px 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: 
      "poster detail"
      "plot plot";
    gap: var(--imkj-space-4);
    padding: var(--imkj-space-4);
  }
  
  .imkj-info-poster {
    grid-area: poster;
  }
  
  .imkj-info-detail {
    grid-area: detail;
  }
  
  .imkj-info-plot {
    grid-area: plot;
  }
  
  .imkj-poster-box {
    width: 100%;
    height: 260px;
    border-radius: var(--imkj-radius-md);
    overflow: hidden;
    box-shadow: 5px 5px 10px #d9d9d9, -5px -5px 10px #ffffff;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    position: relative;
  }
  
  .imkj-poster-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  
  .imkj-poster-box:hover .imkj-poster-img {
    transform: scale(1.05);
  }
  
  .imkj-info-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--imkj-text);
    margin-bottom: var(--imkj-space-1);
  }
  
  .imkj-info-subtitle {
    font-size: 1rem;
    color: var(--imkj-light-text);
    margin-bottom: var(--imkj-space-3);
    font-weight: 400;
  }
  
  .imkj-info-meta {
    display: flex;
    flex-direction: column;
    gap: var(--imkj-space-2);
  }
  
  .imkj-meta-row {
    display: flex;
    font-size: 0.95rem;
  }
  
  .imkj-meta-label {
    width: 60px;
    color: var(--imkj-light-text);
    flex-shrink: 0;
  }
  
  .imkj-meta-value {
    color: var(--imkj-text);
    flex: 1;
  }
  
  .imkj-meta-value a {
    color: var(--imkj-text);
    text-decoration: none;
    margin-right: var(--imkj-space-2);
    position: relative;
    transition: var(--imkj-transition);
  }
  
  .imkj-meta-value a:hover {
    opacity: 0.8;
  }
  
  .imkj-plot-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--imkj-space-3);
  }
  
  .imkj-plot-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--imkj-text);
  }
  
  .imkj-plot-content {
    position: relative;
    max-height: 200px;
    overflow: hidden;
    transition: max-height 0.5s ease;
  }
  
  .imkj-plot-content.imkj-expanded {
    max-height: 1000px;
  }
  
  .imkj-plot-content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
  
  .imkj-plot-content.imkj-expanded::after {
    opacity: 0;
  }
  
  .imkj-plot-text {
    font-size: 0.95rem;
    color: var(--imkj-text);
    line-height: 1.8;
  }
  
  /* 相关推荐部分 */
  .imkj-related-content {
    padding: var(--imkj-space-4);
  }
  
  /* 响应式调整 */
  @media (max-width: 992px) {
    .imkj-player-header {
      flex-direction: column;
      align-items: flex-start;
    }
    
    .imkj-player-info {
      margin-bottom: var(--imkj-space-3);
      width: 100%;
    }
    
    .imkj-player-title {
      font-size: 1.2rem;
    }
    
    .imkj-info-grid {
      grid-template-columns: 1fr;
      grid-template-areas: 
        "detail"
        "poster"
        "plot";
    }
    
    .imkj-poster-box {
      max-width: 180px;
      margin: 0 auto;
    }
  }
  
  @media (max-width: 768px) {
    .imkj-player-actions {
      width: 100%;
      justify-content: space-between;
    }
    
    .imkj-action-btn span {
      display: none;
    }
    
    .imkj-action-btn {
      width: 40px;
      padding: var(--imkj-space-2);
      justify-content: center;
    }
    
    .imkj-player-footer {
      flex-direction: column;
      gap: var(--imkj-space-3);
    }
    
    .imkj-player-controls {
      width: 100%;
      justify-content: space-between;
    }
    
    .imkj-episode-list {
      grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
      gap: var(--imkj-space-2);
    }
    
    .imkj-source-tabs {
      margin-top: var(--imkj-space-3);
      width: 100%;
      overflow-x: auto;
      flex-wrap: nowrap;
      padding-bottom: var(--imkj-space-1);
    }
    
    .imkj-source-tab {
      flex-shrink: 0;
    }
    
    .imkj-navigation-wrapper {
      flex-wrap: wrap;
    }
  }
  
  /* 新增图标 */
  .imkj-icon-like {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-refresh {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-fullscreen {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-info {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-list {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z'/%3E%3C/svg%3E");
  }
  
  /* 优化播放页移动端样式 */
  @media (max-width: 768px) {
    .imkj-play-container {
      padding: 0;
    }
    
    .imkj-player-section {
      margin-bottom: var(--imkj-space-3);
    }
    
    .imkj-player-wrapper {
      border-radius: var(--imkj-radius-sm);
      box-shadow: var(--imkj-shadow-sm);
      margin: 0 0 var(--imkj-space-3) 0;
    }
    
    .imkj-player-header {
      flex-direction: column;
      padding: var(--imkj-space-3);
      gap: var(--imkj-space-2);
      align-items: flex-start;
    }
    
    .imkj-player-title {
      font-size: 1rem;
      line-height: 1.4;
      margin-bottom: var(--imkj-space-1);
    }
    
    .imkj-player-actions {
      width: 100%;
      overflow-x: auto;
      padding-bottom: var(--imkj-space-2);
      margin-top: var(--imkj-space-2);
      justify-content: flex-start;
    }
    
    .imkj-action-btn {
      padding: var(--imkj-space-2) var(--imkj-space-3);
      min-width: auto;
    }
    
    .imkj-player-footer {
      padding: var(--imkj-space-2) var(--imkj-space-3);
      flex-direction: column;
      gap: var(--imkj-space-2);
    }
    
    .imkj-player-tips {
      width: 100%;
    }
    
    .imkj-player-controls {
      width: 100%;
      justify-content: space-between;
    }
    
    .imkj-section-card {
      margin-bottom: var(--imkj-space-3);
      padding: var(--imkj-space-3);
      border-radius: var(--imkj-radius-sm);
    }
    
    .imkj-section-header {
      padding: 0 0 var(--imkj-space-3) 0;
    }
    
    .imkj-source-tabs {
      margin-top: var(--imkj-space-2);
      width: 100%;
      overflow-x: auto;
      flex-wrap: nowrap;
      -webkit-overflow-scrolling: touch;
      padding-bottom: var(--imkj-space-1);
    }
    
    .imkj-source-tab {
      flex: 0 0 auto;
      padding: var(--imkj-space-2) var(--imkj-space-3);
      white-space: nowrap;
    }
    
    .imkj-episode-content {
      padding: 0;
    }
    
    .imkj-episode-list {
      padding: 0;
      gap: var(--imkj-space-2);
    }
    
    .imkj-episode-item {
      padding: var(--imkj-space-2);
      font-size: 0.9rem;
    }
    
    .imkj-episode-badge {
      font-size: 0.7rem;
      padding: 2px 4px;
    }
    
    .imkj-section-footer {
      padding-top: var(--imkj-space-3);
    }
    
    .imkj-navigation-wrapper {
      flex-wrap: wrap;
      gap: var(--imkj-space-2);
    }
    
    .imkj-play-nav-btn {
      flex: 1;
      min-width: calc(33% - var(--imkj-space-2));
      padding: var(--imkj-space-2);
      font-size: 0.9rem;
    }
    
    .imkj-video-info-section {
      margin-bottom: var(--imkj-space-3);
    }
    
    .imkj-info-grid {
      grid-template-columns: 1fr;
      gap: var(--imkj-space-3);
    }
    
    .imkj-info-poster {
      display: none;
    }
    
    .imkj-info-detail {
      padding: 0;
    }
    
    .imkj-info-title {
      font-size: 1rem;
      margin-bottom: var(--imkj-space-2);
    }
    
    .imkj-info-meta {
      gap: var(--imkj-space-2);
    }
    
    .imkj-meta-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 2px;
    }
    
    .imkj-info-plot {
      grid-column: 1 / -1;
    }
    
    .imkj-plot-header {
      padding: var(--imkj-space-2) 0;
    }
    
    .imkj-plot-content {
      max-height: 6rem;
    }
    
    .imkj-related-section {
      margin-bottom: var(--imkj-space-3);
    }
    
    .imkj-video-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: var(--imkj-space-2);
    }
  }
  
  /* 超小屏幕优化 (小于480px) */
  @media (max-width: 480px) {
    .imkj-container {
      padding: 0 var(--imkj-space-2);
    }
    
    .imkj-main {
      padding-top: var(--imkj-space-2);
      padding-bottom: var(--imkj-space-4);
    }
    
    .imkj-player-header {
      padding: var(--imkj-space-2);
    }
    
    .imkj-player-title {
      font-size: 0.95rem;
    }
    
    .imkj-action-btn {
      padding: var(--imkj-space-1) var(--imkj-space-2);
      font-size: 0.8rem;
    }
    
    .imkj-action-btn i {
      font-size: 1rem;
    }
    
    .imkj-section-card {
      padding: var(--imkj-space-2);
    }
    
    .imkj-episode-item {
      flex: 0 0 calc(33.333% - var(--imkj-space-2));
      padding: var(--imkj-space-1) 0;
      font-size: 0.85rem;
      justify-content: center;
    }
    
    .imkj-video-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: var(--imkj-space-2);
    }
  }
  
  /* 播放器自适应样式 - 确保在所有设备上保持16:9比例 */
  .imkj-player-box {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9宽高比 */
    overflow: hidden;
    background-color: #637cbe;
  }
  
  .imkj-player-box iframe,
  .imkj-player-box video,
  .imkj-player-box object,
  .imkj-player-box embed,
  .imkj-player-box div {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    object-fit: contain;
    crja-index: 1;
  }
  
  /* 提供对不支持aspect-ratio的浏览器的回退支持 */
  @supports not (aspect-ratio: 16/9) {
    .imkj-player-box {
      height: 0;
    }
  }
  
  /* 播放器响应式调整 */
  @media (max-width: 768px) {
    .imkj-player-wrapper {
      border-radius: var(--imkj-radius-sm);
    }
    
    .imkj-player-header {
      flex-direction: column;
      align-items: flex-start;
      padding: var(--imkj-space-3);
    }
    
    .imkj-player-info {
      width: 100%;
      margin-bottom: var(--imkj-space-2);
    }
    
    .imkj-player-title {
      font-size: 1.1rem;
    }
    
    .imkj-player-actions {
      width: 100%;
      justify-content: space-between;
    }
    
    .imkj-action-btn {
      padding: var(--imkj-space-1) var(--imkj-space-2);
      font-size: 0.8rem;
    }
    
    .imkj-action-btn span {
      display: none;
    }
    
    .imkj-action-btn i {
      margin-right: 0;
    }
    
    .imkj-player-controls {
      padding: var(--imkj-space-2);
    }
    
    .imkj-control-btn {
      width: 32px;
      height: 32px;
    }
  }
  
  @media (max-width: 480px) {
    .imkj-player-header {
      padding: var(--imkj-space-2);
    }
    
    .imkj-player-title {
      font-size: 1rem;
    }
    
    .imkj-player-meta {
      flex-wrap: wrap;
    }
    
    .imkj-meta-item {
      font-size: 0.7rem;
      padding: 2px 6px;
    }
    
    .imkj-player-controls {
      padding: var(--imkj-space-1);
    }
    
    .imkj-control-btn {
      width: 28px;
      height: 28px;
    }
    
    .imkj-play-container {
      gap: var(--imkj-space-2);
    }
  }
  
  @media (min-width: 992px) {
    .imkj-play-container {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
      grid-template-areas: 
        "player sidebar"
        "info sidebar"
        "related related";
    }
    
    .imkj-player-section {
      grid-area: player;
    }
    
    .imkj-episode-section {
      grid-area: sidebar;
    }
    
    .imkj-video-info-section {
      grid-area: info;
    }
    
    .imkj-related-section {
      grid-area: related;
    }
  }
  
  /* 确保视频播放控制按钮在小屏幕上更易于点击 */
  @media (max-width: 480px) {
    .imkj-control-btn {
      width: 36px;
      height: 36px;
    }
    
    .imkj-tip-item {
      font-size: 0.8rem;
    }
    
    .imkj-tip-item i {
      font-size: 0.9rem;
    }
  }
  
  /* 搜索页样式 */
  .imkj-search-page {
    padding: var(--imkj-space-5) 0;
    background-color: var(--imkj-background);
    min-height: 70vh;
  }
  
  .imkj-search-header {
    margin-bottom: var(--imkj-space-5);
    padding: var(--imkj-space-4);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-md);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05), -5px -5px 10px rgba(255, 255, 255, 0.8);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-search-info {
    display: flex;
    flex-direction: column;
    gap: var(--imkj-space-2);
  }
  
  .imkj-search-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--imkj-text);
    display: flex;
    align-items: center;
    gap: var(--imkj-space-2);
    margin-bottom: var(--imkj-space-2);
  }
  
  .imkj-search-title i {
    color: var(--imkj-primary);
    font-size: 1.2em;
  }
  
  .imkj-search-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--imkj-space-3);
    color: var(--imkj-light-text);
    font-size: 0.95rem;
    align-items: center;
  }
  
  .imkj-search-keyword {
    color: var(--imkj-primary);
    font-weight: 500;
  }
  
  .imkj-search-count {
    background: rgba(99,124,190,0.85);
    padding: 4px 12px;
    border-radius: var(--imkj-radius-sm);
    display: inline-flex;
    align-items: center;
  }
  
  .imkj-search-count em {
    font-style: normal;
    font-weight: 600;
    color: var(--imkj-primary);
    margin: 0 4px;
  }
  
  .imkj-related-searches {
    margin-top: var(--imkj-space-4);
    padding-top: var(--imkj-space-3);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  
  .imkj-related-title {
    font-size: 0.9rem;
    color: var(--imkj-light-text);
    margin-bottom: var(--imkj-space-2);
  }
  
  .imkj-related-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--imkj-space-2);
  }
  
  .imkj-related-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: var(--imkj-radius-sm);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05), -3px -3px 6px rgba(255, 255, 255, 0.8);
    color: var(--imkj-light-text);
    font-size: 0.85rem;
    transition: var(--imkj-transition);
    position: relative;
    overflow: hidden;
  }
  
  .imkj-related-tag::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.03), inset -2px -2px 4px rgba(255, 255, 255, 0.8);
    border-radius: var(--imkj-radius-sm);
    opacity: 0;
    transition: var(--imkj-transition);
    crja-index: -1;
  }
  
  .imkj-related-tag:hover {
    color: var(--imkj-primary);
    transform: translateY(-2px);
  }
  
  .imkj-related-tag:hover::after {
    opacity: 1;
  }
  
  .imkj-related-tag i {
    color: var(--imkj-primary);
    font-size: 1em;
  }
  
  /* 排序栏样式 */
  .imkj-sort-bar {
    display: flex;
    align-items: center;
    gap: var(--imkj-space-3);
    padding: var(--imkj-space-3) var(--imkj-space-4);
    margin-bottom: var(--imkj-space-4);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-md);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.03), -3px -3px 6px rgba(255, 255, 255, 0.8);
  }
  
  .imkj-sort-text {
    color: var(--imkj-light-text);
    font-size: 0.9rem;
  }
  
  .imkj-sort-options {
    display: flex;
    gap: var(--imkj-space-2);
  }
  
  .imkj-sort-option {
    display: inline-flex;
    align-items: center;
    gap: var(--imkj-space-2);
    padding: 6px 12px;
    border-radius: var(--imkj-radius-sm);
    font-size: 0.9rem;
    color: var(--imkj-light-text);
    position: relative;
    transition: var(--imkj-transition);
    overflow: hidden;
  }
  
  .imkj-sort-option::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05), -3px -3px 6px rgba(255, 255, 255, 0.8);
    border-radius: var(--imkj-radius-sm);
    opacity: 0;
    transition: var(--imkj-transition);
    crja-index: -1;
  }
  
  .imkj-sort-option:hover {
    color: var(--imkj-primary);
  }
  
  .imkj-sort-option:hover::after {
    opacity: 1;
  }
  
  .imkj-sort-option.imkj-active {
    /*color: var(--imkj-primary);*/
    font-weight: 500;
  }
  
  .imkj-sort-option.imkj-active::after {
    opacity: 1;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.03), inset -2px -2px 4px rgba(255, 255, 255, 0.8);
  }
  
  .imkj-sort-option i {
    font-size: 1.1em;
  }
  
  /* 搜索结果容器 */
  .imkj-search-results {
    padding: var(--imkj-space-1);
  }
  
  /* 无结果状态 */
  .imkj-no-results {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--imkj-space-6) var(--imkj-space-4);
    gap: var(--imkj-space-4);
  }
  
  .imkj-no-results-icon {
    width: 120px;
    height: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a6cf7' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3Cline x1='8' y1='11' x2='14' y2='11'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.7;
  }
  
  .imkj-no-results-text h3 {
    font-size: 1.25rem;
    color: var(--imkj-text);
    margin-bottom: var(--imkj-space-2);
  }
  
  .imkj-no-results-text p {
    color: var(--imkj-light-text);
    font-size: 0.95rem;
  }
  
  /* 响应式调整 */
  @media (max-width: 768px) {
    .imkj-search-header {
      padding: var(--imkj-space-3);
    }
    
    .imkj-search-title {
      font-size: 1.25rem;
    }
    
    .imkj-search-meta {
      flex-direction: column;
      align-items: flex-start;
      gap: var(--imkj-space-2);
    }
    
    .imkj-sort-bar {
      flex-direction: column;
      align-items: flex-start;
      gap: var(--imkj-space-2);
    }
    
    .imkj-sort-options {
      width: 100%;
      justify-content: space-between;
    }
    
    .imkj-sort-option {
      flex: 1;
      justify-content: center;
    }
    
    .imkj-related-tags {
      gap: var(--imkj-space-2);
    }
    
    .imkj-related-tag {
      padding: 4px 8px;
      font-size: 0.8rem;
    }
    
    .imkj-no-results-icon {
      width: 80px;
      height: 80px;
    }
  }
  
  @media (max-width: 480px) {
    .imkj-related-tag {
      flex: 1;
      justify-content: center;
    }
  }
  
  /* 分页样式 -  */
  .module-footer {
    margin: var(--imkj-space-5) 0;
    display: flex;
    justify-content: center;
  }
  
  #page {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--imkj-space-2);
    padding: var(--imkj-space-3);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-md);
    box-shadow: var(--imkj-shadow-sm);
    max-width: 100%;
    overflow-x: auto;
    position: relative;
  }
  
  #page a,
  #page .page-current {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 var(--imkj-space-2);
    border-radius: var(--imkj-radius-sm);
    font-size: 0.95rem;
    transition: var(--imkj-transition);
    position: relative;
    overflow: hidden;
    text-decoration: none;
  }
  
  #page a {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    color: var(--imkj-light-text);
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
  }
  
  #page a::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    border-radius: var(--imkj-radius-sm);
  }
  
  #page a:hover {
    color: var(--imkj-primary);
    transform: translateY(-2px);
    box-shadow: 4px 4px 8px #d1d1d1, -4px -4px 8px #ffffff;
  }
  
  #page a:hover::after {
    opacity: 1;
  }
  
  #page .page-current {
    background: var(--imkj-primary);
    color: white;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(255, 255, 255, 0.1);
  }
  
  #page .page-previous,
  #page .page-next {
    padding: 0 var(--imkj-space-3);
    font-weight: 500;
  }
  
  #page .display {
    display: flex;
  }
  
  @media (max-width: 768px) {
    #page {
      padding: var(--imkj-space-2);
      gap: var(--imkj-space-1);
    }
    
    #page a,
    #page .page-current {
      min-width: 36px;
      height: 36px;
      font-size: 0.85rem;
    }
    
    #page .page-previous,
    #page .page-next {
      padding: 0 var(--imkj-space-2);
    }
    
    #page .display:not(.page-current) {
      display: none;
    }
    
    #page .display.page-current {
      display: flex;
    }
  }
  
  @media (max-width: 480px) {
    #page {
      gap: calc(var(--imkj-space-1) / 2);
    }
    
    #page a,
    #page .page-current {
      min-width: 32px;
      height: 32px;
      font-size: 0.8rem;
    }
  }
  
  /* 暗色模式下的分页样式 */
  .imkj-dark-mode .module-footer #page {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
  }
  
  .imkj-dark-mode #page a {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    color: #a0a0a0;
    box-shadow: 3px 3px 6px #0f0f0f, -3px -3px 6px #252525;
  }
  
  .imkj-dark-mode #page a:hover {
    color: var(--imkj-primary);
    box-shadow: 4px 4px 8px #0a0a0a, -4px -4px 8px #2a2a2a;
  }
  
  .imkj-dark-mode #page .page-current {
    background: var(--imkj-primary);
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.2), inset -2px -2px 5px rgba(255, 255, 255, 0.05);
  }
  
  /* 首页样式 */
  :root {
    --imkj-primary-color: #3a7bec;
    --imkj-text-color: #000000;
    --imkj-bg-color: #6c88d1;
    --imkj-card-bg: #596fab;
    --imkj-shadow-sm: 4px 4px 10px rgba(0, 0, 0, 0.05), -4px -4px 10px rgba(255, 255, 255, 0.8);
    --imkj-shadow-md: 8px 8px 20px rgba(0, 0, 0, 0.08), -8px -8px 20px rgba(255, 255, 255, 0.8);
    --imkj-shadow-lg: 12px 12px 30px rgba(0, 0, 0, 0.1), -12px -12px 30px rgba(255, 255, 255, 0.8);
    --imkj-shadow-inset: inset 4px 4px 10px rgba(0, 0, 0, 0.05), inset -4px -4px 10px rgba(255, 255, 255, 0.8);
    --imkj-radius-sm: 8px;
    --imkj-radius-md: 12px;
    --imkj-radius-lg: 20px;
    --imkj-spacing-sm: 10px;
    --imkj-spacing-md: 20px;
    --imkj-spacing-lg: 30px;
  }
  
  body {
    background-color: var(--imkj-bg-color);
    color: var(--imkj-text-color);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  }
  
  /* 英雄区样式 */
  .imkj-hero-section {
    position: relative;
    padding: var(--imkj-spacing-lg) 0;
    margin-bottom: var(--imkj-spacing-lg);
    overflow: hidden;
  }
  
  .imkj-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    opacity: 0.1;
    crja-index: 1;
  }
  
  .imkj-hero-content {
    position: relative;
    crja-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--imkj-spacing-md);
  }
  
  .imkj-hero-container {
    text-align: center;
  }
  
  .imkj-hero-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: var(--imkj-spacing-sm);
    color: var(--imkj-text-color);
  }
  
  .imkj-hero-subtitle {
    font-size: 1.2rem;
    margin-bottom: var(--imkj-spacing-lg);
    color: var(--imkj-text-color);
    opacity: 0.8;
  }
  
  .imkj-hero-search {
    max-width: 600px;
    margin: 0 auto var(--imkj-spacing-lg);
  }
  
  .imkj-hero-search-box {
    display: flex;
    background: var(--imkj-card-bg);
    border-radius: var(--imkj-radius-lg);
    box-shadow: var(--imkj-shadow-md);
    padding: var(--imkj-spacing-sm);
  }
  
  .imkj-hero-search-input {
    flex: 1;
    border: none;
    background: none;
    padding: var(--imkj-spacing-sm) var(--imkj-spacing-md);
    font-size: 1rem;
    color: var(--imkj-text-color);
  }
  
  .imkj-hero-search-input:focus {
    outline: none;
  }
  
  .imkj-hero-search-btn {
    background: var(--imkj-primary-color);
    border: none;
    border-radius: var(--imkj-radius-md);
    padding: var(--imkj-spacing-sm) var(--imkj-spacing-md);
    color: white;
    cursor: pointer;
    transition: transform 0.2s;
  }
  
  .imkj-hero-search-btn:hover {
    transform: translateY(-2px);
  }
  
  .imkj-hero-tags {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--imkj-spacing-sm);
  }
  
  .imkj-hero-tags-title {
    color: var(--imkj-text-color);
    opacity: 0.8;
  }
  
  .imkj-hero-tag {
    display: inline-block;
    padding: 6px 12px;
    background: var(--imkj-card-bg);
    border-radius: var(--imkj-radius-sm);
    box-shadow: var(--imkj-shadow-sm);
    color: var(--imkj-text-color);
    text-decoration: none;
    transition: all 0.3s;
  }
  
  .imkj-hero-tag:hover {
    transform: translateY(-2px);
    box-shadow: var(--imkj-shadow-md);
  }
  
  /* 特色内容区样式 */
  .imkj-featured-section {
    max-width: 1200px;
    margin: 0 auto var(--imkj-spacing-lg);
    padding: 0 var(--imkj-spacing-md);
  }
  
  .imkj-featured-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: var(--imkj-spacing-md);
  }
  
  /* 使用最新更新区域的卡片样式 */
  .imkj-latest-item {
    background: var(--imkj-card-bg);
    border-radius: var(--imkj-radius-md);
    box-shadow: var(--imkj-shadow-md);
    overflow: hidden;
    transition: all 0.3s;
  }
  
  .imkj-latest-item:hover {
    transform: translateY(-3px);
    box-shadow: var(--imkj-shadow-lg);
  }
  
  .imkj-latest-link {
    display: block;
    color: var(--imkj-text-color);
    text-decoration: none;
  }
  
  .imkj-latest-poster {
    position: relative;
    padding-top: 140%;
  }
  
  .imkj-latest-poster img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .imkj-latest-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px 8px;
    background: rgba(99,124,190,0.85);
    color: white;
    border-radius: var(--imkj-radius-sm);
    font-size: 0.8rem;
  }
  
  .imkj-latest-info {
    padding: var(--imkj-spacing-sm);
  }
  
  .imkj-latest-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 5px;
    color: var(--imkj-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .imkj-latest-meta {
    font-size: 0.9rem;
    color: var(--imkj-text-color);
    opacity: 0.8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  /* 响应式调整 */
  @media (max-width: 768px) {
    .imkj-featured-grid {
      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
      gap: var(--imkj-spacing-sm);
    }
    
    .imkj-latest-title {
      font-size: 0.9rem;
    }
    
    .imkj-latest-meta {
      font-size: 0.8rem;
    }
  }
  
  /* 分类导航区样式 */
  .imkj-category-section {
    max-width: 1200px;
    margin: 0 auto var(--imkj-spacing-lg);
    padding: 0 var(--imkj-spacing-md);
  }
  
  .imkj-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: var(--imkj-spacing-sm);
  }
  
  .imkj-category-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--imkj-spacing-sm) var(--imkj-spacing-md);
    background: var(--imkj-card-bg);
    border-radius: var(--imkj-radius-md);
    box-shadow: var(--imkj-shadow-sm);
    text-decoration: none;
    color: var(--imkj-text-color);
    transition: all 0.3s;
    text-align: center;
    font-size: 0.95rem;
    font-weight: 500;
  }
  
  .imkj-category-item:hover {
    transform: translateY(-3px);
    box-shadow: var(--imkj-shadow-md);
    color: var(--imkj-primary-color);
  }
  
  .imkj-category-item span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  @media (max-width: 768px) {
    .imkj-category-grid {
      grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
      gap: var(--imkj-spacing-sm);
    }
    
    .imkj-category-item {
      padding: var(--imkj-spacing-sm);
      font-size: 0.9rem;
    }
  }
  
  /* 最新更新区样式 */
  .imkj-latest-section {
    max-width: 1200px;
    margin: 0 auto var(--imkj-spacing-lg);
    padding: 0 var(--imkj-spacing-md);
  }
  
  .imkj-tab-nav {
    display: flex;
    gap: var(--imkj-spacing-sm);
  }
  
  .imkj-tab-item {
    padding: 8px 16px;
    background: var(--imkj-card-bg);
    border-radius: var(--imkj-radius-sm);
    box-shadow: var(--imkj-shadow-sm);
    color: var(--imkj-text-color);
    cursor: pointer;
    transition: all 0.3s;
  }
  
  .imkj-tab-item:hover {
    box-shadow: var(--imkj-shadow-md);
  }
  
  .imkj-tab-item.active {
    background: var(--imkj-primary-color);
    color: white;
  }
  
  .imkj-latest-grid {
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--imkj-spacing-md);
    margin-top: var(--imkj-spacing-md);
  }
  
  .imkj-latest-grid.active {
    display: grid;
  }
  
  .imkj-latest-item {
    background: var(--imkj-card-bg);
    border-radius: var(--imkj-radius-md);
    box-shadow: var(--imkj-shadow-md);
    overflow: hidden;
    transition: all 0.3s;
  }
  
  .imkj-latest-item:hover {
    transform: translateY(-3px);
    box-shadow: var(--imkj-shadow-lg);
  }
  
  .imkj-latest-poster {
    position: relative;
    padding-top: 140%;
  }
  
  .imkj-latest-poster img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .imkj-latest-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px 8px;
    background: rgba(99,124,190,0.85);
    color: white;
    border-radius: var(--imkj-radius-sm);
    font-size: 0.8rem;
  }
  
  .imkj-latest-info {
    padding: var(--imkj-spacing-sm);
  }
  
  .imkj-latest-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 5px;
    color: var(--imkj-text-color);
  }
  
  .imkj-latest-meta {
    font-size: 0.9rem;
    color: var(--imkj-text-color);
    opacity: 0.8;
  }
  
  /* 排行榜区样式 */
  .imkj-rank-section {
    max-width: 1200px;
    margin: 0 auto var(--imkj-spacing-lg);
    padding: 0 var(--imkj-spacing-md);
  }
  
  .imkj-rank-list {
    display: none;
    background: var(--imkj-card-bg);
    border-radius: var(--imkj-radius-md);
    box-shadow: var(--imkj-shadow-md);
    padding: var(--imkj-spacing-md);
    margin-top: var(--imkj-spacing-md);
  }
  
  .imkj-rank-list.active {
    display: block;
  }
  
  .imkj-rank-item {
    display: flex;
    align-items: center;
    padding: var(--imkj-spacing-sm);
    border-radius: var(--imkj-radius-sm);
    transition: all 0.3s;
    margin-bottom: 8px;
  }
  
  .imkj-rank-item:hover {
    background: rgba(99,124,190,0.85);
  }
  
  .imkj-rank-num {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: var(--imkj-spacing-sm);
    font-weight: 500;
    color: var(--imkj-light-text);
    background: var(--imkj-bg-color);
    transition: all 0.3s;
  }
  
  .imkj-rank-num.top-1 {
    background: #FFD700;
    color: white;
  }
  
  .imkj-rank-num.top-2 {
    background: #C0C0C0;
    color: white;
  }
  
  .imkj-rank-num.top-3 {
    background: #CD7F32;
    color: white;
  }
  
  .imkj-rank-info {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .imkj-rank-title {
    font-weight: 500;
    color: var(--imkj-text-color);
    text-decoration: none;
    transition: color 0.3s;
    flex: 1;
    margin-right: var(--imkj-spacing-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .imkj-rank-title:hover {
    color: var(--imkj-primary-color);
  }
  
  .imkj-rank-score {
    color: var(--imkj-primary-color);
    font-weight: 500;
    font-size: 0.9em;
    flex-shrink: 0;
  }
  
  /* 响应式调整 */
  @media (max-width: 768px) {
    .imkj-rank-item {
      padding: var(--imkj-spacing-sm) var(--imkj-spacing-sm);
    }
    
    .imkj-rank-num {
      width: 20px;
      height: 20px;
      font-size: 0.9em;
    }
    
    .imkj-rank-title {
      font-size: 0.9em;
    }
    
    .imkj-rank-score {
      font-size: 0.8em;
    }
  }
  
  /* 动画效果 */
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .imkj-hero-section,
  .imkj-featured-section,
  .imkj-category-section,
  .imkj-latest-section,
  .imkj-rank-section {
    animation: fadeIn 0.8s ease-out forwards;
  }
  
  /* 移动端底部导航图标 */
  .imkj-icon-home {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-movie {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18 4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4h-4z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-tv {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-show {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-anime {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-user {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
  }
  
  /* 移动端底部导航样式优化 */
  .imkj-mobile-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--imkj-card-bg);
    border-top: 1px solid var(--imkj-border-color);
    padding: 8px 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    crja-index: 1000;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
  }
  
  .imkj-mobile-footer-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: var(--imkj-text-secondary);
    font-size: 12px;
    transition: color 0.3s ease;
  }
  
  .imkj-mobile-footer-item i {
    font-size: 20px;
    margin-bottom: 4px;
    transition: transform 0.3s ease;
  }
  
  .imkj-mobile-footer-item span {
    line-height: 1.2;
  }
  
  .imkj-mobile-footer-item:hover,
  .imkj-mobile-footer-item.active {
    color: var(--imkj-primary);
  }
  
  .imkj-mobile-footer-item:hover i,
  .imkj-mobile-footer-item.active i {
    transform: translateY(-2px);
  }
  
  @media (min-width: 769px) {
    .imkj-mobile-footer {
      display: none;
    }
  }
  
  /* 移动端底部导航图标 */
  .imkj-icon-type-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18 4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4h-4z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-type-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-type-3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
  }
  
  .imkj-icon-type-4 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z'/%3E%3C/svg%3E");
  }
  
  /* 视频详情页选集样式 */
  .imkj-playlist-section {
    margin-bottom: var(--imkj-space-4);
  }
  
  .imkj-tabs-header {
    display: flex;
    gap: var(--imkj-space-2);
    margin-bottom: var(--imkj-space-3);
    overflow-x: auto;
    padding-bottom: var(--imkj-space-2);
    -webkit-overflow-scrolling: touch;
  }
  
  .imkj-tab-item {
    display: inline-flex;
    align-items: center;
    padding: var(--imkj-space-2) var(--imkj-space-3);
    border-radius: var(--imkj-radius-sm);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    color: var(--imkj-light-text);
    cursor: pointer;
    transition: var(--imkj-transition);
    position: relative;
    white-space: nowrap;
  }
  
  .imkj-tab-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    border-radius: var(--imkj-radius-sm);
  }
  
  .imkj-tab-item:hover {
    transform: translateY(-2px);
    color: var(--imkj-primary);
    box-shadow: 4px 4px 8px #d1d1d1, -4px -4px 8px #ffffff;
  }
  
  .imkj-tab-item:hover::after {
    opacity: 1;
  }
  
  .imkj-tab-item.imkj-active {
    background: var(--imkj-primary);
    color: white;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(255, 255, 255, 0.1);
  }
  
  .imkj-tab-item em {
    margin-left: var(--imkj-space-2);
    font-style: normal;
    font-size: 0.8rem;
    opacity: 0.8;
    background: rgba(99,124,190,0.85);
    padding: 2px 6px;
    border-radius: var(--imkj-radius-sm);
  }
  
  .imkj-playlist-box {
    display: none;
  }
  
  .imkj-playlist-box.imkj-active {
    display: block;
  }
  
  .imkj-episode-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: var(--imkj-space-2);
    padding: var(--imkj-space-2);
  }

  
  .imkj-episode-item {
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    border-radius: var(--imkj-radius-sm);
    box-shadow: 3px 3px 6px #d9d9d9, -3px -3px 6px #ffffff;
    color: var(--imkj-text);
    text-decoration: none;
    font-size: 0.9rem;
    transition: var(--imkj-transition);
    overflow: hidden;
  }
  
  .imkj-episode-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at var(--x, 50%) var(--y, 50%),
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .imkj-episode-item:hover {
    transform: translateY(-2px);
    color: var(--imkj-primary);
    box-shadow: 4px 4px 8px #d1d1d1, -4px -4px 8px #ffffff;
  }
  
  .imkj-episode-item:hover::after {
    opacity: 1;
  }
  
  .imkj-episode-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 0.7rem;
    color: white;
    background: #ff6b6b;
    crja-index: 2;
    font-style: normal;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  .imkj-vip-badge {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
  }
  
  .imkj-new-badge {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
  }
  
  .imkj-preview-badge {
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
  }
  
  /* 响应式调整 */
  @media (max-width: 768px) {
    .imkj-episode-list {
      grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
      gap: var(--imkj-space-2);
    }
    
    .imkj-episode-item {
      height: 36px;
      font-size: 0.85rem;
    }
    
    .imkj-tab-item {
      padding: var(--imkj-space-2);
      font-size: 0.9rem;
    }
    
    .imkj-tab-item em {
      font-size: 0.75rem;
      padding: 1px 4px;
    }
  }
  
  @media (max-width: 480px) {
    .imkj-episode-list {
      grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
      gap: calc(var(--imkj-space-2) / 2);
    }
    
    .imkj-episode-item {
      height: 32px;
      font-size: 0.8rem;
    }
  }
  
  .imkj-filter-container .imkj-category-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--imkj-space-2);
    padding: var(--imkj-space-3) 0;
  }
  
  .imkj-filter-container .imkj-category-item {
    position: relative;
  }
  
  .imkj-filter-container .imkj-category-item a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--imkj-space-2) var(--imkj-space-3);
    color: var(--imkj-light-text);
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    transition: var(--imkj-transition);
    border-radius: var(--imkj-radius-sm);
    background: linear-gradient(to right, rgba(99,124,190,0.9), rgba(99,124,190,0.7));
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.05), inset -2px -2px 5px rgba(255, 255, 255, 0.5);
  }
  
  .imkj-filter-container .imkj-category-item a:hover {
    color: var(--imkj-primary);
    transform: translateY(-2px);
    box-shadow: var(--imkj-shadow-sm);
  }
  
  .imkj-filter-container .imkj-category-item.imkj-active a {
    color: white;
    background: var(--imkj-primary);
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(255, 255, 255, 0.1);
  }
  
  .imkj-filter-container .imkj-category-item span {
    display: block;
    white-space: nowrap;
  }
  
  .imkj-filter-container .imkj-all-item a {
    color: var(--imkj-primary);
  }
  
  /* 响应式调整 */
  @media (max-width: 768px) {
    .imkj-filter-container .imkj-category-list {
      gap: var(--imkj-space-2);
      padding: var(--imkj-space-2) 0;
    }
    
    .imkj-filter-container .imkj-category-item a {
      padding: var(--imkj-space-1) var(--imkj-space-2);
      font-size: 0.85rem;
    }
  }
  
  .imkj-category-list .imkj-category-item a {
    background: var(--imkj-card-bg) !important;
    box-shadow: none !important;
    border: none !important;
  }
  
  .imkj-category-list .imkj-category-item a:hover,
  .imkj-category-list .imkj-category-item.imkj-active a {
    background: var(--imkj-primary) !important;
    color: #fff !important;
    box-shadow: none !important;
  }
  
  /* 添加懒加载背景图片样式 */
  .lazy-load {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 0.3s ease;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
  }
  
  .lazy-load.loaded {
    opacity: 1;
  }
  
  .imkj-video-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    overflow: hidden;
  }
  
  /* 修复详情页海报样式 */
  .imkj-poster-img.lazy-load {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }