@charset "utf-8";

/* all  */
body{ background: #F5F5F5; color: #666;}

/* text */
a,h1, h2, h3, h4, h5, h6{ color: #333333;}
a:hover{ color: var(--zibi-theme-color, #22c55e);}
.text-red{ color: red;}
.text-muted{ color: #999999;}

/* form */
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #EEEEEE;}
.form-control.colorfff{ background-color: #FFFFFF;}
.form-control:focus{border-color:#FF9900; -webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6);}

/* btn */
.btn,.btn:hover,.btn .icon{ color: #333333;}
.btn{ border: 1px solid #EEEEEE;}
.btn-default{ background-color: #f5f5f5; color: #333333;}
.btn-default:hover{ background-color: #f0eeee;}
.btn-primary{ background-color: var(--zibi-theme-color, #22c55e); border: 1px solid var(--zibi-theme-color, #22c55e); color: #FFFFFF;}
.btn-primary .icon{ color: #FFFFFF;}
.btn-primary:hover{ background-color: var(--zibi-theme-color-hover, #16a34a); border: 1px solid var(--zibi-theme-color-hover, #16a34a); color: #FFFFFF;}
.btn-primary:hover .icon{ color: #FFFFFF;}

/* dropdown */
.dropdown-menu{ background-color: #FFFFFF; border: 1px solid #EEEEEE;}
.dropdown-menu:before{background-color: #FFFFFF; border-color: #EEEEEE;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background-color: #FF9900; color: #FFFFFF;}

/* line - 已隐藏所有分割线 */
.split-line{ display: none !important;}
.top-line:before{ display: none !important;}
.bottom-line:after{ display: none !important;}
.top-line-dot:before{ display: none !important;}
.bottom-line-dot:before{ display: none !important;}

/* badge */
.badge{ background-color: #EEEEEE;}
.badge-first{ background-color: #FF4A4A; color: #FFFFFF;}
.badge-second{ background-color: #FF7701; color: #FFFFFF;}
.badge-third{ background-color: #FFB400; color: #FFFFFF;}

/* nav */
.nav-head > li.active > a,.nav-tabs > li.active > a{ border-bottom: 2px solid var(--zibi-theme-color, #22c55e); color: var(--zibi-theme-color, #22c55e);}
.nav-tag > li > a,.nav-page > li > a{ background-color: #FFFFFF; border: 1px solid #EEEEEE; color: #333333;}
.nav-tag > li > a:hover,.nav-tag > li.active a,.nav-page > li > a:hover,.nav-page > li.active > a{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
.nav-page > li > a:hover > .icon{ color: #fff;}

/* tag */
.tag-btn li a{ background-color: #F8F8F8; color: #999999;}
.tag-btn li a:hover,.tag li.active a{ background-color: #FF9900; color: #FFFFFF;}
.tag-type li a{ background-color: #FFFFFF; border: 1px solid  #EEEEEE; color: #999999;}
.tag-type li a:hover,.tag-type li.active a{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
.tag-btn li a.active,.tag-text li a.active,.tag-type li a.active{ color: #FF9900;}

/* pic-tag */
.pic-tag{ background-color: rgba(0,0,0,0.6); color: #FFFFFF;}
.pic-tag.active,.pic-tag-h{ background-color: #FF9900; color: #FFFFFF;}
.pic-text{ background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #FFFFFF;}
.pic-text.active{ background: rgba(0,0,0,0.6); color: #FFFFFF;}

/* pannel */
.stui-pannel-bg{background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(0,0,0,.05);}

/* tabbar */
.stui_nav__taddar .item .icon,.stui_nav__taddar .item .title{ color: #999;}
.stui_nav__taddar .item.active .title,.stui_nav__taddar .item.active .icon{color: #FF9900;}
.stui_nav__taddar.fixed{ background-color: #FFFFFF;}

/* vodlist */
.stui-vodlist__bg{background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(0,0,0,.05);}
.stui-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}

/* link */
.stui-link__pic li a{ background-color: #FFFFFF; border: 1px solid #F5F5F5;}
.stui-link__pic li a:hover{ border: 1px solid #FF9900;}

/* popup */
.popup{ background-color: #F8F8F8;}
.popup-head{ background-color: #FFFFFF;}

/* autocomplete */
.autocomplete-suggestions{ background-color: #FFFFFF; border:1px solid #EEEEEE; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.autocomplete-suggestion{ border-top: 1px solid #EEEEEE;}
@media (min-width: 767px){
	.toggle{display: none;}
}
@media (max-width: 767px){
	.toggle{display: block;}
	/* form */
	.form-control{ background-color:#F8F8F8; color: #999999; border: 0;}

	/* 图片自适应 */
	img{max-width:100%; height:auto;}
	
	/* Logo图片不受全局限制 */
	.stui-header__logo .logo img,
	.zmovie-search-content .index-logo img{
		max-width: none !important;
	}

	/* 详情页布局：移动端也使用左右布局（图片在左，文字在右） */
	.stui-content{
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
	}
	
	.stui-content__thumb{
		flex: 0 0 120px !important;
		width: 120px !important;
		margin-right: 15px !important;
	}
	
	.stui-content__thumb .v-thumb{
		width: 120px !important;
		height: auto !important;
		padding-top: 133.33% !important; /* 3:4 比例 (4/3 = 1.333) */
		display: block !important;
		background-size: cover !important;
		background-position: center !important;
	}
	
	.stui-content__detail{
		flex: 1 !important;
		min-width: 0 !important;
	}
	
	.stui-content__detail .title{
		font-size: 16px !important;
		margin-bottom: 8px !important;
	}
	
	.stui-content__detail p.data{
		font-size: 13px !important;
		margin-bottom: 6px !important;
	}

	/* 迅雷下载区域：标题不使用固定宽度，避免横向溢出 */
	.p_list h2,
	.p_list h3{
		float: none;
		width: 100% !important;
		height: auto;
		line-height: 1.4;
		font-size: 16px;
		padding: 10px;
		word-break: break-all;
	}
	.p_list_03{ width: 100% !important; margin-left: 0; }

	/*pannel*/
	.stui-pannel-bg,.stui-vodlist__bg,.stui-vodlist__bg:hover{box-shadow: none;}
	
	/* line - 移动端也隐藏分割线 */		
	.m-top-line:before{ display: none !important;}
	.m-bottom-line:after{ display: none !important;}
	.m-top-line-dot:before{ display: none !important;}
	.m-bottom-line-dot:before{ display: none !important;}
}

/* ----------------------------↑  stui http://v.shoutu.cn ↑----------------------------- */

/* ---------------------------- “查看更多”按钮样式（圆角浅背景，hover 变主题色） ---------------------------- */
.more-btn{
	display: inline-block;
	padding: 0;
	border: none;
	background: none;
	line-height: 1.3;
	color: var(--zibi-theme-color, #22c55e) !important;
	transition: color 0.3s ease;
	font-size: 14px;
	text-decoration: none;
}
.more-btn:hover{
	color: var(--zibi-theme-color-hover, #16a34a) !important;
}
.more-btn .icon,
.more-btn .iconfont{
	display: none !important;
}

/* ---------------------------- 详情页“获取资源”按钮 ---------------------------- */
.zibi-resource-btn{
	display: inline-block;
	padding: 10px 14px;
	border-radius: 10px;
	background: var(--zibi-theme-color, #22c55e);
	color: #fff !important;
	font-size: 14px;
	line-height: 1;
}
.zibi-resource-btn:hover{
	background: var(--zibi-theme-color-hover, #16a34a);
	color: #fff !important;
}
.zibi-resource-btn-wrap{ margin: 10px 0 12px; }

/* ---------------------------- 首页幻灯片区域 -> 搜索框（移除幻灯片，仅保留同等“容器大小/高度”） ---------------------------- */

/*
  这里用“等比例容器”模拟原来的幻灯片高度。
  如果你觉得高度与原幻灯片不完全一致：
  - 调整 aspect-ratio（宽:高），或
  - 调整下面 fallback 的 padding-top 百分比。
*/
.zmovie-hero{
	width: 100%;
	background: #F5F5F5;
	padding: 40px 20px 30px;
	margin-bottom: 10px;
}

.zmovie-search-content{
	text-align: center;
	max-width: 1200px;
	margin: 0 auto;
}

/* Logo样式 */
.zmovie-search-content .index-logo{
	display: inline-flex !important;
	align-items: center;
	margin-bottom: 15px;
}

.zmovie-search-content .index-logo img{
	height: 200px !important;
	width: auto !important;
	max-width: 5000px !important;
	max-height: none !important;
	margin: 0 8px;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* 隐藏Logo旁边的文字标题 */
.zmovie-search-content .index-logo .title{
	display: none;
}

/* 搜索框容器 */
.zmovie-search-content .search-main{
	width: 100%;
	max-width: 680px;
	margin: 20px auto 0;
}

/* 搜索框外层 */
.zmovie-search-content .search-box{
	position: relative;
	width: 100%;
	height: 54px;
	border-radius: 54px;
	display: flex;
	align-items: center;
	background-color: #FFFFFF;
	/* 默认状态：细边框 + 轻柔阴影 */
	border: 1.5px solid rgba(var(--zibi-theme-color-rgb, 34, 197, 94), 0.25);
	box-shadow: 0 4px 12px rgba(var(--zibi-theme-color-rgb, 34, 197, 94), 0.12),
	            0 2px 5px rgba(var(--zibi-theme-color-rgb, 34, 197, 94), 0.08);
	transition: all 0.25s ease;
}

/* 搜索框悬停/聚焦状态：加粗边框 + 浓厚阴影 */
.zmovie-search-content .search-box:hover,
.zmovie-search-content .search-box:focus-within{
	border-width: 2.5px;
	border-color: rgba(var(--zibi-theme-color-rgb, 34, 197, 94), 0.55);
	box-shadow: 0 8px 26px rgba(var(--zibi-theme-color-rgb, 34, 197, 94), 0.28),
	            0 4px 12px rgba(var(--zibi-theme-color-rgb, 34, 197, 94), 0.18);
}

/* 输入框 */
.zmovie-search-content .search-input{
	flex: 1;
	height: 100%;
	border-radius: 54px;
	border: none;
	font-size: 18px;
	box-sizing: border-box;
	padding-left: 24px;
	color: #333;
	background-color: transparent;
	outline: none;
}

.zmovie-search-content .search-input:focus{
	outline: none;
	box-shadow: none;
}

.zmovie-search-content .search-input::placeholder{
	color: #999;
}

/* 搜索按钮 */
.zmovie-search-content .search-btn{
	width: 64px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: none;
	background: transparent;
	padding: 0;
	transition: all 0.3s;
}

.zmovie-search-content .search-btn .zmovie-search-icon{
	width: 26px;
	height: 26px;
	color: var(--zibi-theme-color, #22c55e);
	stroke-width: 2.5;
	transition: all 0.3s;
}

.zmovie-search-content .search-btn:hover .zmovie-search-icon{
	color: var(--zibi-theme-color-hover, #16a34a);
	transform: scale(1.1);
}

/* 取消按钮：移动端显示（更像“搜索页”体验），PC 端隐藏 */
.zmovie-search-content .cancel-btn{
	display: none;
}

@media (max-width: 767px){
	.zmovie-hero{
		min-height: 200px;
		max-height: 360px;
		/* 移动端通常更“高”一些，避免显得太扁（按需改） */
		padding: 30px 15px;
	}
	.zmovie-search-content .search-main{
		max-width: 100%;
	}
	.zmovie-search-content .index-logo img{
		max-width: 280px;
		max-height: 100px;
	}
	.zmovie-search-content .search-input{
		height: 52px;
		line-height: 52px;
		padding: 0 62px 0 18px;
		font-size: 15px;
	}
	.zmovie-search-content .search-btn{
		width: 42px;
		height: 42px;
		right: 5px;
	}
	.zmovie-search-content .cancel-btn{
		display: none; /* 你要移动端显示就改为 inline-block */
	}
}

/* header */
.stui-header__top{ 
	background-color: #FFFFFF; 
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	transition: transform 0.3s ease-in-out;
}

/* 导航栏滚动隐藏/显示效果 */
.stui-header__top.header-hidden{
	transform: translateY(-100%);
}

.stui-header__top.header-visible{
	transform: translateY(0);
}

/* 为body添加padding，避免内容被固定导航栏遮挡 */
body{
	padding-top: 80px;
}

/* header-menu */
.stui-header__menu li a{ color: #333333;}
.stui-header__menu li.current-menu-item a{ background-color: #FF9900; color: #FFFFFF;}

/* header-search */
.stui-header__search .submit .icon{ color: #999999;}

/* header-user */
.stui-header__user li a,.stui-header__user li a .icon{ color: #333333;}

/* screen */
.stui-screen__list li a{ color: #333333;}
.stui-screen__list li.active a{ background-color: #FF9900; color: #FFFFFF;}

/* playlist */
.stui-content__playlist li a{ border: 1px solid #EEEEEE;}
.stui-content__playlist li a:hover,.stui-content__playlist li.active a{ border: 1px solid #FF9900; background-color: #FF9900; color: #FFFFFF;}

/* player */
.stui-player__video{ background-color: #000000;}


/* ==================== 数字翻页样式（参考 zibll 主题） ==================== */

.zmovie-pagination {
	text-align: center;
	margin: 15px 0;
	padding: 8px 0;
	line-height: 1.2;
	overflow: hidden;
}

.zmovie-pagination a,
.zmovie-pagination span {
	display: inline-block;
	padding: 8px 12px;
	margin: 3px;
	background: #EEEEEE;
	border-radius: 4px;
	color: #666;
	text-decoration: none;
	transition: all 0.2s ease;
	font-size: 14px;
	line-height: 1.2;
	vertical-align: middle;
	min-width: 32px;
	box-sizing: border-box;
}

.zmovie-pagination a:hover {
	opacity: 0.7;
}

.zmovie-pagination .current {
	background: var(--zibi-theme-color, #22c55e) !important;
	color: #FFFFFF !important;
}

.zmovie-pagination .dots {
	background: transparent;
	color: #999;
	cursor: default;
	min-width: auto;
	padding: 5px 3px;
}

.zmovie-pagination .prev,
.zmovie-pagination .next {
	background: #EEEEEE;
}

.zmovie-pagination i.fa {
	font-size: 11px;
	vertical-align: middle;
}

/* 移动端翻页样式 - 小按钮可横向滚动 */
@media (max-width: 767px) {
	.zmovie-pagination {
		margin: 10px 0;
		padding: 5px 0;
		overflow-x: auto;
		white-space: nowrap;
		text-align: center;
		-webkit-overflow-scrolling: touch;
	}
	
	.zmovie-pagination a,
	.zmovie-pagination span {
		display: inline-block;
		padding: 3px 6px;
		margin: 0 2px;
		font-size: 12px;
		min-width: 24px;
		border-radius: 3px;
	}
	
	.zmovie-pagination .dots {
		padding: 3px 4px;
		min-width: auto;
	}
	
	.zmovie-pagination .prev,
	.zmovie-pagination .next {
		padding: 3px 8px;
		font-size: 12px;
	}
	
	/* 隐藏滚动条 */
	.zmovie-pagination::-webkit-scrollbar {
		display: none;
	}
	
	.zmovie-pagination {
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
}

/* extra */
.stui-extra li a,.stui-extra li span{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.stui-extra li a.backtop{ background-color: rgba(0,0,0,0.6); color: #FFFFFF; }
.stui-extra li .sideslip{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.stui-extra li .sideslip:before{ background-color: #FFFFFF; border-color: rgba(0, 0, 0, 0.1);}

@media (max-width: 1024px){
	
	/* header-menu */
	.stui-header__menu:before{ border-top: 1px solid #EEEEEE;}
	.stui-header__menu li.active a{ background: none; color: #333333;}
	.stui-header__menu li.active a:before{ background-color: #FF9900;}
}

@media (max-width: 767px){
	
	/* screen */
	.stui-screen__list li.active a{ background: none; color: var(--zibi-theme-color, #22c55e);}		
}

/* clearfix 修复：移动端常见 float 导致父容器高度坍塌 */
.stui-content__detail .data:after,
.stui-screen__list:after{
	content: "";
	display: block;
	clear: both;
}

/* ==================== 头部布局重构 ==================== */
/* 将导航菜单独立成一行，搜索框移到右侧 */

/* 隐藏侧边栏导航和切换按钮 */
.sidenav,
.toggle{
	display: none !important;
}

/* 菜单包装器样式 - 默认隐藏边框 */
.stui-header__menu-wrapper{
	border-top: none;
	background: transparent;
}

/* 桌面端样式 - 一行布局 */
@media (min-width: 1025px){
	.stui-header__top{
		min-height: auto;
	}
	
	.stui-header_bd{
		display: flex;
		align-items: center;
		padding: 10px 0;
	}
	
	.stui-header__logo{
		float: none;
		margin: 0 !important;
		flex-shrink: 0;
	}
	
	/* 菜单放到Logo旁边 */
	.stui-header__menu-wrapper{
		flex: 1;
		padding: 0;
		margin-left: 30px;
	}
	
	.stui-header__menu{
		float: none !important;
		margin: 0 !important;
		padding: 0;
		text-align: left;
		display: flex;
		align-items: center;
	}
	
	.stui-header__menu li{
		display: inline-block;
		float: none !important;
		margin: 0 12px !important;
	}
	
	.stui-header__menu li:first-child{
		margin-left: 0 !important;
	}
	
	.stui-header__side{
		float: none;
		margin-left: auto;
		flex-shrink: 0;
	}
	
	.stui-header__search{
		float: none;
		margin: 0 !important;
		width: 250px;
	}
	
	body{
		padding-top: 70px;
	}
}

/* 平板端样式 */
@media (min-width: 768px) and (max-width: 1024px){
	.stui-header__top{
		min-height: auto;
	}
	
	.stui-header_bd{
		padding: 12px 0;
	}
	
	.stui-header__logo{
		float: left;
		margin: 0 !important;
	}
	
	.stui-header__side{
		float: right;
		position: static !important;
		width: auto !important;
	}
	
	.stui-header__search{
		float: right;
		margin: 0 !important;
		width: 200px;
	}
	
	.stui-header__menu-wrapper{
		padding: 0;
	}
	
	.stui-header__menu{
		float: none !important;
		margin: 0 !important;
		padding: 10px 0;
		text-align: center;
		height: auto !important;
		line-height: normal !important;
	}
	
	.stui-header__menu:before{
		display: none !important;
	}
	
	.stui-header__menu li{
		display: inline-block;
		float: none !important;
		margin: 5px 10px !important;
	}
	
	body{
		padding-top: 130px;
	}
}

/* 移动端样式 */
@media (max-width: 767px){
	.stui-header__top{
		min-height: auto;
	}
	
	.stui-header_bd{
		padding: 10px 0;
		display: flex !important;
		flex-wrap: wrap;
		align-items: center;
	}
	
	.stui-header__logo{
		float: none;
		margin: 0 0 0 10px !important;
		width: auto;
		order: 1;
	}
	
	.stui-header__side{
		float: none;
		position: static !important;
		width: auto !important;
		left: auto !important;
		right: auto !important;
		margin-left: auto;
		margin-right: 10px;
		order: 2;
	}
	
	.stui-header__search{
		float: none;
		margin: 0 !important;
		width: 150px;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
	}
	
	.stui-header__menu-wrapper{
		padding: 0;
		width: 100%;
		order: 3;
	}
	
	.stui-header__menu{
		float: none !important;
		margin: 0 !important;
		padding: 8px 10px;
		text-align: left;
		height: auto !important;
		line-height: normal !important;
		overflow-x: auto;
		white-space: nowrap;
	}
	
	.stui-header__menu:before{
		display: none !important;
	}
	
	.stui-header__menu li{
		display: inline-block;
		float: none !important;
		margin: 0 12px 0 0 !important;
	}
	
	.stui-header__menu li:first-child{
		margin-left: 0 !important;
	}
	
	.stui-header__menu li a{
		padding: 5px 0 !important;
	}
	
	body{
		padding-top: 110px;
	}
}

/* ==================== 搜索框优化样式 - 点击伸展式 ==================== */

.stui-header__search{
	position: relative;
	overflow: visible;
	display: flex;
	justify-content: flex-end;
}

/* 搜索框容器 - 初始状态（收缩），图标靠右 */
.stui-header__search .site-search-form{
	position: relative;
	width: 32px;
	height: 32px;
	transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: visible;
	margin-left: auto;
}

/* 搜索框容器 - 展开状态 */
.stui-header__search .site-search-form.expanded{
	width: 150px;
}

/* 输入框 - 初始隐藏，从右边定位 */
.stui-header__search .form-control{
	position: absolute;
	right: 0;
	top: 0;
	height: 32px !important;
	line-height: 32px !important;
	border-radius: 16px !important;
	padding: 0 45px 0 15px !important;
	border: 2px solid var(--zibi-theme-color, #22c55e) !important;
	background: #FFFFFF !important;
	font-size: 13px !important;
	width: 100% !important;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

/* 输入框 - 展开后显示 */
.stui-header__search .site-search-form.expanded .form-control{
	opacity: 1;
	pointer-events: auto;
}

.stui-header__search .form-control:focus{
	border-color: var(--zibi-theme-color, #22c55e) !important;
	background: #FFFFFF !important;
	box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1) !important;
	outline: none;
}

/* 搜索按钮 - 始终在右侧 */
.stui-header__search .submit{
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%);
	width: 32px !important;
	height: 32px !important;
	background: transparent !important;
	border: none !important;
	cursor: pointer;
	padding: 0 !important;
	z-index: 10;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	font-size: 0;
	text-indent: -9999px;
	overflow: hidden;
}

/* 收缩状态下的按钮 - 大图标 */
.stui-header__search .site-search-form:not(.expanded) .submit{
	right: 0 !important;
	width: 32px !important;
	height: 32px !important;
}

/* 展开状态下的按钮 - 缩小图标 */
.stui-header__search .site-search-form.expanded .submit{
	right: 6px !important;
	width: 24px !important;
	height: 24px !important;
}

/* 使用 SVG 搜索图标 - 支持主题色 */
.stui-header__search .submit::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--zibi-theme-color, #22c55e);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	transition: all 0.3s ease;
}

/* Hover 效果 - 使用 hover 主题色 */
.stui-header__search .submit:hover::before{
	background-color: var(--zibi-theme-color-hover, #16a34a);
	transform: scale(1.1);
}

/* Hover 效果 */
.stui-header__search .submit:hover::before{
	border-color: var(--zibi-theme-color-hover, #16a34a);
	transform: scale(1.1);
}

.stui-header__search .submit:hover::after{
	background: var(--zibi-theme-color-hover, #16a34a);
}

/* 桌面端搜索框 */
@media (min-width: 1025px){
	.stui-header__search .site-search-form.expanded{
		width: 200px;
	}
}

/* 平板端搜索框 */
@media (min-width: 768px) and (max-width: 1024px){
	.stui-header__search .site-search-form.expanded{
		width: 180px;
	}
}

/* 移动端搜索框 */
@media (max-width: 767px){
	.stui-header__search .site-search-form.expanded{
		width: 150px;
	}
	
	/* 移动端搜索图标缩小 */
	.stui-header__search .site-search-form:not(.expanded) .submit{
		width: 28px !important;
		height: 28px !important;
	}
	
	.stui-header__search .site-search-form.expanded .submit{
		width: 22px !important;
		height: 22px !important;
	}
}



/* ==================== 移除热播榜，分类内容占满100%宽度 ==================== */

/* 隐藏热播榜侧边栏 */
.col-lg-wide-25,
.sidebar-right {
	display: none !important;
}

/* 分类内容区域占满100%宽度 */
.col-lg-wide-75,
.col-lg-wide-8 {
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100% !important;
}

/* 确保容器使用全宽 */
.stui-pannel-box,
.stui-pannel_bd {
	width: 100% !important;
}

/* 分类卡片左对齐 */
.stui-vodlist {
	text-align: left !important;
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
}

/* ==================== 分类卡片布局样式（参考源码） ==================== */

/* PC端显示5列 */
@media (min-width: 992px) {
	.stui-vodlist > li.col-md-6 {
		width: 20% !important; /* 5列 */
		float: none !important;
		padding: 10px !important; /* PC端间距10px */
	}
}

/* 平板端显示4列 */
@media (min-width: 768px) and (max-width: 991px) {
	.stui-vodlist > li.col-md-6 {
		width: 25% !important; /* 4列 */
		padding: 10px !important;
	}
}

/* 移动端显示3列 */
@media (max-width: 767px) {
	.stui-vodlist > li.col-md-6,
	.stui-vodlist > li.col-xs-3,
	.stui-vodlist > li {
		width: 33.33% !important; /* 3列 */
		padding: 5px !important; /* 移动端间距5px */
		float: left !important;
		max-width: 33.33% !important;
		flex: 0 0 33.33% !important;
	}
}

/* 小屏手机显示2列 */
@media (max-width: 480px) {
	.stui-vodlist > li.col-md-6 {
		width: 50% !important; /* 2列 */
		padding: 5px !important;
	}
}

/* 分类标题与内容区域的间距 */
.stui-pannel_hd {
	margin-bottom: 15px !important;
}

.stui-pannel__head {
	margin-bottom: 0 !important;
}

/* 卡片标题和文字样式 */
.stui-vodlist__detail .title {
	font-size: 14px !important;
	margin-bottom: 0 !important;
	line-height: 1.4 !important;
}

.stui-vodlist__detail .text {
	font-size: 12px !important;
	margin-top: 5px !important;
	margin-bottom: 0 !important;
	min-height: 19px;
}

/* 移动端保持相同字体大小 */
@media (max-width: 767px) {
	.stui-vodlist__detail .title {
		font-size: 14px !important;
	}
	
	.stui-vodlist__detail .text {
		font-size: 12px !important;
	}
}


/* ==================== 详情页文字间距优化 ==================== */

/* 详情页所有文字段落间距 */
.stui-content__detail p.data{
	margin-bottom: 8px;
	line-height: 1.6;
	font-size: 14px;
}

/* 下载区域容器内边距 */
#nucms_downlist .p_list{
	padding: 20px 20px 30px 20px;
}

/* 下载区域标题间距 */
#nucms_downlist .p_list h2{
	margin-bottom: 20px;
	padding-left: 0;
}

/* 下载列表文字间距 */
.p_list_02{
	line-height: 1.8;
	padding: 0 10px;
}

.p_list_02 li{
	margin-bottom: 10px;
}


/* ==================== 隐藏详情页顶部简介区域 ==================== */

/* 完全隐藏简介框（下方已有简介信息，避免重复），不占用任何空间 */
.stui-content__detail .zibi-intro-box{
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.stui-content__detail .zibi-intro-box .nei{
	display: none !important;
}

/* 完全隐藏展开/收起按钮，不占用任何空间 */
.stui-content__detail .showa{
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* ==================== 详情页"点击观看"按钮 ==================== */

/* 按钮容器样式 */
.watch-btn-container {
	text-align: left;
	margin: 15px 0 !important;
	padding: 0 15px !important;
}

.zibi-watch-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 28px;
	border-radius: 10px;
	background: var(--zibi-theme-color, #22c55e);
	color: #fff !important;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 3px 10px rgba(var(--zibi-theme-color-rgb, 34, 197, 94), 0.3);
}

.zibi-watch-btn:hover{
	background: var(--zibi-theme-color-hover, #16a34a);
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(var(--zibi-theme-color-rgb, 34, 197, 94), 0.35);
	text-decoration: none;
}

.zibi-watch-btn:active{
	transform: translateY(0);
}

.zibi-watch-icon{
	width: 16px;
	height: 16px;
	fill: currentColor;
}

/* 移动端样式 */
@media (max-width: 767px){
	.watch-btn-container {
		margin: 12px 0 !important;
		padding: 0 10px !important;
	}
	
	.zibi-watch-btn{
		padding: 10px 24px;
		font-size: 14px;
	}
	
	.zibi-watch-icon{
		width: 16px;
		height: 16px;
	}
}

/* ==================== 分类页面筛选按钮样式 ==================== */

/* 筛选组样式 */
.filter-group {
	display: flex;
	align-items: flex-start;
	padding: 10px 0 0;
	margin-bottom: 10px;
}

/* 筛选标签样式 */
.filter-label {
	width: 50px;
	color: #333;
	line-height: 24px;
	font-size: 16px;
	font-weight: 600;
	flex-shrink: 0;
	margin-right: 0;
}

/* 筛选选项容器 */
.filter-options {
	display: flex;
	flex-wrap: wrap;
	gap: 0 15px;
	line-height: 24px;
	width: calc(100% - 50px);
	margin-left: 0;
}

/* 筛选按钮基础样式 */
.filter-btn {
	cursor: pointer;
	transition: color 0.2s ease;
	text-decoration: none;
	color: #666;
	margin-bottom: 8px;
}

/* 选中状态 */
.filter-btn.active {
	color: var(--zibi-theme-color, #22c55e) !important;
	font-weight: 500;
}

/* 悬停效果 */
.filter-btn:not(.active):hover {
	color: var(--zibi-theme-color, #22c55e);
	text-decoration: none;
}

/* 移动端 - 和PC端保持一致的间距 */
@media (max-width: 767px) {
	.filter-group {
		padding: 8px 0 0;
		margin-bottom: 8px;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	
	.filter-label {
		display: inline-block;
		width: 50px;
		font-size: 14px;
		line-height: 24px;
		margin-right: 0;
		white-space: nowrap;
		vertical-align: top;
	}
	
	.filter-options {
		display: inline;
		width: auto;
		white-space: nowrap;
	}
	
	.filter-btn {
		display: inline-block;
		font-size: 14px;
		white-space: nowrap;
		margin-right: 15px;
		line-height: 24px;
		vertical-align: top;
		margin-bottom: 0;
	}
	
	/* 隐藏滚动条 */
	.filter-group::-webkit-scrollbar {
		display: none;
	}
	
	.filter-group {
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
}

/* ==================== AJAX 加载动画 ==================== */

.ajax-loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
}

.ajax-loading .spinner {
	width: 50px;
	height: 50px;
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-top-color: var(--zibi-theme-color, #22c55e);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}


/* ==================== 首页搜索框移动端样式覆盖 ==================== */
@media (max-width: 767px){
	.zmovie-hero{
		min-height: 140px !important;
		max-height: none !important;
		padding: 20px 15px 12px !important;
		margin-bottom: 6px !important;
	}
	
	.zmovie-search-content .search-main{
		max-width: 100% !important;
		margin-top: 12px !important;
	}
	
	.zmovie-search-content .index-logo{
		margin-bottom: 10px !important;
	}
	
	.zmovie-search-content .index-logo img{
		height: 80px !important;
		max-width: 300px !important;
		max-height: none !important;
	}
	
	.zmovie-search-content .index-logo .title{
		font-size: 22px !important;
	}
	
	.zmovie-search-content .search-box{
		height: 48px !important;
		border-radius: 48px !important;
	}
	
	.zmovie-search-content .search-input{
		font-size: 16px !important;
		padding-left: 18px !important;
		height: auto !important;
		line-height: normal !important;
	}
	
	.zmovie-search-content .search-btn{
		width: 54px !important;
		height: 48px !important;
		position: static !important;
		transform: none !important;
		right: auto !important;
	}
	
	.zmovie-search-content .search-btn .zmovie-search-icon{
		width: 22px !important;
		height: 22px !important;
	}
}


/* ==================== 详情页字段链接样式 ==================== */
.detail-link{
	color: #666;
	text-decoration: none;
	transition: color 0.2s ease;
}

.detail-link:hover{
	color: var(--zibi-theme-color, #22c55e);
	text-decoration: none;
}


/* ==================== 详情页字段链接样式 ==================== */
.stui-content__detail .detail-link{
	color: #666;
	text-decoration: none;
	transition: color 0.2s ease;
}

.stui-content__detail .detail-link:hover{
	color: var(--zibi-theme-color, #22c55e);
}

/* ==================== 详情页布局样式（参考源码） ==================== */

/* PC端详情页布局 */
@media (min-width: 768px) {
	/* 详情页容器使用table布局 */
	.stui-content__detail,
	.stui-content__thumb {
		display: table-cell !important;
		vertical-align: top !important;
	}
	
	/* 海报图片尺寸 */
	.stui-content__thumb .v-thumb {
		width: 190px !important;
	}
	
	.stui-content__thumb .w-thumb {
		width: 300px !important;
	}
	
	/* 详情信息区域 */
	.stui-content__detail {
		width: 100% !important;
		padding: 10px 20px !important;
	}
	
	/* 标题样式 */
	.stui-content__detail .title {
		margin: 10px 0 10px !important;
		line-height: 30px !important;
	}
	
	/* 数据信息 */
	.stui-content__detail .data,
	.stui-content__detail p.data {
		margin-bottom: 8px !important;
		font-size: 14px !important;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		line-height: 1.6;
		max-height: 3.2em; /* 2行的高度 */
	}
	
	.stui-content__detail .data li {
		float: none;
		display: inline;
		margin-right: 20px;
	}
	
	/* 简介描述 */
	.stui-content__detail .desc {
		padding-left: 42px;
	}
	
	.stui-content__detail .desc .left {
		margin-left: -42px;
	}
	
	/* 播放按钮区域 */
	.stui-content__detail .play-btn {
		padding-left: 42px;
		margin-top: 20px;
	}
	
	.stui-content__detail .play-btn .btn {
		margin-right: 10px;
	}
}

/* 移动端详情页布局 */
@media (max-width: 767px) {
	/* 保持table-cell布局但缩小尺寸 */
	.stui-content__detail,
	.stui-content__thumb {
		display: table-cell !important;
		vertical-align: top !important;
	}
	
	/* 海报图片尺寸 */
	.stui-content__thumb .v-thumb {
		width: 115px !important;
	}
	
	.stui-content__thumb .w-thumb {
		width: 160px !important;
	}
	
	/* 详情信息区域 */
	.stui-content__detail {
		padding: 0 10px !important;
	}
	
	/* 标题样式 */
	.stui-content__detail .title {
		margin: 10px 0 10px !important;
		font-size: 16px !important;
		line-height: 18px !important;
	}
	
	/* 数据信息 */
	.stui-content__detail .data,
	.stui-content__detail p.data {
		margin: 0 0 3px !important;
		font-size: 12px !important;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		line-height: 1.6;
		max-height: 3.2em; /* 2行的高度 */
	}
	
	/* 播放按钮区域 */
	.stui-content__detail .play-btn {
		margin: 0 !important;
		padding: 0 !important;
	}
}

/* 详情页顶部容器与导航栏间距 */
.stui-pannel {
	margin-top: 2px !important;
}

/* ==================== 多选筛选样式优化 ==================== */

/* 选中状态 - 使用主题色高亮 */
.filter-btn.active {
	color: var(--zibi-theme-color, #22c55e) !important;
	font-weight: 500;
}

/* 详情页"猜你喜欢"容器与上面下载资源容器之间的间距 */
.stui-pannel:last-child {
	margin-top: 10px !important;
}

/* 播放器详情区域 */
.stui-player__detail {
	margin-top: 20px;
}

.stui-player__detail .title {
	margin: 0 0 10px;
}

.stui-player__detail .detail-content {
	padding-top: 10px;
}

/* 移动端播放器按钮 */
@media (max-width: 767px) {
	.stui-player__detail {
		margin-top: 0;
	}
	
	.stui-player__detail.detail .title {
		margin-top: 10px;
		font-size: 16px;
	}
	
	.stui-player__detail .more-btn {
		float: none !important;
		padding: 10px;
		background-color: #222;
		display: flex !important;
		margin-bottom: 10px;
	}
	
	.stui-player__detail .more-btn li {
		margin: 0;
		padding: 0 5px;
		flex: 1;
		text-align: center;
	}
	
	.stui-player__detail .more-btn .btn {
		display: block;
		padding: 6px;
	}
}

/* ==================== 下载资源容器样式（参考源码） ==================== */

/* 下载资源容器 */
#nucms_downlist {
	font-size: 14px;
	line-height: 1.4;
}

#nucms_downlist .p_list {
	padding: 20px;
}

/* 标题样式 */
#nucms_downlist .p_list h2 {
	font-size: 18px;
	margin-bottom: 15px;
	padding: 0;
	line-height: 1.4;
}

/* 下载列表 */
#nucms_downlist .p_list_02 {
	padding: 0;
	line-height: 30px;
}

/* PC端每项间距 */
#nucms_downlist .p_list_02 li {
	padding: 10px 0;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 链接样式 */
#nucms_downlist .p_list_02 li a {
	display: inline-block;
	padding: 0;
}

/* 按钮样式 */
#nucms_downlist .p_list_02 li a.btn {
	padding: 4px 12px;
	margin-left: 10px;
}

/* 段落间距 */
#nucms_downlist p {
	margin: 0 0 10px;
}

/* 移动端样式 */
@media (max-width: 767px) {
	#nucms_downlist .p_list {
		padding: 15px;
	}
	
	#nucms_downlist .p_list h2 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	/* 移动端每项间距 */
	#nucms_downlist .p_list_02 li {
		padding: 5px 0 0;
	}
}


/* ==================== 底部版权区域样式 ==================== */
.foot {
	padding-top: 20px;
	padding-bottom: 20px;
}

.foot_inner {
	text-align: center;
	line-height: 1.8;
	color: #999;
	font-size: 13px;
}


/* ==================== 导航栏Logo自适应样式 ==================== */
/* 覆盖default.css中的固定宽高限制 */

/* Logo容器 - 移除固定宽高，让图片自适应 */
.stui-header__logo .logo,
.stui-header__top .stui-header__logo .logo,
header .stui-header__logo .logo{
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
	display: inline-block !important;
	overflow: visible !important;
}

/* Logo图片 - PC端60px高 */
.stui-header__logo .logo img,
.stui-header__top .stui-header__logo .logo img,
header .stui-header__logo .logo img{
	width: auto !important;
	height: 60px !important;
	max-width: none !important;
	max-height: none !important;
	display: block !important;
	object-fit: contain !important;
}

/* 平板端logo - 55px高 */
@media (max-width: 1024px){
	.stui-header__logo .logo img,
	.stui-header__top .stui-header__logo .logo img,
	header .stui-header__logo .logo img{
		height: 55px !important;
	}
}

/* 移动端logo - 50px高 */
@media (max-width: 767px){
	.stui-header__logo .logo img,
	.stui-header__top .stui-header__logo .logo img,
	header .stui-header__logo .logo img{
		height: 50px !important;
	}
}