@charset "utf-8";

/* ============ 全局重置与基础样式 ============ */
html { overflow-y:scroll; scroll-behavior: smooth; }
* { padding:0; margin:0; box-sizing:border-box; }
body {
    margin:0; padding:0; width:100%;
    color:#e0e0e8;
    font:14px/1.6 "PingFang SC","Microsoft YaHei","微软雅黑","Segoe UI",sans-serif;
    word-break:break-all; word-wrap:break-word;
    -webkit-text-size-adjust:none;
    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
    background-attachment: fixed;
    min-height: 100vh;
}

img, p, ul, li, dl, dd, dt { margin:0; border:0; padding:0; }
h1, h2, h3 { font-weight: 600; }
em, i { font-style:normal; }
img { display:block; border:0; max-width:100%; }
a { text-decoration:none; transition: all 0.3s ease; }
a:link { color:#c0c0d0; }
a:hover { color:#00d4ff; }
a:visited { color:#9090a8; }
li { list-style:none; }

.clearfix:after { display:block; clear:both; visibility:hidden; height:0; content:''; }
.clearfix { zoom:1; }

input, select, textarea, button {
    font-size:14px; outline:0px;
    box-sizing:border-box;
}
button, input[type=button], input[type=submit] { cursor:pointer; }
input:focus::-webkit-input-placeholder { color:transparent; }
textarea { resize:vertical; overflow-y:auto; }

/* ============ 响应式基础 ============ */
@-webkit-viewport { width:device-width; }
@viewport { width:device-width; }

/* ============ 历史记录 ============ */
#mh-title {
    line-height:30px; padding:0 5px; font-weight:500;
    background: linear-gradient(135deg, rgba(0,212,255,0.15), rgba(168,85,247,0.15));
    color:#c0c0e0; font-size:12px;
}
#mh-ul li {
    float:none; margin:0; position:static; font-size:12px;
    padding:0 5px; height:30px; line-height:30px; overflow:hidden;
    border-top:1px solid rgba(255,255,255,0.1);
}
#mh-ul .num { padding:0 5px; color:#00d4ff; }
#mh-ul li a { display:inline-block; padding:0; }

/* ============ 评分星星 ============ */
.starpf { height:40px; line-height:40px; position:relative; }
.starpf img { float:left; width:40px; height:40px; }
.starpf .vpfall { float:left; width:200px; height:40px; }
.starpf .vpfall b { float:left; position:relative; height:40px; width:40px; font-weight:400; font-size:12px; }
.starpf .vpfall .valt { position:absolute; left:0; bottom:50px; width:40px; height:24px; line-height:24px; background:linear-gradient(135deg, #f093fb, #f5576c); color:#fff; text-align:center; border-radius:4px; display:none; }
.starpf .vpfall .vsj { position:absolute; bottom:-5px; left:16px; width:0; height:0; overflow:hidden; border-style:solid; border-color:#f5576c transparent transparent transparent; border-width:6px 4px 0; }
.starpf .vpfall .vpf2hover .valt { display:block; }
.starpf .fs { position:absolute; top:0; display:block; height:40px; line-height:40px; width:60px; color:#f093fb; font-size:26px; text-align:center; font-family: Georgia,"Times New Roman",Times,serif; text-shadow: 0 0 20px rgba(240,147,251,0.5); }
.starpf .df { position:absolute; left:260px; top:0; display:block; height:40px; line-height:40px; width:60px; color:#a0a0c0; }
.starpf .pfnone { position:absolute; right:0; top:0; display:block; width:120px; height:40px; z-index:1; }

/* ============ 布局容器 ============ */
.wrap { margin:0 auto; max-width:1200px; padding: 0 20px; }
.row { padding:20px 0; background: rgba(255,255,255,0.03); border-radius: 16px; margin-bottom: 20px; border: 1px solid rgba(255,255,255,0.08); backdrop-filter: blur(10px); }
.row_top { padding-bottom:20px; }

/* ============ 图片悬停 ============ */
.dh { transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.dh_hover, .dh:hover { transform: scale(1.08); }
.li_all { position:relative; }
.ico { background:url("../images/ff.png") no-repeat; overflow:hidden; }

/* ============ 卡片图片 ============ */
.dpic { width:100%; height:200px; border-radius: 12px; object-fit: cover; transition: all 0.4s ease; box-shadow: 0 4px 20px rgba(0,0,0,0.3); }
.alink { display:block; width:100%; height:100%; position:absolute; left:0; top:0; }
.li_img { position:relative; width:100%; background: rgba(255,255,255,0.05) url("../images/lazyload.png") no-repeat center center; border-radius: 12px; overflow: hidden; }

/* 角标 */
.rgba1 { position:absolute; bottom:8px; right:8px; background: linear-gradient(135deg, rgba(0,212,255,0.9), rgba(168,85,247,0.9)); color:#fff; font-size:11px; line-height:18px; padding:2px 8px; border-radius: 10px; font-weight:500; box-shadow: 0 2px 10px rgba(0,212,255,0.3); }
.rgba2 { position:absolute; bottom:0; left:0; background: rgba(168,85,247,0.8); color:#fff; font-size:1px; line-height:20px; padding:0 2px; }
.filterbg { display:none; z-index:10; position:fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.7); backdrop-filter: blur(5px); }

/* ============ 文字样式 ============ */
.li_text p { height:22px; line-height:22px; overflow:hidden; }
.li_text .name { margin-top:8px; color:#e8e8f0; text-align:left; font-weight:500; }
.li_text .name a { color: #e8e8f0; }
.li_text .name a:hover { color: #00d4ff; text-shadow: 0 0 10px rgba(0,212,255,0.5); }
.li_text .actor { font-size:12px; color:#8888a0; margin-top:4px; }

/* ============ 标题样式 ============ */
.stit { line-height:50px; border-bottom: 1px solid rgba(255,255,255,0.08); margin-bottom: 15px; }
.stit .more { float:right; margin-right:15px; color:#8888a0; font-size:13px; }
.stit .more:hover { color:#00d4ff; }
.stit .title { float:left; font-size:18px; color:#fff; font-weight:600; position:relative; padding-left: 15px; }
.stit .title::before { content:''; position:absolute; left:0; top:50%; transform: translateY(-50%); width:4px; height:20px; background: linear-gradient(180deg, #00d4ff, #a855f7); border-radius: 2px; }
.stit .gang1 { width:12px; height:16px; float:left; margin-right:5px; margin-top:17px; background-position: -114px -84px; }
.new { color:#f093fb; padding-left:5px; }
.list li { float:left; }
.list .li_img { height:0; padding-bottom:140%; overflow:hidden; }

/* ============ 响应式 - 桌面端 ============ */
@media screen and (min-width: 1024px) {
    body { background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%); background-attachment: fixed; }
    .wrap, .head { width:1200px; }
    .wrap001 { width:1100px; margin:0 auto; }
    .wrap15 { margin:0 auto; padding:0 15px; }

    .slide_container { height:480px; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.5); }
    .rslides li { height:350px; }

    .menulist { border:1px solid rgba(255,255,255,0.08); background: rgba(20,18,40,0.6); border-radius: 16px; backdrop-filter: blur(15px); overflow: hidden; }
    .menulist-l { float:left; width:100%; margin-left:-950px; }
    .menulist-l .ilist { margin-left:950px; border-right:1px solid rgba(255,255,255,0.08); background: rgba(30,28,50,0.5); padding: 0 20px; }

    .menulist-l .stit { padding:0 20px; border-bottom:1px solid rgba(255,255,255,0.08); line-height:70px; }
    .menulist-l .stit .title { font-size:24px; }
    .menulist-l .stit .more { margin-right:0; }
    .menulist-l .ilist .ul { margin:0 20px; padding: 15px 0; }
    .menulist-l .ilist .ul .tit { line-height:40px; color:#e0e0f0; font-weight:600; }
    .menulist-l .ilist .ul .score { float:right; background: linear-gradient(135deg, #00d4ff, #a855f7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .menulist-l .ilist .ul .num { padding-right:10px; color:#a0a0c0; font-style:italic; font-weight:600; }
    .menulist-l .ilist .ul li a { display:block; font-size:13px; border-top:1px solid rgba(255,255,255,0.05); height:42px; line-height:42px; overflow:hidden; transition: all 0.3s ease; padding: 0 10px; border-radius: 8px; margin-bottom: 4px; }
    .menulist-l .ilist .ul li a:hover { background: rgba(0,212,255,0.1); color: #00d4ff; transform: translateX(5px); }

    .menulist-l .ilist .menunav { border-bottom:1px solid rgba(255,255,255,0.08); padding-right:20px; padding-bottom:20px; }
    .menulist-l .ilist .menunav li { float:left; width:25%; }
    .menulist-l .ilist .menunav li a { display:block; font-size:12px; border-radius: 8px; text-align:center; margin-left:10px; margin-top:15px; background: linear-gradient(135deg, #00d4ff, #a855f7); color:#fff; height:28px; line-height:28px; overflow:hidden; box-shadow: 0 4px 15px rgba(0,212,255,0.3); }

    .menulist-r { width:950px; float:right; }
    .menulist-r .list .li_img { height:0; padding-bottom:140%; overflow:hidden; }
    .menulist-r .list li { width:16.6%; }
    .menulist-r .list li:hover { background: rgba(0,212,255,0.05); }
    .menulist-r .list .li_all { border-left:1px solid rgba(255,255,255,0.05); border-top:1px solid rgba(255,255,255,0.05); padding:12px; margin-left:-1px; border-radius: 12px; transition: all 0.3s ease; }
    .menulist-r .list .li_all:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.4); border-color: rgba(0,212,255,0.3); }
    .menulist-r .list li.li_two { width:50%; }
    .menulist-r .list .li_two .li_all { float:left; width:39%; border:0; padding:0; }
    .menulist-r .list .li_two .li_li { border-left:1px solid rgba(255,255,255,0.08); padding:20px; margin-left:-1px; }

    .case { border:1px solid rgba(255,255,255,0.08); background: rgba(30,28,50,0.6); border-radius: 16px; box-shadow: 0 10px 40px rgba(0,0,0,0.3); }
    .channel .list, .topicindex .list, .topic .list { margin-right:-35px; }
    .channel .list .li_li, .topicindex .list .li_li, .topic .list .li_li { background: rgba(40,38,60,0.5); border:1px solid rgba(255,255,255,0.08); margin-right:15px; margin-bottom:15px; padding:15px; border-radius: 12px; transition: all 0.3s ease; }
    .channel .list .li_li:hover, .topicindex .list .li_li:hover, .topic .list .li_li:hover { border-color: rgba(0,212,255,0.3); transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,0.4); }
    .channel .list li, .topic .list li { width:14%; }
    .contentlis .cont1 li:last-child { display:none; }
    .rgba2 { display:none; }

    .txt-list { margin: 0 10px -1px 10px; }
    .channel .list .txt-list li { width:19%; }
    .txt-list li { height:36px; line-height:36px; overflow:hidden; float:left; margin-right:1%; font-size:13px; color:#a0a0c0; border-bottom:1px solid rgba(255,255,255,0.05); transition: all 0.2s ease; }
    .txt-list li:hover { color: #00d4ff; }
    .txt-list li span, .txt-list li a.gray { color:#a0a0c0; }
    .txt-list li span { font-size:12px; margin:0 4px; color:#6666a0; }
    .txt-list li a { margin:0 4px; }

    .search .list .li_img { width:10%; padding-bottom:20%; }
    .search .list .li_text { margin-left:12%; }
    .topicindex .list li { width:25%; }
    .newslist { border:1px solid rgba(255,255,255,0.08); }
    .newsxg .nxg span { float:left; width:50%; }
    .page a, .page .on { display:inline-block; padding:0 15px; }

    .detail_all { position:relative; }
    .detail { border:1px solid rgba(255,255,255,0.08); background: rgba(30,28,50,0.6); border-radius: 16px; padding: 30px; }
    .pfromall { left:190px; }
    .detail_img { float:left; }
    .detail_text { margin-left:180px; }
    .dlall { width:500px; }
    .detail_text dl { height:30px; line-height:30px; }
    .detail_text dl dt { width:45px; color:#8888a0; }
    .detail_text dl dd { margin-left:45px; color:#e0e0f0; }
    .detail_text .dl_left { float:left; width:300px; }
    .detail_text .dl_right { float:right; width:180px; }
    .detail_img .dpic { width:150px; height:200px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.4); }
    .detail_r { position:absolute; right:15px; top:55px; width:300px; height:300px; overflow:hidden; }

    .playlist, .downlist, .ndes, .playerfrom { border:1px solid rgba(255,255,255,0.08); background: rgba(30,28,50,0.6); border-radius: 12px; overflow: hidden; }
    .col li, .stab_list li { width:10%; }
    .downlist li { height:26px; }
    .starpf { width:320px; }
    .pfstyle { height:50px; }
    .starpf .fs { left:200px; }
    .ppfstyle { float:left; }
    .pfplayer { border:1px solid rgba(255,255,255,0.08); }
    .pfplayer .dc { float:right; }
    .menulist-r .list .li_two .li_text, .pc_none { display:none; }
    .player { height:572px; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.5); }
}

/* ============ 响应式 - 移动端 ============ */
@media screen and (max-width: 1023px) {
    body { background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%); background-attachment: fixed; }
    .head, .gbook { padding: 0 5px; }
    .slide_container { height:230px; border-radius: 12px; overflow: hidden; }
    .stit .gang1 { margin-left:15px; }
    .bb1 { border-bottom:1px solid rgba(255,255,255,0.08); margin-bottom:15px; }

    .menulist-l { width:100%; }
    .menulist-l .ilist { border-right:1px solid rgba(255,255,255,0.08); background: rgba(30,28,50,0.5); }
    .menulist-l .stit { padding:0 15px; border-bottom:1px solid rgba(255,255,255,0.08); line-height:50px; }
    .menulist-l .stit .title { font-size:18px; }
    .menulist-l .stit .more { margin-right:10px; }
    .menulist-l .ilist .ul { margin:0 15px; }
    .menulist-l .ilist .ul .tit { line-height:40px; color:#e0e0f0; font-weight:600; }
    .menulist-l .ilist .ul .score { float:right; background: linear-gradient(135deg, #00d4ff, #a855f7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .menulist-l .ilist .ul .num { padding-right:10px; color:#a0a0c0; font-style:italic; font-weight:600; }
    .menulist-l .ilist .ul li a { display:block; font-size:13px; border-top:1px solid rgba(255,255,255,0.05); height:42px; line-height:42px; overflow:hidden; padding: 0 10px; border-radius: 8px; margin-bottom: 4px; }

    .menulist-l .ilist .menunav { border-bottom:1px solid rgba(255,255,255,0.08); padding-right:15px; padding-bottom:15px; }
    .menulist-l .ilist .menunav li { float:left; width:25%; }
    .menulist-l .ilist .menunav li a { display:block; font-size:12px; border-radius: 6px; text-align:center; margin-left:10px; margin-top:12px; background: linear-gradient(135deg, #00d4ff, #a855f7); color:#fff; height:26px; line-height:26px; overflow:hidden; }

    .menulist-r { background: rgba(30,28,50,0.5); border-radius: 12px; }
    .menulist-r .list { padding-right:15px; }
    .menulist-r .list li { width:33.3%; }
    .menulist-r .list .li_li { padding-bottom:15px; }
    .menulist-r .list .li_all { margin-left:15px; border-radius: 10px; padding: 8px; }
    .menulist-r .stit { display:block; }

    .channel { background: rgba(30,28,50,0.5); padding:15px 0; border-radius: 12px; }
    .channel .list, .topic .list { padding-right:15px; }
    .channel .list li, .topic .list li { width:33.3%; }
    .channel .list .li_li, .topic .list .li_li { margin-left:15px; padding-bottom:15px; }

    .txt-list { margin: 0 10px -1px 10px; }
    .channel .list .txt-list li { width:48%; }
    .txt-list li { height:36px; line-height:36px; overflow:hidden; float:left; margin-right:2%; font-size:12px; color:#a0a0c0; border-bottom:1px solid rgba(255,255,255,0.05); }
    .txt-list li span, .txt-list li a.gray { color:#a0a0c0; }
    .txt-list li span { font-size:12px; margin:0 4px; }
    .txt-list li a { margin:0 4px; }

    .mbdsnone { display:none; }
    .search .stit { padding:0 15px; }
    .search .list .li_img { width:30%; padding-bottom:40%; }
    .search .list .li_text { margin-left:32%; }
    .search .list .li_text p { font-size:12px; }
    .search .list .li_text .name { font-size:14px; }

    .topicindex .list { padding-right:15px; }
    .topicindex .list li { width:50%; }
    .topicindex .list .li_li { margin-bottom:15px; }
    .topicindex .list .li_all { margin-left:15px; }
    .topic, .topicindex { background: rgba(30,28,50,0.5); padding-bottom:15px; border-radius: 12px; }

    .art .art-r .des { height:44px; overflow:hidden; }
    .detail_img .dpic { width:100px; height:140px; border-radius: 10px; }
    .detail_text { margin-left:115px; }
    .detail_text .name .fav { font-size:12px; font-weight:400; background: linear-gradient(135deg, #00d4ff, #a855f7); color:#fff; padding:2px 8px; margin-left:15px; border-radius: 6px; }
    .detail_text dl { height:24px; line-height:24px; font-size:12px; }
    .detail_text dl dt { width:40px; }
    .detail_text dl dd { margin-left:40px; }
    .detail_r { display:none; }
    .pfromall { left:130px; }

    .col li, .stab_list li { width:25%; }
    .downlist li { height:32px; }
    .downlist .feifan123, .downlist .feifan123 .dinput { width:100%; }
    .downlist .feifan123 .dinput span { display:block; }
    .downlist .feifan123 .dinput span a { display:block; text-align:center; line-height:30px; border:1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); border-radius: 8px; color:#e0e0f0; }

    .page { display:flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
    .page a, .page .on { display:inline-block; padding:0 15px; height:36px; line-height:36px; border-radius: 8px; font-size: 13px; }
    .page a { background: rgba(255,255,255,0.08); color:#c0c0d0; border: 1px solid rgba(255,255,255,0.1); }
    .page .on { background: linear-gradient(135deg, #00d4ff, #a855f7); color:#fff; border: none; }

    .pfstyle { position:absolute; right:0; top:5px; }
    .pfstyle .starpf .pfnone { width:60px; }
    .pfstyle .starpf .fs { right:0; }
    .ppfstyle .starpf .fs { left:200px; }
    .ppfstyle .starpf .df { left:auto; right:0; }
    .pfplayer .ppfstyle { border-bottom:1px solid rgba(255,255,255,0.08); padding-bottom:15px; }
    .pfplayer .dc { padding-top:15px; text-align:center; margin-left:-50px; }
    .mb_none, .dwon_xl, .dwon_tx, .dwon_yy, .dwon_xm, .dwon_copy, .adr, .dinput input, .pfstyle .starpf .vpfall, .pfstyle .starpf .df { display:none; }
    .li_text p { font-size:12px; }
    .rgba1, .rgba2 { font-size:10px; }
    .player { height:220px; border-radius: 12px; overflow: hidden; }
    .ppfstyle, .pfstyle, .fav { display:none; }
}

/* ============ 头部导航 ============ */
.header {
    position:relative; z-index:9999;
    width:100%; height:60px;
    background: rgba(15,12,41,0.8);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.head { margin:0 auto; max-width:1200px; padding: 0 20px; }
.logo { float:left; display:block; }
.logo .logobg { display:block; height:60px; background:url("../images/logo.png") no-repeat; background-size: auto 40px; }
.nav, .nav_other { float:left; }
.nav .nav_name, .nav_other li { float:left; }
.nav .nav_name .cur, .nav_other li a {
    display:block; float:left; line-height:60px; color:#c0c0e0;
    padding:0 18px; font-size:15px; transition: all 0.3s ease; position:relative;
}
.nav .nav_name .cur::after,
.nav_other li a::after {
    content:''; position:absolute; bottom: 15px; left: 50%;
    transform: translateX(-50%); width: 0; height: 2px;
    background: linear-gradient(90deg, #00d4ff, #a855f7);
    transition: width 0.3s ease;
}
.nav .nav_name .cur:hover::after,
.nav_other li a:hover::after { width: 60%; }
.nav .nav_name .hover { color:#00d4ff; }
.nav .nav_name .nav_hover,
.nav_other li a:hover { background: rgba(0,212,255,0.1); color:#00d4ff; }
.nav .nav_name .curjs .ttname { float:left; }
.nav .nav_name .curjs .arrow { float:left; display:block; width:8px; height:7px; margin-left:3px; margin-top:26px; background-position: -133px -48px; }
.nav .nav_name .nav_hover .arrow { background-position: -141px -48px; }

/* 下拉菜单 */
.nav_down {
    display:none; position:absolute; left:0; top:60px; width:100%;
    background: rgba(15,12,41,0.95); backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
    border-radius: 0 0 16px 16px;
}
.nav_1000 { width:1000px; margin:0 auto; padding: 15px 20px; }
.nav_down li { float:left; padding: 10px 8px; }
.nav_down li a {
    display:block; float:left; height:32px; line-height:32px;
    padding:0 16px; background: rgba(255,255,255,0.08);
    color:#c0c0e0; border-radius: 8px; font-size: 13px; transition: all 0.3s ease;
}
.nav_down li a:hover, .nav_down li a.on {
    background: linear-gradient(135deg, #00d4ff, #a855f7);
    color:#fff; box-shadow: 0 4px 15px rgba(0,212,255,0.3); transform: translateY(-2px);
}

.nav_history, .searchput { float:right; }
.cc {
    display:none; overflow:hidden; position:absolute; top:59px; right:0px;
    z-index:10; clear:both;
    background: rgba(20,18,40,0.95); backdrop-filter: blur(20px);
    border-radius: 12px; padding: 15px; min-width: 200px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
}
#nav-looked { position:relative; }
#nav-looked .nav-link {
    padding:0 10px; height:60px; line-height:60px; display:block;
    overflow:hidden; font-size:14px; text-align:center;
    color:#c0c0e0; z-index:9; float:left; position:relative;
}
#nav-looked .nav-link:hover { color:#00d4ff; }

/* 搜索框 */
.searchput input { border:0; outline:0px; width:100%; height:36px; line-height:36px; background: transparent; color:#e0e0f0; }
.searchput input::placeholder { color:#6666a0; }
.input_all {
    width:220px; height:36px;
    background: rgba(255,255,255,0.08);
    margin-top:12px; margin-right:30px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.1);
    overflow: hidden;
}
.input_input { float:left; width:170px; padding-left:15px; }
.imgbt_imgbt { float:right; width:40px; }
.imgbt_imgbt .imgbt { background-position: -76px -37px; filter: brightness(1.5); }

/* 移动端按钮 */
.menubtn { float:right; padding: 0 10px; line-height: 60px; cursor:pointer; height:60px; }
.menubtn_bg { display:block; width:30px; height:40px; background: transparent url("../images/O1V14.png") no-repeat scroll -173px 0px; margin-top: 10px; filter: brightness(1.5); }
.closebtn_bg { background: transparent url("../images/O1V14.png") no-repeat scroll -251px 0px; }

/* 遮罩层 */
.overlay {
    position:fixed; z-index:99;
    background-color: rgba(0,0,0,0.7); backdrop-filter: blur(5px);
    bottom:0; left:0; right:0;
}
.openmenu .overlay { top:0; }
body.openmenu { position:fixed; overflow:hidden; }

/* 侧边菜单 */
.menu_right {
    height:100%; width:0;
    background: rgba(20,18,40,0.95); backdrop-filter: blur(20px);
    position:fixed; top:0; right:0; z-index:101; overflow-x:hidden;
    box-shadow: inset 5px 0 10px rgba(0,0,0,0.5);
    transition: width 0.3s ease;
}
.nav_top {
    background: rgba(15,12,41,0.8);
    padding: 15px 0 15px 15px; color:#8888a0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.nav_top span { display:block; float:left; width:44px; height:44px; background: rgba(255,255,255,0.08); border-radius: 22px; }
.nav_top .user_bg { display:block; float:left; width:24px; height:30px; overflow:hidden; background-position: -154px -84px; margin:7px 0 0 10px; filter: brightness(1.5); }
.nav_top .dl { float:right; line-height:44px; }
.nav_top .dl a { color:#c0c0e0; margin:0 15px; }
.nav_top .dl a:hover { color:#00d4ff; }

.nav_title .mb_name li,
.nav_title .mb_other li {
    border-top:1px solid rgba(255,255,255,0.08);
    border-bottom:1px solid rgba(255,255,255,0.08);
    color:#e0e0f0; font-size:16px;
    padding: 15px 0 15px 15px;
}
.nav_title .mb_name li a,
.mb_other li a { display:block; color:#e0e0f0; }
.nav_title .nav_ul { padding-right:30px; padding-bottom:10px; border-top:1px solid rgba(255,255,255,0.08); }
.nav_title .nav_ul li { float:left; width:33.3%; }
.nav_title .nav_ul li a {
    display:block; margin-left:30px; margin-top:10px;
    color:#a0a0c0; text-align:center;
    height:30px; line-height:30px; overflow:hidden; transition: all 0.3s ease;
}
.nav_title .nav_ul li a:hover { color:#00d4ff; }
.nav_title .mb_name .a_ico,
.mb_other .nav_ul .a_ico { background-position: right -214px; }
.mb_other .nav_ul { border-bottom: 0px solid #434A54; }

/* 移动端搜索 */
.mb_search { float:right; padding: 0 10px; height:60px; }
.searchbtn_bg { display:block; width:30px; height:40px; background: transparent url("../images/O1V14.png") no-repeat scroll -53px 0px; margin-top: 10px; filter: brightness(1.5); }
.mb_searchinput { position:absolute; left:0; top:12px; height:36px; width:100%; background: rgba(30,28,50,0.9); border-radius: 18px; }
.mb_searchinput .searchinput { display:block; float:right; width:24px; height:20px; margin:8px 10px 0 0; background-position: -84px -42px; filter: brightness(1.5); }

.search_hover {
    display:none; position:absolute; left:0; top:0;
    width:100%; height:60px;
    background: rgba(20,18,40,0.95); backdrop-filter: blur(20px);
}
.search_hover input { border:0; height:36px; line-height:36px; }

.input_1 { width:100%; float:left; margin-right:-50px; }
.input_2 { margin-right:50px; }
.input_2 .input {
    width:100%; text-indent:10px;
    border-radius: 18px 0 0 18px;
    background: rgba(255,255,255,0.08);
    color:#e0e0f0;
}
.input_2 .input::placeholder { color:#6666a0; }
.imgbt_1 { float:right; width:50px; }
.imgbt_1 .imgbt {
    width:100%;
    background: linear-gradient(135deg, #00d4ff, #a855f7);
    background-position: -71px -37px;
    border-radius: 0 18px 18px 0; filter: none;
}
.input_key {
    position:absolute; left:0; top:60px; width:100%;
    background: rgba(20,18,40,0.95); backdrop-filter: blur(20px);
}
.input_key a { display:block; margin:0 15px; line-height:40px; border-bottom:1px solid rgba(255,255,255,0.05); }
.sh1 { width:100%; float:left; margin-right:-85px; margin-top:12px; margin-left:15px; }
.search_hover .inputall { margin-right:85px; }
.gb1 { float:right; width:70px; line-height:60px; color:#c0c0e0; font-weight:500; font-size:14px; text-align:center; cursor: pointer; }
.gb1:hover { color:#00d4ff; }

.user { float:right; }
.user .user_bg { display:block; width:24px; height:30px; background-position: -154px -84px; margin:12px 0 0 20px; filter: brightness(1.5); }

/* ============ 轮播图 ============ */
.slide_container {
    position:relative; width:100%;
    overflow:hidden;
    background: linear-gradient(135deg, #1a1835, #2a2850);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
.rslides { position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0; }
.rslides li {
    -webkit-backface-visibility:hidden;
    position:absolute; display:none; left:0; top:0; width:100%;
    overflow:hidden;
    background: linear-gradient(135deg, #1a1835, #2a2850);
}
.rslides li:first-child { position:relative; display:block; float:left; }
.rslides img { display:block; height:100%; float:left; width:100%; border:0; }

.slide { position:relative; list-style:none; overflow:hidden; width:100%; height:100%; padding:0; margin:0; }
.slide li { position:absolute; width:100%; height:100%; left:0; top:0; }
.slide img { display:block; position:relative; z-index:1; height:100%; width:100%; border:0; }
.slide .caption {
    display:block; position:absolute; z-index:2;
    height:36px; line-height:36px;
    color:#fff;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    left:0; right:0; bottom:0;
    padding: 10px 20px; max-width:none;
    overflow:hidden; font-size:15px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.slide .caption .sltitle { font-size:16px; font-weight:600; background: linear-gradient(135deg, #00d4ff, #a855f7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.slide .caption .sldes { font-size:13px; margin-left:15px; color:#c0c0e0; }

.slide_nav {
    position:absolute; top:50%;
    display:block; width:40px; height:60px;
    margin-top:-30px; z-index:3; text-indent:-9999px;
    background: rgba(0,0,0,0.4) url(../images/1f7Zl.png) no-repeat;
    overflow:hidden; border-radius: 8px; backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}
.slide_nav:hover { background: rgba(0,212,255,0.6) url(../images/1f7Zl.png) no-repeat; }
.slide_nav:active { opacity:1.0; }
.slide_container .prev { left:0; background-position:-28px -4px; }
.slide_container .next { right:0; background-position:0 -4px; }
.slide_container .alink { z-index:2; display:block; width:100%; height:100%; }

/* ============ 列表文字 ============ */
.li_text1 { margin-left:39%; padding-left:15px; }
.li_text1 .name { color:#e0e0f0; font-weight:600; height:22px; line-height:22px; margin-bottom:8px; }
.li_text1 .des { font-size:12px; height:44px; line-height:22px; border-bottom:1px solid rgba(255,255,255,0.08); padding-bottom:8px; margin-bottom:8px; color:#a0a0c0; }
.li_text1 dl { font-size:12px; line-height:22px; }
.li_text1 dt { float:left; width:36px; color:#8888a0; }
.li_text1 dd { margin-left:36px; height:22px; overflow:hidden; }

/* ============ 周榜 ============ */
.reweekall { border-top:1px solid rgba(255,255,255,0.08); }
.reweek { background: rgba(30,28,50,0.5); color:#e0e0f0; border-radius: 12px; overflow:hidden; }
.reweek .sjb { width:16%; color:#8888a0; position:relative; background: rgba(255,255,255,0.05); font-weight:500; }
.reweek .sjb::after { content:''; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #8888a0; position:absolute; right:15px; top:11px; }
.reweek li {
    float:left; line-height:40px; width:12%;
    border-left:1px solid rgba(255,255,255,0.08);
    border-bottom:1px solid rgba(255,255,255,0.08);
    margin-left:-1px; text-align:center; transition: all 0.3s ease;
}
.reweek li:hover { background: rgba(0,212,255,0.1); }
.reweek .jjsy { width:88%; height:40px; display:block; }
.reweek .on { border-bottom:1px solid #00d4ff; background: rgba(0,212,255,0.15); color:#00d4ff; }

/* ============ 标签 ============ */
.tagli { padding-right:15px; }
.tagli li { float:left; width:25%; }
.tagli li a {
    display:block; font-size:12px;
    margin-left:15px; margin-top:15px;
    border:1px solid rgba(255,255,255,0.1);
    text-align:center;
    border-radius: 8px;
    background: rgba(255,255,255,0.05);
    height:30px; line-height:30px; overflow:hidden;
    transition: all 0.3s ease;
}
.tagli li a:hover {
    background: linear-gradient(135deg, #00d4ff, #a855f7);
    color:#fff; border-color: transparent;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,212,255,0.3);
}

/* ============ 内容详情 ============ */
.detail { background: rgba(30,28,50,0.6); padding:30px; position:relative; }
.detail_name { height:50px; }
.detail_name .name { float:left; height:28px; line-height:28px; font-weight:600; font-size:22px; color:#fff; text-shadow: 0 0 20px rgba(0,212,255,0.3); }
.detail_name .fav { display:block; float:left; height:24px; line-height:24px; font-size:12px; padding:0 12px; margin-left:15px; background: linear-gradient(135deg, #00d4ff, #a855f7); color:#fff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,212,255,0.3); }
.detail_img { float:left; }
.dlall, .dlall dl { overflow:hidden; }
.detail_text .name { font-weight:600; color:#e0e0f0; padding-bottom:8px; }
.detail_text dl dt { float:left; color:#8888a0; }
.detail_text dl dd { color:#e0e0f0; }
.detail_text .pcjq { height:auto; }
.detail_text .pcpldiv { color:#00d4ff; }
.detail_text .pcjq .pcjqxx { color:#f093fb; position:relative; }
.detail_text .pcjq .pcjqxx::before { content:''; border-left:3px solid #f093fb; border-top:3px solid transparent; border-bottom:3px solid transparent; position:absolute; right:-8px; top:8px; }
.pfromall { position:absolute; bottom:17px; }

/* ============ 播放来源 ============ */
.playfrom { position:relative; width:140px; height:36px; }
.playfrom .from { border:1px solid rgba(255,255,255,0.1); border-radius: 8px; overflow:hidden; background: rgba(30,28,50,0.8); }
.playfrom .from li { display:none; line-height:36px; }
.playfrom .from-on li { border-bottom:1px solid rgba(255,255,255,0.05); }
.playfrom .from-on li:last-child { border-bottom:0; }
.playfrom .from li .liname { color:#00d4ff; }
.playfrom .from li .li .liname { color:#c0c0e0; }
.playfrom .from .on .li .liname::after { content:'?'; padding-left:5px; color:#f093fb; }
.playfrom .from li.on .laiyuan, .playfrom .from-on li { display:block; }
.playfrom .from .laiyuan { position:absolute; left:0px; top:0px; width:140px; height:36px; border:1px solid rgba(255,255,255,0.1); background: rgba(30,28,50,0.8); border-radius: 8px; backdrop-filter: blur(10px); }
.playfrom .from .laiyuan em { float:right; padding:0 10px; border-left:1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.05); color:#c0c0e0; }
.playfrom .from li.on { display:block; height:36px; border-bottom:0; }
.playfrom .from-on .laiyuan { display:none; position:absolute; left:-1px; top:-1px; width:140px; height:36px; border:1px solid rgba(255,255,255,0.1); background: rgba(30,28,50,0.9); backdrop-filter: blur(10px); }
.playfrom .from-on { position:absolute; left:0; top:36px; width:100%; background: rgba(30,28,50,0.9); border:1px solid rgba(255,255,255,0.1); border-radius: 8px; overflow:hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
.playfrom .from-on li.on { position:absolute; left:-1px; top:-37px; display:block; width:100%; height:36px; border:1px solid rgba(255,255,255,0.1); background: rgba(30,28,50,0.9); }
.playfrom .from .wulaiyuan { position:absolute; left:0; top:0; display:block; height:36px; width:100%; background: rgba(255,255,255,0); }

.from .bflogo { float:left; display:block; width:90px; height:20px; }
.from .ico_qq, .ptit .ico_qq { height:20px; width:90px; background-position:0 0; }
.from .ico_youku, .ptit .ico_youku { height:20px; width:90px; background-position:0 0; }
.from .ico_letv, .ptit .ico_letv { height:20px; width:90px; background-position:0 0; }
.from .ico_mgtv, .ptit .ico_mgtv { height:20px; width:90px; background-position:0 0; }
.from .ico_sohu, .ptit .ico_sohu { height:20px; width:90px; background-position:0 0; }
.from .ico_down, .ptit .ico_down { height:20px; width:90px; background-position:-270px 0; }
.from .ico_le, .ptit .ico_le { height:20px; width:90px; background-position:0 0; }
.from .ico_tudou, .ptit .ico_tudou { height:20px; width:90px; background-position:0 0; }
.from .ico_56, .ptit .ico_56 { height:20px; width:90px; background-position:0 0; }
.from .ico_swf, .ptit .ico_swf { background-position:-112px 0; }
.from .ico_qiyi, .ptit .ico_qiyi { height:20px; width:90px; background-position:0 0; }
.from .ico_xigua, .ptit .ico_xigua { height:20px; width:90px; background-position:-90px 0; }
.from .ico_jjvod, .ptit .ico_jjvod { height:20px; width:90px; background-position:-180px 0; }

.ptit { line-height:50px; border-bottom:1px solid rgba(255,255,255,0.08); padding: 0 15px; }
.ptit .bflogo { float:left; display:block; width:90px; height:20px; margin:15px 8px 0 8px; }

/* ============ 播放列表 ============ */
.playlist { background: rgba(30,28,50,0.6); }
.col, .stab_list { padding-right:15px; }
.col li, .stab_list li { float:left; }
.col li i, .stab_list li a { display:block; font-size:13px; margin-left:12px; margin-top:12px; text-align:center; overflow:hidden; }
.col li i { height:28px; line-height:28px; cursor:pointer; color:#c0c0e0; transition: all 0.3s ease; }
.col li.on i { text-decoration:underline; color:#00d4ff; font-weight:600; }
.stab_list { padding-bottom:15px; }
.stab_list li a { display:block; height:34px; line-height:34px; border-radius: 10px; border:1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color:#c0c0e0; text-align:center; margin: 5px; padding: 0 12px; transition: all 0.3s ease; }
.stab_list li a:hover { background: linear-gradient(135deg, #00d4ff, #a855f7); color:#fff; border-color: transparent; box-shadow: 0 4px 15px rgba(0,212,255,0.3); transform: translateY(-2px); }

/* ============ 下载列表 ============ */
.downlist { background: rgba(30,28,50,0.6); }
.downlist ul { padding:8px 0; }
.downlist li { padding:8px 15px; }
.downlist .feifan123 { float:left; }
.downlist .feifan123 .adr, .downlist .feifan123 .dinput { float:left; }
.downlist .feifan123 .adr { margin-top:6px; width:14px; height:14px; }
.downlist .feifan123 .dinput { margin-top:-1px; }
.downlist .feifan123 .dinput input { height:23px; line-height:23px; border:1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); padding-left:10px; color:#c0c0e0; border-radius: 14px; font-size:12px; }
.downlist .feifan123 .dinput span a { font-size:12px; }
.dwon_xl, .dwon_tx, .dwon_yy, .dwon_xm, .dwon_copy { float:left; position: relative; }
.dwon_xl a { background: linear-gradient(135deg, #00d4ff, #0099cc); }
.dwon_tx a { background: linear-gradient(135deg, #28a745, #207532); }
.dwon_yy a { background: linear-gradient(135deg, #6f42c1, #4e2d8e); }
.dwon_xm a { background: linear-gradient(135deg, #e83e8c, #c2185b); }
.dwon_copy .but_copy { background: linear-gradient(135deg, #6c757d, #495057); }
.dwon_xl a, .dwon_tx a, .dwon_yy a, .dwon_xm a, .dwon_copy .but_copy { display:block; font-size:12px; width:40px; height:28px; line-height:28px; text-align:center; color:#fff; margin-left:10px; border-radius: 14px; transition: all 0.3s ease; }
.dwon_xl a:hover, .dwon_tx a:hover, .dwon_yy a:hover, .dwon_xm a:hover, .dwon_copy .but_copy:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0,0,0,0.3); }
.downlist .ckall { font-size:12px; border-top:1px solid rgba(255,255,255,0.08); line-height:50px; }
.downlist .ckall input { float:left; width:14px; height:14px; margin-left:15px; margin-top:18px; }
.downlist .ckall em { float:left; padding:0 10px; }
.downlist .ckall .zhongxz { float:left; padding:0 10px; height:24px; line-height:24px; margin-top:13px; background: rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.1); border-radius: 4px; }

/* ============ 描述 ============ */
.copy-tips { position:fixed; z-index:999; bottom:50%; left:50%; margin:0 0 -20px -80px; background-color: rgba(0,136,0,0.5); padding:6px; }
.copy-tips-wrap { padding:10px 20px; text-align:center; border:1px solid rgba(255,255,255,0.2); background: rgba(30,28,50,0.9); border-radius: 8px; color:#fff; font-size:14px; }
.ndes { background: rgba(30,28,50,0.6); }
.ndes .ptit .gang { float:left; display:block; height:40px; width:0; border-right:15px solid transparent; overflow: hidden; }
.ndes .des_text { display:block; padding:10px 15px 10px; }
.ndes .des_text a { margin:0 10px; }
.ndes .des_text .tit em { color:#8888a0; }
.ndes .des_xy { line-height:22px; padding:15px; text-indent: 40px; color:#c0c0d0; }

/* ============ 播放器 ============ */
.playerfrom { background: rgba(30,28,50,0.6); }
.playerfrom .playlist { border:0; }
.pyfrom { height:40px; border-bottom:1px solid rgba(255,255,255,0.08); position: relative; }
.pyfrom li { line-height:40px; }
.pyfrom .from { width:140px; }
.pyfrom .from .ico { margin:13px 8px 0 15px; }
.pyfrom .from li { display:none; }
.pyfrom .from-on li { border-bottom:1px solid rgba(255,255,255,0.05); }
.pyfrom .from-on li:last-child { border-bottom:0; }
.pyfrom .from li.on, .pyfrom .from-on li { display:block; }
.pyfrom .from .laiyuan { position:absolute; left:0; top:0; display:block; width:140px; height:40px; border-right:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); background: rgba(30,28,50,0.8); }
.pyfrom .from .laiyuan em { float:right; border-left:1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.05); padding:0 5px; }
.pyfrom .from-on .laiyuan { border:0; }
.pyfrom .from-on li.on .laiyuan { border-bottom:1px solid rgba(255,255,255,0.08); }
.pyfrom .from-on .laiyuan em { display:none; }
.pyfrom .from-on li.on .laiyuan em { display:block; }
.pyfrom .from-on { position:absolute; left:-1px; top:40px; background: rgba(30,28,50,0.9); border:1px solid rgba(255,255,255,0.1); border-top:0; border-radius: 0 0 8px 8px; overflow:hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
.pyfrom .from-on li.on { position:absolute; left:0; top:-40px; height:40px; width:100%; border-right:1px solid rgba(255,255,255,0.1); }
.pyfrom .from .on .li .liname::after { content:'?'; padding-left:5px; color:#f093fb; }
.pyfrom .from .wulaiyuan { position:absolute; left:0; top:0; display:block; height:40px; width:100%; background: rgba(255,255,255,0); }
.playerall { background: #000; border-radius: 16px; overflow: hidden; }
.shua { text-align: center; line-height:40px; color:#fff; cursor: pointer; }
.pfplayer { padding:15px; background: rgba(30,28,50,0.6); }
.pfplayer .dc { height:40px; line-height:40px; }
.pfplayer .dc span { color:#fff; margin-left:50px; display:inline-block; width:40px; height:40px; border-radius: 20px; text-align: center; }
.pfplayer .dc span#digg_num { background: linear-gradient(135deg, #ff6b6b, #ee5a24); }
.pfplayer .dc span#tread_num { background: linear-gradient(135deg, #00d4ff, #0099cc); }
.pfplayer .dc a { padding-left:10px; }

/* ============ 搜索页 ============ */
.search .search_key { color:#00d4ff; padding:0 2px; }
.search .list li { float:none; }
.search .list .li_li { position:relative; background: rgba(30,28,50,0.6); margin-bottom:15px; padding:15px; border:1px solid rgba(255,255,255,0.08); border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.3); }
.search .list .li_img { float:left; }
.search .list .des { height:88px; }
.search .list .li_text .name { font-weight:600; }
.search .list .li_text p em { color:#8888a0; }

/* ============ 话题索引 ============ */
.topicindex .list .name { position: absolute; left:0; bottom:0; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); color:#fff; width:100%; height:28px; line-height:28px; text-align:center; overflow: hidden; }
.topicindex .list .rgba1 { top:0; right:0; bottom:auto; }
.topicindex .list .li_img { padding-bottom:70%; }

/* ============ 新闻列表 ============ */
.ntit { line-height:40px; border-bottom:1px solid rgba(255,255,255,0.08); }
.ntit .more { float:right; color:#8888a0; }
.ntit .more:hover { color:#00d4ff; }
.ntit .title { float:left; color:#fff; font-weight:600; }
.ntit .title::before { content:'〓'; padding-right:3px; color:#00d4ff; }
.newslist { padding:0 15px; background: rgba(30,28,50,0.6); margin-bottom:15px; }
.nlist { padding-right:20px; }
.nlist li { float:left; width:50%; }
.nlist li a { display:block; line-height:40px; border-bottom:1px solid rgba(255,255,255,0.05); margin-left:20px; color:#c0c0e0; }
.nlist li a:hover { color:#00d4ff; }
.nlist li em { padding-right:5px; color:#8888a0; }

/* ============ 文章 ============ */
.artlist { background: rgba(30,28,50,0.6); margin-bottom:15px; }
.artlist .art { padding:15px; border-bottom: 1px solid rgba(255,255,255,0.05); }
.artlist .art-l { width:20%; float:left; height:0; padding-bottom:25%; overflow: hidden; }
.artlist .art-r { margin-left:22%; }
.art .art-r p { line-height:22px; color:#c0c0e0; }
.art .art-r .tit { margin-bottom:5px; }
.art .art-r .des { font-size:12px; color:#8888a0; }
.art .art-r .time::before { content:'?'; padding-right:5px; }
.newscon { background: rgba(30,28,50,0.6); padding:15px; }
.newscon .name { text-align: center; line-height:30px; color:#fff; }
.newscon .des { line-height:24px; color:#c0c0e0; }
.newscon .fy { text-align: center; padding:10px 0; }
.newscon .fy a, .newscon .fy em, .newscon .fy span { display:inline-block; line-height:24px; padding:0 10px; margin:0 10px 20px; border:1px solid rgba(255,255,255,0.1); border-radius: 6px; color:#c0c0e0; }
.newscon .fy a:hover { background: linear-gradient(135deg, #00d4ff, #a855f7); color:#fff; }
.newscon .time { text-align: right; color:#8888a0; }
.newscon .time::before { content:'?'; padding-right:5px; }
.newsxg .nxg span { display:block; line-height:40px; border-bottom:1px solid rgba(255,255,255,0.05); color:#c0c0e0; }

/* ============ 筛选 ============ */
.case { padding:0 15px; background: rgba(30,28,50,0.6); }
.case .bb0 { border-bottom:0; }
.feifan123-net { position: relative; border-bottom:1px solid rgba(255,255,255,0.08); }
.feifan123-net span { position: relative; display: block; margin-left:10px; float: left; padding-right:15px; line-height: 44px; z-index: 10; color:#e0e0f0; font-weight:600; }
.list_nav { position: relative; overflow: auto; z-index: 1; }
.list_nav ul { width: 1000px; height: 44px; line-height: 44px; max-height: 3rem; overflow: hidden; }
.list_nav ul li { float: left; margin: 0; width: 46px; text-align: center; }
.list_nav .active em { display: block; float:left; width: 100%; height: 100%; color: #e0e0f0; }
.list_nav .active { height: 22px; line-height: 22px; margin: 11px 0 0 0; background: rgba(255,255,255,0.08); border-radius: 10px; }
.list_nav .active a { color:#e0e0f0; }

/* ============ 分页 ============ */
.page { height:40px; line-height:40px; text-align:center; padding: 20px 0; }
.page a { background: rgba(255,255,255,0.08); color:#c0c0d0; margin: 0 8px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.1); padding: 8px 16px; transition: all 0.3s ease; }
.page .on { margin: 0 8px; border-radius: 8px; padding: 8px 16px; background: linear-gradient(135deg, #00d4ff, #a855f7); color:#fff; }
.page em.on, .page a:hover { color:#fff; background: linear-gradient(135deg, #00d4ff, #a855f7); border-color: transparent; }

/* ============ 页脚 ============ */
.footer {
    background: rgba(15,12,41,0.9);
    text-align: center;
    color:#8888a0;
    padding: 30px 20px;
    border-top: 1px solid rgba(255,255,255,0.08);
}
.footer p { max-width: 1200px; margin: 0 auto 15px; line-height: 1.8; }
.footer a { color:#c0c0e0; margin: 0 5px; }
.footer a:hover { color:#00d4ff; }
.gotop { display:none; position: fixed; z-index:11; bottom:2rem; right:1rem; }
.gotop a {
    display:block; margin-top:5px; width:40px; height:40px;
    padding:10px;
    background: linear-gradient(135deg, #00d4ff, #a855f7);
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(0,212,255,0.4);
}
.gotop a:hover { transform: translateY(-3px); }
.gotop .ico { display:block; width:20px; height:20px; }
.gotop .gotopbg { background-position: -56px -84px; }
.gotop .gbbg { background-position: 0 -80px; }

/* ============ 公告信息 ============ */
.profile_info {
    background: rgba(30,28,50,0.6);
    padding: 15px;
    text-align: center;
    position: relative;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
}
.profile_info .profile_avatar { width: 65px; height: 65px; margin-bottom: 8px; }
.radius_avatar { display: inline-block; background: rgba(255,255,255,0.1); padding: 3px; border-radius: 50%; overflow: hidden; vertical-align: middle; }
.radius_avatar img { width: 100%; height: 100%; border-radius: 50%; background: rgba(255,255,255,0.1); }
.profile_info .profile_nickname { display: block; font-weight: 400; font-size: 18px; margin-bottom: 8px; color:#fff; }
.profile_info .profile_desc { font-size: 14px; color:#a0a0c0; overflow: hidden; text-overflow: ellipsis; display: box; box-orient: vertical; line-clamp: 2; word-wrap: break-word; word-break: break-all; }
.profile_info .profile_opr { padding-top: 16px; }
.profile_info .weui_btn { color:#c0c0e0; line-height: 2; width:63%; }
.weui_btn_plain_primary { color: #00d4ff; border: 1px solid rgba(0,212,255,0.5); }
.weui_btn { position: relative; display: block; margin-left: auto; margin-right: auto; padding-left: 14px; padding-right: 14px; font-size: 18px; text-align: center; color: #fff; line-height: 2.33333333; border-radius: 8px; overflow: hidden; }
.weui_btn, .weui_dialog_ft a, .weui_dialog_ft a:active, .weui_dialog_ft a:hover { text-decoration: none; }
.weui_btn_plain_primary::after { border-width: 0; }
.weui_btn::after { width: 200%; height: 200%; top: 0; left: 0; border: 1px solid rgba(0, 0, 0, .2); transform: scale(.5); transform-origin: 0 0; border-radius: 10px; }
.weui_btn::after, .weui_cell::before { content: " "; position: absolute; }
.weui_btn, .weui_btn::after, .weui_switch { box-sizing: border-box; }

/* ============ 全局动画 ============ */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes glow {
    0%, 100% { box-shadow: 0 0 20px rgba(0,212,255,0.3); }
    50% { box-shadow: 0 0 40px rgba(168,85,247,0.5); }
}
@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

/* ============ 滚动条美化 ============ */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); border-radius: 4px; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #00d4ff, #a855f7); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #00b8e0, #8e3fcf); }

/* ============ 选中样式 ============ */
::selection {
    background: linear-gradient(135deg, rgba(0,212,255,0.4), rgba(168,85,247,0.4));
    color: #fff;
}

/* ============ 主体容器 ============ */
.wrap { animation: fadeInUp 0.6s ease-out; }

/* ============ 卡片悬停增强 ============ */
.menulist-r .list .li_all {
    position: relative;
    overflow: hidden;
}
.menulist-r .list .li_all::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
    transition: left 0.6s ease;
}
.menulist-r .list .li_all:hover::before {
    left: 100%;
}

/* ============ 海报封面增强 ============ */
.dpic {
    position: relative;
}
.li_img {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.li_img:hover {
    box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 30px rgba(0,212,255,0.2);
}
.li_img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.4) 100%);
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.li_img:hover::after {
    background: linear-gradient(180deg, transparent 30%, rgba(0,212,255,0.1) 100%);
}

/* ============ 角标增强 ============ */
.rgba1 {
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* ============ 标题下划线动画 ============ */
.stit .title {
    background: linear-gradient(90deg, #fff 0%, #c0c0e0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ============ 列表项进场动画 ============ */
.menulist-r .list li {
    opacity: 0;
    animation: fadeInUp 0.5s ease-out forwards;
}
.menulist-r .list li:nth-child(1) { animation-delay: 0.05s; }
.menulist-r .list li:nth-child(2) { animation-delay: 0.10s; }
.menulist-r .list li:nth-child(3) { animation-delay: 0.15s; }
.menulist-r .list li:nth-child(4) { animation-delay: 0.20s; }
.menulist-r .list li:nth-child(5) { animation-delay: 0.25s; }
.menulist-r .list li:nth-child(6) { animation-delay: 0.30s; }
.menulist-r .list li:nth-child(7) { animation-delay: 0.35s; }
.menulist-r .list li:nth-child(8) { animation-delay: 0.40s; }
.menulist-r .list li:nth-child(9) { animation-delay: 0.45s; }
.menulist-r .list li:nth-child(10) { animation-delay: 0.50s; }
.menulist-r .list li:nth-child(11) { animation-delay: 0.55s; }
.menulist-r .list li:nth-child(12) { animation-delay: 0.60s; }

/* ============ 列表文字悬停 ============ */
.li_text .name a {
    transition: all 0.3s ease;
}
.li_text .name a:hover {
    background: linear-gradient(135deg, #00d4ff, #a855f7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ============ 侧边导航增强 ============ */
.menulist-l .ilist .ul li a {
    position: relative;
}
.menulist-l .ilist .ul li a::before {
    content: '';
    position: absolute;
    left: 0; top: 50%;
    width: 3px; height: 0;
    background: linear-gradient(180deg, #00d4ff, #a855f7);
    transform: translateY(-50%);
    transition: height 0.3s ease;
    border-radius: 2px;
}
.menulist-l .ilist .ul li a:hover::before { height: 60%; }

/* ============ 搜索结果增强 ============ */
.search .list .li_li {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}
.search .list .li_li::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 4px; height: 100%;
    background: linear-gradient(180deg, #00d4ff, #a855f7);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.search .list .li_li:hover::before { opacity: 1; }
.search .list .li_li:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px rgba(0,212,255,0.2);
}

/* ============ 周榜卡片增强 ============ */
.reweek {
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.reweek li {
    position: relative;
}
.reweek li:hover {
    color: #00d4ff;
    text-shadow: 0 0 10px rgba(0,212,255,0.5);
}

/* ============ 播放器容器 ============ */
.playerall {
    position: relative;
    border: 1px solid rgba(255,255,255,0.1);
}
.playerall::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(135deg, #00d4ff, #a855f7, #00d4ff);
    background-size: 200% 200%;
    border-radius: 18px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease;
    animation: shimmer 4s linear infinite;
}
.playerall:hover::before { opacity: 0.5; }

/* ============ 详情信息按钮 ============ */
.detail_text .fav, .detail .fav {
    display: inline-block;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.detail_text .fav::before, .detail .fav::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: left 0.5s ease;
}
.detail_text .fav:hover::before, .detail .fav:hover::before { left: 100%; }
.detail_text .fav:hover, .detail .fav:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,212,255,0.5);
}

/* ============ 筛选导航增强 ============ */
.list_nav .active {
    transition: all 0.3s ease;
    background: rgba(0,212,255,0.15);
    border: 1px solid rgba(0,212,255,0.3);
    box-shadow: 0 2px 10px rgba(0,212,255,0.15);
}
.list_nav ul li a:hover {
    color: #00d4ff;
    text-shadow: 0 0 8px rgba(0,212,255,0.4);
}

/* ============ 页脚链接增强 ============ */
.footer a {
    transition: all 0.3s ease;
    position: relative;
}
.footer a:hover {
    color: #00d4ff;
    text-shadow: 0 0 10px rgba(0,212,255,0.5);
}

/* ============ 返回顶部增强 ============ */
.gotop a {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation: glow 3s ease-in-out infinite;
}
.gotop a:hover {
    animation: none;
    transform: translateY(-5px) scale(1.1);
}

/* ============ 标题徽章 ============ */
.ptit {
    position: relative;
    background: linear-gradient(90deg, rgba(0,212,255,0.05) 0%, rgba(168,85,247,0.05) 100%);
}
.ptit .gang {
    display: inline-block;
    width: 4px;
    height: 20px;
    background: linear-gradient(180deg, #00d4ff, #a855f7);
    border-radius: 2px;
    vertical-align: middle;
    margin-right: 10px;
}

/* ============ 标签悬停光效 ============ */
.tagli li a {
    position: relative;
    overflow: hidden;
}
.tagli li a::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s ease;
}
.tagli li a:hover::before { left: 100%; }

/* ============ 公告徽章 ============ */
.profile_info {
    background: linear-gradient(135deg, rgba(0,212,255,0.08) 0%, rgba(168,85,247,0.08) 100%);
    border: 1px solid rgba(0,212,255,0.2);
}
.profile_info .profile_desc {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ============ 涟漪点击效果 ============ */
.ripple-effect {
    position: absolute;
    border-radius: 50%;
    background: rgba(0,212,255,0.3);
    transform: scale(0);
    animation: ripple-animation 0.6s ease-out;
    pointer-events: none;
    z-index: 10;
}
@keyframes ripple-animation {
    to {
        transform: scale(4);
        opacity: 0;
    }
}

/* ============ 发光效果 ============ */
.glow-effect {
    animation: glow-pulse 3s ease-in-out infinite;
}
@keyframes glow-pulse {
    0%, 100% { box-shadow: 0 0 20px rgba(0,212,255,0.2); }
    50% { box-shadow: 0 0 40px rgba(168,85,247,0.3); }
}

/* ============ 列表渐入 ============ */
.stagger-in {
    opacity: 0;
    animation: fadeInUp 0.6s ease-out forwards;
}
.stagger-in:nth-child(odd) { animation-delay: 0.1s; }
.stagger-in:nth-child(even) { animation-delay: 0.2s; }

/* ============ 移动端额外增强 ============ */
@media screen and (max-width: 1023px) {
    .li_img::after { display: none; }
    .menulist-r .list li { animation: none; opacity: 1; }
    .playerall::before { display: none; }
    .ripple-effect { display: none; }
}