/* ============================================================
 * Oncex 自定义首页（完整移植 CoreNext custom-home.css）
 * 变量映射到 Once-main 体系：
 *   --oncex-main / --oncex-radius / --surface-color / --surface-hover
 *   --text-primary / --text-secondary / --text-muted / --border-color
 * 暗色跟随 html.dark 下后台注入的 :root 变量，无需重复定义。
 * swiper/img_card/partners/ad 使用 Bootstrap carousel + 原生渲染
 * （CoreNext 对应 Vue 组件，Once-main 无 Vue 运行时）。
 * ============================================================ */

.custom-warp{
	--theme-color:var(--oncex-main,#409eff);
	--box-border-radius:var(--oncex-radius,6px);
	--box-background-color:var(--surface-color,#fff);
	--theme-warp-background-color:var(--surface-color,#fff);
	--border-bottom-color:var(--border-color,#e2e8f0);
	--theme-text-color:var(--text-primary,#334155);
	--theme-secondary-text-color:var(--text-secondary,#64748b);
	--post-excerpt-color:var(--text-secondary,#64748b);
	--post-post-meta-color:var(--text-muted,#94a3b8);
	--aside-box-title-color:var(--text-primary,#334155);
	--a-hover-color:var(--oncex-main,#409eff);
	--box-title-border:1px solid var(--border-color,#e2e8f0);
	--post-item-hover-background-color:var(--surface-hover,#f1f5f9);
	--blockquote-background:var(--border-color,#e2e8f0);
	--box-warp-text-color:var(--text-primary,#334155);
	--card-list-box-border:1px solid var(--border-color,#e2e8f0);
}

html.dark .custom-warp{
	--box-background-color:var(--surface-color,#252526);
	--theme-warp-background-color:var(--surface-color,#252526);
	--border-bottom-color:var(--border-color,#333);
	--theme-text-color:var(--text-primary,#e2e8f0);
	--theme-secondary-text-color:var(--text-secondary,#94a3b8);
	--post-excerpt-color:var(--text-secondary,#94a3b8);
	--post-post-meta-color:var(--text-muted,#64748b);
	--aside-box-title-color:var(--text-primary,#e2e8f0);
	--box-title-border:1px solid var(--border-color,#333);
	--post-item-hover-background-color:var(--surface-hover,#2f2f2f);
	--blockquote-background:var(--border-color,#333);
	--box-warp-text-color:var(--text-primary,#e2e8f0);
	--card-list-box-border:1px solid var(--border-color,#333);
}

/* ============ CoreNext：post_list ============ */

.c-post-list-warp{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	margin-bottom:10px
}

.c-post-list-warp .main-title{
	position:relative;
	font-size:18px;
	padding-left:10px
}

.c-post-list-warp .main-title:before{
	background-color:var(--theme-color);
	content:"";
	height:18px;
	left:0;
	position:absolute;
	top:3px;
	width:3px
}

.c-post-list-warp .c-post-list{
	min-width:300px;
	border:var(--card-list-box-border);
	border-radius:var(--box-border-radius);
	flex:1;
	padding-bottom:10px;
	background-color:var(--theme-warp-background-color)
}

.c-post-list-warp .c-post-list .item{
	padding:8px 10px;
	padding-left:20px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	gap:15px
}

.c-post-list-warp .c-post-list .item:before{
	background-color:var(--border-bottom-color);
	content:"";
	height:8px;
	width:8px;
	border-radius:50%;
	left:5px;
	position:absolute;
	top:15px
}

.c-post-list-warp .c-post-list .item .item-right{
	font-size:12px;
	color:var(--theme-secondary-text-color)
}

.c-post-list-warp .c-post-list .item .item-title{
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:1.4;
	min-width:0
}

.c-post-list-warp .c-post-list .item .item-title a{
	color:var(--theme-text-color);
	text-decoration:none
}

.c-post-list-warp .c-post-list .item .item-title a:hover{
	color:var(--theme-color)
}

.c-post-list-warp .c-post-list .item .item-title .item-cate{
	display:inline-block;
	margin-right:8px;
	font-size:12px;
	line-height:1;
	color:var(--theme-color);
	background:rgba(74,144,217,.08);
	border:1px solid rgba(74,144,217,.2);
	padding:3px 8px;
	border-radius:3px;
	vertical-align:2px;
	flex-shrink:0
}

.c-post-list-warp .c-post-list .item .item-title .item-cate:hover{
	color:#fff;
	background:var(--theme-color);
	border-color:var(--theme-color)
}

.c-post-list-warp .c-post-list .item .item-date{
	font-size:12px;
	color:var(--theme-secondary-text-color);
	flex-shrink:0
}

.c-post-list-warp img{
	width:100%
}

.c-post-list-warp .c-post-list-list-warp .text-img-item{
	padding:10px;
	display:flex;
	gap:10px
}

.c-post-list-warp .c-post-list-list-warp .text-img-item .text-img-item-left{
	width:15%;
	min-width:80px;
	flex-shrink:0;
	position:relative
}

.c-post-list-warp .c-post-list-list-warp .text-img-item .text-img-item-left>a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:var(--box-border-radius);
	overflow:hidden
}

.c-post-list-warp .c-post-list-list-warp .text-img-item .text-img-item-left>a .thumbnail{
	max-width:100%;
	object-fit:cover;
	width:100%;
	height:100%
}

.c-post-list-warp .c-post-list-list-warp .text-img-item .text-img-item-left:before{
	content:'';
	display:block;
	padding-top:60%
}

.c-post-list-warp .c-post-list-list-warp .text-img-item .avatar-img{
	height:20px;
	width:20px;
	border-radius:50%
}

.c-post-list-warp .c-post-list-list-warp .text-img-item .text-img-item-right{
	flex:1;
	width:0;
	display:flex;
	justify-content:space-between;
	flex-direction:column
}

.c-post-list-warp .c-post-list-list-warp .text-img-item .text-img-item-right .item-title{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.c-post-list-warp .c-post-list-list-warp .text-img-item .text-img-item-right .item-meta{
	display:flex;
	align-items:center;
	font-size:14px;
	justify-content:space-between;
	color:var(--post-post-meta-color)
}

.c-post-list-warp .c-post-list-list-warp .text-img-item .text-img-item-right .item-meta .author-info{
	display:flex;
	align-items:center;
	gap:5px
}

/* ============ object_title ============ */

.c-object-title{
	display:flex;
	padding:10px;
	align-items:center;
	color:var(--aside-box-title-color);
	justify-content:space-between
}

.c-object-title .sub-title{
	font-size:14px
}

.c-object-title a{
	font-size:14px;
	color:var(--theme-secondary-text-color);
	text-decoration:none
}

.c-object-title a:hover{
	color:var(--a-hover-color)
}

.c-object-title .title-left{
	font-size:20px;
	display:flex;
	gap:20px;
	align-items:center;
	min-width:0
}

.c-object-title .main-title{
	font-weight:600;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}

/* ============ CoreNext：main_list（含 category_list） ============ */

.c-main-post-list{
	border-radius:var(--box-border-radius);
	background-color:var(--theme-warp-background-color);
	padding-bottom:10px;
	margin-bottom:10px;
	overflow:hidden
}

.c-main-post-list .c-item-sub-title{
	font-size:calc(100% - 2px);
	color:var(--a-hover-color)
}

.c-main-post-list .c-main-post-title-tab{
	display:flex;
	gap:10px;
	padding:20px;
	font-size:18px;
	color:var(--aside-box-title-color);
	border-bottom:var(--box-title-border);
	overflow-x:auto
}

.c-main-post-list .c-main-post-title-tab .tab-item{
	cursor:pointer;
	flex-shrink:0;
	position:relative
}

.c-main-post-list .c-main-post-title-tab .tab-item::after{
	transition:.3s;
	content:" ";
	display:block;
	height:2px;
	background-color:var(--theme-color);
	position:relative;
	width:0;
	left:50%;
	top:10px;
	opacity:0;
	visibility:hidden
}

.c-main-post-list .c-main-post-title-tab .tab-item:hover::after{
	visibility:visible;
	opacity:1;
	left:0;
	width:100%
}

.c-main-post-list .c-main-post-title-tab .active::after{
	visibility:visible;
	opacity:1;
	width:100%;
	left:0
}

.c-main-post-list .tab-content-warp{
	padding:0 5px
}

.c-main-post-list .tab-content-warp .hide{
	display:none
}

.c-main-post-list .c-main-post-list-item{
	display:flex;
	gap:20px;
	border-bottom:1px solid var(--border-bottom-color);
	padding:15px;
	transition:.3s;
	position:relative
}

.c-main-post-list .c-main-post-list-item .post-new{
	background-color:#F56C6C;
	color:#fff;
	position:absolute;
	display:inline-block;
	right:10px;
	font-size:12px;
	padding:1px 2px;
	border-radius:4px;
	z-index:3
}

.c-main-post-list .c-main-post-list-item:hover{
	background-color:var(--post-item-hover-background-color)
}

.c-main-post-list .c-main-post-list-item .thumbnail{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:100%;
	object-fit:cover;
	background-color:#fff;
	border-radius:var(--box-border-radius);
	padding:8px;
	box-sizing:border-box
}

.c-main-post-list .c-main-post-list-item .c-item-left{
	width:30%;
	flex-shrink:0;
	position:relative
}

.c-main-post-list .c-main-post-list-item .c-item-left:before{
	content:'';
	display:block;
	padding-top:60%
}

.c-main-post-list .c-main-post-list-item .c-item-left a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:var(--box-border-radius);
	overflow:hidden
}

.c-main-post-list .c-item-right{
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	min-width:0
}

.c-main-post-list .c-item-right h2{
	font-weight:900;
	font-size:16px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	margin:0
}

.c-main-post-list .c-item-right .c-item-title{
	color:var(--theme-text-color);
	text-decoration:none
}

.c-main-post-list .c-item-right .c-item-title:hover{
	color:var(--theme-color)
}

.c-main-post-list .c-item-right .c-item-excerpt{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	color:var(--post-excerpt-color);
	font-size:14px;
	line-height:1.625;
	margin-top:10px
}

/* 列表项分类 */
.c-item-cats{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin-top:6px
}

.c-item-cats .c-item-cat{
	display:inline-block;
	font-size:12px;
	line-height:1;
	color:var(--theme-color);
	background:rgba(74,144,217,.08);
	border:1px solid rgba(74,144,217,.2);
	padding:3px 8px;
	border-radius:3px;
	text-decoration:none;
	transition:all .2s
}

.c-item-cats .c-item-cat:hover{
	color:#fff;
	background:var(--theme-color);
	border-color:var(--theme-color)
}

/* 列表项标签 */
.c-item-tags{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin-top:6px
}

.c-item-tags .c-item-tag{
	display:inline-block;
	font-size:12px;
	line-height:1;
	color:var(--post-excerpt-color);
	text-decoration:none;
	padding:2px 6px;
	border-radius:3px;
	transition:all .2s
}

.c-item-tags .c-item-tag:hover{
	color:var(--theme-color);
	background:rgba(74,144,217,.08)
}

.c-main-post-list .c-item-meta{
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:14px;
	color:var(--post-post-meta-color);
	margin-top:10px
}

.c-main-post-list .c-item-meta .c-meta-left{
	display:flex;
	align-items:center;
	gap:5px
}

.c-main-post-list .c-item-meta .c-item-author{
	display:flex;
	align-items:center;
	gap:5px
}

.c-main-post-list .c-item-meta .c-item-author .author-avatar{
	width:20px;
	height:20px;
	border-radius:50%
}

.c-main-post-list .c-item-meta .c-meta-right{
	display:flex;
	align-items:center;
	gap:10px;
	flex-shrink:0
}

.c-main-post-list .c-item-meta .c-meta-right span{
	display:inline-flex;
	align-items:center;
	gap:3px
}

.c-main-post-list .c-list-end{
	text-align:center;
	padding:10px 0
}

.c-main-post-list .c-list-end .load-more{
	padding:5px 30px;
	font-size:14px;
	border-radius:5px;
	cursor:pointer;
	border:1px solid var(--theme-color);
	color:var(--theme-color);
	display:inline-block;
	text-align:center;
	margin:auto;
	background:transparent
}

.c-main-post-list .c-list-end .load-more:hover{
	background:var(--theme-color);
	color:#fff
}

.c-main-post-list .c-list-end .load-more.is-loading{
	opacity:.6;
	pointer-events:none
}

.c-main-post-list .item-sticky{
	display:inline-block;
	font-size:14px;
	color:#fff;
	background-color:var(--theme-color);
	margin-right:10px;
	padding:2px 4px;
	border-radius:3px
}

.c-main-post-list .c-list-empty{
	text-align:center;
	color:var(--theme-secondary-text-color);
	padding:30px 0;
	font-size:14px
}

/* card_list 网格 */
.c-main-post-list-card .post-list{
	display:grid;
	gap:10px
}

.c-main-post-list-card .tab-content-warp{
	padding-top:10px
}

.c-main-post-list-card .c-main-post-list-card-item{
	flex-direction:column;
	border:1px solid var(--border-bottom-color);
	border-radius:var(--box-border-radius);
	gap:10px;
	padding:10px
}

.c-main-post-list-card .c-item-right h2{
	font-size:16px
}

.c-main-post-list-card .c-item-right .item-sticky{
	margin-right:5px
}

.c-main-post-list-card .c-item-right .c-item-excerpt{
	display:none
}

.c-main-post-list-card .c-item-right .c-item-meta .c-meta-left{
	display:flex;
	width:100%;
	justify-content:space-between
}

.c-main-post-list-card .c-item-right .c-item-meta .c-meta-right{
	width:100%;
	text-align:right
}

.c-main-post-list-card .c-item-left{
	width:100% !important
}

.c-main-post-list-card-item{
	padding:0 !important
}

.c-main-post-list-card-item .c-item-meta-warp{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	flex:1
}

.c-main-post-list-card-item .meta-top{
	padding:0 10px
}

.c-main-post-list-card-item h2{
	padding:0 10px;
	font-size:18px;
	font-weight:400
}

.c-main-post-list-card-item .c-item-title{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.4;
	max-height:2.8em
}

.c-main-post-list-card-item .c-item-meta{
	display:block
}

.c-main-post-list-card-item .date-warp{
	display:flex;
	align-items:center
}

.c-main-post-list-card-item .c-item-date{
	color:var(--theme-color);
	font-size:13px;
	display:flex;
	align-items:center;
	gap:4px;
	font-weight:500
}

.c-main-post-list-card-item .meta-top{
	display:flex;
	justify-content:space-between;
	margin:10px 0
}

.c-main-post-list-card-item .thumbnail-warp{
	position:relative;
	overflow:hidden;
	padding-top:60%;
	height:0
}

.c-main-post-list-card-item .thumbnail-warp a{
	padding:10px;
	padding-bottom:0
}

.c-main-post-list-card-item .cate-overlay{
	position:absolute;
	top:1px;
	left:1px;
	z-index:2;
	background:rgba(0,0,0,.5);
	padding:1px 1px
}

.c-main-post-list-card-item .cate-overlay a{
	color:#fff;
	font-size:10px;
	text-decoration:none;
	font-weight:500;
	display:block;
	line-height:1;
	transform:translate(-5px,-5px)
}

.c-main-post-list-card-item .cate-overlay a:hover{
	color:var(--theme-color)
}

.c-main-post-list-card-item .thumbnail-a{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	border-radius:var(--box-border-radius)
}

.c-main-post-list-card-item .thumbnail-a img{
	max-width:100%;
	object-fit:cover;
	width:100%;
	height:100%;
	border-radius:var(--box-border-radius)
}

/* ============ CoreNext：img_card ============ */

.c-img-card{
	display:grid;
	gap:5px;
	padding:10px;
	position:relative;
	background:var(--box-background-color);
	border-radius:var(--box-border-radius);
	margin-bottom:10px
}

.c-img-card .card-item{
	border:1px solid var(--blockquote-background);
	border-radius:var(--box-border-radius);
	top:0;
	position:relative;
	transition:.3s;
	overflow:hidden;
	background:var(--box-background-color)
}

.c-img-card .card-item:hover{
	top:-5px
}

.c-img-card .card-item-warp{
	display:block;
	padding-top:60%;
	position:relative
}

.c-img-card>div{
	width:100%
}

.c-img-card>div a{
	height:100%;
	display:flex;
	flex-direction:column;
	position:absolute;
	left:0;
	top:0;
	width:100%
}

.c-img-card>div a img{
	flex:1;
	object-fit:cover
}

.c-img-card .c-card-title{
	font-size:14px;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin:5px 0;
	color:var(--box-warp-text-color)
}

.c-img-card img{
	border-radius:var(--box-border-radius);
	max-height:300px;
	position:relative;
	top:0;
	transition:.3s;
	height:100%;
	object-fit:cover
}

/* ============ CoreNext：loop_card ============ */

.c-loop-card-warp{
	background:var(--box-background-color);
	padding:10px;
	margin-bottom:10px;
	border-radius:var(--box-border-radius);
	overflow:hidden
}

.c-loop-card-warp .swiper-slide{
	height:unset !important
}

.c-loop-card-warp .card-item .card-thumbnail::before{
	padding-top:62.5%
}

.c-loop-card-warp .swiper-wrapper img{
	max-width:100%
}

.c-loop-card-warp .card-thumbnail{
	overflow:hidden;
	position:relative
}

.c-loop-card-warp .card-thumbnail>a{
	left:0;
	top:0;
	width:100%;
	height:100%;
	position:absolute
}

.c-loop-card-warp .card-thumbnail>a img{
	object-fit:cover;
	width:100%;
	height:100%;
	max-width:400px
}

.c-loop-card-warp .card-thumbnail::before{
	padding-top:62.5%;
	content:"";
	display:block
}

.c-loop-card-warp .warp-header{
	display:flex;
	justify-content:space-between;
	margin-bottom:10px;
	align-items:center
}

.c-loop-card-warp .warp-header .warp-title{
	display:flex;
	gap:10px;
	align-items:center;
	color:var(--box-warp-text-color);
	font-size:15px;
	font-weight:600
}

.c-loop-card-warp .warp-header .warp-title .sub-title{
	font-size:14px
}

.c-loop-card-warp .swiper-button{
	border:1px solid var(--blockquote-background);
	background:var(--box-background-color);
	padding:3px 8px;
	color:var(--box-warp-text-color);
	cursor:pointer;
	border-radius:var(--box-border-radius)
}

.c-loop-card-warp .swiper-button:hover{
	color:var(--theme-color);
	border-color:var(--theme-color)
}

.c-loop-card-warp .card-title{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	margin:10px;
	font-size:13px
}

.c-loop-card-warp .card-title a{
	color:var(--theme-text-color);
	text-decoration:none
}

.c-loop-card-warp .card-title a:hover{
	color:var(--theme-color)
}

.c-loop-card-warp .card-item{
	padding:10px;
	border:1px solid var(--blockquote-background);
	border-radius:var(--box-border-radius);
	background:var(--box-background-color)
}

.c-loop-card-warp .loop-card-row{
	display:grid;
	gap:10px
}

/* ============ 轮播 swiper（Bootstrap carousel 替代） ============ */

.c-swiper-warp{
	background:var(--box-background-color);
	border-radius:var(--box-border-radius);
	padding:10px;
	margin-bottom:10px;
	overflow:hidden
}

.c-swiper-warp .carousel{
	border-radius:var(--box-border-radius);
	overflow:hidden
}

.c-swiper-warp .carousel-item img{
	object-fit:cover;
	max-height:400px;
	width:100%
}

.c-swiper-warp .c-swiper-link{
	display:block;
	position:relative
}

.c-swiper-warp .c-swiper-link h2{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding:30px 15px 10px;
	font-size:16px;
	color:#fff;
	background:linear-gradient(transparent,rgba(0,0,0,.55));
	text-align:center
}

.c-swiper-warp .carousel-control-prev i,
.c-swiper-warp .carousel-control-next i{
	font-size:28px
}

.c-swiper-warp .carousel-indicators{
	margin-bottom:6px
}

/* ============ 合作伙伴 partners ============ */

.c-partners-warp{
	background:var(--box-background-color);
	border-radius:var(--box-border-radius);
	margin-bottom:10px;
	overflow:hidden
}

.c-partners-list{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	padding:10px 15px
}

.c-partners-list .partner-item{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:90px;
	height:50px;
	padding:0 12px;
	border:1px solid var(--border-bottom-color);
	border-radius:var(--box-border-radius);
	text-decoration:none;
	color:var(--theme-secondary-text-color);
	font-size:13px;
	transition:.2s
}

.c-partners-list .partner-item:hover{
	border-color:var(--theme-color);
	color:var(--theme-color)
}

.c-partners-list .partner-item img{
	max-height:30px;
	max-width:90px;
	object-fit:contain
}

/* ============ 图片广告 img_ad ============ */

.c-img-ad{
	margin-bottom:10px;
	border-radius:var(--box-border-radius);
	overflow:hidden;
	background:var(--box-background-color);
	text-align:center
}

.c-img-ad img{
	width:100%;
	height:auto;
	display:block
}

.c-html-block{
	margin-bottom:10px
}

/* ============ 区块并排栅格（12 列，按区块 width 分配跨列） ============ */

.oncex-blocks{
	display:grid;
	grid-template-columns:repeat(12,1fr);
	gap:10px;
	margin-bottom:10px
}

.oncex-blocks .oncex-block-col{
	min-width:0;
	grid-column:span 12
}

.oncex-blocks .oncex-block-col-12{ grid-column:span 12 }
.oncex-blocks .oncex-block-col-9{ grid-column:span 9 }
.oncex-blocks .oncex-block-col-8{ grid-column:span 8 }
.oncex-blocks .oncex-block-col-6{ grid-column:span 6 }
.oncex-blocks .oncex-block-col-4{ grid-column:span 4 }
.oncex-blocks .oncex-block-col-3{ grid-column:span 3 }

/* 区块自带 margin-bottom 在栅格内由 gap 接管，避免并排底部错位 */
.oncex-blocks .oncex-block-col > *{
	margin-bottom:0
}

@media (max-width:768px){
	.oncex-blocks .oncex-block-col-9,
	.oncex-blocks .oncex-block-col-8,
	.oncex-blocks .oncex-block-col-6,
	.oncex-blocks .oncex-block-col-4,
	.oncex-blocks .oncex-block-col-3{
		grid-column:span 12
	}
}

/* ============ 响应式 ============ */

@media (max-width:768px){
	.c-main-post-list-card .post-list{
		grid-template-columns:repeat(2,1fr) !important
	}

	.c-main-post-list-card-item .cate-warp{
		display:none
	}

	.c-loop-card-warp .loop-card-row{
		grid-template-columns:repeat(2,1fr) !important
	}

	.c-img-card{
		grid-template-columns:repeat(2,1fr) !important
	}
}

@media (max-width:700px){
	.c-item-excerpt{
		display:none !important
	}
}

@media (max-width:500px){
	.c-post-list-warp .item-right{
		display:none
	}
}

@media (max-width:480px){
	.c-main-post-list .c-item-right h2{
		font-size:16px !important
	}

	.c-main-post-list .c-meta-left{
		display:none !important
	}

	.c-post-list-warp .c-post-list{
		min-width:0
	}
}