/* 首页精简骨架：按真实布局尺寸占位，静态边框，无动画
 * 封面比例 padding-top:150%（与 include.html 中 .myui-vodlist__thumb 一致）
 * 卡片详情：title 15px+10px margin，meta 12px+5px margin ≈ 44px
 * 榜单小图：70×105（img-xs-70 × 150%）
 * 文字行：padding 10px 0 + line 20px ≈ 40px/行
 */

.fe-skel-lite__thumb{
	display:block;
	width:100%;
	padding-top:150%;
	background:hsla(0,0%,48%,.08);
	border:1px solid hsla(0,0%,48%,.18);
	border-radius:5px;
	box-sizing:border-box;
}

.fe-skel-lite__thumb-sm{
	display:block;
	width:70px;
	height:105px;
	background:hsla(0,0%,48%,.08);
	border:1px solid hsla(0,0%,48%,.18);
	border-radius:4px;
	box-sizing:border-box;
}

.fe-skel-lite__line{
	display:block;
	border-radius:2px;
	background:hsla(0,0%,48%,.1);
	border:1px solid hsla(0,0%,48%,.14);
	box-sizing:border-box;
}
.fe-skel-lite__line--head{ width:5em; height:20px; }
.fe-skel-lite__line--subnav{ width:100%; max-width:280px; height:14px; margin-top:8px; }
.fe-skel-lite__line--more{ width:2.5em; height:14px; display:inline-block; }
.fe-skel-lite__line--title{ width:72%; height:15px; margin-top:10px; }
.fe-skel-lite__line--meta{ width:55%; height:12px; margin-top:5px; }

.fe-skel-lite__text-row{
	display:block;
	width:100%;
	height:20px;
	border-radius:2px;
	background:hsla(0,0%,48%,.08);
	border:1px solid hsla(0,0%,48%,.14);
	box-sizing:border-box;
}
.fe-skel-lite__text-row--art{ max-width:92%; }

.fe-skel-lite--rec{
	min-height:170px;
}
.fe-skel-lite--cat{
	min-height:520px;
	margin-bottom:20px;
}
.fe-skel-lite--bangdan{
	min-height:400px;
}

.fe-skel-lite .myui-vodlist__media .detail .fe-skel-lite__line--title{
	margin-top:0;
}
.fe-skel-lite .myui-vodlist__media .detail .fe-skel-lite__line--meta{
	margin-top:6px;
}

.fe-skel-lite .myui-panel__head .title{
	line-height:1;
}
.fe-skel-lite .myui-panel__head .more{
	line-height:1;
}

@media (max-width:991px){
	.fe-skel-lite--cat{ min-height:420px; }
	.fe-skel-lite--bangdan{ min-height:360px; }
}

@media (max-width:767px){
	.fe-skel-lite--rec{ min-height:140px; }
	.fe-skel-lite--cat{ min-height:360px; }
	.fe-skel-lite__line--meta{ display:none !important; }
}

/* 分类/筛选页：视频列表网格 */
.fe-skel-lite--vod-list{
	min-height:480px;
}
#js-type-vod-list.fe-skel-lite--vod-list,
#js-show-vod-list.fe-skel-lite--vod-list{
	min-height:480px;
}

/* 深色推荐区（视频分类页） */
.fe-skel-lite--rec-dark .fe-skel-lite__thumb{
	background:hsla(0,0%,100%,.06);
	border-color:hsla(0,0%,100%,.18);
}

/* 文章/小说文字列表：每条 45px = h4 margin 20 + 灰条 25 */
.fe-skel-lite-art-type-item h4.title{
	margin:10px 0;
}
.fe-skel-lite-art-type-item .fe-skel-lite__text-row--art{
	display:block;
	width:100%;
	height:25px;
	margin:0;
	box-sizing:border-box;
}
#js-art-type-list.myui-vodlist__media,
#js-art-novels-list.myui-vodlist__media,
#js-novel-catalog-chapters.myui-vodlist__media{
	max-width:100%;
	overflow:hidden;
}
#js-art-type-list.myui-vodlist__media > li,
#js-art-novels-list.myui-vodlist__media > li,
#js-novel-catalog-chapters.myui-vodlist__media > li{
	display:block;
	width:100%;
	max-width:100%;
	overflow:hidden;
	box-sizing:border-box;
}
#js-art-type-list .detail.detail-left,
#js-art-novels-list .detail.detail-left,
#js-novel-catalog-chapters .detail.detail-left{
	display:block !important;
	width:100%;
	max-width:100%;
	min-width:0;
	padding:0 20px 0 0;
	box-sizing:border-box;
}
#js-art-type-list .detail h4.title.text-overflow,
#js-art-novels-list .detail h4.title.text-overflow,
#js-novel-catalog-chapters .detail h4.title.text-overflow{
	display:block;
	width:100%;
	max-width:100%;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
