/* podium BossV Template */
body{font-family:"Open Sans",sans-serif;margin:0;background-color:#1f1f1f;color:#d6d6d6}
a{color:#d6d6d6;text-decoration:none}
a:hover{color:#fff;text-decoration:none}
img{max-width:100%;height:auto}

/* NAVBAR */
[class~="navbar"]{background-color:#272727;padding:0.6rem 1rem}
[class~="navbar-brand"]{font-family:"Pacifico",cursive;font-size:1.6rem;color:#fff!important;padding:0}
[class~="navbar-brand"]:hover{color:#ff9d00!important}
[class~="nav-top-search"]{display:flex;align-items:center;gap:0.5rem}
[class~="nav-top-search"] input{background:#3a3a3a;border:1px solid #444;color:#fff;padding:0.3rem 0.8rem;border-radius:20px;font-size:0.85rem;outline:none;width:200px}
[class~="nav-top-search"] input::placeholder{color:#888}
[class~="nav-top-search"] button{background:#df4242;border:none;color:#fff;padding:0.3rem 0.8rem;border-radius:20px;cursor:pointer}
[class~="navbar-nav"] [class~="nav-link"]{color:#ccc!important;font-size:0.9rem;padding:0.5rem 0.8rem!important}
[class~="navbar-nav"] [class~="nav-link"]:hover,[class~="navbar-nav"] [class~="nav-link"][class~="active"]{color:#ff9d00!important}
[class~="navbar-toggler"]{border-color:#555}
[class~="navbar-toggler-icon"]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.7)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

/* MAIN CONTENT */
[class~="site-main"]{margin-top:72px;padding:2rem 0}

/* SECTION TITLES */
[class~="section-title"]{font-size:1.3rem;font-weight:700;color:#ececec;border-bottom:3px solid #363636;padding-bottom:0.6rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:0.5px}
[class~="section-title"] [class~="fa"]{color:#ff9d00;margin-right:0.4rem}

/* MOVIE CARDS */
[class~="movie-card"]{background:#000;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 4px 8px rgba(0,0,0,0.4);position:relative;transform:scale(0.97);transition:transform 0.3s ease}
[class~="movie-card"]:hover{transform:scale(1.03)}
[class~="movie-card-img"]{position:relative;overflow:hidden;padding-top:140%}
[class~="movie-card-img"] img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease,transform 0.3s ease}
[class~="movie-card"]:hover [class~="movie-card-img"] img{opacity:0.5;transform:scale(1.1)}
[class~="movie-card-overlay"]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(30px);opacity:0;transition:all 0.3s ease;z-index:3;display:flex;gap:0.5rem}
[class~="movie-card"]:hover [class~="movie-card-overlay"]{opacity:1;transform:translate(-50%,-50%) translateY(0)}
[class~="movie-card-overlay"] a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#0280fc;border-radius:50%;color:#fff;font-size:1.1rem;transition:background 0.2s}
[class~="movie-card-overlay"] a:hover{background:#df4242;color:#fff}
[class~="movie-card-body"]{background:#000;padding:0.6rem 0.8rem}
[class~="movie-card-title"]{font-weight:600;font-size:0.95rem;color:#d6d6d6;margin-bottom:0.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[class~="movie-card-meta"]{display:flex;justify-content:space-between;font-size:0.8rem;color:#949393}
[class~="movie-card-meta"] [class~="rating"] [class~="fa"]{color:#ff9d00;margin-right:0.2rem}
[class~="play-btn"]{position:absolute;bottom:-1.5rem;right:0.8rem;width:3rem;height:3rem;background:#df4242;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 2px 8px rgba(0,0,0,0.5);transition:background 0.2s;z-index:2}
[class~="play-btn"]:hover{background:#ff0011;color:#fff}

/* DETAIL PAGE */
[class~="detail-hero"]{background-color:#181a24;background-size:cover;background-position:center top;background-repeat:no-repeat;position:relative;padding:4rem 0 2rem}
[class~="detail-hero"]::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.78);z-index:1}
[class~="detail-hero"] [class~="container"]{position:relative;z-index:2}
[class~="detail-poster"] img{box-shadow:0 10px 30px rgba(0,0,0,0.6);width:100%;max-width:220px}
[class~="detail-title"]{font-size:2rem;font-weight:700;color:#fff;margin-bottom:0.5rem}
[class~="detail-meta"]{margin-bottom:1rem}
[class~="detail-meta"] span{margin-right:1rem;font-size:0.9rem;color:#aaa}
[class~="detail-meta"] [class~="fa-star"]{color:#ff9d00}
[class~="detail-desc"]{color:#ccc;line-height:1.8;margin-bottom:1.5rem}
[class~="btn-watch"]{display:inline-block;background:#df4242;color:#fff;padding:0.6rem 1.8rem;border-radius:4px;font-weight:600;font-size:0.95rem;transition:background 0.2s}
[class~="btn-watch"]:hover{background:#ff0011;color:#fff}
[class~="btn-trailer"]{display:inline-block;background:#3a3a3a;color:#fff;padding:0.6rem 1.5rem;border-radius:4px;font-weight:600;font-size:0.95rem;margin-left:0.5rem;transition:background 0.2s}
[class~="btn-trailer"]:hover{background:#555;color:#fff}

/* EPISODE LIST */
[class~="episode-section"]{padding:1.5rem 0}
[class~="episode-section"] h4{color:#ececec;border-left:4px solid #df4242;padding-left:0.6rem;margin-bottom:1rem}
[class~="episode-links"]{display:flex;flex-wrap:wrap;gap:0.4rem}
[class~="episode-links"] a{display:inline-block;padding:0.3rem 0.8rem;background:#2a2a2a;color:#ccc;border:1px solid #444;border-radius:3px;font-size:0.82rem;transition:all 0.2s}
[class~="episode-links"] a:hover,[class~="episode-links"] a[class~="active"]{background:#df4242;color:#fff;border-color:#df4242}

/* PLAYER */
[class~="player-wrap"]{position:relative;padding-bottom:56.25%;height:0;background:#000;margin-bottom:1.5rem}
[class~="player-wrap"] iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

/* PAGINATION */
[class~="pagination"]{justify-content:center;margin:2rem 0}
[class~="page-link"]{background:#2a2a2a;border-color:#444;color:#ccc}
[class~="page-link"]:hover,[class~="page-item"][class~="active"] [class~="page-link"]{background:#df4242;border-color:#df4242;color:#fff}

/* SEARCH */
[class~="search-hero"]{background:#272727;padding:2rem;margin-bottom:2rem}
[class~="search-hero"] [class~="input-group"] input{background:#3a3a3a;border-color:#555;color:#fff}
[class~="search-hero"] [class~="input-group"] input::placeholder{color:#888}
[class~="search-hero"] [class~="btn-search"]{background:#df4242;border-color:#df4242;color:#fff}

/* NEWS */
[class~="news-card"]{background:#222;margin-bottom:1.5rem;overflow:hidden}
[class~="news-card"] img{width:100%;height:180px;object-fit:cover;transition:transform 0.3s}
[class~="news-card"]:hover img{transform:scale(1.05)}
[class~="news-card-body"]{padding:1rem}
[class~="news-card-title"] a{color:#d6d6d6;font-size:0.95rem;font-weight:600}
[class~="news-card-title"] a:hover{color:#ff9d00}
[class~="news-card-text"]{color:#888;font-size:0.85rem;margin-top:0.4rem}
[class~="news-card-date"]{font-size:0.78rem;color:#666;margin-top:0.5rem}
[class~="news-article-header"]{background:#181a24;padding:2rem 0}
[class~="news-article-title"]{font-size:1.6rem;font-weight:700;color:#fff}
[class~="news-article-meta"]{color:#888;font-size:0.85rem;margin-top:0.5rem}
[class~="news-article-content"]{color:#ccc;line-height:1.9;padding:2rem 0}
[class~="news-article-content"] img{max-width:100%;margin:1rem 0}

/* RANK */
[class~="rank-item"]{display:flex;align-items:center;background:#222;padding:0.8rem 1rem;margin-bottom:0.5rem;gap:1rem;transition:background 0.2s}
[class~="rank-item"]:hover{background:#2d2d2d}
[class~="rank-num"]{flex:0 0 32px;font-size:1.2rem;font-weight:900;color:#df4242;text-align:center}
[class~="rank-item"]:nth-child(1) [class~="rank-num"],[class~="rank-item"]:nth-child(2) [class~="rank-num"],[class~="rank-item"]:nth-child(3) [class~="rank-num"]{color:#ff9d00}
[class~="rank-poster"]{flex:0 0 40px;height:56px;overflow:hidden}
[class~="rank-poster"] img{width:100%;height:100%;object-fit:cover}
[class~="rank-info"]{flex:1}
[class~="rank-title"]{font-size:0.9rem;font-weight:600;color:#d6d6d6}
[class~="rank-meta"]{font-size:0.78rem;color:#888;margin-top:0.2rem}
[class~="rank-score"]{flex:0 0 50px;text-align:right;font-weight:700;color:#ff9d00}

/* SITEMAP */
[class~="sitemap-block"]{background:#222;padding:1.5rem;margin-bottom:1.5rem}
[class~="sitemap-block"] h5{color:#ececec;border-bottom:2px solid #df4242;padding-bottom:0.4rem;margin-bottom:1rem}
[class~="sitemap-block"] ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0.4rem}
[class~="sitemap-block"] ul a{display:inline-block;padding:0.25rem 0.7rem;background:#2a2a2a;color:#ccc;border:1px solid #444;font-size:0.82rem;transition:all 0.2s}
[class~="sitemap-block"] ul a:hover{background:#df4242;color:#fff;border-color:#df4242}

/* 404 */
[class~="error-box"]{text-align:center;padding:6rem 1rem;color:#d6d6d6}
[class~="error-box"] h1{font-size:8rem;color:#df4242;font-weight:900;line-height:1}
[class~="error-box"] p{font-size:1.2rem;color:#888;margin:1rem 0 2rem}
[class~="error-box"] [class~="btn-home"]{display:inline-block;background:#df4242;color:#fff;padding:0.7rem 2rem;border-radius:4px;font-weight:600}
[class~="error-box"] [class~="btn-home"]:hover{background:#ff0011;color:#fff}

/* FOOTER */
[class~="site-footer"]{background:#272727;color:#888;text-align:center;padding:1.5rem;font-size:0.85rem;margin-top:2rem}
[class~="site-footer"] a{color:#aaa}
[class~="friendly-links"]{margin-top:0.5rem;font-size:0.8rem}
[class~="friendly-links"] a{color:#888;margin:0 0.3rem}

/* Bootstrap nav horizontal layout */
[class~="navbar"] { display: flex !important; align-items: center; flex-wrap: wrap; padding: 0.5rem 1rem; }
[class~="navbar-nav"] { display: flex !important; flex-direction: row !important; list-style: none; padding: 0; margin: 0; gap: 2px; }
[class~="navbar-nav"] > li { list-style: none; }
[class~="navbar-collapse"] { display: flex !important; align-items: center; }
[class~="navbar-toggler"] { display: none; }

/* pic-list grid fix */
ul[class~="pic-list"]{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
@media(max-width:1200px){ul[class~="pic-list"]{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){ul[class~="pic-list"]{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){ul[class~="pic-list"]{grid-template-columns:repeat(2,1fr)}}
ul[class~="pic-list"] li{list-style:none}
[class~="pic-img"]{display:block;overflow:hidden;border-radius:6px;position:relative}
[class~="pic-img"] img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}

/* Logo text fallback */
[class~="logo-text"] {
    font-size: 1.5rem;
    font-weight: 700;
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

/* 相关推荐网格布局 */
[class~="detail-related"] .pic-list,
[class~="detail-related"] [class*="pic-list"] {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 12px !important;
}
[class~="detail-related"] .pic-list li,
[class~="detail-related"] [class*="pic-list"] li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
[class~="detail-related"] .pic-img,
[class~="detail-related"] [class*="pic-img"] {
    display: block !important;
    position: relative !important;
    aspect-ratio: 2/3 !important;
    overflow: hidden !important;
    border-radius: 6px !important;
}
[class~="detail-related"] .pic-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
[class~="detail-related"] .movie-title {
    font-size: 0.85rem !important;
    padding: 4px 0 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
[class~="detail-related"] .movie-title a {
    text-decoration: none !important;
}
@media (max-width: 768px) {
    [class~="detail-related"] .pic-list,
    [class~="detail-related"] [class*="pic-list"] {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}