/*
Theme Name: Begin
Theme URI: https://zmingcx.com/begin.html
Author: 鐭ユ洿楦�
Author URI: https://zmingcx.com/
Description: HTML5+CSS3 鍝嶅簲寮忚璁★紝鍗氬銆佹潅蹇椼€佸浘鐗囥€佸叕鍙镐紒涓氬绉嶅竷灞€鍙€夛紝闆嗘垚SEO鑷畾涔夊姛鑳斤紝涓板瘜鐨勪富棰橀€夐」锛屼紬澶氬疄鐢ㄥ皬宸ュ叿銆�
Version: 2024/10/28
Requires at least: 5.4
Requires PHP: 7鎴栨洿楂�
*
/*-- 鏍峰紡鏂囦欢浣嶇疆 "css/be.css" --*/
.picture-img {
    position: relative;
}

/* 瑙嗛甯冨眬-----------------------------------------------------------------------------------------------------------*/
.video-preview {
    display: block; /* 鍒濆鏃舵樉绀猴紝浣嗛€忔槑 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;  /* 瑙嗛榛樿閫忔槑锛屼笉鍙 */
    pointer-events: none; /* 纭繚瑙嗛涓嶄細鎷︽埅榧犳爣鐐瑰嚮 */
    transition: opacity 0.3s ease-in-out; /* 娣诲姞娣″叆娣″嚭鏁堟灉 */
}

.picture-img:hover .video-preview {
    opacity: 1;  /* 榧犳爣鎮仠鏃舵樉绀鸿棰� */
}

.picture-img:hover i {
    z-index: 2; /* 纭繚鎾斁鎸夐挳浠嶇劧鏄剧ず鍦ㄨ棰戜笂鏂� */
}

/* 娣诲姞瑙嗛鏃堕暱鏍囪瘑鐨勬牱寮� */
.video-duration {
    position: absolute;
    bottom: 6px;
    right: 6px;
    background-color: rgba(0, 0, 0, 0.5); /* 鑳屾櫙閫忔槑 */
    color: white;
    padding: 5px 10px;
    border-radius: 15px; /* 鍦嗚鑳屾櫙 */
    font-size: 12px;
    font-weight: bold;
}
/* 娣诲姞瑙嗛鏃堕暱鏍囪瘑鐨勬牱寮� */

/* 娣诲姞鑷畾涔夋枃鏈爣璇嗙殑鏍峰紡 */
.custom-text {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.5); /* 鑳屾櫙閫忔槑 */
    color: white;
    padding: 5px 10px;
    border-radius: 15px; /* 鍦嗚鑳屾櫙 */
    font-size: 14px;
    font-weight: bold;
}

/* 娣诲姞鑷畾涔夋枃鏈爣璇嗙殑鏍峰紡 */


/* 瑙嗛瀹藉浘甯﹂瑙� */
.thumbnail-wrapper {
    position: relative;
    width: 100%; /* 璁╁浘鐗囧厖婊＄埗瀹瑰櫒 */
    padding-top: 56.25%; /* 16:9 姣斾緥璁＄畻 (9 / 16 * 100%) */
    overflow: hidden;
}

.thumbnail-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 淇濇寔鍥剧墖鍐呭涓嶅彉锛屽～鍏�16:9鍖哄煙 */
}

/* 鍙栨秷鎾斁鍥炬爣 */
.be-play {
    display: none !important;
}
/* 瑙嗛瀹藉浘甯﹂瑙� */
/* 瑙嗛甯冨眬-----------------------------------------------------------------------------------------------------------*/

/* 鐗囧晢鎯呮姤瀹瑰櫒-----------------------------------------------------------------------------------------------------------*/
.thumbnail-wrapper.new-thumbnail {
    position: relative;
    width: 100%; /* 璁╁浘鐗囧厖婊＄埗瀹瑰櫒 */
    padding-top: 141.75%; /* 400 / 567 * 100% 涓� 141.75% */
    overflow: hidden;
}

.thumbnail-wrapper.new-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 淇濇寔鍥剧墖鍐呭涓嶅彉锛屽～鍏� 400x567 鍖哄煙 */
}
/* 鐗囧晢鎯呮姤瀹瑰櫒-----------------------------------------------------------------------------------------------------------*/