@media (max-width:767px){
	.fe-skel-lite-art-type-item .fe-skel-lite__text-row--art{
		height:22px;
	}
	#js-art-type-list .detail.detail-left,
	#js-art-novels-list .detail.detail-left,
	#js-novel-catalog-chapters .detail.detail-left{
		padding-right:8px !important;
	}
	.fe-skel-lite--vod-list{ min-height:360px; }
}

/* 小说目录页：书目信息 */
.fe-skel-lite--novel-info{
	min-height:120px;
	box-sizing:border-box;
}
.fe-skel-lite__line--novel-title{
	width:min(100%,16em);
	height:28px;
	margin:0 0 10px;
}
.fe-skel-lite__line--novel-meta{
	width:min(100%,12em);
	height:16px;
	margin:0 0 8px;
}
.fe-skel-lite__desc-block--novel-intro{
	min-height:60px;
	margin-top:15px;
}

/* 小说/文章阅读页 */
.fe-skel-lite__line--art-read-title{
	display:block;
	width:min(100%,14em);
	height:28px;
	margin:0 auto;
}
.fe-skel-lite__line--art-read-meta{
	display:block;
	width:min(100%,22em);
	height:16px;
	margin:8px auto 30px;
}
.fe-skel-lite--art-read{
	padding-top:10px;
	min-height:400px;
	box-sizing:border-box;
}
.fe-skel-lite__text-row--read{
	display:block;
	width:100%;
	height:20px;
	margin:0 0 12px;
	border-radius:2px;
	background:hsla(0,0%,48%,.08);
	border:1px solid hsla(0,0%,48%,.14);
	box-sizing:border-box;
}
@media (max-width:768px){
	.fe-skel-lite--art-read{ min-height:320px; }
}

/* 分页占位 */
.fe-skel-lite--paging{
	padding:10px 0;
	min-height:52px;
	box-sizing:border-box;
}
.fe-skel-lite__paging-bar{
	display:block;
	width:min(100%,320px);
	height:36px;
	margin:0 auto;
	border-radius:5px;
	background:hsla(0,0%,48%,.08);
	border:1px solid hsla(0,0%,48%,.18);
	box-sizing:border-box;
}

/* 筛选导航：静态按钮占位（首页/分类顶栏） */
.fe-skel-lite-shaixuan-grid{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	box-sizing:border-box;
}
.fe-skel-lite__btn{
	display:block;
	width:33.3333333%;
	padding:0 4px 10px;
	box-sizing:border-box;
}
.fe-skel-lite__btn::before{
	content:'';
	display:block;
	width:100%;
	height:36px;
	border-radius:5px;
	background:hsla(0,0%,48%,.08);
	border:1px solid hsla(0,0%,48%,.18);
	box-sizing:border-box;
}
@media (min-width:1024px){
	.fe-skel-lite__btn{
		width:11.1111111%;
		padding-bottom:20px;
	}
}

/* 视频筛选页 vshaixuan：静态行占位 */
#js-vshaixuan-skel{
	width:100%;
	box-sizing:border-box;
}
.fe-skel-lite__filter-row{
	padding:10px 0;
	border-bottom:1px solid hsla(0,0%,48%,.12);
	min-height:40px;
	box-sizing:border-box;
}
.fe-skel-lite__filter-bar{
	display:block;
	width:100%;
	height:28px;
	border-radius:4px;
	background:hsla(0,0%,48%,.08);
	border:1px solid hsla(0,0%,48%,.18);
	box-sizing:border-box;
}
.fe-skel-lite__filter-bar--title{
	width:20%;
	min-width:56px;
	max-width:120px;
	height:16px;
}
@media (max-width:767px){
	.fe-skel-lite__filter-row{
		min-height:44px;
		padding:12px 0;
	}
	.fe-skel-lite__filter-row .fe-skel-lite__filter-bar{
		height:32px;
	}
}

