/* flux7 - 水墨中国风（黑白金）*/
:root{--ac:#4E342E;--ac2:#A1887F;--bg:#f5f5f0;--b2:#e8e4dc;--b3:#fff;--tx:#2c2c2c;--mt:#A1887F;--bor:rgba(78,52,46,0.3)}
*{margin:0;padding:0;box-sizing:border-box}body{font:14px/1.8 "Noto Serif SC",Georgia,serif;background:var(--bg);color:var(--tx)}a{color:inherit;text-decoration:none}[class~="wrap"]{max-width:1100px;margin:0 auto;padding:0 16px}[class~="skip"]{position:absolute;top:-40px;left:0;background:var(--ac);color:#000;padding:8px;z-index:9999}[class~="skip"]:focus{top:0}
header{background:var(--b3);border-bottom:2px solid var(--ac);position:sticky;top:0;z-index:100}header [class~="wrap"]{display:flex;align-items:center;gap:20px;padding:14px 0}[class~="logo"]{font-size:1.4rem;font-weight:700;color:var(--ac);font-family:serif}nav{display:flex;gap:20px;flex:1}nav a{font-size:0.95rem;transition:.2s}nav a:hover,nav a[class~="on"]{color:var(--ac)}[class~="search"]{display:flex;gap:8px}[class~="search"] input{border:1px solid var(--bor);padding:8px 14px;width:160px;background:var(--bg)}[class~="search"] button{background:var(--ac);border:none;padding:8px 16px;color:#000;cursor:pointer;font-family:serif}
[class~="hero"]{padding:60px 20px;text-align:center;background:linear-gradient(180deg,var(--b3) 0%,var(--bg) 100%);border-bottom:1px solid var(--bor)}[class~="hero"] h1{font-size:2rem;color:var(--ac);font-family:serif;margin-bottom:8px}[class~="hero"] p{color:var(--mt)}
[class~="sec"]{padding:35px 0}[class~="sec"] h2{font-size:1.2rem;margin-bottom:18px;color:var(--ac);font-family:serif;position:relative;padding-left:20px}[class~="sec"] h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--ac);border-radius:50%}[class~="grid"]{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}[class~="grid"][class~="lg"]{grid-template-columns:repeat(3,1fr)}@media(min-width:640px){[class~="grid"]{grid-template-columns:repeat(4,1fr)}[class~="grid"][class~="lg"]{grid-template-columns:repeat(5,1fr)}}@media(min-width:768px){[class~="grid"]{grid-template-columns:repeat(5,1fr)}[class~="grid"][class~="lg"]{grid-template-columns:repeat(6,1fr)}}@media(min-width:1024px){[class~="grid"]{grid-template-columns:repeat(6,1fr)}}
[class~="rank"]{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--b3);padding:20px;border:1px solid var(--bor)}[class~="rank"] [class~="col"] h2{margin-bottom:12px}@media(max-width:768px){[class~="rank"]{grid-template-columns:1fr}}
[class~="crumb"]{padding:65px 0 14px;color:var(--mt)}[class~="crumb"] a{color:var(--ac)}[class~="filter"]{background:var(--b3);padding:14px;border:1px solid var(--bor);margin-bottom:16px;font-size:0.9rem}[class~="stat"]{color:var(--mt);margin-bottom:16px}[class~="page"]{display:flex;justify-content:center;gap:8px;margin-top:20px}
[class~="play"]{padding:20px 0}[class~="play"] [class~="wrap"]{display:grid;gap:24px}@media(min-width:900px){[class~="play"] [class~="wrap"]{grid-template-columns:2fr 1fr}}[class~="play-left"]{order:2}@media(min-width:900px){[class~="play-left"]{order:1}}[class~="player"]{background:#000;border:2px solid var(--ac)}[class~="player"] video{width:100%;aspect-ratio:16/9;display:block}[class~="episodes"]{background:var(--b3);padding:16px;margin-top:16px;border:1px solid var(--bor)}[class~="episodes"] h3{color:var(--ac);margin-bottom:12px;font-family:serif}[class~="ep-list"]{display:flex;flex-wrap:wrap;gap:8px}[class~="play-right"] [class~="info"]{background:var(--b3);padding:20px;border:1px solid var(--bor)}[class~="poster"]{width:100%;margin-bottom:16px}[class~="info"] h1{font-size:1.5rem;margin-bottom:16px;color:var(--ac);font-family:serif}[class~="meta"] p{margin-bottom:8px;color:var(--mt);font-size:0.9rem}[class~="meta"] b{color:var(--tx)}[class~="score"]{color:var(--ac);font-weight:700;font-size:1.2rem}[class~="synopsis"]{margin-top:16px;padding-top:16px;border-top:1px solid var(--bor)}[class~="synopsis"] h3{color:var(--ac);margin-bottom:8px;font-family:serif}
[class~="map"]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(min-width:768px){[class~="map"]{grid-template-columns:repeat(4,1fr)}}[class~="map"]>div{background:var(--b3);padding:16px;border:1px solid var(--bor)}[class~="map"] h2{font-size:1rem;color:var(--ac);margin-bottom:12px;font-family:serif}[class~="map"] ul{list-style:none}[class~="map"] li{margin-bottom:8px}[class~="map"] a{color:var(--mt);font-size:0.9rem}[class~="tabs"]{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}[class~="tabs"] a{padding:8px 18px;border:1px solid var(--bor);background:var(--b3)}[class~="tabs"] a:hover,[class~="tabs"] a[class~="active"]{background:var(--ac);color:#000}[class~="news"]{display:grid;gap:16px}[class~="article"]{background:var(--b3);padding:24px;border:1px solid var(--bor)}[class~="article"] h1{font-size:1.6rem;margin-bottom:12px;color:var(--ac);font-family:serif}[class~="article"] [class~="meta"]{color:var(--mt);margin-bottom:16px;font-size:0.9rem}[class~="content"]{line-height:1.8}[class~="error"]{text-align:center;padding:60px 0}[class~="error"] h1{font-size:6rem;color:var(--ac);line-height:1;font-family:serif}[class~="error"] p{font-size:1.1rem;margin:10px 0;color:var(--mt)}[class~="btn"]{display:inline-block;padding:12px 28px;background:var(--ac);color:#000;margin-top:20px;font-family:serif}
footer{background:var(--b2);border-top:2px solid var(--ac);padding:40px 0 20px;margin-top:40px}[class~="links"]{display:flex;gap:16px;justify-content:center;margin-bottom:16px}[class~="links"] a{color:var(--mt)}[class~="links"] a:hover{color:var(--ac)}[class~="xml"],[class~="partners"]{text-align:center;font-size:0.85rem;color:var(--mt);padding:12px 0;border-top:1px solid var(--bor)}[class~="xml"] a,[class~="partners"] a{margin:0 6px}[class~="xml"] a:hover,[class~="partners"] a:hover{color:var(--ac)}[class~="copyright"]{text-align:center;padding-top:16px}[class~="copyright"] p{margin:4px 0;font-size:0.85rem;color:var(--mt)}
:focus{outline:2px solid var(--ac);outline-offset:2px}

/* pic-list grid fix */
[class~="grid"]{display:block!important}
[class~="grid"] ul[class~="pic-list"]{display:grid!important;list-style:none;padding:0;margin:0;gap:14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){[class~="grid"] ul[class~="pic-list"]{grid-template-columns:repeat(4,1fr)}}
@media(min-width:768px){[class~="grid"] ul[class~="pic-list"]{grid-template-columns:repeat(5,1fr)}}
@media(min-width:1024px){[class~="grid"] ul[class~="pic-list"]{grid-template-columns:repeat(6,1fr)}}
[class~="grid"] ul[class~="pic-list"] li{list-style:none}
[class~="grid"] 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 (added v-next) ===== */
[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: 0; }
[class~="detail-title"] { font-size: 1.8rem; font-weight: bold; margin-bottom: 16px; }
[class~="detail-meta"] { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-bottom: 16px; font-size: 0.95rem; }
[class~="meta-item"] { display: inline-block; }
[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; }
}