*{box-sizing:border-box;margin:0;padding:0}
html{font-size:14px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#0d0d12;color:#e8e8e8;line-height:1.5;min-height:100vh}
a{color:#ff6b9d;text-decoration:none}
a:hover{color:#ff9ec0}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:12px}

.site-header{background:#151520;border-bottom:1px solid #2a2a3a;position:sticky;top:0;z-index:100}
.header-inner{display:flex;align-items:center;gap:12px;padding:10px 12px;flex-wrap:wrap}
.logo{font-size:1.4rem;font-weight:700;color:#ff6b9d;white-space:nowrap}
.search-form{flex:1;display:flex;min-width:180px;max-width:480px}
.search-input{flex:1;padding:8px 12px;border:1px solid #333;border-right:0;border-radius:6px 0 0 6px;background:#1a1a28;color:#fff;outline:none}
.search-input:focus{border-color:#ff6b9d}
.search-btn{padding:8px 16px;background:#ff6b9d;border:0;border-radius:0 6px 6px 0;color:#fff;cursor:pointer}
.nav-bar{display:flex;overflow-x:auto;gap:4px;padding:0 8px 8px;-webkit-overflow-scrolling:touch}
.nav-bar a{padding:6px 12px;color:#aaa;white-space:nowrap;border-radius:4px;font-size:.9rem}
.nav-bar a:hover,.nav-bar a.active{color:#fff;background:#2a2a40}

#ppap{pointer-events:none}
#ppap .float-ad{pointer-events:auto;position:fixed;z-index:90}
#ppap .float-ad img{max-height:60px;width:auto}
#ppap .shang1,#ppap .shang2,#ppap .shang3,#ppap .shang4{top:70px}
#ppap .shang1{left:5%}
#ppap .shang2{left:30%}
#ppap .shang3{right:30%}
#ppap .shang4{right:5%}
#ppap .zuo1,#ppap .zuo2,#ppap .zuo3,#ppap .zuo4,#ppap .zuo5,#ppap .zuo6{left:4px}
#ppap .zuo1{top:25%}
#ppap .zuo2{top:35%}
#ppap .zuo3{top:45%}
#ppap .zuo4{top:55%}
#ppap .zuo5{top:65%}
#ppap .zuo6{top:75%}
#ppap .you1,#ppap .you2,#ppap .you3,#ppap .you4,#ppap .you5,#ppap .you6{right:4px}
#ppap .you1{top:25%}
#ppap .you2{top:35%}
#ppap .you3{top:45%}
#ppap .you4{top:55%}
#ppap .you5{top:65%}
#ppap .you6{top:75%}
#ppap .xia1,#ppap .xia2,#ppap .xia3,#ppap .xia4{bottom:8px}
#ppap .xia1{left:5%}
#ppap .xia2{left:30%}
#ppap .xia3{right:30%}
#ppap .xia4{right:5%}

.uhghogro{margin:12px 0;overflow:hidden;border-radius:8px}
.uhghogro ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.uhghogro li{flex:1;min-width:120px}
.uhghogro img{width:100%;height:50px;object-fit:cover;border-radius:6px}

.text-links{margin:12px 0}
.wz-row{display:flex;gap:8px;margin-bottom:8px}
.wz-col-6{flex:1;text-align:center;padding:10px 8px;background:linear-gradient(135deg,#2a1a3a,#1a2a4a);border:1px solid #3a3a5a;border-radius:8px;color:#ffd6e8;font-weight:600}
.wz-col-6:hover{background:linear-gradient(135deg,#3a2a4a,#2a3a5a)}

.bba-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;margin:16px 0;padding:12px;background:#151520;border-radius:10px}
.bba-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:#ccc;font-size:.75rem;text-align:center}
.bba-item img{width:56px;height:56px;border-radius:12px;object-fit:cover}
.bba-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}

.section{margin:20px 0}
.section-title{font-size:1.1rem;margin-bottom:12px;padding-left:8px;border-left:3px solid #ff6b9d}
.empty-tip{text-align:center;padding:40px;color:#888}

.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:640px){.video-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){.video-grid{grid-template-columns:repeat(4,1fr)}}
.video-card{display:block;color:#e8e8e8}
.thumb-wrap{position:relative;aspect-ratio:16/9;background:#1a1a28;border-radius:8px;overflow:hidden}
.thumb-wrap img{width:100%;height:100%;object-fit:cover}
.video-title{margin-top:6px;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.is-ad .ad-badge{position:absolute;top:4px;left:4px;background:rgba(255,107,157,.9);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px}

.player-section{margin:12px 0}
.player-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}
.player-wrap iframe{position:absolute;inset:0;width:100%;height:100%}
.player-empty{display:flex;align-items:center;justify-content:center;color:#888}
.detail-title{font-size:1.2rem;margin:12px 0 8px}
.detail-meta{display:flex;flex-wrap:wrap;gap:12px;color:#999;font-size:.85rem;margin-bottom:8px}
.detail-desc{color:#bbb;font-size:.9rem;line-height:1.7}

.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin:20px 0}
.pager a{padding:8px 16px;background:#2a2a40;border-radius:6px;color:#fff}
.pager span{color:#888}

.site-footer{margin-top:40px;padding:20px 12px;border-top:1px solid #2a2a3a;text-align:center}
.seo-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;margin-bottom:12px}
.seo-links a{color:#888;font-size:.8rem}
.copyright{color:#666;font-size:.75rem}

@media(max-width:768px){
    #ppap .zuo1,#ppap .zuo2,#ppap .zuo3,#ppap .zuo4,#ppap .zuo5,#ppap .zuo6,
    #ppap .you1,#ppap .you2,#ppap .you3,#ppap .you4,#ppap .you5,#ppap .you6{display:none}
    #ppap .float-ad img{max-height:40px}
}
