/* ===== 深紫暗夜风格 - 仅修改配色和细节，完全保留原始布局 ===== */
/* 所有尺寸、定位、层级、盒模型均保持原始代码不变 */

html{font-size:100px;}
html,body{height:100%;}
html,body,div,h1,h2,h3,h4,h5,h6,p,span,em,a,img,ul,li,ol,form,button,input,textarea,dl,dt,dd,iframe{margin:0;padding:0;}
body{
  background: #0d0a1a;
  background-image: 
    radial-gradient(ellipse at 30% 40%, rgba(120, 80, 200, 0.12) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 60%, rgba(80, 60, 180, 0.08) 0%, transparent 50%);
  text-align:left;
  font:14px/1.5 'PingFang SC', 'Microsoft Yahei', 'Segoe UI', sans-serif;
  color: #c8bce0;
}
a{
  cursor:pointer;
  color: #a78bfa;
  text-decoration:none;
  outline:0 none;
}
a:hover,a:focus{
  color: #d4c8f0;
  text-decoration:none;
  outline:none;
  transition:all .3s ease;
}
h1,h2,h3,h4,h5,h6,em{font-size:16px;font-weight:normal;}
ol,ul{list-style:none;}
em{font-style:normal;}
img{border:0;vertical-align:middle;}
img,a{-webkit-touch-callout:none;}
.clearfix:after{content:'';display:block;clear:both;visibility:hidden;height:0;}
.clearfix{zoom:1;}
.wrap{margin:0 auto;width:1800px;overflow:hidden;}
.pc{display:inline;}
.mt{display:none;}

