/* 移动端H5优化样式 - 保持原有主题色 */
html{font-size:16px;}
html,body{height:100%;margin:0;padding:0;}
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;box-sizing:border-box;}
body{background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);text-align:left;font:14px/1.5 -apple-system,BlinkMacSystemFont,Microsoft Yahei,sans-serif;color:#626262;-webkit-font-smoothing:antialiased;}
a{cursor:pointer;color:#626262;text-decoration:none;outline:0 none;-webkit-tap-highlight-color:transparent;}
a:hover,a:focus{text-decoration:none;color:#f56cab;outline:none;}
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;max-width:100%;height:auto;}
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:100%;max-width:750px;padding:0 10px;overflow:hidden;}

/* 图标字体 */
@font-face{
	font-family:"iconfont";
	src:url('../font/iconfont.eot'); 
	src:url('../font/iconfont.eot#iefix') format('embedded-opentype'), 
	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";}

/* 移动端头部 */
#mobile-header{position:sticky;top:0;z-index:999;background:white;box-shadow:0 2px 10px rgba(0,0,0,0.08);}
.mobile-header-wrap{padding:15px 10px;text-align:center;}
.mobile-logo a{font-size:24px;font-weight:700;color:#f56cab;text-shadow:2px 2px 4px rgba(0,0,0,0.1);}

/* 滑动选项卡 */
.tabs-container{background:linear-gradient(135deg, #f56cab 0%, #ffbf00 100%);overflow:hidden;}
.tabs-wrapper{position:relative;padding:0;}
.tabs-scroll{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px 5px;}
.tabs-scroll::-webkit-scrollbar{display:none;}
.tab-item{flex:0 0 auto;padding:10px 20px;margin:0 5px;border-radius:20px;background:rgba(255,255,255,0.2);color:white;font-size:15px;font-weight:500;white-space:nowrap;transition:all 0.3s;text-align:center;cursor:pointer;}
.tab-item.active{background:white;color:#f56cab;box-shadow:0 4px 12px rgba(0,0,0,0.25);font-weight:700;transform:scale(1.05);}

/* 搜索框卡片 */
.search-card{margin:15px 0;padding:15px;background:white;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,0.08);}
#searchform{position:relative;display:flex;align-items:center;}
.search-input{flex:1;height:44px;padding:0 100px 0 15px;border:2px solid #e0e0e0;border-radius:22px;background:white;color:#626262;font-size:14px;outline:none;transition:all 0.3s;}
.search-input:focus{border-color:#f56cab;box-shadow:0 0 0 4px rgba(245,108,171,0.1);}
.search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:85px;height:36px;border:none;border-radius:18px;background:linear-gradient(135deg, #f56cab 0%, #ffbf00 100%);color:white;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;box-shadow:0 2px 8px rgba(245,108,171,0.3);}
.search-btn:active{transform:translateY(-50%) scale(0.95);}

/* 视频列表容器 */
.video-container{margin:15px 0;display:grid;grid-template-columns:1fr;gap:15px;padding:0;}

/* 视频项 */
.video-item{background:white;border-radius:15px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.08);transition:all 0.3s;display:flex;flex-direction:column;height:250px;}
.video-item:active{transform:translateY(-3px);box-shadow:0 4px 15px rgba(245,108,171,0.2);}
.video-link{display:block;color:#626262;text-decoration:none;flex:1;display:flex;flex-direction:column;}
.video-thumb{position:relative;width:100%;height:200px;overflow:hidden;background:#f0f0f0;flex-shrink:0;}
.video-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:#f0f0f0;}
.video-date{position:absolute;right:8px;bottom:8px;padding:4px 10px;background:linear-gradient(135deg, rgba(245,108,171,0.95) 0%, rgba(255,191,0,0.95) 100%);color:white;font-size:12px;font-weight:600;border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.video-title{padding:10px 12px;font-size:14px;font-weight:500;color:#333;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;}

/* 加载更多提示 */
.loading-more,.no-more-data{text-align:center;padding:20px;color:#999;font-size:14px;}
.loading-more:before{content:'';display:inline-block;width:20px;height:20px;margin-right:8px;border:2px solid #f56cab;border-top-color:transparent;border-radius:50%;animation:spin 0.6s linear infinite;vertical-align:middle;}
@keyframes spin{to{transform:rotate(360deg);}}

/* 悬浮操作按钮 */
.guide{position:fixed;right:15px;bottom:70px;z-index:90;display:flex;flex-direction:column;gap:10px;}
.guide a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg, #f56cab 0%, #ffbf00 100%);font-size:20px;color:white;opacity:0.9;border-radius:50%;box-shadow:0 4px 15px rgba(245,108,171,0.4);transition:all 0.3s;}
.guide a:active{transform:scale(0.9);box-shadow:0 2px 10px rgba(245,108,171,0.3);}

/* 播放页样式保持不变 */
.main{padding:15px 0;}
.main h1{padding:15px 0;color:#333;font-size:20px;font-weight:600;text-align:center;line-height:1.4;}
.main .content{padding:10px 0;line-height:1.6;font-size:15px;}
.main .content .player{width:100%;margin:0 auto;position:relative;}
.main .content .player-wrap{padding-bottom:56.25%;width:100%;height:0;background:#000;border-radius:10px;overflow:hidden;}
.main .content .player-box{position:absolute;left:0;top:0;width:100%;height:100%;}
.ptop{padding:10px;font-size:14px;font-weight:600;color:#f56cab;}
.w10{display:inline-block;padding:10px 15px;margin:5px;background:white;border-radius:8px;color:#626262;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:all 0.3s;}
.w10:active{background:linear-gradient(135deg, #f56cab 0%, #ffbf00 100%);color:white;transform:scale(0.95);}

/* 优化滚动性能 */
*{-webkit-overflow-scrolling:touch;}
img.lazyloaded{opacity:0;animation:fadeIn 0.3s forwards;}
@keyframes fadeIn{to{opacity:1;}}

/* 弹窗背景 - mb1样式 */
.popup-bg{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,.5);
	overflow-y:scroll;
	cursor:pointer;
	z-index:998;
}

/* 弹窗泊 - mb1样式，mb2主题色 */
.popup-box{
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	border-radius:12px;
	width:280px;
	height:380px;
	max-width:90vw;
	max-height:90vh;
	background:-webkit-gradient(linear,0 0,0 100%,from(#f56cab),to(#ffbf00));
	background:-webkit-linear-gradient(135deg,#f56cab 0%,#ffbf00 100%);
	background:-moz-linear-gradient(135deg,#f56cab 0%,#ffbf00 100%);
	background:-o-linear-gradient(135deg,#f56cab 0%,#ffbf00 100%);
	background:-ms-linear-gradient(135deg,#f56cab 0%,#ffbf00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#f56cab,endColorstr=#ffbf00);
	font-size:14px;
	text-align:center;
	z-index:11001;
}

.popup-box dt{
	margin-top:20px;
	height:40px;
	line-height:40px;
	font-size:22px;
	font-weight:700;
	color:#fff;
	text-shadow:0 2px 4px rgba(0,0,0,0.2);
}

.popup-box dd{
	margin:13px;
}

.popup-box .sub-title{
	line-height:26px;
	font-size:14px;
	color:#fff;
	text-shadow:0 1px 2px rgba(0,0,0,0.15);
	font-weight:500;
}

.popup-box .copy_text{
	cursor:pointer;
	margin:10px 20px;
	border-radius:5px;
	padding:0 10px;
	height:34px;
	line-height:34px;
	background:#f7f7f7;
	color:hsla(0,0%,100%,.8);
	text-transform:lowercase;
}

.popup-box .copy_text:hover{
	background:#f7f7f7;
}

.popup-box .copy_text a{
	display:block;
	color:#333;
	text-decoration:none;
}

.popup-box .copy_text a:hover{
	color:#333;
}

.popup-box .all{
	margin-top:26px;
	text-align:center;
}

.popup-box .all a{
	padding:8px 30px;
	background:linear-gradient(135deg, #f56cab 0%, #ffbf00 100%);
	color:#fff;
	border-radius:20px;
	cursor:pointer;
	display:inline-block;
	font-weight:600;
	box-shadow:0 2px 8px rgba(245,108,171,0.3);
	transition:all 0.3s;
}

.popup-box .all a:hover{
	background:linear-gradient(135deg, #ffbf00 0%, #f56cab 100%);
	color:#fff;
	transform:translateY(-2px);
	box-shadow:0 4px 15px rgba(245,108,171,0.4);
}

.popup-box .btn-close{
	margin:0 auto;
	margin-top:50px;
	width:48px;
	height:48px;
	line-height:48px;
}

.popup-box .btn-close a{
	display:block;
	background:rgba(255,255,255,.9);
	color:hsla(0,0%,0%,.6);
	font-size:20px;
	text-align:center;
	border-radius:100px;
	cursor:pointer;
	border:none;
	transition:all 0.3s;
}

.popup-box .icon-close:before{content:"\e624";}