:root{--bg:#111214;--panel:#1b1d21;--line:#30343a;--text:#e8eaed;--muted:#9298a1;--red:#ed3441}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 Arial,"Noto Sans SC",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1320px,calc(100% - 40px));margin:auto}.topbar{background:#191b1f;border-bottom:1px solid #2b2e34}.topbar-in{height:65px;display:flex;align-items:center;gap:20px}.logo{font-size:18px;font-weight:900;letter-spacing:1px;white-space:nowrap}.logo b{display:inline-grid;place-items:center;background:var(--red);border-radius:4px;width:30px;height:30px;margin-right:9px}.logo span{color:var(--red)}.search{display:flex;max-width:620px;flex:1;margin:auto;background:#101114;border:1px solid #34383f;height:38px;border-radius:4px;overflow:hidden}.search input,.hero-search input{flex:1;min-width:0;background:none;border:0;color:#fff;padding:0 12px;outline:0}.search button,.hero-search button{background:var(--red);border:0;color:white;padding:0 18px;font-weight:bold}.login{font-size:12px;color:#c8cbd0}.nav-shell{background:#202227;border-bottom:1px solid #33363c}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap;padding:11px 15px;color:#bbc0c7;border-right:1px solid #30343a;font-size:13px}.nav a:hover{background:#30333a;color:#fff}.main{padding-top:28px;padding-bottom:70px}.intro{padding:28px 32px;background:linear-gradient(110deg,#282b31,#1b1d22 65%,#321d22);border:1px solid #39343a;border-radius:5px}.intro small,.section header small,.page-title small,.detail small,.player-title small{color:#f05b66;letter-spacing:2px;font-size:10px;font-weight:bold}.intro h1{margin:5px 0;font-size:27px}.intro p,.page-title p{color:#a8adb5;margin:0}.hero-search{display:flex;height:43px;max-width:500px;margin-top:16px;background:#101114;border:1px solid #41444a;border-radius:3px;overflow:hidden}.cats{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.cats b{margin-right:8px}.cats a,.filters a{background:#22252a;border:1px solid #373b42;border-radius:3px;padding:4px 10px;color:#c0c5cc;font-size:12px}.cats a:hover,.filters a:hover{border-color:#85323c;color:#fff}.section{margin-top:32px}.section header{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section header h2{font-size:21px;margin:2px 0}.section header>a{font-size:12px;color:#b5bbc2}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 14px}.card{min-width:0}.thumb{display:block;position:relative;aspect-ratio:16/10;background:#282b30;overflow:hidden;border-radius:4px}.thumb img{width:100%;height:100%;object-fit:cover;transition:.3s}.thumb i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-style:normal;opacity:0}.card:hover .thumb img{transform:scale(1.04);filter:brightness(.7)}.card:hover .thumb i{opacity:1}.vtitle{display:block;margin-top:7px;font-size:13px;line-height:1.4;max-height:38px;overflow:hidden}.card>small{display:block;color:#858b94;font-size:10px;margin-top:4px}.rank{max-width:800px;border-top:1px solid var(--line)}.rank>a{display:flex;align-items:center;gap:13px;padding:9px 0;border-bottom:1px solid var(--line)}.rank>a>b{width:24px;color:var(--red);font-size:18px}.rank img{width:72px;height:48px;object-fit:cover}.rank span{flex:1}.rank small{display:block;color:var(--muted);font-size:10px}.page-title{margin:7px 0 22px}.page-title h1{font-size:28px;margin:4px 0}.filters{display:flex;gap:9px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);padding:14px;margin-bottom:22px}.filters b{font-size:12px;padding:5px;color:#d8dbe0}.paging{display:flex;justify-content:center;gap:7px;margin:35px}.paging a,.paging span{padding:6px 11px;background:#202329;border:1px solid #373b42;border-radius:3px;font-size:12px}.paging span{background:var(--red)}.detail{display:grid;grid-template-columns:260px 1fr;gap:28px;padding:8px 0 25px}.detail-pic{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px}.detail h1{font-size:27px;margin:5px 0 10px}.detail p{color:#b5bbc3;line-height:1.8}.tags{font-size:12px}.play-btn{display:inline-block;background:var(--red);padding:9px 18px;border-radius:3px;font-weight:bold}.source{background:var(--panel);border:1px solid var(--line);padding:14px;margin:12px 0;border-radius:4px}.episodes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.episodes a{background:#2a2d33;padding:5px 10px;border-radius:3px;font-size:12px}.episodes a:hover{background:#57252c}.description{color:#b5bbc3;line-height:1.9}.player-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.player-title h1{font-size:23px;margin:3px 0}.player-title>a{font-size:12px;color:#b5bbc3}.player{position:relative;width:100%;height:min(72vw,740px);min-height:480px;background:#000;border:1px solid #353941;display:block;overflow:hidden}.player iframe,.player video{position:absolute;inset:0;width:100%;height:100%;max-width:100%;min-height:100%;border:0}.page-search{margin:0 0 24px}.footer{background:#191b1f;border-top:1px solid var(--line);padding:28px 0}.footer p,.footer small{color:#858b94;font-size:11px}.nav-toggle{display:none;background:none;border:0;color:white;font-size:21px}@media(max-width:1050px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.wrap{width:calc(100% - 24px)}.topbar-in{height:58px;gap:9px}.logo{font-size:15px}.search{height:34px}.search input{font-size:11px;padding:0 7px}.search button{padding:0 10px}.nav-toggle{display:block}.nav-shell{display:none}.nav-shell.open{display:block}.nav{flex-direction:column}.nav a{border-bottom:1px solid var(--line)}.login{font-size:11px}.intro{padding:20px 16px}.intro h1{font-size:22px}.intro p{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 10px}.detail{grid-template-columns:115px 1fr;gap:13px}.detail h1{font-size:19px}.detail p{font-size:12px;margin:8px 0}.player{height:56.25vw;min-height:250px}.player iframe,.player video{min-height:100%}.page-title h1{font-size:24px}}

/* NightGrid v2 */
.thumb em{position:absolute;right:7px;bottom:7px;background:rgba(10,12,15,.86);color:#fff;font-style:normal;font-size:10px;padding:2px 6px;border-radius:2px}.load-more-wrap{text-align:center;margin:18px 0 5px}.load-more{background:#292d33;border:1px solid #414650;color:#e8eaed;padding:10px 26px;border-radius:3px;cursor:pointer}.load-more:hover{background:#3a2429;border-color:#8c3640}.load-more[disabled]{opacity:.55;cursor:wait}.load-status{display:block;color:#89919b;font-size:11px;margin-top:8px}.paging{flex-wrap:wrap}.paging .ng-next{border-color:#80333c}.meta-list p{margin:3px 0}.detail-pic{background:#202329}.player-title p{margin:0;color:#9298a1;font-size:12px}@media(max-width:720px){.load-more{width:100%}.paging{margin:24px 0}.thumb em{font-size:9px}}
/* MacCMS official player wrapper compatibility */
.ng-player{position:relative;width:100%;height:auto;min-height:0;padding-bottom:56.25%;background:#000;border:1px solid #353941;overflow:hidden;box-sizing:content-box}
.ng-player .MacPlayer,.ng-player iframe,.ng-player video,.ng-player embed,.ng-player object{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%;border:0}
.ng-player-notice{min-height:260px;display:grid;place-items:center;background:#000;border:1px solid #353941;color:#c7cbd1;padding:24px;text-align:center}
@media(max-width:720px){.ng-player{padding-bottom:56.25%;min-height:0}}
