:root{--bg:#0b0e14;--panel:#121722;--panel2:#192131;--text:#edf1f8;--muted:#9aa6ba;--line:#252f40;--accent:#7c5cff;--accent2:#31c8a5;--shadow:0 12px 30px #0004}
:root[data-theme="light"]{--bg:#f3f5f9;--panel:#fff;--panel2:#eef1f7;--text:#202738;--muted:#687286;--line:#dfe4ee;--accent:#6546e8;--accent2:#078d75;--shadow:0 12px 30px #24304a12}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1240px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;gap:26px}.brand{font-size:23px;font-weight:850;letter-spacing:-.8px;white-space:nowrap}.brand b{color:var(--accent)}.nav-links{display:flex;gap:20px;color:var(--muted)}.nav-links a:hover,.nav-links a.active{color:var(--text)}.search-form{margin-left:auto;display:flex;max-width:340px;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.search-form input{width:100%;min-width:0;padding:10px 13px;color:var(--text);background:transparent;border:0;outline:0}.search-form button,.btn{border:0;background:var(--accent);color:#fff;padding:10px 16px;font-weight:700;cursor:pointer}.theme-toggle,.menu-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:9px 11px;cursor:pointer}.menu-toggle{display:none}.hero{padding:48px 0 30px}.hero-box{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:clamp(28px,5vw,60px);background:radial-gradient(ellipse at 85% 20%,#7c5cff55,transparent 38%),linear-gradient(120deg,var(--panel),var(--panel2));box-shadow:var(--shadow)}.eyebrow{color:var(--accent2);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.12;max-width:700px;margin:14px 0}.hero p{max-width:620px;color:var(--muted);margin:0 0 22px}.section{padding:20px 0 28px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.section-head h2{font-size:23px;margin:0}.section-head p{margin:4px 0 0;color:var(--muted)}.section-head a{color:var(--accent2);font-weight:700}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 15px}.poster{min-width:0}.poster-link{display:block;position:relative;overflow:hidden;aspect-ratio:2/2.85;border-radius:13px;background:var(--panel2);border:1px solid var(--line)}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.poster-link:hover img{transform:scale(1.06)}.poster .rating{position:absolute;left:8px;top:8px;background:#0b0e14d9;color:#fff;padding:3px 7px;border-radius:6px;font-size:11px}.poster .remark{position:absolute;bottom:0;left:0;right:0;padding:20px 9px 8px;background:linear-gradient(transparent,#000d);color:white;font-size:12px}.poster h3{font-size:14px;margin:9px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster .meta{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px}.ranking{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.ranking h3{margin:0 0 12px}.rank-item{display:flex;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.rank-item:last-child{border-bottom:0}.rank-num{width:25px;height:25px;display:grid;place-items:center;background:var(--panel2);border-radius:7px;font-weight:800;color:var(--muted)}.rank-num.hot{background:var(--accent);color:white}.rank-info{min-width:0;flex:1}.rank-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.rank-info small{color:var(--muted)}.page-title{padding:30px 0 18px}.page-title h1{margin:0;font-size:30px}.page-title p{color:var(--muted);margin:5px 0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.filter{padding:7px 12px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--muted)}.filter.active,.filter:hover{color:var(--text);border-color:var(--accent)}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:32px 0}.pagination a,.pagination span{padding:8px 13px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.pagination .current{background:var(--accent);color:white}.player-layout{padding:28px 0;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.player-main,.player-side{min-width:0}.video-stage{background:#000;border-radius:16px;overflow:hidden;aspect-ratio:16/9;min-height:240px;display:flex;align-items:center;justify-content:center}.video-stage #maccms-player,.video-stage iframe,.video-stage video,.video-stage embed,.video-stage object{width:100%;height:100%;border:0}.video-stage>div{width:100%;height:100%}.player-note{padding:12px 15px;color:var(--muted);background:var(--panel);border-radius:10px;margin-top:12px}.episode-box{background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:15px;margin-top:18px}.episode-list{display:flex;flex-wrap:wrap;gap:9px}.episode-list a{padding:8px 12px;border-radius:8px;background:var(--panel2);font-size:13px}.episode-list a:hover,.episode-list a.active{background:var(--accent);color:#fff}.detail-head{display:flex;gap:22px;padding:28px 0}.detail-poster{width:190px;flex-shrink:0;border-radius:14px;overflow:hidden}.detail-copy h1{margin:0 0 10px}.detail-copy p{color:var(--muted)}.site-footer{border-top:1px solid var(--line);margin-top:44px;padding:28px 0 40px;color:var(--muted);font-size:13px}.empty{padding:40px;text-align:center;color:var(--muted);background:var(--panel);border-radius:15px}.mobile-only{display:none}
@media(max-width:1050px){.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.layout,.player-layout{grid-template-columns:minmax(0,1fr) 240px}.nav{gap:15px}.nav-links{gap:12px}}
@media(max-width:760px){.container{width:calc(100% - 26px)}.nav{height:62px;gap:10px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:61px;left:0;right:0;padding:15px 20px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.nav-links.open{display:flex}.brand{font-size:20px}.search-form{max-width:none}.search-form input{padding:8px}.search-form button{padding:8px 10px}.theme-toggle{padding:8px}.hero{padding-top:22px}.hero-box{border-radius:17px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 11px}.layout,.player-layout{grid-template-columns:1fr}.ranking{order:2}.detail-poster{width:125px}.detail-head{gap:14px}.page-title h1{font-size:25px}.player-side{display:none}}
@media(max-width:420px){.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:7px}.brand{font-size:17px}.search-form input{font-size:13px}.theme-toggle{font-size:12px;padding:7px}}