@font-face{
  font-family:'Voltaire';
  font-style:normal;
  font-weight:400;
  src:url('../font/voltaire.eot'); 
  src:local('Voltaire'),url('../font/voltaire.woff2') format('woff2'); 
  src:local('Voltaire'),url('../font/voltaire.woff') format('woff'); 
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"iconfont";
  src:url('../font/iconfont.eot'); 
  src:url('../font/iconfont.eot#iefix') format('embedded-opentype'), 
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'), 
  url('../font/iconfont.svg') format('svg'); 
}
[class*='icon-'],[class^='icon-']{
  font-family:'iconfont' !important;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.icon-top:before{content:"\e63c";}
.icon-home:before{content:"\e611";}
.icon-close:before{content:"\e624";}
.icon-apple:before{content:"\e646";}
.icon-android:before{content:"\e68c";}
.icon-desktop:before{content:"\e772";}
.icon-url:before{content:"\e656";}
.icon-email:before{content:"\e826";}
.icon-bs-menu:before{content:"\e608";color:#a78bfa;}
.icon-bs-more:before{content:"\e606";color:#a78bfa;}
.icon-safari:before{content:"\e668";color:#a78bfa;}

/* ===== 导航 ===== */
.nav-wrap{
  background: #15102a;
  border-bottom: 1px solid rgba(167, 139, 250, 0.08);
}
.nav{
  box-sizing:border-box;
  width:1800px;
  margin:0 auto;
}
.nav li{padding:0 10px;box-sizing:border-box;}
.nav .logo{float:left;min-width:22%;margin-top:19px;overflow:hidden;}
.nav .logo .domain{
  text-align:center;
  font-size:28px;
  text-transform:uppercase;
}
.nav .logo .domain a{
  color: #a78bfa;
}
.nav .logo .domain a:hover{
  color: #c4b5fd;
}
.nav .logo .url{
  line-height:32px;
  text-align:center;
}
.nav .logo .url span{
  display:block;
  margin:1px;
  border-radius:5px;
  border: 1px solid rgba(167, 139, 250, 0.1);
  padding:0 10px;
  height:34px;
  line-height:34px;
  background: #0d0a1a;
  color: #7a6a9e;
  text-transform:lowercase;
}
.nav .logo .url i{
  font-style:normal;
  color: #a78bfa;
}
.nav .btn-icon{float:right;width:70%;padding:10px 0;}
.nav .btn-icon li{
  width:33%;
  text-align:center;
  height:130px;
  float:left;
  position:relative;
  display:inline-block;
}
.nav .btn-icon li i{
  display:block;
  height:60px;
  line-height:60px;
  font-size:60px;
  margin:0 auto;
  padding:5px 0 10px 0;
  color: #7a6a9e;
}
.nav .btn-icon li span{
  display:block;
  height:20px;
  line-height:20px;
}
.nav .btn-icon li span.subtitle{
  color: #4a3a6a;
}
.nav .btn-icon li a{
  display:block;
  width:100%;
  height:100%;
}
.nav .btn-icon li:hover{
  background: rgba(167, 139, 250, 0.06);
  border-radius:5px;
}
.nav .btn-icon li:hover i{
  color: #c4b5fd;
}
.nav .btn-icon li:hover span.title{
  color: #c4b5fd;
}
.nav .btn-icon li:hover .tips{display:block;}
.nav .btn-icon li .tips{
  display:none;
  position:absolute;
  left:50%;
  margin-left:-120px;
  margin-top:23px;
  box-sizing:border-box;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
  border-radius:5px;
  padding:12px;
  min-width:240px;
  line-height:26px;
  background: #15102a;
  border: 1px solid rgba(167, 139, 250, 0.08);
  color: #a09ab8;
  white-space:nowrap;
}
.nav .btn-icon li .tips:before,.tips:after{
  content:"";
  position:absolute;
  display:block;
  border-width:8px;
  border-style:solid;
  width:0;
  height:0;
}
.nav .btn-icon li .tips:before{
  left:50%;
  margin-left:-8px;
  top:-16px;
  border-color:transparent transparent #15102a transparent;
}
.nav .btn-icon li .tips:after{
  left:50%;
  margin-left:-8px;
  top:-16px;
  border-color:transparent transparent transparent transparent;
}
.nav .btn-icon li .tips p{color:#a78bfa;}
.nav .btn-icon li .tips em{
  padding:0;
  font-style:normal;
  font-weight:normal;
  font-size:14px;
}
.nav .btn-icon li .tips span{display:none;}

/* ===== 菜单 ===== */
.menu{
  margin-top:0px;
  border-radius:5px;
  box-sizing:border-box;
  background: #15102a;
  padding:0 20px;
  border: 1px solid rgba(167, 139, 250, 0.05);
}
.menu dl{
  float:left;
  width:100%;
  padding:15px 0;
}
.menu dl:first-child{border-top:0;}
.menu dl,#subMenuBox dl{
  border-top: 1px solid rgba(167, 139, 250, 0.06);
}
.menu dt,.menu dd{
  float:left;
  line-height:40px;
  text-align:center;
}
.menu dt{
  width:8%;
  font-size:20px;
}
.menu dt,.menu dt a{
  color: #7a6a9e;
}
.menu dt a:hover{
  color: #c4b5fd;
}
.menu dt:after{
  content:"";
  position:absolute;
  z-index:1;
  margin:13px 36px 0;
  width:0px;
  height:16px;
  background: rgba(167, 139, 250, 0.08);
}
.menu dt .cur,.menu dd .cur{
  color: #a78bfa;
}
.menu dd{
  width:9.2%;
  font-size:16px;
}

/* ===== 模块 ===== */
.mod{margin-top:20px;}
.mod .title{
  width:100%;
  height:40px;
  margin:10px 0;
}
.mod .title h3{
  float:left;
  font-size:26px;
  color: #7a6a9e;
  line-height:40px;
}
.mod .title h3 a{
  color: #7a6a9e;
}
.mod .title h3 a:hover{
  color: #c4b5fd;
}
.mod .title h3 em{
  font-size:26px;
  padding-right:5px;
  color: #a78bfa;
}
.mod .title .tags{float:right;}
.mod .title .tags a{
  float:left;
  display:block;
  margin:5px 0 0 10px;
  border-radius:100px;
  padding:5px 10px;
  background: rgba(167, 139, 250, 0.06);
  border: 1px solid rgba(167, 139, 250, 0.04);
}
.mod .title .tags a:hover{
  background: rgba(167, 139, 250, 0.12);
  color: #c4b5fd;
}
.mod .title .tags h2{float:left;font-size:14px;}
.mod .title .more{float:right;}
.mod .title .total{
  float:right;
  line-height:40px;
  font-size:14px;
  text-align:right;
  color: #4a3a6a;
}
.mod .title .total em{
  padding:0 5px;
  color: #a78bfa;
  font-weight:bold;
}

/* ===== 内容卡片 ===== */
.mod .row dl{
  position:relative;
  display:block;
  float:left;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}
.mod .row dl:hover{
  box-shadow: 0 4px 24px rgba(167, 139, 250, 0.06);
}
.mod .row dt{
  position:relative;
  width:100%;
  background: #0d0a1a;
}
.mod .row dt img,.mod .row li img{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.mod .row dd a{
  display:block;
  width:100%;
  height:40px;
  line-height:40px;
  text-align:center;
  overflow:hidden;
  background: #0d0a1a;
  border-top: 1px solid rgba(167, 139, 250, 0.04);
}
.mod .row dl:hover dd a{
  color: #c4b5fd;
}
.mod .col2,.mod .col3,.mod .col4,.mod .col6{margin-right:-20px;}
.mod .col2 dt a,.mod .col3 dt a,.mod .col4 dt a,.mod .col5 dt a,.mod .col6 dt a{
  display:block;
  width:100%;
  height:100%;
}
.mod .col5 img,.mod .col6 img{object-fit:cover;}

.mod .col2 dl{margin:10px 20px 10px 0;width:640px;}
.mod .col2 dt{height:150px;}
.mod .col2 dd,.mod .col3 dd,.mod .col4 dd,.couplet-left span,.couplet-right span{
  display:block;
  position:absolute;
  z-index:6;
  right:2px;
  bottom:2px;
  padding:0 6px;
  border-radius:3px;
  background: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.6);
  font-size:11px;
  cursor:pointer;
}
.mod .col3 dl{margin:10px 20px 10px 0;width:420px;}
.mod .col3 dt{height:180px;}
.mod .col4 dl{margin:10px 20px 10px 0;width:310px;}
.mod .col4 dt{height:150px;}
.mod .col5{margin-right:-12.5px;}
.mod .col5 dl{margin:15px 12.5px 15px 0;width:24.2%;}
.mod .col5 dt{aspect-ratio: 16 / 9;}
.mod .col5 dt a:hover:before{
  background: url(../image/play.png) center no-repeat;
}
.mod .col5 dt i{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  width:auto;
  height:20px;
  padding:10px 10px 4px;
  overflow:hidden;
  background: linear-gradient(0deg, rgba(0,0,0,0.5), transparent 70%);
  color: #c8bce0;
  font-size:12px;
  font-style:normal;
  letter-spacing:normal;
  line-height:20px;
  text-overflow:ellipsis;
  white-space:nowrap;
  cursor:pointer;
}
.mod .col6 dl{margin:15px 20px 15px 0;width:200px;}
.mod .col6 dt{height:280px;}
.mod .col6 dt i{
  display:block;
  position:absolute;
  z-index:2;
  right:5px;
  top:5px;
  padding:0 6px;
  border-radius:3px;
  background: rgba(167, 139, 250, 0.5);
  color: #fff;
  font-size:12px;
  font-style:normal;
  letter-spacing:normal;
}
.mod .col2 dt a:hover:before,
.mod .col3 dt a:hover:before,
.mod .col4 dt a:hover:before,
.mod .col5 dt a:hover:before,
.mod .col6 dt a:hover:before{
  content:"";
  position:absolute;
  z-index:1;
  width:100%;
  height:100%;
  background: rgba(167, 139, 250, 0.04);
}
.mod .col4 dl h3,.mod .col5 dl h3,.mod .col6 dl h3{
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

/* ===== 列表 ===== */
.mod .col ul{margin:20px 0;}
.mod .col li:nth-of-type(odd){
  background: rgba(167, 139, 250, 0.02);
}
.mod .col li{
  width:100%;
}
.mod .col li a{
  display:block;
  box-sizing:border-box;
  padding:0 30px;
  height:60px;
  line-height:60px;
  overflow:hidden;
  border-bottom: 1px solid rgba(167, 139, 250, 0.03);
  font-size:16px;
}
.mod .col li a:first-child{
  border-top: 1px solid rgba(167, 139, 250, 0.03);
}
.mod .col li a:visited{
  color: #3a2a5a;
}
.mod .col li a:hover{
  background: rgba(167, 139, 250, 0.04);
  color: #c4b5fd;
}
.mod .col li em{
  float:left;
  display:block;
  width:30px;
  color: #a78bfa;
  font-size:20px;
  text-align:center;
}
.mod .col ul{counter-reset:list 0}
.mod .col ul li{counter-increment:list}
.mod .col ul li em:before{content:counter(list,decimal-leading-zero)"."}
.mod .col li h3{
  padding:0 20px;
  font-style:normal;
  font-size:20px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.mod .col li span{
  float:right;
  font-size:12px;
  color: #4a3a6a;
}

/* ===== 分页 ===== */
.pagination{margin:30px 0 10px 0;}
.pagination{
  height:32px;
  line-height:32px;
  text-align:center;
}
.pagination a{
  display:inline-block;
  margin:0 2px;
  padding:0 12px;
  border-radius:3px;
  background: rgba(167, 139, 250, 0.06);
  border: 1px solid rgba(167, 139, 250, 0.04);
}
.pagination a:visited{
  background: rgba(167, 139, 250, 0.02);
  color: #3a2a5a;
}
.pagination a:hover,.pagination strong{
  background: #a78bfa;
  color: #0d0a1a;
}
.pagination strong{
  display:inline-block;
  margin:0 2px;
  padding:0 12px;
  border-radius:3px;
  height:32px;
  line-height:32px;
  font-weight:normal;
  background: #a78bfa;
  color: #0d0a1a;
}

/* ===== 详情页 ===== */
.main h1{
  padding:40px 0;
  color: #7a6a9e;
  font-size:36px;
  text-align:center;
  overflow:hidden;
}
.main .content{
  border-top: 1px solid rgba(167, 139, 250, 0.05);
  border-bottom: 1px solid rgba(167, 139, 250, 0.05);
  padding:30px 0;
  line-height:40px;
  text-align:left;
  font-size:18px;
}
.main .content::first-letter{
  display:block;
  float:left;
  margin:0 10px 0 -1.3em;
  font-size:320%;
  line-height:80px;
  color: #a78bfa;
}
.main .content img{
  display:block;
  margin:20px auto;
  width:expression(this.width> 1300 ? 1300 : true);
  background: #0d0a1a;
  border-radius: 6px;
}
.main .content p{padding:10px 0;}
.main .content br{display:inline;line-height:30px;}
.main .content ul{
  width:100%;
  margin-top:20px;
}
.main .content li{
  float:left;
  margin-right:10px;
  font-size:14px;
}
.main .content li a{
  display:blcok;
  padding:8px 14px;
  border-radius:3px;
  background: rgba(167, 139, 250, 0.06);
  border: 1px solid rgba(167, 139, 250, 0.04);
}
.main .content li a:visited{
  background: rgba(167, 139, 250, 0.02);
  color: #3a2a5a;
}
.main .content li a:hover{
  background: rgba(167, 139, 250, 0.12);
  color: #c4b5fd;
}
.main .content .player{
  width:100%;
  margin:0 auto;
  position:relative;
}
.main .content .player-wrap{padding-bottom:56.25%;width:100%;height:0;}
.main .content .player-box{position:absolute;left:0;top:0;width:100%;height:100%;}
.main .post-link{
  margin:20px 0 10px 0;
  height:40px;
  line-height:40px;
  font-size:16px;
}
.main .post-link h2{display:inline;}
.main .post-link a{overflow:hidden;}
.main .post-link .prev{float:left;text-align:left;}
.main .post-link .next{float:right;text-align:right;}

/* ===== 顶部/底部 ===== */
#topBox{background:#15102a;}
#topBox .mod,#btmBox .mod{margin:0 auto;}

/* ===== 播放提示 ===== */
.player-tips{
  position:absolute;
  z-index:10000;
  padding-bottom:56.25%;
  width:100%;
  height:0;
  background: rgba(13, 10, 26, 0.92);
  font-size:16px;
  text-align:center;
}
.player-tips dl{
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-300px;
  margin-top:-200px;
  box-sizing:border-box;
  width:600px;
  height:400px;
  padding:20px 0;
}
.player-tips a{
  position:absolute;
  display:block;
  z-index:8;
  width:100%;
  height:100%;
}
.player-tips .title{
  font-size:26px;
  color: #a78bfa;
}
.player-tips .icon{
  margin:0 auto;
  margin-top:20px;
  width:200px;
  height:200px;
  background: url(../image/kdsp.png) no-repeat 0 0 / 100% 100%;
}
.player-tips .icon a{
  display:block;
  width:200px;
  height:200px;
}
.player-tips .download{
  margin-top:16px;
  text-align:center;
  font-size:14px;
}
.player-tips .download span{
  padding:8px 30px;
  background: rgba(167, 139, 250, 0.08);
  border: 1px solid rgba(167, 139, 250, 0.06);
  color: #a09ab8;
  border-radius:20px;
}
.player-tips .download a:hover span{
  background: rgba(167, 139, 250, 0.15);
  color: #c4b5fd;
}
.player-tips .btn-close{
  position:absolute;
  cursor:pointer;
  z-index:9;
  top:0;
  right:0;
  width:48px;
  height:48px;
  line-height:48px;
  color: rgba(255, 255, 255, 0.3);
  font-size:20px;
  text-align:center;
}
.player-tips .btn-close:hover{
  color: #c4b5fd;
}

/* ===== 对联广告 ===== */
.couplet-left,.couplet-right{
  position:fixed;
  top:30%;
  margin:5px;
  z-index:70;
}
.couplet-left{left:0;}
.couplet-right{right:0;}
.couplet-left li,.couplet-right li{
  position:relative;
  width:150px;
  height:350px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}
.couplet-left a,.couplet-right a{
  position:absolute;
  z-index:3;
  width:150px;
  height:350px;
  background:#eee\9;
  filter:alpha(opacity=0)\9;
  opacity:0\9;
}
.couplet-left a:hover,.couplet-right a:hover{
  background: rgba(167, 139, 250, 0.08);
  filter:alpha(opacity=30,finishopacity=30,style=1);
  -moz-opacity:.3;
  -khtml-opacity:.3;
  opacity:.3;
  outline:none;
  transition: all .3s linear;
}
.couplet-left .btn-close,.couplet-right .btn-close{
  position:absolute;
  cursor:pointer;
  top:0;
  right:0;
  padding:2px 6px;
  background: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.5);
  border-radius: 0 0 0 4px;
  z-index:5;
  font-size:12px;
}
.couplet-left .btn-close:hover,.couplet-right .btn-close:hover{
  color: #c4b5fd;
}

/* ===== 页脚 ===== */
.footer{
  margin-top:30px;
  padding:60px 0;
  line-height:30px;
  text-align:center;
  background: #15102a;
  border-top: 1px solid rgba(167, 139, 250, 0.03);
  color: #4a3a6a;
}

/* ===== APP提示 ===== */
#appBox{
  position:fixed;
  display:none;
  left:0;
  bottom:0.62rem;
  right:0;
  width:100%;
  min-height:0.2rem;
  z-index:11001;
}
#appBox.show{display:block;animation:fadein 0.3s,fadeout 0.5s 11.7s;}
@keyframes fadein{from{opacity:0;bottom:0;}to{opacity:1;bottom:30px;}}
@keyframes fadeout{from{bottom:30px;opacity:1;}to{bottom:0;opacity:0;}}
@keyframes fade{
  from{opacity:1.0;}
  50%{opacity:0.8;color:rgba(0,0,0,0.8);}
  to{opacity:1.0;}
}
@-webkit-keyframes fade{
  from{opacity:1.0;}
  50%{background:#fff;color:rgba(252,48,118,1);}
  to{opacity: 1.0;}
}
.app-tips{
  position:relative;
  cursor:pointer;
  margin-top:10px;
  border-radius:5px;
  background: #a78bfa;
  padding:8px;
  color: #0d0a1a;
  font-size:14px;
  line-height:24px;
  text-align:center;
  animation:fade 600ms infinite;
  -webkit-animation:fade 600ms infinite;
}
.app-tips .btn-close{
  position:absolute;
  cursor:pointer;
  z-index:9;
  right:0;
  padding:2px;
  margin-right:10px;
  color: rgba(13, 10, 26, 0.5);
  font-size:14px;
  line-height:20px;
}
.app-tips .btn-close:hover{
  color: #0d0a1a;
}

/* ===== 字体 ===== */
.nav .domain,.mod .title .count em,.mod .row i,.mod .col li em,.mod .col li span,.pagination .mobile{
  font-family:'Voltaire','Book Antiqua';
}

/* ===== 侧边导航 ===== */
.guide{
  position:fixed;
  display:block;
  right:20px;
  bottom:20px;
  z-index:90;
}
.guide a{
  display:block;
  margin-top:10px;
  width:48px;
  height:48px;
  line-height:48px;
  background: #15102a;
  border: 1px solid rgba(167, 139, 250, 0.06);
  font-size:20px;
  text-align:center;
  border-radius:100px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
  color: #7a6a9e;
}
.guide a:hover{
  background: #a78bfa;
  color: #0d0a1a;
}

/* ===== 弹窗 ===== */
.mask{
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background: rgba(0, 0, 0, 0.6);
  overflow-y:scroll;
  cursor:pointer;
}
.pop{
  position:fixed;
  left:50%;
  top:50%;
  margin-left:-160px;
  margin-top:-200px;
  border-radius:12px;
  width:320px;
  height:400px;
  background: linear-gradient(180deg, #15102a, #0d0a1a);
  border: 1px solid rgba(167, 139, 250, 0.06);
  font-size:14px;
  text-align:center;
  z-index:11001;
}
.pop dt{
  margin-top:20px;
  height:40px;
  line-height:40px;
  font-size:20px;
  color: #a09ab8;
}
.pop dd{margin:13px;}
.pop .sub-title{
  line-height:26px;
  color: #4a3a6a;
}
.pop .url{
  cursor:pointer;
  margin:10px 20px;
  border-radius:5px;
  padding:0 10px;
  height:34px;
  line-height:34px;
  background: #0d0a1a;
  border: 1px solid rgba(167, 139, 250, 0.04);
  color: #7a6a9e;
  text-transform:lowercase;
}  
.pop .url:hover{
  background: #15102a;
}
.pop em{color:#a78bfa;font-size:14px;}
.pop .all{
  margin-top:26px;
  text-align:center;
}
.pop .all a{
  padding:8px 30px;
  background: #a78bfa;
  color: #0d0a1a;
  border-radius:20px;
}
.pop .all a:hover{
  background: #c4b5fd;
}
.pop .btn-close{
  margin:0 auto;
  margin-top:50px;
  width:48px;
  height:48px;
  line-height:48px;
}
.pop .btn-close a{
  display:block;
  background: rgba(167, 139, 250, 0.06);
  color: #7a6a9e;
  font-size:20px;
  text-align:center;
  border-radius:100px;
  border: 1px solid rgba(167, 139, 250, 0.04);
}
.pop .btn-close a:hover{
  background: rgba(167, 139, 250, 0.12);
  color: #c4b5fd;
}

/* ===== 响应式 - 完全保留原始结构和尺寸 ===== */
@media screen and (max-width:1366px){
  .guide{left:unset;right:0;margin:0 1.5% 0;bottom:150px;}
  #couplet{display:none;}
  .couplet-left,.couplet-right{margin:0 33px;}
}
@media screen and (max-width:1280px){
  a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent;
    outline:none;
    text-decoration:none;
  }
  .pc{display:none;}
  .mt{display:inline;}
  .wrap{width:100%;}
  .guide a:hover{background:#15102a;color:#7a6a9e;}
  .nav,.menu,.mod,.main{width:97%;margin-left:1.5%;margin-right:1.5%;}
  .nav .logo{min-width:25%;margin-top:9px;}
  .nav .btn-icon{width:68%;padding:10px 0;}
  .nav .btn-icon li{height:110px;}
  .nav .btn-icon li .tips{left:0;margin-left:0;margin-top:30px;}
  .nav .btn-icon li .tips:before,.nav .btn-icon li .tips:after{left:60px;margin-left:0;top:-16px;}
  .nav .btn-icon li:last-child .tips{left:unset;right:0;}
  .nav .btn-icon li:last-child .tips:before,.nav .btn-icon li:last-child .tips:after{left:unset;right:60px;margin-left:0;top:-16px;}
  .menu{margin-top:20px;}
  .menu dt:after{margin:13px 2.1% 0;}
  .mod .row a:hover:before{display:none;}
  .mod .col2{margin:0;}
  .mod .col2 dl{width:48.5%;}
  .mod .col2 dt{padding-bottom:23.43%;}
  .mod .col3{margin:0;}
  .mod .col3 dl{width:31.83%;}
  .mod .col3 dt{padding-bottom:42.86%;}
  .mod .col4{margin-top:0;}
  .mod .col4 dl{width:23.5%;}
  .mod .col4 dt{padding-bottom:48.38%;}
  .mod .col5 dl{width:31.83%;}
  .mod .col5 dt{padding-bottom:56.25%;}
  .mod .col6 dl{width:23.5%;}
  .mod .col6 dt{padding-bottom:140%;}
  .mod .col2,.mod .col3,.mod .col4,.mod .col5,.mod .col6{margin-right:-1.5%;}
  .mod .col2 dl,.mod .col3 dl,.mod .col4 dl,.mod .col5 dl,.mod .col6 dl{margin:0.75% 1.5% 0.75% 0;}
  .mod .col2 dt,.mod .col3 dt,.mod .col4 dt,.mod .col5 dt,.mod .col6 dt{width:100%;height:0;}
  .mod .col2 dd,.mod .col3 dd,.mod .col4 dd{display:none;}
  .pagination{margin:30px 0 20px 0;}
  .main h1{font-size:30px;}
  .main .content img{max-width:100%;}
  .footer{margin-top:20px;}
  .couplet-left,.couplet-right{margin:0 1.5% 3% 1.5%;}
  .couplet-left li,.couplet-right li,.couplet-left a,.couplet-right a,.couplet-left img,.couplet-right img{width:10vw;height:23vw;}
}

@media screen and (max-width:760px){
  .mobile{display:none;}
  .guide a{width:40px;height:40px;line-height:40px;}
  .nav li{padding:0 0;}
  .nav .logo{width:100%;}
  .nav .url{float:none;text-align:center;}
  .nav .btn-icon{width:100%;display:block;}
  .nav .btn-icon li{height:90px;}
  .nav .btn-icon li i{height:50px;line-height:50px;font-size:50px;padding:5px 0 10px 0;}
  .nav .btn-icon li .tips{margin-top:20px;}
  .nav .btn-icon li .tips:before,.nav .btn-icon li .tips:after{left:30px;}
  .nav .btn-icon li:last-child .tips:before,.nav .btn-icon li:last-child .tips:after{right:30px;}
  .menu{margin:20px 0 0;border-radius:0;padding:0;width:100%;}
  .menu dl{padding:6px 0;}
  .menu dt{width:100%;line-height:30px;font-size:20px;font-weight:bold;}
  .menu dt:after{margin:22px 3% 0;}
  .menu dd{width:25%;line-height:34px;font-size:14px;}
  .mod .title h3{font-size:22px;}
  .mod .row span,.couplet-left span,.couplet-right span{display:none;}
  .mod .col li a{padding:0 10px;}
  .mod .col li h3{padding:0 10px;font-size:16px;}
  .mod .col2{margin:4px 0;}
  .mod .col2 dl{width:100%;margin:4px 0;}
  .mod .col2 dt{padding-bottom:23.43%;width:100%;height:0;}
  .mod .col2 dd{display:none;}
  .mod .col3 dl:first-child{width:98.5%;}
  .mod .col3 dl:first-child dt{padding-bottom:48%;}
  .mod .col3 dt{padding-bottom:56.25%;}
  .mod .col4{margin-top:0;}
  .mod .col4 dt{padding-bottom:56.25%;width:100%;height:0;}
  .mod .col5 dl h3,.mod .col6 dl h3{font-size:14px;}
  .mod .col5 dt{padding-bottom:56.25%;width:100%;height:0;}
  .mod .col5 dl:first-child dt{padding-bottom:56%;}
  .mod .col4,.mod .col5,.mod .col6{margin-right:-1.5%;}
  .mod .col3 dl,.mod .col4 dl,.mod .col5 dl,.mod .col6 dl{width:48.5%;margin:1.5% 1.5% 1.5% 0;}
  .mod .col6 dt{padding-bottom:140%;width:100%;height:0;}
  .index-list .col5 dl:nth-last-child(-n+2),.index-list .col6 dl:nth-last-child(-n+2),.channel-list .col5 dl:nth-last-child(-n+2),.play-list .col5 dl:nth-last-child(-n+1){display:block;}
  .main h1{font-size:20px;padding:20px 0;}
  .main .content{line-height:30px;font-size:16px;}
  .main .content::first-letter{font-size:300%;line-height:50px;}
  .main .post-link{height:40px;line-height:40px;font-size:14px;}
  .main .post-link a{
    width:49.25%;
    display:block;
    border-radius:5px;
    background: rgba(167, 139, 250, 0.06);
    border: 1px solid rgba(167, 139, 250, 0.04);
    color: #7a6a9e;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .main .post-link a:visited{
    background: rgba(167, 139, 250, 0.02);
    color: #3a2a5a;
  }
  .main .post-link a:hover{
    background: rgba(167, 139, 250, 0.1);
    color: #c4b5fd;
  }
  .main .post-link .prev{float:left;text-align:center;}
  .main .post-link .next{float:right;text-align:center;}
  .footer{margin-top:10px;padding:40px 0;}
  .player-tips{font-size:0.8em;}
  .player-tips dl{
    position:static;
    left:0;
    top:0;
    margin-left:0;
    margin-top:0;
    width:100%;
    height:100%;
    padding:0;
  }
  .player-tips .title{font-size:1.4em;padding-top:10px;}
  .player-tips .icon{margin-top:10px;width:64px;height:64px;}
  .player-tips .icon a{width:64px;height:64px;}
  .couplet-left,.couplet-right{top:unset;bottom:16%;}
  .couplet-left li,.couplet-right li,.couplet-left a,.couplet-right a,.couplet-left img,.couplet-right img{width:20vw;height:46vw;}
}