:root{--bg:#11192d;--panel:#202b48;--panel2:#172039;--purple:#8569ff;--orange:#ff9a45;--text:#d9def0}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Arial,sans-serif}a{color:inherit;text-decoration:none}.sp-wrap{width:min(1180px,calc(100% - 28px));margin:auto}.sp-top{background:#26324d}.sp-topin{height:62px;display:flex;align-items:center;justify-content:center;position:relative}.sp-top form{position:absolute;left:0}.sp-top input{width:280px;border:0;border-radius:22px;padding:11px 18px;background:#34415f;color:#fff}.sp-logo{font-size:25px;color:#ff75ae}.sp-logo b{color:#ffad45}.sp-menu-btn{display:none}.sp-nav{margin:18px auto}.sp-nav>.sp-wrap{display:flex;gap:6px;padding:0 12px;background:#222d49;border-radius:4px}.sp-nav a{display:block;padding:15px}.sp-nav>div>div{position:relative}.sp-nav section{display:none;position:absolute;z-index:50;top:48px;left:0;min-width:180px;padding:6px;background:#293654;box-shadow:0 10px 24px #0008}.sp-nav div>div:hover section{display:grid}.sp-nav section a{padding:9px 12px}.sp-section{margin:24px 0}.sp-section h2{margin:0 0 10px;color:var(--purple);font-size:20px;text-transform:uppercase;border-bottom:2px solid var(--purple);width:max-content}.sp-heading{display:flex;align-items:center;justify-content:space-between}.sp-heading>a{color:var(--purple)}.sp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sp-hot{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.sp-card{min-width:0;background:#151d33;overflow:hidden}.sp-image{position:relative;aspect-ratio:2/3}.sp-image img{width:100%;height:100%;object-fit:cover}.sp-image span{position:absolute;left:0;top:0;padding:3px 6px;background:var(--purple);font-size:11px}.sp-card h3{margin:7px 6px 2px;color:var(--orange);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-card p{margin:0 6px 9px;color:#a4abc0;font-size:11px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px}.sp-ranking{margin-top:25px;background:#1c2642;align-self:start}.sp-ranking h3{text-align:center;margin:0;padding:10px}.sp-ranking>a{display:flex;gap:10px;padding:9px;border-top:1px dotted #39445e;color:#8975ff}.sp-ranking>a>b{font-size:18px}.sp-ranking small{display:block;color:#9299ad}.sp-footer{margin-top:50px;padding:30px 0;background:#26324d}.sp-footer>.sp-wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.sp-pages{text-align:center;margin:25px}.sp-pages a{display:inline-block;padding:7px 11px;margin:3px;background:#26324d}.sp-pages .active{background:var(--purple)}.sp-watch{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px}.sp-player{position:relative;aspect-ratio:16/9;background:#000}.sp-player iframe{width:100%;height:100%;border:0}.sp-info,.sp-watch>aside{padding:16px;background:var(--panel2)}.sp-watch>aside img{width:100%}.sp-eps{display:flex;flex-wrap:wrap;gap:6px}.sp-eps a{padding:7px 10px;background:#303b59}.sp-eps .active{background:var(--purple)}.sp-popup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000c}.sp-popup>div{position:relative;width:min(520px,90vw)}.sp-popup img,.sp-catfish img{width:100%;display:block}.sp-popup button,.sp-catfish button{position:absolute;right:3px;top:3px;z-index:3;border:0;border-radius:50%;background:#111;color:#fff;font-size:22px}.sp-catfish{position:fixed;z-index:9998;bottom:8px;left:50%;transform:translateX(-50%);width:min(960px,94vw)}.sp-tvc{position:absolute;inset:0;z-index:20;background:#000}.sp-tvc video{width:100%;height:100%;object-fit:contain}.sp-tvc>a{position:absolute;inset:0;z-index:2}.sp-tvc button{position:absolute;right:12px;bottom:12px;z-index:3;padding:8px}.sp-tvc button:disabled{opacity:.7}@media(max-width:850px){.sp-hot{grid-template-columns:repeat(4,1fr)}.sp-grid{grid-template-columns:repeat(3,1fr)}.sp-layout,.sp-watch{grid-template-columns:1fr}.sp-ranking{display:none}}@media(max-width:600px){.sp-top form{left:8px}.sp-top input{width:170px}.sp-logo{margin-left:auto;margin-right:50px;font-size:18px}.sp-menu-btn{display:block;position:absolute;right:8px}.sp-nav{display:none}.sp-nav.open{display:block}.sp-nav>.sp-wrap{display:block}.sp-nav section{position:static}.sp-grid,.sp-hot{grid-template-columns:repeat(2,1fr)}.sp-footer>.sp-wrap{grid-template-columns:1fr}}
.sp-logo img,.vu-logo img,.rp-logo img{max-height:40px;width:auto;height:auto;display:inline-block;vertical-align:middle;object-fit:contain}