@charset "utf-8";
/* ==========================================================================
   PC 端「直播 / 图文直播」模板
   容器 1200px，主色 #d40300，底色 #f7f7f7
   ========================================================================== */

*{margin:0;padding:0;box-sizing:border-box;}
body{
  min-width:1200px;background:#f7f7f7;color:#333;
  font:14px/1.6 "Microsoft YaHei","PingFang SC",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
a:hover{color:#d40300;}
img,video{display:block;max-width:100%;border:0;}
ul,ol{list-style:none;}
.inner{width:1200px;margin:0 auto;}

/* ============================ 站点头（原版 logo 行） ============================ */
.header-w{background:#fff;}
.top_header_info{position:relative;width:1200px;height:78px;margin:8px auto 0;}
.top_header_logo{position:relative;display:block;float:left;width:220px;height:70px;background:url(../img/home_logo2023.png) no-repeat 0 50%;background-size:220px auto;}
.top_header_logo a{font-size:12px;display:block;overflow:hidden;height:100%;text-indent:-666px;}
.top_header_right{float:right;}
.top_header_right .share{position:relative;display:flex;padding-top:22px;}
.top_header_right .share i{display:inline-block;overflow:hidden;width:32px;height:32px;margin-left:20px;cursor:pointer;text-indent:-200px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
.top_header_right .share i.wb{background-image:url(../img/icon-share-weibo.png);}
.top_header_right .share i.wx{background-image:url(../img/icon-share-wechat.png);}
.top_header_right .share .qrcode_wrap{font-size:12px;font-weight:normal;line-height:20px;position:absolute;z-index:1;top:70px;left:50%;width:168px;margin-left:-100px;padding:20px 20px 10px;color:#666;background:#e5e5e5;text-indent:0;}
.top_header_right .share #js-qrcode-img{margin-bottom:5px;}
.top_header_right .share .qrcode_close{font-size:15px;line-height:13px;position:absolute;top:2px;right:2px;width:15px;height:15px;color:#999;}
.top_header_right .share .qrcode_wrap:before{position:absolute;top:-10px;left:50%;margin-left:-5px;content:'';border-right:10px solid transparent;border-bottom:10px solid #e5e5e5;border-left:10px solid transparent;}
.hidden{display:none;}

/* ============================ 直播视频 ============================ */
.live-video{position:relative;height:560px;margin-top:30px;overflow:hidden;background:#000;}
.live-video video{width:100%;height:100%;object-fit:contain;background:#000;}
.v-state{
  position:absolute;z-index:5;top:14px;left:14px;
  display:none;align-items:center;gap:8px;
  padding:6px 14px;border-radius:16px;font-size:15px;line-height:1;color:#fff;
  background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
.v-state[data-state="live"]{display:flex;background:#d40300;}
.v-state[data-state="end"]{display:none;}
.live-video[data-status="end"] .v-state[data-state="live"]{display:none;}
.live-video[data-status="end"] .v-state[data-state="end"]{display:none;}
/* 等待直播封面：未开播/未起播时整幅盖住视频区，开播后消失 */
.wait-cover{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;background:#000;}
.wait-cover img{display:block;width:100%;height:100%;object-fit:cover;}
.live-video[data-status="live"]:not(.live-started) .wait-cover{display:block;}
/* 等待态：封面已带角标，隐藏小角标和播放按钮 */
.live-video[data-status="live"]:not(.live-started) .v-state[data-state="live"]{display:none;}
.live-video[data-status="live"]:not(.live-started) .play-mask{display:none;}
/* 直播结束封面：结束态整幅显示，盖住视频最后一帧 */
.end-cover{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;}
.end-cover img{display:block;width:100%;height:100%;object-fit:cover;}
.live-video[data-status="end"] .end-cover{display:block;}
.live-video[data-status="end"] video{visibility:hidden;}
.live-video[data-status="end"] .unmute-btn{display:none;}
.v-state em{width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1.2s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
/* 播放中隐藏角标 */
.live-video.playing .v-state{display:none !important;}

/* 播放遮罩 */
.play-mask{
  position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.04),rgba(0,0,0,.42));
  cursor:pointer;transition:opacity .25s;
}
.play-mask.hide{opacity:0;pointer-events:none;}
.play-btn{
  display:flex;align-items:center;justify-content:center;
  width:78px;height:78px;border:1px solid rgba(255,255,255,.9);border-radius:50%;
  background:rgba(0,0,0,.28);transition:background .2s,transform .2s;
}
.play-mask:hover .play-btn{background:rgba(212,3,0,.85);transform:scale(1.04);}
.play-btn svg{width:26px;height:26px;margin-left:4px;fill:#fff;}

/* 静音时「开启声音」 */
.unmute-btn{
  position:absolute;z-index:7;right:16px;top:16px;display:none;
  padding:7px 14px;border:0;border-radius:16px;cursor:pointer;
  font-size:14px;line-height:1.2;color:#fff;background:rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
.unmute-btn.show{display:block;}

/* 视频错误提示 */
.video-tip{
  position:absolute;inset:0;z-index:6;display:none;
  align-items:center;justify-content:center;text-align:center;
  padding:0 120px;font-size:16px;line-height:30px;color:#fff;background:rgba(0,0,0,.72);
}
.video-tip.show{display:flex;}

/* ============================ 在线 / 点赞 ============================ */
.audience{
  display:flex;align-items:center;justify-content:flex-end;gap:32px;
  height:46px;padding-right:30px;background:#fff;font-size:16px;color:#aaa;
}
.audience span,.audience button{display:flex;align-items:center;}
.audience svg{width:18px;height:18px;margin-right:8px;fill:#b6bbc1;}
.audience b{font-weight:400;color:#999;}
.audience .like{border:0;background:none;font:inherit;color:inherit;cursor:pointer;}
.like.on svg{fill:#d40300;}
.like.on b{color:#d40300;}

/* ============================ 标题信息 ============================ */
.text-head{position:relative;padding:26px 42px 30px;background:#fff;}
.text-head h1{position:relative;font-size:38px;line-height:1.4;font-weight:700;color:#d40300;}
.text-head h1::before{content:"";position:absolute;left:-22px;top:10px;width:6px;height:38px;background:#d40300;}
.text-time{margin-top:14px;font-size:18px;color:#222;}
.text-desc{margin-top:12px;font-size:16px;line-height:28px;color:#555;}
.text-desc:empty{display:none;}

/* ============================ 栏目标题 ============================ */
.sec-hd{
  display:flex;align-items:center;justify-content:space-between;
  height:82px;margin-top:20px;background:#fff;border-bottom:1px solid #ececec;
}
.sec-hd h2{position:relative;padding-left:42px;font-size:24px;font-weight:700;color:#d40300;}
.sec-hd h2::before{content:"";position:absolute;left:20px;top:50%;margin-top:-15px;width:6px;height:30px;background:#d40300;}
.update{display:flex;align-items:center;gap:6px;padding-right:30px;font-size:14px;color:#666;}
.update input{margin-right:4px;}
.update label{cursor:pointer;}
.update label+input{margin-left:16px;}

/* ============================ 图文直播列表 ============================ */
.live-list{background:#fff;padding-bottom:6px;}
.item{margin:0 30px;padding:30px 0;border-bottom:1px solid #f2f2f2;}
.item:last-child{border-bottom:0;}
.meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#999;}
.dot{width:8px;height:8px;border-radius:50%;background:#d40300;box-shadow:0 0 0 4px rgba(212,3,0,.1);}
.item.is-new .meta{color:#d40300;}
.title{margin-top:10px;font-size:24px;line-height:1.5;font-weight:700;color:#222;}
.title:empty{display:none;}
.body{margin-top:10px;font-size:18px;line-height:1.85;color:#333;}
.body p+p{margin-top:12px;}
.body strong{font-weight:700;color:#d40300;}
.body img{max-width:640px;margin-top:16px;border-radius:4px;background:#f2f3f5;}
.body .vid{position:relative;width:560px;height:315px;margin-top:18px;background:#000;border-radius:4px;overflow:hidden;}
.body .vid video{width:100%;height:100%;object-fit:contain;}
.body .vid .play-btn{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;}

/* ============================ 尾部 ============================ */
.editor{padding:20px 30px;font-size:14px;color:#999;background:#fff;}
.ft{padding:28px 0 36px;text-align:center;font-size:12px;line-height:26px;color:#999;border-top:1px solid #eee;}
.ft .links{margin-bottom:8px;}
.ft .links a{margin:0 10px;color:#666;}
.ft .links a:hover{color:#d40300;}