/*WordPress鏂囩珷椤甸潰鏂板褰╄壊娓愬彉妗�-----------------------------------------------------------------------------------------------------------*/
#smcos_mhz,#smcos_xgh,#smcos_tkzj,#smcos_xyz,#smcos_gll ,#smcos_xty,#smcos_yyz,#smcos_szh,#smcos_wbk{
/*鍦嗚鍊�,鍦ㄦ瀹氫箟*/
border-radius: 8px;
}
/*鏍峰紡-杩峰够绱�*/
#smcos_mhz{
color: #555555;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
/*border-radius: 10px;*/
box-shadow: 6px 0 12px -5px rgb(190, 196, 252), -6px 0 12px -5px rgb(189, 196, 252);
background-color: #8EC5FC;
background-image: linear-gradient(62deg,#8EC5FC 0%,#E0C3FC 100%);
background-image: -webkit-linear-gradient(62deg,#8EC5FC 0%,#E0C3FC 100%);
}
/*鏍峰紡-瑗跨摐绾�*/
#smcos_xgh{
color: #555555;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
/*border-radius: 10px;*/
box-shadow: 6px 0 12px -5px rgb(255, 176, 172), -6px 0 12px -5px rgb(255, 161, 174);
background-color: #ff9a8b66;
background-image: linear-gradient(220deg,#FF9A8B 0%,#ff6a8838 55%,#FF99AC 100%);
background-image: -webkit-linear-gradient(220deg,#ff9a8b7a 0%,#ff6a88ab 55%,#ff99ac82 100%);
}
/*鏍峰紡-澶╃┖涔嬪*/
#smcos_tkzj {
color: #555555;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
/*border-radius: 10px;*/
box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
background-color: #FFDEE9;
background-image: linear-gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%);
background-image: -webkit-linear-gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%);
}
/*鏍峰紡-灏忓畤瀹�*/
#smcos_xyz {
color: #eeeeee;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
/*border-radius: 10px;*/
box-shadow: 6px 0 12px -5px rgb(12, 85, 141), -6px 0 12px -5px rgba(10, 58, 93, 0);
background-image: radial-gradient( circle 263px at 100.2% 3%, rgba(12,85,141,1) 31.1%, rgba(205,181,93,1) 36.4%, rgba(244,102,90,1) 50.9%, rgba(199,206,187,1) 60.7%, rgba(249,140,69,1) 72.5%, rgba(12,73,116,1) 72.6% );
}
/*鏍峰紡-姗勬缁�*/
#smcos_gll {
color: #eeeeee;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
/*border-radius: 10px;*/
box-shadow: 6px 0 12px -5px rgb(68, 110, 92), -6px 0 12px -5px rgb(204, 212, 163);
background-image: linear-gradient( 102deg, rgba(68,110,92,1) 17.4%, rgba(107,156,120,1) 49.3%, rgba(154,183,130,1) 83.4%, rgba(247,237,191,1) 110.3% );
}
/*鏍峰紡-灏忓お闃�*/
#smcos_xty {
color: #ffffff;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
/*border-radius: 10px; */
box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
background-image: radial-gradient( circle farthest-corner at -8.9% 51.2%, rgba(255,124,0,1) 0%, rgba(255,124,0,1) 15.9%, rgba(255,163,77,1) 15.9%, rgba(255,163,77,1) 24.4%, rgba(19,30,37,1) 24.5%, rgba(19,30,37,1) 66% );
}
/*鏍峰紡-浼橀泤绱�*/
#smcos_yyz {
color: #ffffff;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
/*border-radius: 10px;*/
box-shadow: 6px 0 12px -5px rgb(175, 160, 208), -6px 0 12px -5px rgba(177, 161, 207, 0);
background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(95,117,227,1) 0%, rgba(188,167,205,1) 90% );
}
/*鏍峰紡-娣遍們榛�*/
#smcos_szh {
color: #c7c7c7;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
/*border-radius: 5px;*/
box-shadow: 6px 0 12px -5px rgb(155, 170, 185), -6px 0 12px -5px rgba(177, 161, 207, 0);
background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 90.2% );
}
/*鏍峰紡-鏃犺竟妗�*/
#smcos_wbk {
color: #000000;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
}
#smcos_xyz a , #smcos_gll a{
color: #eeeeee;
}
#smcos_szh a{
color: #c7c7c7;
}
#smcos_xty a, #smcos_yyz a{
color: #ffffff;
}
/*WordPress鏂囩珷椤甸潰鏂板褰╄壊娓愬彉妗�-----------------------------------------------------------------------------------------------------------*/

/*绉婚櫎瑙嗛椤甸潰澶栬竟璺�---------------------------------------------------*/
article.video-template {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
/*绉婚櫎瑙嗛椤甸潰澶栬竟璺�---------------------------------------------------*/

/*鍒嗙被鐎戝竷娴�-----------------------------------------------------------------------------------------------------------*/
/* 鐎戝竷娴佸鍣� */
.masonry-container {
    width: 100%;
    max-width: 1600px;
    margin: auto;
    padding: 0px 0;
}

/* 鐎戝竷娴佺綉鏍� */
.masonry-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 淇濊瘉鍒楅棿璺� */
}

/* 鐎戝竷娴侀」鐩� */
.masonry-item {
    width: calc(20% - 16px); /* 榛樿锛�5鍒楀竷灞€锛�16px 棰勭暀缁� margin */
    margin: 8px;
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
}



