*{box-sizing:border-box}body{background:#111;color:#eee;font-family:Inter,system-ui,sans-serif;margin:0}
a{color:inherit;text-decoration:none}
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#000;position:sticky;top:0;z-index:10}
.logo{color:#4CAF50;font-weight:800;font-size:1.2rem}
.srcc{display:inline-block;padding:6px 12px;margin:0 4px;border-radius:20px;background:#222;font-size:.85rem}
.srcc.on{background:#4CAF50;color:#000;font-weight:700}
.search{background:#222;border:1px solid #333;color:#eee;padding:6px 10px;border-radius:20px;width:140px}
.wrap{max-width:1100px;margin:0 auto;padding:16px}
.dim{color:#777}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.card{background:#1e1e1e;border-radius:10px;overflow:hidden;position:relative;display:block}
.card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:#222}
.badge{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.75);padding:3px 8px;border-radius:6px;font-size:.75rem}
.info{padding:8px}.info .t{font-size:.85rem;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.info .m{font-size:.7rem;color:#999;margin-top:4px}
.detail{display:grid;grid-template-columns:200px 1fr;gap:16px;margin:16px 0}
.detail img{max-height:300px;border-radius:8px}
.back,.btn{background:#333;padding:8px 14px;border-radius:6px;display:inline-block;margin-bottom:12px;border:0;color:#eee;cursor:pointer}
.epgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}
.epin{background:#222;border:1px solid #333;color:#eee;padding:6px;border-radius:6px;width:60px}
.ep{background:#2a2a2a;padding:8px 0;text-align:center;font-size:.75rem;border-radius:6px}
.ep:hover{background:#4CAF50;color:#000}
.player-box{position:relative;max-width:420px;margin:0 auto;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:9/16}
footer{text-align:center;padding:30px;color:#666;font-size:.8rem}
@media(max-width:600px){.detail{grid-template-columns:1fr}.search{width:100px}}
.ad-slot{max-width:728px;margin:12px auto;min-height:0}
.ad-slot.side{max-width:300px;margin:0 auto 14px}.ad-slot.side img{max-height:250px}.ad-slot.side .ad-inner{text-align:left}
.ad-slot.bottom{margin:24px auto}
.ad-inner{text-align:center}
.ad-slot img{max-width:100%;max-height:90px;object-fit:contain;border-radius:8px;display:block;margin:0 auto}
.ad-slot .ad-tag{font-size:.6rem;color:#666}
.cols{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:start}
.col-main{min-width:0}
.sidebar{position:sticky;top:64px}
.side-title{font-size:.75rem;color:#888;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.tipbox{background:#242424;border:1px solid #333;border-radius:10px;padding:14px;margin:14px 0}
.tipbox b{display:block;color:#4CAF50;font-size:.8rem;margin-bottom:6px}
.tipbox span{font-size:.8rem;color:#ccc;line-height:1.5}
.sharerow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0}
.shl{font-size:.8rem;color:#999;margin-right:2px}
.sh{display:inline-block;background:#333;color:#eee;padding:6px 12px;border-radius:20px;font-size:.78rem;text-decoration:none;border:0;cursor:pointer}
.sh:hover{background:#4CAF50;color:#000}
@media(max-width:900px){.cols{grid-template-columns:1fr}.sidebar{position:static;order:2}.side-title{margin-top:20px}}