/* flux5 - 首涂简洁风格 */
:root{--ac:#E65100;--ac2:#FFA726;--bg:#f5f5f5;--w:#fff;--txt:#333;--mt:#FFA726;--bor:rgba(230,81,0,0.3);--sh:0 2px 8px rgba(230,81,0,0.08)}
*{margin:0;padding:0;box-sizing:border-box}
body{font:14px/1.6 -apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--txt)}
a{color:inherit;text-decoration:none}
[class~="box"]{max-width:1200px;margin:0 auto;padding:0 16px}
[class~="skip"]{position:absolute;top:-40px;left:0;background:var(--ac);color:#fff;padding:8px;z-index:9999}
[class~="skip"]:focus{top:0}
header{background:var(--w);border-bottom:1px solid var(--bor);position:sticky;top:0;z-index:100}
header [class~="box"]{display:flex;align-items:center;gap:20px;padding:12px 16px}
[class~="lg"]{font-size:1.3rem;font-weight:600;color:var(--ac)}
nav{display:flex;gap:24px;flex:1}
nav a{font-size:0.95rem}
nav a:hover,nav a[class~="cur"]{color:var(--ac)}
[class~="fm"]{display:flex;gap:8px}
[class~="fm"] input{border:1px solid var(--bor);padding:6px 12px;border-radius:4px;width:140px}
[class~="fm"] button{background:var(--ac);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}
[class~="ban"]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 20px;text-align:center}
[class~="ban"] h1{font-size:2rem;margin-bottom:10px}
[class~="ban"] p{opacity:0.9}
section{padding:30px 0}
section h2{font-size:1.2rem;margin-bottom:16px;display:inline-block}
[class~="mr"]{float:right;color:var(--ac);font-size:0.9rem}
[class~="gd"]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
[class~="gd"] ul[class~="pic-list"]{list-style:none;padding:0;margin:0;display:contents}
[class~="gd"] [class~="pic-list"] li{margin:0;padding:0}
[class~="gd"][class~="lg"]{grid-template-columns:repeat(3,1fr)}
@media(min-width:640px){[class~="gd"]{grid-template-columns:repeat(4,1fr)}[class~="gd"][class~="lg"]{grid-template-columns:repeat(5,1fr)}}
@media(min-width:768px){[class~="gd"]{grid-template-columns:repeat(5,1fr)}[class~="gd"][class~="lg"]{grid-template-columns:repeat(6,1fr)}}
@media(min-width:1024px){[class~="gd"]{grid-template-columns:repeat(6,1fr)}}
/* Card Elements */
[class~="gd"] [class~="pic-img"]{display:block;position:relative;aspect-ratio:2/3;background:var(--w);border-radius:4px;overflow:hidden;box-shadow:var(--sh)}
[class~="gd"] [class~="pic-img"] img{width:100%;height:100%;object-fit:cover}
[class~="gd"] [class~="pic-img"] [class~="score"]{position:absolute;top:4px;left:4px;background:var(--ac);color:#fff;font-size:0.7rem;padding:2px 5px;border-radius:3px}
[class~="gd"] [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:16px 4px 4px}
[class~="gd"] [class~="pic-list"] li p{margin-top:6px;font-size:0.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[class~="gd"] [class~="pic-list"] li a:hover{color:var(--ac)}
[class~="rk"]{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--w);padding:20px;border-radius:8px}
[class~="rk"] h2{color:var(--ac)}
[class~="rk"]>div{background:var(--bg);padding:16px;border-radius:4px}
@media(max-width:768px){[class~="rk"]{grid-template-columns:1fr}}
[class~="bc"]{padding:16px 0;color:var(--mt);font-size:0.9rem}
[class~="bc"] a{color:var(--ac)}
[class~="ft"]{background:var(--w);padding:16px;border-radius:8px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:16px;font-size:0.9rem}
[class~="st"]{color:var(--mt);margin-bottom:16px}
[class~="pg"]{display:flex;justify-content:center;gap:8px;margin-top:24px}
[class~="pl"] [class~="box"]{display:grid;gap:20px}
@media(min-width:1024px){[class~="pl"] [class~="box"]{grid-template-columns:2fr 1fr}}
[class~="vd"]{background:#000;border-radius:8px;overflow:hidden}
[class~="vd"] video{width:100%;aspect-ratio:16/9}
[class~="ep"]{background:var(--w);padding:16px;border-radius:8px;margin-top:16px}
[class~="ep"] h3{margin-bottom:12px;color:var(--ac)}
[class~="ep"]>div{display:flex;flex-wrap:wrap;gap:8px}
[class~="mi"]{background:var(--w);padding:20px;border-radius:8px}
[class~="mi"] img{width:100%;border-radius:8px;margin-bottom:16px}
[class~="mi"] h1{font-size:1.4rem;margin-bottom:16px}
[class~="mi"] p{margin-bottom:8px;color:var(--mt);font-size:0.9rem}
[class~="mi"] b{color:var(--txt)}
[class~="sc"]{color:var(--ac);font-weight:700;font-size:1.2rem}
[class~="sy"]{margin-top:16px;padding-top:16px;border-top:1px solid var(--bor)}
[class~="sy"] h3{margin-bottom:8px;color:var(--ac)}
[class~="mp"]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(min-width:768px){[class~="mp"]{grid-template-columns:repeat(4,1fr)}}
[class~="mp"]>div{background:var(--w);padding:16px;border-radius:8px}
[class~="mp"] h2{font-size:1rem;color:var(--ac);margin-bottom:12px}
[class~="mp"] ul{list-style:none}
[class~="mp"] li{margin-bottom:8px}
[class~="mp"] a{color:var(--mt);font-size:0.9rem}
[class~="nw"]{display:grid;gap:16px}
[class~="ar"]{background:var(--w);padding:24px;border-radius:8px}
[class~="ar"] h1{font-size:1.5rem;margin-bottom:12px}
[class~="ar"] [class~="mt"]{color:var(--mt);margin-bottom:16px;font-size:0.9rem}
[class~="e4"]{text-align:center;padding:60px 0}
[class~="e4"] h1{font-size:6rem;color:var(--ac);line-height:1}
[class~="e4"] p{font-size:1.2rem;margin-bottom:20px}
[class~="bt"]{display:inline-block;padding:10px 24px;background:var(--ac);color:#fff;border-radius:4px}
footer{background:var(--w);border-top:1px solid var(--bor);padding:30px 0;margin-top:30px}
[class~="lk"]{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:16px}
[class~="lk"] a{color:var(--mt);font-size:0.9rem}
[class~="lk"] a:hover{color:var(--ac)}
[class~="xm"],[class~="pt"]{text-align:center;font-size:0.85rem;color:var(--mt);padding:10px 0;border-top:1px solid var(--bor)}
[class~="xm"] a,[class~="pt"] a{margin:0 4px}
[class~="xm"] a:hover,[class~="pt"] a:hover{color:var(--ac)}
[class~="cp"]{text-align:center;padding-top:12px;font-size:0.85rem;color:var(--mt)}
:focus{outline:2px solid var(--ac);outline-offset:2px}

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

/* ===== Detail Page Styles ===== */
[class~="detail-main"] { padding: 20px 0; }
[class~="detail-container"] { display: flex; gap: 30px; max-width: 1200px; margin: 0 auto; padding: 0 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: #666; }
[class~="meta-item"] strong { color: #333; }
[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: #e53935; color: #fff !important; border-radius: 4px; text-decoration: none; font-size: 16px; font-weight: bold; transition: background 0.2s; }
[class~="btn-play-now"]:hover { background: #c62828; }
[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: #888; }
[class~="breadcrumb"] a { color: #666; 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; }
}