/* 鍥剧墖鎮仠鏀惧ぇ鏁堟灉 */
.masonry-link {
    display: block; /* 纭繚閾炬帴鍏呮弧 masonry-item */
    overflow: hidden; /* 閬垮厤鏀惧ぇ鍚庢孩鍑� */
    border-radius: 12px;
}

.masonry-link img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/* 馃専 鎮仠鏃舵斁澶у苟娣诲姞闃村奖 */
.masonry-link:hover img {
    transform: scale(1.03); /* 閫傚害鏀惧ぇ */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* 杞诲井闃村奖鎻愬崌灞傛鎰� */
}

/* 鍔犺浇鎻愮ず */
.loading-more {
    text-align: center;
    padding: 20px;
    font-size: 16px;
    color: #888;
}

/* 馃専 鍝嶅簲寮忎紭鍖� */

/* 骞虫澘绔� (3鍒�) */
@media screen and (max-width: 1023px) {
    .masonry-item {
        width: calc(33.33% - 16px); /* 3鍒楀竷灞€ */
    }
}

/* 鎵嬫満绔� (2鍒�) */
@media screen and (max-width: 767px) {
    .masonry-item {
        width: calc(50% - 16px); /* 2鍒楀竷灞€ */
    }
}

/*鍒嗙被鐎戝竷娴�-----------------------------------------------------------------------------------------------------------*/

/*鏂囩珷鐎戝竷娴佸睍绀�-----------------------------------------------------------------------------------------------------------*/
/* 鐎戝竷娴佸鍣� */
.post-masonry-container {
    width: 100%;
    max-width: 1600px;
    margin: auto;
    padding: 20px 0;
}

/* 鐎戝竷娴佺綉鏍� */
.post-masonry-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 淇濊瘉鍒楅棿璺� */
}

/* 鐎戝竷娴侀」鐩� */
.post-masonry-item {
    width: calc(33.33% - 16px); /* 榛樿锛�5鍒楀竷灞€锛�16px 棰勭暀缁� margin */
    margin: 8px;
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
}

/* 鍥剧墖鎮仠鏀惧ぇ鏁堟灉 */
.post-masonry-link {
    display: block; /* 纭繚閾炬帴鍏呮弧 masonry-item */
    overflow: hidden; /* 閬垮厤鏀惧ぇ鍚庢孩鍑� */
    border-radius: 12px;
}

.post-masonry-link img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/* 馃専 鎮仠鏃舵斁澶у苟娣诲姞闃村奖 */
.post-masonry-link:hover img {
    transform: scale(1.03); /* 閫傚害鏀惧ぇ */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* 杞诲井闃村奖鎻愬崌灞傛鎰� */
}

/* 骞虫澘绔� (3鍒�) */
@media screen and (max-width: 1023px) {
    .post-masonry-item {
        width: calc(50% - 16px); /* 3鍒楀竷灞€ */
    }
}

/* 鎵嬫満绔� (2鍒�) */
@media screen and (max-width: 767px) {
    .post-masonry-item {
        width: calc(100% - 16px); /* 2鍒楀竷灞€ */
    }
}
/*鏂囩珷鐎戝竷娴佸睍绀�-----------------------------------------------------------------------------------------------------------*/




/* 鍥剧墖甯冨眬缂╃暐鍥惧姩鐢绘晥鏋�------------------------------------------------------------------------------------------------- */
.custom-img-card {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	aspect-ratio: 2 / 3;
	margin: 0;
}

.custom-img-card img.custom-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease-out;
	will-change: transform;
}
/* PC绔偓鍋滄椂缂╂斁 */
@media (hover: hover) and (pointer: fine) {
	.custom-img-card:hover img.custom-img {
		transform: scale(1.03);
	}
}

/* 閬僵灞傦紝鏀惧湪鍥剧墖涔嬩笂 */
.custom-img-card .custom-img-overlay {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
	z-index: 1;
	pointer-events: none;
}

/* 鉁� 鏍囬蹇呴』瀹氫綅锛屽苟鏀惧湪 z-index 鏇撮珮鐨勫眰绾� */
.custom-img-card .card-title {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	padding: 0 12px;
	box-sizing: border-box;
	z-index: 3;

	/* 寮曠敤鍘� grid-title 鐨勮瑙夐鏍� */
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 25px;
	overflow: hidden;

	/* 鍙€夊寮哄彲璇绘€� */
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.custom-img-card .card-title a {
	color: #fff; /* 鎴栦娇鐢� inherit 鐪嬩綘涓婚椋庢牸 */
	text-decoration: none;
	display: block;

/* 鉁� 闄愬埗鍗曡鏄剧ず + 瓒呭嚭鐪佺暐鍙� */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 鍥剧墖甯冨眬缂╃暐鍥惧姩鐢绘晥鏋�------------------------------------------------------------------------------------------------- */