/* flux16 - 彩虹糖果活泼 */
:root{--ac:#37474F;--ac2:#90A4AE;--ac3:#ef4444;--ac4:#8b5cf6;--ac5:#06b6d4;--bg:#fefce8;--b2:#fef9c3;--b3:#fff;--tx:#422006;--mt:#90A4AE;--bor:rgba(55,71,79,0.3)}
*{margin:0;padding:0;box-sizing:border-box}body{font:14px/1.6 -apple-system,sans-serif;background:linear-gradient(135deg,var(--bg),var(--b2));color:var(--tx)}a{color:inherit;text-decoration:none}[class~="w"]{max-width:1100px;margin:0 auto;padding:0 16px}[class~="sk"]{position:absolute;top:-40px;left:0;background:var(--ac);color:#fff;padding:8px;z-index:9999}[class~="sk"]:focus{top:0}
header{background:linear-gradient(90deg,#fef3c7,#fde68a,#fef3c7);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(55,71,79,0.2)}header [class~="w"]{display:flex;align-items:center;gap:20px;padding:14px 0}[class~="lg"]{font-size:1.5rem;font-weight:800;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e,#06b6d4,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}nav{display:flex;gap:16px;flex:1}nav a{font-size:0.95rem;font-weight:600;padding:6px 12px;border-radius:20px;transition:.2s}nav a:nth-child(1):hover{background:#ef4444;color:#fff}nav a:nth-child(2):hover{background:#f59e0b;color:#fff}nav a:nth-child(3):hover{background:#22c55e;color:#fff}nav a[class~="on"]{background:var(--ac);color:#fff}[class~="sc"]{display:flex;gap:8px}[class~="sc"] input{background:#fff;border:2px solid var(--bor);padding:8px 14px;border-radius:25px;width:160px}[class~="sc"] button{background:linear-gradient(135deg,#ef4444,#f59e0b);border:none;padding:8px 18px;border-radius:25px;color:#fff;font-size:1.1rem;cursor:pointer}
[class~="bn"]{padding:60px 20px;text-align:center;background:linear-gradient(180deg,rgba(55,71,79,0.2),transparent)}[class~="bn"] h1{font-size:2.2rem;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}[class~="bn"] p{color:var(--mt);font-size:1.1rem}
section{padding:30px 0}section h2{font-size:1.2rem;margin-bottom:16px;color:var(--ac)}[class~="gd"]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}[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)}}
[class~="rk"]{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--b3);padding:20px;border-radius:16px;border:2px solid var(--bor);box-shadow:0 4px 15px rgba(55,71,79,0.15)}@media(max-width:768px){[class~="rk"]{grid-template-columns:1fr}}
[class~="bc"]{padding:65px 0 12px;color:var(--mt)}[class~="bc"] a{color:var(--ac);font-weight:600}[class~="fl"]{background:var(--b3);padding:14px;border-radius:12px;margin-bottom:16px;border:2px solid var(--bor)}[class~="pg"]{display:flex;justify-content:center;gap:8px;margin-top:20px}
[class~="pl"]{padding:20px 0}[class~="pl"] [class~="w"]{display:grid;gap:20px}@media(min-width:900px){[class~="pl"] [class~="w"]{grid-template-columns:2fr 1fr}}[class~="pl-l"]{order:2}@media(min-width:900px){[class~="pl-l"]{order:1}}[class~="vd"]{background:#000;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.2)}[class~="vd"] video{width:100%;aspect-ratio:16/9}[class~="ep"]{background:var(--b3);padding:16px;border-radius:12px;margin-top:16px;border:2px solid var(--bor)}[class~="ep"] h3{color:var(--ac);margin-bottom:12px}[class~="ep-l"]{display:flex;flex-wrap:wrap;gap:8px}[class~="pl-r"]{background:var(--b3);padding:20px;border-radius:16px;border:2px solid var(--bor);border-left:5px solid;background-image:linear-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#8b5cf6);background-size:100% 5px;background-repeat:no-repeat}[class~="pl-r"] img{width:100%;border-radius:12px;margin-bottom:16px}[class~="pl-r"] h1{font-size:1.4rem;margin-bottom:14px;background:linear-gradient(90deg,#ef4444,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[class~="pl-r"] p{margin-bottom:8px;color:var(--mt);font-size:0.9rem}[class~="pl-r"] b{color:var(--tx);margin-right:8px}[class~="sc"]{color:var(--ac);font-weight:700;font-size:1.3rem}[class~="sy"]{margin-top:14px;padding-top:14px;border-top:2px dashed var(--bor)}[class~="sy"] h3{color:var(--ac);margin-bottom:8px}
[class~="mp"]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:768px){[class~="mp"]{grid-template-columns:repeat(4,1fr)}}[class~="mp"]>div{background:var(--b3);padding:16px;border-radius:12px;border:2px solid var(--bor)}[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:14px}[class~="ar"]{background:var(--b3);padding:20px;border-radius:16px;border:2px solid var(--bor)}[class~="ar"] h1{font-size:1.5rem;margin-bottom:12px;background:linear-gradient(90deg,#ef4444,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[class~="ar"]>p{color:var(--mt);margin-bottom:14px}[class~="e4"]{text-align:center;padding:50px 0}[class~="e4"] h1{font-size:5rem;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}[class~="e4"] p{font-size:1.1rem;margin:10px 0;color:var(--mt)}[class~="bt"]{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#ef4444,#f59e0b);color:#fff;border-radius:25px;font-weight:600}
footer{background:linear-gradient(90deg,#fef3c7,#fde68a,#fef3c7);padding:30px 0 16px;margin-top:30px}[class~="lk"]{display:flex;gap:16px;justify-content:center;margin-bottom:12px}[class~="lk"] a{color:var(--mt);font-weight:600}[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:2px dashed var(--bor)}[class~="xm"] a,[class~="pt"] a{margin:0 5px}[class~="cp"]{text-align:center;padding-top:12px;font-size:0.85rem;color:var(--mt)}
:focus{outline:3px solid var(--ac);outline-offset:2px}

/* pic-list grid fix */
[class~="gd"]{display:block!important}
[class~="gd"] ul[class~="pic-list"]{display:grid!important;list-style:none;padding:0;margin:0;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){[class~="gd"] ul[class~="pic-list"]{grid-template-columns:repeat(4,1fr)}}
@media(min-width:768px){[class~="gd"] ul[class~="pic-list"]{grid-template-columns:repeat(5,1fr)}}
@media(min-width:1024px){[class~="gd"] ul[class~="pic-list"]{grid-template-columns:repeat(6,1fr)}}
[class~="gd"] ul[class~="pic-list"] li{list-style:none}
[class~="gd"] ul[class~="pic-list"] [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;
}

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