/* 详情页：主区 220×330 封面 + 元信息 */
.fe-skel-lite__detail-poster{
	display:block;
	width:220px;
	padding-top:150%;
	background:hsla(0,0%,48%,.08);
	border:1px solid hsla(0,0%,48%,.18);
	border-radius:5px;
	box-sizing:border-box;
}
.fe-skel-lite__line--h1{
	width:70%;
	height:24px;
	margin-top:0;
}
.fe-skel-lite__line--crumb{
	width:42%;
	height:14px;
}
.fe-skel-lite__detail-btns{
	margin-top:14px;
}
.fe-skel-lite__btn-block{
	display:inline-block;
	height:36px;
	margin:0 10px 10px 0;
	border-radius:5px;
	background:hsla(0,0%,48%,.08);
	border:1px solid hsla(0,0%,48%,.18);
	box-sizing:border-box;
	vertical-align:top;
}
.fe-skel-lite__btn-block--warm{ width:120px; }
.fe-skel-lite__btn-block--ghost{ width:100px; }
.fe-skel-lite__btn-block--player{
	width:140px;
	float:left;
}
.fe-skel-lite--detail-playlist .player-buttons::after{
	content:'';
	display:table;
	clear:both;
}
.fe-skel-lite__btn-block--ep{
	display:block;
	width:100%;
	height:36px;
}
.fe-skel-lite__thumb--wide{
	padding-top:60%;
}
.fe-skel-lite__desc-block{
	display:block;
	width:100%;
	min-height:72px;
	border-radius:4px;
	background:hsla(0,0%,48%,.08);
	border:1px solid hsla(0,0%,48%,.18);
	box-sizing:border-box;
}
.fe-skel-lite--detail-sidebar .myui-vodlist__media .detail-side{
	padding-left:10px;
}
.fe-skel-lite--play-under{
	padding:10px 0;
	min-height:56px;
}
.fe-skel-lite__line--play-meta{
	width:65%;
	margin:8px 0 12px;
}
.fe-skel-lite--play-vplaylist{
	min-height:120px;
}

/* 播放页：播放器静态占位（无动画） */
.fe-skel-lite--player{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#1a1a1a;
	border:1px solid hsla(0,0%,100%,.1);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:9;
	box-sizing:border-box;
}
.fe-skel-lite__player-play{
	display:block;
	width:60px;
	height:60px;
	border-radius:50%;
	background:hsla(0,0%,100%,.06);
	border:1px solid hsla(0,0%,100%,.22);
	box-sizing:border-box;
}

/* 下载页：150px 封面 + 下载列表行 */
.fe-skel-lite__detail-poster--active{ width:150px; }
.fe-skel-lite__text-row--down{
	height:28px;
	margin:8px 0;
}
.fe-skel-lite--down-list{ min-height:180px; }

/* 演员详情 */
.fe-skel-lite__actor-poster{
	display:block;
	width:190px;
	padding-top:150%;
	background:hsla(0,0%,48%,.08);
	border:1px solid hsla(0,0%,48%,.18);
	border-radius:5px;
	box-sizing:border-box;
}
.fe-skel-lite--actor-info .myui-content__detail .fe-skel-lite__line--meta{
	margin-top:10px;
}

/* 专题头图 */
.fe-skel-lite__thumb--topic{
	min-height:180px;
	padding-top:60%;
}
.fe-skel-lite__desc-block--topic{
	margin-top:20px;
	min-height:4em;
}

/* 搜索媒体行 */
.fe-skel-lite-media-row{
	padding:12px 0;
	min-height:152px;
	border-bottom:1px solid hsla(0,0%,48%,.12);
	box-sizing:border-box;
}
.fe-skel-lite-media-row .thumb{
	float:left;
	width:150px;
	margin-right:15px;
}
.fe-skel-lite-media-row .detail{
	overflow:hidden;
	min-height:200px;
	padding-left:0;
}
.fe-skel-lite__thumb-media{
	display:block;
	width:150px;
	height:200px;
	border-radius:4px;
	background:hsla(0,0%,48%,.08);
	border:1px solid hsla(0,0%,48%,.18);
	box-sizing:border-box;
}
.fe-skel-lite__line--search-wide{ width:90%; max-width:560px; }
.fe-skel-lite__line--search-btn{
	width:100px;
	height:28px;
	margin-top:10px;
}
.myui-content__list.sort-list .fe-skel-lite__btn-block--player{
	display:block;
	width:100%;
	float:none;
	margin:0;
}

/* 文章搜索 lite 行 */
.art-search-skel-row{
	padding:15px 10px;
	border-bottom:1px solid hsla(0,0%,48%,.12);
	min-height:118px;
	box-sizing:border-box;
}
.art-search-body-wrap--loading{ min-height:1200px; box-sizing:border-box; }
.fe-skel-lite__line--search-title{ width:60%; max-width:380px; height:18px; margin-bottom:10px; }
.fe-skel-lite__line--search-body{ width:100%; max-width:520px; height:12px; margin-bottom:6px; }
.fe-skel-lite__line--search-body-short{ width:78%; max-width:440px; }
.art-search-skel-line{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:4px; }
.fe-skel-lite__line--search-tag{ width:100px; height:10px; margin:0; }

