/* Wave1 - 海洋深蓝 Netflix风格 */
:root{--primary:#0a1628;--secondary:#1E88E5;--accent:#1565C0;--bg:#0a1628;--bg-secondary:#0d1f3c;--card-bg:#14213d;--text:#fff;--text-muted:#64B5F6;--border:#1b3a5f}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}
a{color:var(--secondary);text-decoration:none;transition:color [class~="3s"]}
a:hover{color:var(--text)}
[class~="skip-link"]{position:absolute;top:-100px;left:0;background:var(--secondary);color:var(--primary);padding:10px 20px;z-index:9999;transition:top [class~="3s"]}
[class~="skip-link"]:focus{top:0}
[class~="header"]{background:linear-gradient(180deg,var(--bg) 0%,transparent 100%);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}
[class~="header-inner"]{max-width:1400px;margin:0 auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
[class~="logo"]{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--secondary),var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
[class~="nav"]{display:flex;gap:25px}
[class~="nav"] a{color:var(--text-muted);font-weight:500;padding:5px 0;position:relative}
[class~="nav"] a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--secondary);transition:width [class~="3s"]}
[class~="nav"] a:hover::after{width:100%}
[class~="search-form"]{display:flex;gap:8px}
[class~="search-form"] input{padding:10px 15px;border:1px solid var(--border);border-radius:25px;background:var(--card-bg);color:var(--text);width:200px;outline:none}
[class~="search-form"] input:focus{border-color:var(--secondary)}
[class~="search-form"] button{padding:10px 20px;background:var(--secondary);color:var(--primary);border:none;border-radius:25px;cursor:pointer;font-weight:600}
[class~="hero-carousel"]{padding:20px;max-width:1400px;margin:0 auto}
[class~="hero-slides"]{border-radius:12px;overflow:hidden;background:var(--card-bg);display:flex;flex-direction:column;padding:8px 0}
[class~="hero-slides"] a{display:flex;align-items:center;padding:10px 16px;text-decoration:none;color:inherit;border-bottom:1px solid rgba(255,255,255,0.06);transition:background 0.2s}
[class~="hero-slides"] a:hover{background:rgba(255,255,255,0.05)}
[class~="hero-slides"] i{font-style:normal;width:28px;min-width:28px;font-size:15px;font-weight:700;color:var(--primary,#00bcd4);text-align:center}
[class~="hero-slides"] a:first-child i{color:#ff4757}
[class~="hero-slides"] a:nth-child(2) i{color:#ffa502}
[class~="hero-slides"] a:nth-child(3) i{color:#2ed573}
[class~="hero-slides"] h3{flex:1;margin:0;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[class~="hero-slides"] span{font-size:12px;color:var(--text-muted,#888);margin-left:8px;white-space:nowrap}
[class~="movie-row"]{padding:30px 20px;max-width:1400px;margin:0 auto}
[class~="row-header"]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
[class~="row-header"] h2{font-size:22px}
[class~="more-link"]{color:var(--secondary);font-size:14px}
[class~="horizontal-scroll"]{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px;scrollbar-width:thin;scrollbar-color:var(--secondary) var(--card-bg)}
[class~="horizontal-scroll"]::-webkit-scrollbar{height:6px}
[class~="horizontal-scroll"]::-webkit-scrollbar-track{background:var(--card-bg);border-radius:3px}
[class~="horizontal-scroll"]::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:3px}
[class~="horizontal-scroll"] ul[class~="pic-list"]{display:flex;gap:15px;list-style:none;padding:0;margin:0}
[class~="horizontal-scroll"] [class~="pic-list"] li{flex:0 0 180px;scroll-snap-align:start}
/* Card Elements */
[class~="horizontal-scroll"] [class~="pic-img"]{display:block;position:relative;aspect-ratio:2/3;background:var(--card-bg);border-radius:8px;overflow:hidden}
[class~="horizontal-scroll"] [class~="pic-img"] img{width:100%;height:100%;object-fit:cover}
[class~="horizontal-scroll"] [class~="pic-img"] [class~="score"]{position:absolute;top:6px;left:6px;background:var(--secondary);color:var(--primary);font-size:0.7rem;padding:2px 6px;border-radius:4px;font-weight:600}
[class~="horizontal-scroll"] [class~="pic-img"] [class~="tips"]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.7));color:#fff;font-size:0.7rem;padding:14px 6px 6px}
[class~="horizontal-scroll"] [class~="pic-list"] li p{margin-top:8px;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[class~="movie-grid"] ul[class~="pic-list"]{list-style:none;padding:0;margin:0;display:contents}[class~="movie-grid"] [class~="pic-list"] li{margin:0;padding:0}[class~="movie-grid"]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:0 20px}
@media(min-width:768px){[class~="movie-grid"] ul[class~="pic-list"]{list-style:none;padding:0;margin:0;display:contents}[class~="movie-grid"] [class~="pic-list"] li{margin:0;padding:0}[class~="movie-grid"]{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1200px){[class~="movie-grid"] ul[class~="pic-list"]{list-style:none;padding:0;margin:0;display:contents}[class~="movie-grid"] [class~="pic-list"] li{margin:0;padding:0}[class~="movie-grid"]{grid-template-columns:repeat(6,1fr)}}
[class~="movie-grid"][class~="small"]{grid-template-columns:repeat(3,1fr)}
@media(min-width:768px){[class~="movie-grid"][class~="small"]{grid-template-columns:repeat(6,1fr)}}
[class~="movie-card"]{background:var(--card-bg);border-radius:8px;overflow:hidden;transition:transform [class~="3s"],box-shadow [class~="3s"];scroll-snap-align:start;flex-shrink:0;width:180px;position:relative}
[class~="movie-card"]:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(0,180,216,0.2)}
[class~="movie-card"] img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}
[class~="movie-card"] [class~="title"]{padding:10px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[class~="movie-card"] [class~="score"]{position:absolute;top:8px;right:8px;background:var(--secondary);color:var(--primary);padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}
[class~="movie-card"] [class~="status"]{position:absolute;bottom:50px;left:8px;background:rgba(0,0,0,0.7);color:var(--secondary);padding:2px 6px;border-radius:4px;font-size:11px}
[class~="breadcrumb"]{padding:15px 20px;max-width:1400px;margin:0 auto;color:var(--text-muted);font-size:14px}
[class~="breadcrumb"] a{color:var(--secondary)}
[class~="list-page"]{max-width:1400px;margin:0 auto;padding:20px;display:grid;grid-template-columns:250px 1fr;gap:30px}
@media(max-width:768px){[class~="list-page"]{grid-template-columns:1fr}}
[class~="filter-sidebar"]{background:var(--card-bg);padding:20px;border-radius:8px;height:fit-content}
[class~="filter-group"]{margin-bottom:20px}
[class~="filter-group"] h3{font-size:14px;margin-bottom:10px;color:var(--text-muted)}
[class~="filter-links"]{display:flex;flex-wrap:wrap;gap:8px}
[class~="filter-links"] a{padding:6px 12px;background:var(--bg);border-radius:4px;font-size:13px;color:var(--text-muted)}
[class~="filter-links"] a:hover,[class~="filter-links"] a[class~="active"]{background:var(--secondary);color:var(--primary)}
[class~="filter-group"] select{width:100%;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text)}
[class~="list-header"]{margin-bottom:20px}
[class~="list-header"] h1{font-size:28px;margin-bottom:5px}
[class~="list-stats"]{color:var(--text-muted);font-size:14px}
[class~="play-page"]{max-width:1400px;margin:0 auto;padding:20px}
[class~="player-section"]{margin-bottom:30px}
[class~="player-wrapper"]{background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16/9}
#player{width:100%;height:100%}
[class~="episode-section"]{background:var(--card-bg);padding:20px;border-radius:8px;margin-bottom:30px}
[class~="episode-section"] h3{margin-bottom:15px}
[class~="episode-list"]{display:flex;flex-wrap:wrap;gap:8px}
[class~="episode-list"] a{padding:8px 15px;background:var(--bg);border-radius:6px;font-size:14px;color:var(--text-muted)}
[class~="episode-list"] a:hover,[class~="episode-list"] a[class~="active"]{background:var(--secondary);color:var(--primary)}
[class~="movie-info"]{display:grid;grid-template-columns:200px 1fr;gap:30px;background:var(--card-bg);padding:30px;border-radius:12px;margin-bottom:30px}
@media(max-width:768px){[class~="movie-info"]{grid-template-columns:1fr;text-align:center}}
[class~="movie-info"] img{width:100%;border-radius:8px;aspect-ratio:2/3;object-fit:cover}
[class~="info-content"] h1{font-size:28px;margin-bottom:15px}
[class~="info-content"] p{margin-bottom:8px;color:var(--text-muted)}
[class~="info-content"] strong{color:var(--text)}
[class~="synopsis"]{margin-top:15px;line-height:1.8}
[class~="related-section"]{margin-bottom:30px}
[class~="related-section"] h2{margin-bottom:20px;font-size:20px}
[class~="pagination"]{display:flex;justify-content:center;gap:8px;margin-top:30px;flex-wrap:wrap}
[class~="pagination"] a,[class~="pagination"] span{padding:10px 15px;background:var(--card-bg);border-radius:6px;color:var(--text-muted)}
[class~="pagination"] a:hover,[class~="pagination"] [class~="current"]{background:var(--secondary);color:var(--primary)}
[class~="footer"]{background:var(--bg-secondary);padding:30px 20px;margin-top:50px}
[class~="footer-inner"]{max-width:1400px;margin:0 auto;text-align:center}
[class~="footer-links"]{display:flex;justify-content:center;gap:20px;margin-bottom:15px}
[class~="footer-links"] a{color:var(--text-muted)}
[class~="copyright"]{color:var(--text-muted);font-size:14px;margin-bottom:10px}
[class~="friend-links"] a{color:var(--text-muted);margin:0 10px;font-size:12px}
[class~="error-page"]{text-align:center;padding:100px 20px}
[class~="error-page"] h1{font-size:120px;color:var(--secondary);margin-bottom:20px}
:focus{outline:2px solid var(--secondary);outline-offset:2px}
@media(max-width:768px){[class~="nav"]{display:none}[class~="header-inner"]{flex-wrap:wrap}[class~="search-form"]{width:100%}[class~="search-form"] input{flex:1}}

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

/* ===== Detail Page Styles (added v-next) ===== */
[class~="detail-container"] { display: flex; gap: 30px; max-width: 1200px; margin: 0 auto; padding: 20px 15px; flex-wrap: wrap; }
[class~="detail-poster"] { flex-shrink: 0; width: 200px; }
[class~="detail-poster"] img { width: 100%; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
[class~="detail-info"] { flex: 1; min-width: 280px; }
[class~="detail-title"] { font-size: 1.8rem; font-weight: bold; margin-bottom: 15px; line-height: 1.3; }
[class~="detail-meta"] { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 20px; font-size: 14px; color: var(--text-muted); }
[class~="meta-item"] strong { color: var(--text); }
[class~="detail-synopsis"] { margin-bottom: 20px; line-height: 1.8; }
[class~="detail-synopsis"] h3 { font-size: 1.1rem; font-weight: bold; margin-bottom: 8px; }
[class~="detail-play-btn"] { margin: 20px 0; }
[class~="btn-play-now"] { display: inline-block; padding: 12px 32px; background: var(--secondary); color: var(--primary) !important; border-radius: 4px; text-decoration: none; font-size: 16px; font-weight: bold; transition: background 0.2s; }
[class~="btn-play-now"]:hover { background: var(--accent); }
[class~="detail-episodes"] { max-width: 1200px; margin: 24px auto; padding: 0 15px; }
[class~="detail-episodes"] h3 { font-size: 1.1rem; font-weight: bold; margin-bottom: 12px; }
[class~="detail-related"] { max-width: 1200px; margin: 24px auto; padding: 0 15px; }
[class~="detail-related"] h3 { font-size: 1.1rem; font-weight: bold; margin-bottom: 12px; }
[class~="breadcrumb"] { max-width: 1200px; margin: 12px auto; padding: 0 15px; font-size: 13px; color: var(--text-muted); }
[class~="breadcrumb"] a { color: var(--secondary); text-decoration: none; }
[class~="breadcrumb"] a:hover { text-decoration: underline; }
@media (max-width: 768px) {
    [class~="detail-container"] { flex-direction: column; }
    [class~="detail-poster"] { width: 140px; margin: 0 auto; }
    [class~="detail-title"] { font-size: 1.4rem; }
    [class~="btn-play-now"] { width: 100%; text-align: center; box-sizing: border-box; }
}