/* TStream - BossV 版本 */
/* Bootstrap 3 + Font Awesome 4.7 + Dark Gaming Theme */

body {
  background-color: #0e0e10;
  color: #efeff1;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}

a { color: #a970ff; }
a:hover { color: #bf94ff; text-decoration: none; }

/* Background wrapper */
[class~="background"] {
  min-height: 100vh;
  background: #0e0e10;
}

/* Navbar */
[class~="navbar-inverse"] {
  background-color: #18181b;
  border-color: #3a3a3d;
  margin-bottom: 0;
}

[class~="navbar-inverse"] [class~="navbar-brand"] {
  color: #a970ff;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.5px;
}

[class~="navbar-inverse"] [class~="navbar-brand"]:hover { color: #bf94ff; }

[class~="navbar-inverse"] [class~="nav"] > li > a {
  color: #efeff1;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

[class~="navbar-inverse"] [class~="nav"] > li > a:hover,
[class~="navbar-inverse"] [class~="nav"] > li[class~="active"] > a {
  background-color: #26262c;
  color: #a970ff;
}

[class~="navbar-form"] [class~="form-control"] {
  background: #26262c;
  border-color: #3a3a3d;
  color: #efeff1;
  border-radius: 4px 0 0 4px;
}

[class~="navbar-form"] [class~="form-control"]::placeholder { color: #adadb8; }

[class~="navbar-form"] [class~="btn-default"] {
  background: #a970ff;
  border-color: #a970ff;
  color: #fff;
  border-radius: 0 4px 4px 0;
}

/* Hero / Featured */
[class~="intro"] {
  position: relative;
  background: #18181b;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

[class~="intro-bg"] {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.3;
}

[class~="player-wrapper"] {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  background: #000;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 16px;
}

[class~="player-wrapper"] iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border: none;
}

[class~="intro-text"] {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 60px 20px;
}

[class~="intro-text"] h1 {
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  margin-bottom: 16px;
}

[class~="intro-text"] p { color: #adadb8; font-size: 1.1rem; }

/* Content area */
[class~="content"] {
  background: #0e0e10;
  padding: 40px 0;
}

/* Section headers */
[class~="section-title"] {
  font-size: 18px;
  font-weight: 700;
  color: #efeff1;
  border-left: 4px solid #a970ff;
  padding-left: 12px;
  margin-bottom: 20px;
}

/* Movie cards */
[class~="stream-card"] {
  background: #18181b;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
  transition: transform [class~="2s"];
  text-decoration: none;
  display: block;
}

[class~="stream-card"]:hover {
  transform: translateY(-4px);
  text-decoration: none;
}

[class~="stream-card"] [class~="card-thumb"] {
  aspect-ratio: 2/3;
  overflow: hidden;
  position: relative;
}

[class~="stream-card"] [class~="card-thumb"] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform [class~="3s"];
}

[class~="stream-card"]:hover [class~="card-thumb"] img { transform: scale(1.05); }

[class~="stream-card"] [class~="card-info"] {
  padding: 12px;
}

[class~="stream-card"] [class~="card-title"] {
  color: #efeff1;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

[class~="stream-card"] [class~="card-meta"] {
  color: #adadb8;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

[class~="stream-card"] [class~="badge-hd"] {
  background: #a970ff;
  color: #fff;
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 3px;
}

/* Sidebar widget */
[class~="sidebar-widget"] {
  background: #18181b;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
}

[class~="sidebar-widget-title"] {
  font-size: 14px;
  font-weight: 700;
  color: #a970ff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #3a3a3d;
}

/* List items in sidebar */
[class~="rank-item"] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid #26262c;
  text-decoration: none;
  color: #efeff1;
}

[class~="rank-item"]:last-child { border-bottom: none; }
[class~="rank-item"]:hover { color: #a970ff; }

[class~="rank-item"] [class~="rank-num"] {
  width: 24px;
  height: 24px;
  background: #a970ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}

[class~="rank-item"] img { width: 40px; height: 56px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }

[class~="rank-item"] [class~="rank-title"] { font-size: 13px; font-weight: 600; }

/* Pagination */
[class~="pagination"] > li > a, [class~="pagination"] > li > span {
  background: #18181b;
  border-color: #3a3a3d;
  color: #efeff1;
}

[class~="pagination"] > li > a:hover {
  background: #a970ff;
  border-color: #a970ff;
  color: #fff;
}

[class~="pagination"] > [class~="active"] > a {
  background: #a970ff;
  border-color: #a970ff;
}

/* Search */
[class~="search-page"] { padding: 40px 0; }
[class~="search-form-lg"] {
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  border: 2px solid #a970ff;
  margin-bottom: 30px;
}
[class~="search-form-lg"] input {
  flex: 1;
  background: #18181b;
  border: none;
  outline: none;
  padding: 14px 20px;
  color: #efeff1;
  font-size: 15px;
}
[class~="search-form-lg"] button {
  background: #a970ff;
  border: none;
  padding: 14px 24px;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
}

/* 404 */
[class~="not-found"] { text-align: center; padding: 80px 20px; }
[class~="not-found"] [class~="code"] { font-size: 120px; font-weight: 900; color: #a970ff; line-height: 1; }
[class~="not-found"] h1 { font-size: 2rem; color: #efeff1; margin: 20px 0; }

/* Detail page */
[class~="detail-wrap"] { display: flex; gap: 30px; flex-wrap: wrap; padding: 30px 0; }
[class~="detail-poster"] img { width: 220px; border-radius: 8px; }
[class~="detail-info"] { flex: 1; min-width: 280px; }
[class~="detail-info"] h1 { color: #efeff1; font-size: 2rem; font-weight: 700; margin-bottom: 12px; }
[class~="detail-badge"] { background: #26262c; color: #adadb8; padding: 4px 12px; border-radius: 20px; font-size: 12px; display: inline-block; margin: 0 4px 8px 0; }
[class~="detail-rating"] { color: #a970ff; font-weight: 700; font-size: 1.1rem; }
[class~="detail-desc"] { color: #adadb8; line-height: 1.7; margin-bottom: 24px; }
[class~="btn-watch"] { background: #a970ff; color: #fff; border: none; padding: 10px 28px; border-radius: 6px; font-size: 15px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
[class~="btn-watch"]:hover { background: #8a5cf6; color: #fff; }

/* Episode list */
[class~="episode-list"] { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
[class~="episode-list"] a { padding: 6px 14px; background: #26262c; border: 1px solid #3a3a3d; border-radius: 4px; font-size: 13px; color: #efeff1; text-decoration: none; transition: all [class~="2s"]; }
[class~="episode-list"] a:hover { background: #a970ff; color: #fff; border-color: #a970ff; }

/* News */
[class~="news-item"] { display: flex; gap: 16px; padding: 16px; background: #18181b; border-radius: 8px; margin-bottom: 16px; text-decoration: none; color: #efeff1; transition: background [class~="2s"]; }
[class~="news-item"]:hover { background: #26262c; }
[class~="news-item"] img { width: 160px; height: 100px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }
[class~="news-item-title"] { font-size: 16px; font-weight: 600; margin-bottom: 8px; }
[class~="news-item-date"] { font-size: 12px; color: #adadb8; margin-bottom: 8px; }
[class~="news-item-excerpt"] { font-size: 13px; color: #adadb8; }

/* Article */
[class~="article-wrap"] { max-width: 860px; margin: 0 auto; padding: 40px 20px; }
[class~="article-wrap"] h1 { color: #efeff1; font-size: 2rem; font-weight: 700; margin-bottom: 16px; }
[class~="article-meta"] { color: #adadb8; font-size: 13px; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #3a3a3d; }
[class~="article-cover"] { width: 100%; border-radius: 8px; margin-bottom: 24px; }
[class~="article-content"] { color: #adadb8; font-size: 15px; line-height: 1.85; }

/* Footer */
[class~="site-footer"] {
  background: #18181b;
  border-top: 1px solid #3a3a3d;
  padding: 40px 0 20px;
  color: #adadb8;
}

[class~="site-footer"] [class~="footer-logo"] { color: #a970ff; font-size: 20px; font-weight: 900; text-decoration: none; display: block; margin-bottom: 10px; }
[class~="site-footer"] [class~="footer-links"] { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; }
[class~="site-footer"] [class~="footer-links"] a { color: #adadb8; text-decoration: none; font-size: 13px; }
[class~="site-footer"] [class~="footer-links"] a:hover { color: #a970ff; }
[class~="site-footer"] [class~="footer-bottom"] { border-top: 1px solid #3a3a3d; margin-top: 24px; padding-top: 16px; text-align: center; font-size: 12px; }

/* Breadcrumb */
[class~="breadcrumb"] { background: transparent; padding: 12px 0; }
[class~="breadcrumb"] > li + li::before { color: #adadb8; }
[class~="breadcrumb"] a { color: #a970ff; }
[class~="breadcrumb"] [class~="active"] { color: #efeff1; }

/* Responsive */
@media (max-width: 768px) {
  [class~="detail-wrap"] { flex-direction: column; }
  [class~="news-item"] { flex-direction: column; }
  [class~="news-item"] img { width: 100%; height: 180px; }
  [class~="intro-text"] h1 { font-size: 2rem; }
}

/* 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;
    }
}