@charset "utf-8";
/* 全局重置和基础样式 */
html {
	scrollbar-gutter: stable; /* 现代浏览器：预留滚动条空间 */
	overflow-y: scroll; /* 旧浏览器兼容：强制显示滚动条 */
}
/* 现代浏览器支持scrollbar-gutter时，取消强制滚动条 */
@supports (scrollbar-gutter: stable) {
	html {
		overflow-y: auto;
	}
}

/* 通用工具类 */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.pull-right { float: right !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-muted { color: #a0a5aa !important; }
body, html {
	width:100%;
	height:100%;
}
body {
	margin:0;
	font-family:"Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
	font-size:14px;
	line-height:140%;
	color:#e1e5e9;
	background-color:#0f1419;
}
body:after {
	content:"";
	position:fixed;
	z-index:-1;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:linear-gradient(135deg,#0f1419 0%,#1a1f2e 50%,#0f1419 100%);
}
ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, tr, p {
	margin:0;
	padding:0;
	font-weight:normal;
}
 input,select {
	 font-size:12px;
	 vertical-align:middle;
	 border:none;
 }
 ul {
	 list-style-type:none;
 }
 img {
	 border:0 none;
 }
/* 懒加载图片样式 */
.lazyload {
	 opacity:0;
	 transition:opacity 0.3s;
}
.lazyloaded {
	 opacity:1;
 }
 .vodlist__thumb img {
	 width:100%;
	 height:100%;
	 object-fit:cover;
	 position:absolute;
	 top:0;
	 left:0;
 }
/* container */
*, :after, :before {
	box-sizing:border-box;
}
.container {
	position:relative;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	width:100%;
}
 .row {
	 position:relative;
	 margin-right:-15px;
	 margin-left:-15px;
 }
 .container:before,.container:after,.row:before,.row:after {
	 display:table;
	 content:" ";
	 clear:both;
 }
/* more */
  h1 {
	 font-size:22px;
	 line-height:28px;
 }
 h2 {
	 font-size:20px;
	 line-height:26px;
 }
 h3 {
	 font-size:18px;
	 line-height:24px;
 }
 h4 {
	 font-size:16px;
	 line-height:22px;
 }
 h5 {
	 font-size:14px;
	 line-height:20px;
 }
 h6 {
	 font-size:12px;
	 line-height:18px;
 }
 h1,h2,h3,h4,h5,h6 {
	 font-weight:400;
	 margin-top:0;
	 margin-bottom:0;
 }
 a,button {
	 text-decoration:none;
	 color:#757575;
	 outline:none;
	 -webkit-tap-highlight-color:rgba(0,0,0,0)
 }
 button:hover {
	 cursor:pointer;
 }
 a:focus,a:hover,a:active {
	 text-decoration:none;
	 color:#fdf751;
 }
 .stats-info {
	 font-weight:normal;
	 font-size:14px;
	 color:#a0a5aa;
 }
 .stats-info span {
	 color:#fdf751;
 }
 .pic-text {
	 display:block;
	 width:100%;
	 position:absolute;
	 bottom:0;
	 left:0;
	 padding:5px 10px;
	 font-size:12px;
	 overflow:hidden;
	 text-overflow:ellipsis;
	 white-space:nowrap;
	 background-repeat:no-repeat;
	 background-image:linear-gradient(transparent,rgba(0,0,0,.5));
	 color:#FFFFFF;
 }
 .pannel {
	 margin-bottom:20px;
 }
 .pannel__bd {
	 margin-top: 15px;
 }
 .foot {
	 overflow:hidden;
 }
 .foot .scroll-content {
	 white-space:nowrap;
	 animation:scroll 15s linear infinite;
	 padding:10px 0;
 }
 .foot .scroll-content a {
	 color:#a0a5aa;
	 text-decoration:none;
	 font-size:13px;
	 transition:color 0.3s ease;
	 margin-right:30px;
 }
 .foot .scroll-content a:hover {
	 color:#fdf751;
 }
 @keyframes scroll {
	 0% {
		 transform:translateX(100%);
	 }
	 100% {
		 transform:translateX(-100%);
	 }
 }
 /* form */
 input,textarea {
	 outline:none;
 }
input.form-control,input.btn {
	-webkit-appearance:none;
	appearance:none;
}
 input[type="checkbox"] {
	 vertical-align:-2px;
 }
 .form-control {
	 display:block;
	 width:100%;
	 height:35px;
	 padding:0 10px;
	 font-size:12px;
	 line-height:20px;
	 border-radius:4px;
	 transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 }
 textarea.form-control {
	 height:auto;
 }
/* header */
.header {
	background:rgba(26,31,46,0.95);
	backdrop-filter:blur(10px);
	border:1px solid rgba(253,247,81,0.2);
	border-top:none;
	position:sticky;
	top:0;
	z-index:1000;
}

/* 桌面版header */
.header .row {
	display: flex;
	align-items: center;
	height: 65px;
	position: relative;
	margin: 0;
}

/* 左边区域 */
.header__left {
	display: flex;
	align-items: center;
}

/* 中间LOGO - 绝对居中 */
.header__logo {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

/* 右边图标 */
.header__icons {
	display: flex;
	align-items: center;
	margin-left: auto;
}
.header svg {
	width: 30px;
	height: 30px;
}
.header a {
	display: flex;
	align-items: center;
	color: #e1e5e9;
	transition: color 0.3s ease;
	text-decoration: none;
}
.header a:hover {
	color: #fdf751;
}
.header__nav {
	margin-right: 20px;
}
.header__menu {
	display: flex;
}
.header__menu li {
	margin-right: 35px;
}
.header__menu li a {
	font-size: 16px;
	font-weight: 500;
}
.header__menu li.active a {
	color: #fdf751;
}

.header__logo .logo {
	display: block;
	width: 150px;
	height: 40px;
}
.header__logo .logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.header__icons li {
	margin-left: 20px;
}
.header__icons li .dropdown li {
	margin-left: 0;
}
 
 /* dropdown默认样式 */
 .dropdown {
	 display:none;
	 position:absolute;
	 z-index:999;
	 top:100%;
	 padding:15px;
	 border-radius:2px;
	 background-color:#fff;
	 box-shadow:0 2px 5px rgba(0,0,0,0.2);
 }
 .dropdown:after {
	 content:" ";
	 width:10px;
	 height:10px;
	 position:absolute;
	 top:-5px;
	 right:15px;
	 background-color:#fff;
	 transform: rotate(-45deg);
 }
 
 /* 三横线菜单dropdown - 左对齐 */
 .dropdown.type {
	 left: 0;
	 width:320px;
 }
 .dropdown.type:after {
	 left: 15px;
 }
 
 /* 搜索框dropdown - 向左偏移到搜索按钮下方 */
.dropdown.search {
	right: 25px;
	width: 240px;
}
.dropdown.search:after {
	right: 25px;
}
 .dropdown.search ul {
	 overflow: hidden;
 }
.dropdown.search .item {
	position:relative;
}
 .dropdown.search .item .form-control {
	 background-color: #f5f5f5;
 }
 .dropdown.search .item .submit {
	 display:block;
	 position:absolute;
	 top:0;
	 right:0;
	 width:30px;
	 height:30px;
	 line-height:30px;
	 text-align:center;
	 background: none;
	 border: 0;
	 cursor: pointer;
 }
 .dropdown.search .item .submit .icon {
	 font-size:14px;
	 color:#999;
 }
 .dropdown.search li {
	 float: left;
	 width: 50%;
	 padding: 4px 8px;
	 box-sizing: border-box;
 }
 .dropdown.search li a {
	 display: block;
	 padding: 6px 12px;
	 background: #f5f5f5;
	 border-radius: 4px;
	 text-align: center;
	 font-size: 12px;
	 color: #333;
 }
 .dropdown.search li a:hover {
	 background: #ff6600;
	 color: #fff;
 }
 .dropdown.search li a span {
	 color: #999;
 }
 
 /* 历史记录dropdown - 右对齐 */
 .dropdown.history {
	 right: -10px;
	 width: 240px;
 }
 .dropdown.history .head h5 {
	 margin: 0;
	 padding-bottom: 10px;
 }
 .dropdown.history .head a {
	 color: red;
 }
 .dropdown.history li a {
	 display: block;
	 padding: 8px 0;
	 border-top: 1px solid #eee;
	 color: #333;
	 white-space: nowrap;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 max-width: 220px;
 }
 .dropdown.history li a:hover {
	 color: #ff6600;
 }
 .dropdown.history li a span {
	 color: #999;
 }
 
 /* 类型菜单样式 */
 .dropdown.type .type-group {
	 margin-bottom:15px;
	 padding-bottom:10px;
	 border-bottom:1px solid #eee;
 }
 .dropdown.type .type-group:last-child {
	 border-bottom:none;
	 margin-bottom:0;
 }
 .dropdown.type .type-group h4 {
	 margin:0 0 8px 0;
	 padding:0;
 }
 .dropdown.type .type-group h4 a {
	 font-size:14px;
	 font-weight:bold;
	 color:#333;
	 text-decoration:none;
 }
 .dropdown.type .type-group h4 a:hover {
	 color:#ff6600;
 }
 .dropdown.type .sub-types a {
	 display:inline-block;
	 width:48%;
	 margin-right:2%;
	 margin-bottom:5px;
	 padding:4px 8px;
	 background-color:#f5f5f5;
	 border-radius:2px;
	 font-size:12px;
	 color:#666;
	 text-decoration:none;
	 text-align:center;
	 box-sizing:border-box;
 }
 .dropdown.type .sub-types a:nth-child(2n) {
	 margin-right:0;
 }
 .dropdown.type .sub-types a:hover {
	 background-color:#ff6600;
	 color:#fff;
 }
 /* 筛选板块 */
 .screen {
	 border:1px solid rgba(253,247,81,0.2);
	 border-top:none;
	 border-radius:0;
	 margin-bottom:15px;
	 padding:15px;
	 display:none;
 }
 .screen.expanded {
	 display:block;
 }
 .screen .item ul {
	 padding:15px 0;
	 margin:0;
 }
 .screen .item ul:first-child {
	 padding-top:0;
 }
 .screen .item ul li {
	 float:left;
	 margin-right:15px;
	 margin-bottom:8px;
 }
 .screen .item ul li span {
	 color:#fdf751;
	 width:60px;
	 display:inline-block;
	 margin-right:10px;
 }
 .screen .item ul li a {
	 color:#a0a5aa;
	 text-decoration:none;
 }
 .screen .item ul li a:hover {
	 color:#fdf751;
 }
/* list */
 .vodlist__head {
	 padding:12px 15px;
	 border:1px solid rgba(253,247,81,0.2);
	 border-radius:4px 4px 0 0;
	 overflow:hidden;
 }
 .vodlist__head h3,.vodlist__head h3 a {
	 color:#fdf751;
 }
 .vodlist__head h3 {
	 overflow:hidden;
	 margin:0;
	 line-height:1.4;
 }
 .vodlist__head h3 .left-content {
	 float:left;
	 color:#fdf751;
 }
 .vodlist__head h3 .left-content > a {
	 color:#fdf751;
 }
 .vodlist__head h3 .left-content .sub-categories {
	 margin-left:30px;
	 font-weight:normal;
	 font-size:14px;
 }
 .vodlist__head h3 .left-content .sub-categories a {
	 margin-right:15px;
	 color:#a0a5aa;
 }
 .vodlist__head h3 .left-content .sub-categories a:hover {
	 color:#fdf751;
 }
 .vodlist__head h3 .right-action {
	 float:right;
	 font-size:14px;
	 font-weight:normal;
	 color:#a0a5aa;
 }
 .vodlist__head h3 .right-action:hover {
	 color:#fdf751;
 }
 .vodlist {
	 border:1px solid rgba(253,247,81,0.2);
	 border-top:none;
	 border-radius:0 0 4px 4px;
	 padding:0;
	 margin-bottom:15px;
 }
 /* 当有筛选区域展开时，vodlist显示上边框 */
 .screen.expanded + .vodlist {
	 border-top:1px solid rgba(253,247,81,0.2);
	 border-radius:4px;
 }
 .vodlist li {
	 float:left;
	 width:25%;
	 padding:10px 8px;
 }
 .vodlist__thumb {
	 display:block;
	 position:relative;
	 padding-top:60%;
	 background:#1a1f2e url(../img/loading.svg) no-repeat center;
	 background-size:200px 200px;
	 border-radius:4px;
	 overflow:hidden;
 }
 .vodlist__thumb .play,.vodlist__thumb span.play {
	 display:none;
	 position:absolute;
	 top:0;
	 left:0;
	 z-index:1;
	 width:100%;
	 height:100%;
	 background:rgba(0,0,0,0.1) url(../img/play.png) center no-repeat;
 }
 .vodlist__thumb:hover .play,.vodlist__thumb:hover span.play {
	 display:block;
 }
 .vodlist__detail {
	 padding:8px 10px;
	 background:#1a1f2e;
	 border-radius:0 0 8px 8px;
 }
 .vodlist__detail .title {
	 font-size:13px;
	 margin:0;
	 text-align:center;
	 line-height:1.2;
 }
 .vodlist__detail .title a {
	 color:#e1e5e9;
	 font-weight:500;
	 text-decoration:none;
	 display:block;
	 overflow:hidden;
	 text-overflow:ellipsis;
	 white-space:nowrap;
 }
 .vodlist__detail .title a:hover {
	 color:#fdf751;
 }
 .vodlist__detail .text {
	 margin:0;
	 font-size:12px;
	 color:#a0a5aa;
	 text-align:center;
 }
/* page */
  .page__item {
	 margin:20px 0 20px;
 }
 .page__item li {
	 display:inline-block;
	 padding:0 5px;
 }
 .page__item li a {
	 display:inline-block;
	 padding:6px 15px;
	 border-radius:4px;
	 background-color:#252527;
	 color:#757575;
 }
 .page__item li.active a,.page__item li.active span {
	 background-color:#e4bd18;
	 color:#333;
 }
 .page__item li a:hover {
	 color:#fdf751;
 }
 .page__item li.num {
	 display:none;
 }


/* ================================ 
   响应式布局 - 统一管理
   ================================ */

/* 桌面版 - 1200px以上 */
@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}

/* 平板版 - 992px到1199px */
@media (min-width: 992px) and (max-width: 1199px) {
	.container {
		max-width: 970px;
	}
}

/* 小平板版 - 768px到991px */

@media (min-width: 768px) {
	/* 响应式显示 */
	.visible-xs {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.container {
		max-width: 750px;
	}
}

/* 平板版通用 - 1024px以下 */
@media (max-width: 1024px) {
	.header__menu {
		display: none;
	}
	.screen {
		padding: 10px;
	}
	.screen .item ul li {
		float: none;
		display: inline-block;
		margin-right: 10px;
	}
	.vodlist li {
		padding: 0 5px 12px;
	}
	.vodlist__thumb {
		padding-top: 60%;
	}
	.vodlist__detail {
		padding: 6px 8px;
	}
	.vodlist__detail .title {
		font-size: 12px;
	}
}

/* 手机版 - 767px以下 */
@media (max-width: 767px) {
	/* 响应式隐藏 */
	.hidden-xs {
		display: none !important;
	}
	
	/* 全局布局 */
	.container {
		padding: 0 15px;
	}
	
	/* header */	
	.header .container {
		padding: 0 8px;
	}
	.header .row {
		height: 55px;
	}
	.header svg {
		width: 25px;
		height: 25px;
	}
	.header__menu {
		display: none;
	}
	.header__nav {
		margin-right: 15px;
	}
	.header__logo .logo {
		width: 120px;
		height: 30px;
	}
	.header__logo .logo img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.header__icons li {
		margin-left: 15px;
	}
	
	/* dropdown */
	.dropdown.type {
		right: -60px;
	}
	.dropdown.type:after {
		right: 65px;
	}
	
	/* 内容区域 */
	.pannel__bd {
		margin-top: 10px;
	}
	.vodlist li {
		width: 50%;
		padding: 8px;
	}
	.vodlist__thumb {
		padding-top: 65%;
	}
	.vodlist__detail {
		padding: 5px 6px;
	}
	.vodlist__detail .title {
		font-size: 12px;
	}
	.vodlist__detail .text {
		font-size: 10px;
	}
	.vodlist__head {
		padding: 10px 12px;
	}
	.vodlist__head p {
		display: none;
	}
	.sub-categories {
		display: none;
	}
	
	/* 分页 */
	.page__item li {
		display: block;
		float: left;
		width: 20%;
		margin: 0;
		padding: 0;
	}
	.page__item li.num {
		display: block;
	}
	
}

/* 播放器样式 */
.player-box {
	background:#1a1f2e;
	border-radius:4px;
	overflow:hidden;
	margin-bottom:20px;
}
.player-container {
	position:relative;
	width:100%;
}
.player-iframe {
	position:relative;
	width:100%;
	padding-top:56.25%;
	/* 16:9 = 9/16 = 0.5625 = 56.25% */
}
.player-iframe iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}

/* 视频信息展示区域 */
.video-info {
	background: #1a1f2e;
	border-radius: 4px;
	padding: 15px;
}

/* 选项卡 */
.action-row {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(253,247,81,0.2);
	padding-bottom: 10px;
}

.link-tab {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 8px 12px;
	background: #666;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	font-size: 12px;
	cursor: pointer;
}

.link-tab svg {
	flex-shrink: 0;
	vertical-align: middle;
}

.link-tab.active { background: #ff6b35; }
.link-tab:hover { opacity: 0.8; }

.tab-content { display: none; }

/* 详情内容 */
.stat {
	display: flex;
	gap: 20px;
	margin-bottom: 15px;
	flex-wrap: wrap;
}

.stat span { 
	color: #e1e5e9; 
	display: flex;
	align-items: center;
	gap: 5px;
}

.stat span svg {
	flex-shrink: 0;
	vertical-align: middle;
}

.block-tags {
	margin-bottom: 15px;
	line-height: 1.6;
}

.block-tags .label {
	color: #fdf751;
	font-weight: 500;
}

.tags .item {
	display: inline-block;
	margin: 0 8px 5px 0;
	padding: 2px 8px;
	background: rgba(253,247,81,0.1);
	border-radius: 3px;
	text-decoration: none;
	color: #e1e5e9;
	font-size: 12px;
}

.tags .item:hover {
	background: rgba(253,247,81,0.2);
	color: #fdf751;
}

/* 分享内容 */
.field-label {
	display: block;
	color: #e1e5e9;
	margin-bottom: 5px;
}

.copyurllink {
	float: right;
	color: #ff6b35;
	cursor: pointer;
	font-size: 12px;
}

.textfield {
	width: 100%;
	padding: 8px 10px;
	background: #2a2f3a;
	border: 1px solid #444;
	border-radius: 4px;
	color: #e1e5e9;
	font-size: 12px;
	margin-bottom: 15px;
}