/* 站点地图 lite */
.fe-skel-lite--map{ margin-bottom:15px; }
.fe-skel-lite__map-row .fe-skel-lite__filter-bar--pill{
	display:inline-block;
	width:3em;
	height:28px;
	vertical-align:middle;
}
.fe-skel-lite__filter-bar--label{
	display:inline-block;
	width:2.5em;
	height:28px;
}

/* 侧栏热门图文 */
#js-sidebar-art-hot-list.myui-vodlist__media > li.fe-skel-lite-art-type-item{
	display:block;
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
}
#js-sidebar-art-hot-list .detail.detail-left{
	display:block !important;
	width:100%;
	padding:0 20px 0 0;
	box-sizing:border-box;
}
#js-sidebar-art-hot-list h5.title{
	margin:0 0 10px;
	line-height:20px;
}

@media (max-width:767px){
	.fe-skel-lite-media-row .thumb{ width:100px; }
	.fe-skel-lite__thumb-media{ width:100px; height:140px; }
	.fe-skel-lite-media-row{ min-height:148px; }
	.fe-skel-lite-media-row .detail{ min-height:140px; }
}

@media (max-width:991px){
	.fe-skel-lite__detail-poster{ width:200px; }
	.fe-skel-lite__detail-poster--active{ width:150px; }
}
@media (max-width:767px){
	.fe-skel-lite__detail-poster{ width:120px; }
	.fe-skel-lite__detail-poster--active{ width:120px; }
	.fe-skel-lite__line--h1{ width:85%; height:20px; }
	.fe-skel-lite__btn-block--player{
		width:calc(25% - 6px);
		margin:0;
	}
	.fe-skel-lite--detail-playlist .player-buttons{
		display:flex;
		flex-wrap:wrap;
		gap:8px;
		padding:15px;
	}
}

/* 侧栏「热播榜」：Top1 封面+文字、2～11 榜单，单行省略不溢出 */
.fe-hot-rank-panel .myui-panel_bd,
#js-detail-sidebar,
#js-play-detail-sidebar{
	max-width:100%;
	overflow:hidden;
}
.fe-hot-rank-panel .myui-vodlist__media li{
	display:table;
	width:100%;
	max-width:100%;
	table-layout:fixed;
}
.fe-hot-rank-panel .myui-vodlist__media .thumb{
	display:table-cell;
	width:70px;
	max-width:70px;
	vertical-align:top;
	padding-right:8px;
}
.fe-hot-rank-panel .myui-vodlist__media .thumb .myui-vodlist__thumb.img-xs-70{
	width:70px;
	max-width:70px;
}
.fe-hot-rank-panel .myui-vodlist__media .detail{
	display:table-cell;
	width:auto !important;
	max-width:0;
	overflow:hidden;
	vertical-align:top;
	padding:0 !important;
	box-sizing:border-box;
}
.fe-hot-rank-panel .myui-vodlist__media .detail .font-12{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin:0 0 4px;
}
.fe-hot-rank-panel .myui-vodlist__text li a{
	display:flex;
	align-items:center;
	gap:4px;
	overflow:hidden;
	white-space:nowrap;
	max-width:100%;
}
.fe-hot-rank-panel .myui-vodlist__text li a .badge{
	flex-shrink:0;
}
.fe-hot-rank-panel .myui-vodlist__text li a .vod-title,
.fe-hot-rank-panel .myui-vodlist__text li a .fe-api-skel-item__ph-title{
	flex:1;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.fe-hot-rank-panel .myui-vodlist__media .detail h6.title{
	margin:0 0 6px;
	line-height:1.35;
	overflow:hidden;
}
.fe-hot-rank-panel .myui-vodlist__media .detail h6.title a{
	display:flex;
	align-items:center;
	overflow:hidden;
	max-width:100%;
}
.fe-hot-rank-panel .myui-vodlist__media .detail h6.title .vod-title,
.fe-hot-rank-panel .myui-vodlist__media .detail h6.title .fe-api-skel-item__ph-title{
	flex:1;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:block;
}
.fe-hot-rank-panel .myui-vodlist__media .detail h6.title .fa{
	flex-shrink:0;
	margin-left:4px;
	float:none !important;
}
