@import url(../css/style_nav/style_latest_news/style_latest_news_list.css);

/*========================================================*/
/*-------首頁內容--------*/
/*========================================================*/









/*/////////////////////////////////////////////////////////*/
/*-------共用區塊--------*/
/*/////////////////////////////////////////////////////////*/


/*首頁內容區塊*/	
.mainContent{
	padding:  0 0 clamp(1.6130rem, 2.6042vw, 3.1250rem) ; /* 25.81px , 2.6042vw , 50.00px */
}



.index_itemBg {
	box-sizing: border-box;
}




	/*----- 首頁標題1 -----*/
	.index_title {
		font-size: clamp(1.5rem, 1.5625vw, 1.875rem);
		font-weight: 700;
		color: var(--dark_color_sec);
		line-height: 1;
		margin-bottom: clamp(1.313rem, 0.046rem + 2.05vw, 2.5rem);
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
		gap: 0.625rem;
	}

	.index_title img {
		width: 100%;
		height: auto;
		max-width: clamp(1.5rem, 0.033rem + 2.37vw, 2.875rem);
	}

	.index_title .index_title_text {
		font-size: inherit;
		font-weight: inherit;
		color: inherit;
		display: inline-block;
	}





	/*----- 首頁標題2 -----*/
	.index_title2 {
		font-size: clamp(1.25rem, 0.917rem + 0.54vw, 1.563rem);
		font-weight: 600;
		color: var(--fifth_color);
		line-height: 1;
		margin-bottom: 0;
		display: flex;
		justify-content: space-between;
		text-align: center;
		align-items: center;
		flex-wrap: wrap;
		gap: .625rem;
		margin-bottom: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
	}

	.index_title2 img {
		width: 100%;
		height: auto;
		max-width: clamp(0.125rem, -2.809rem + 4.74vw, 2.875rem);
	}

	.index_title2 .index_title_text2 {
		font-size: inherit;
		font-weight: inherit;
		color: inherit;
		display: inline-block;
		/* padding-bottom: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem); */
		display: inline-flex;
		flex-direction: column;
		gap: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
	}
	.index_title2 .index_title_text2:after {
		content:"";
		background-color: var(--fifth_color);
		width: 40px;
		height: 5px;
		display: block;
		/* bottom: calc(clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem) * -1); */
	}














	
@media (max-width: 990px){
	
	.mainContent{	
	}	
		/*----- 首頁標題1 -----*/
		.index_title{
			
		}
		/*----- 首頁標題2 -----*/
		.index_title2{
			
		}		

}








/* ========================================================= */
/* --- 首頁 main 內容樣式                                   --- */
/* ========================================================= */


	.index_itemBg .split {
		opacity: 0;
		will-change: transform;
	}

	.index_itemBg .split * {
		will-change: transform;
	}









/* ========================================================= */
/* Section 1：banner                                     */
/* ========================================================= */



.banner_link{
	position: relative;
    display: block;
    overflow: hidden;
}

/* 文字 + 按鈕疊加層（對齊設計稿左側） */
.index_banner_box {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 85%;
	/*max-width: 105rem;*//* 1680px：對齊內容寬度 */
	max-width: 93.75rem;
	padding: 0 clamp(1.25rem, 2vw, 2.5rem);
	box-sizing: border-box;
	pointer-events: none; /* 讓圖片可點擊，內部互動元素再開啟 */
}

	.index_banner_info {
		max-width: clamp(20rem, 42%, 39rem);
		display: flex;
		flex-direction: column;
		row-gap: clamp(0.875rem, 1.4vw, 1.625rem);
	}

		.index_banner_box .title {
			display: block;
			font-weight: 700;
			line-height: 1.3;
			letter-spacing: 0.04em;
			color: var(--fifth_color); /* 第一行：深綠 */
			font-size: clamp(1.875rem, 3vw, 3.25rem); /* 30 → 52px */
			text-shadow: 0 1px 2px rgba(255, 255, 255, 0.55);
		}
			.index_banner_box .title .accent {
				color: var(--sixth_color); /* 第二行：粉紅 */
			}

		.index_banner_box .description {
			/* margin-top: clamp(0.875rem, 1.4vw, 1.625rem); */
			color: var(--dark_color);
			line-height: 1.5;
			letter-spacing: 0.02em;
			font-size: clamp(0.9375rem, 1.04vw, 1.25rem); /* 15 → 20px */
			text-shadow: 0 1px 2px rgba(255, 255, 255, 0.45);
		}

	.index_banner_btn {
		display: flex;
		flex-wrap: wrap;
		gap: clamp(0.75rem, 1.2vw, 1.25rem);
		margin-top: clamp(1.375rem, 2.2vw, 2.5rem);
		pointer-events: auto;
		justify-content: unset;
	}
		.index_banner_btn button {
			display: inline-flex;
			align-items: center;
			gap: 0.5rem;
			border: 2px solid transparent;
			border-radius: 3rem;
			cursor: pointer;
			font-family: inherit;
			font-weight: 600;
			letter-spacing: 0.06em;
			line-height: 1.0;
			font-size: clamp(0.9375rem, 1vw, 1.1875rem); /* 15 → 19px */
			padding: calc(clamp(0.7rem, 0.9vw, 0.95rem)  * 0.6)  clamp(1.5rem, 2.2vw, 2.5rem);
			transition: var(--transition-data);
		}
			.index_banner_btn .txt{
				font-size: inherit;
				color: inherit;
			}


		/* 主要：認識我們（深綠實心 + 箭頭） */
		.index_banner_btn button:first-child {
			background-color: var(--fifth_color);
			color: #fff;
			box-shadow: 0 0.5rem 1.125rem -0.375rem rgba(79, 111, 93, 0.6);
		}
			.index_banner_btn button:first-child::after {
				/* content: "\2192"; */ /* → */
				/* font-weight: 400; */
				/* transition: var(--transition-data); */
			}
			.index_banner_btn button:first-child:hover {
				background-color: #3f5b4c;
				transform: translateY(-2px);
				box-shadow: 0 0.7rem 1.3rem -0.375rem rgba(79, 111, 93, 0.7);
			}
				.index_banner_btn button:first-child:hover::after {
					transform: translateX(0.25rem);
				}

		/* 次要：支持孩子（白底粉框 + 愛心） */
		.index_banner_btn button:last-child {
			background-color: #fff;
			color: var(--sixth_color);
			border-color: var(--sixth_color);
		}
			.index_banner_btn button:last-child::after {
				/*content: "\2665"; *//* ♥ */
			}
			.index_banner_btn button:last-child:hover {
				/* background-color: var(--sixth_color);
				color: #fff; */
			}
			.index_banner_btn button:last-child i{
				font-size: calc(clamp(1.25rem, 0.583rem + 1.08vw, 1.875rem) * 0.7);
			}


.banner_img{
	/* display: block; */
}






/* --- 平板 --- */
/* @media (max-width: 990px) {
	.index_banner_info {
		max-width: 60%;
	}
} */

/* --- 手機（切換 banner_mobile，文字改置於圖片下方） --- */
@media (max-width: 990px) {
	.index_banner_box {
		position: static;
		transform: none;
		max-width: 100%;
		width: 100%;
		padding: clamp(1.5rem, 6vw, 2rem) clamp(1.25rem, 6vw, 1.75rem) clamp(2rem, 8vw, 2.5rem);
		text-align: center;
	}
		.index_banner_info {
			max-width: 100%;
		}
		.index_banner_box .title,
		.index_banner_box .description {
			text-shadow: none;
		}
		.index_banner_btn {
			justify-content: center;
		}
			.index_banner_btn button {
				padding: clamp(0.7rem, 0.9vw, 0.95rem)  clamp(1.5rem, 2.2vw, 2.5rem);
			}


}


@media (max-width: 640px) {

	.index_banner_box {
		padding: clamp(1.5rem, 6vw, 2rem) 0.3125rem clamp(2rem, 8vw, 2.5rem);
	}
		.index_banner_btn button i{
			display: none;
		}
}



















/* ========================================================= */
/* Section 2：我們的使命                                     */
/* ========================================================= */

.index_missionBg {
	padding: clamp(3rem, 5.208vw, 6.25rem) 0 0;
	background-color: #fff;
}


	/* 標題區 */
	.index_mission_header {
		text-align: center;
		margin-bottom: clamp(2.438rem, 0.037rem + 3.88vw, 4.688rem);
	}

	.index_missionBg .index_title {

	}
		.index_missionBg .index_title img {
		}

		.index_missionBg .index_title strong {
		}

		.index_mission_subtitle {
			font-size: clamp(0.9375rem, 0.9375vw, 1.125rem);
			color: var(--fifth_color);
			line-height: 1.7;
			margin: 0 auto;
		}














/* 三卡片列表 */
ul.index_mission_area {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: clamp(1rem, 2.083vw, 2.5rem);
}

.index_mission_list {
	flex: 1;
}

.index_mission_card {
	background-color: var(--second_color);
	background-color: #F7F8F8;
	border-radius: 0.75rem;
	height: 100%;
	transition: var(--transition-data);
}

.index_mission_card:hover {
	box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.08);
	transform: translateY(-0.25rem);
}

.index_mission_in {
	padding: clamp(1.125rem, -0.075rem + 1.94vw, 2.25rem);
	display: flex;
	text-decoration: none !important;
	cursor: pointer;
}

.index_mission_content {
	display: flex;
	align-items: center;
	width: 100%;
	gap: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
}

.index_mission_content .icon {
	width: clamp(5rem, -1rem + 9.69vw, 10.625rem);
	min-width: clamp(5rem, -1rem + 9.69vw, 10.625rem);
	/* height: 3.5rem; */
	background-color: var(--fourth_color);
	border-radius: 50%;
	/* margin-bottom: 1.25rem; */
	flex-shrink: 0;
	position: relative;
	aspect-ratio: 1;
	border-radius: 100%;
	display: block;
	overflow: hidden;
}
	.index_mission_content .icon img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		float: none;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		transition: 0.3s ease all;
	}


	.index_mission_info{
		display: flex;
		flex-direction: column;
		flex: 1;
		gap: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
	}
	
		.index_mission_content .title {
			font-size: clamp(1rem, 1.042vw, 1.25rem);
			font-weight: 600;
			color: var(--dark_color_sec);
			line-height: 1.2;
			margin-bottom: 0;
		}

		.index_mission_content .description {
			font-size: 0.9375rem;
			color: var(--dark_color);
			line-height: 1.7;
			flex: 1;
			margin-bottom: 0;

			display: -webkit-box;
			-webkit-box-orient: vertical;	
			-webkit-line-clamp: 6;	
			overflow: hidden;
		}

		.index_mission_content .more_link {
			/* margin-top: auto; */
			/* text-align: right; */
			margin-left: auto;
		}

		.index_mission_content .more_link a {
			font-size: 1.5rem;
			color: var(--primary_color);
			text-decoration: none;
			transition: var(--transition-data);
			display: inline-flex;
		}

		.index_mission_content .more_link a:hover {
			color: var(--fifth_color);
			text-decoration: none;
		}




@media (max-width: 990px) {

	ul.index_mission_area {
		flex-direction: column;
	}
		.index_mission_info {
			flex: 1;
		}

}















/* ========================================================= */
/* Section 3：最新活動與公告 + 衛教資源中心                 */
/* ========================================================= */

.index_newsBg {
	padding: clamp(2.5rem, 4.167vw, 5rem) 0;
	background-color: var(--second_color);
	background-color: #FEFEFE;
}


	/* 兩欄版面 */
	.index_news_health_area {
		display: flex;
		/* gap: clamp(2.125rem, 0.058rem + 3.34vw, 4.063rem); */
		gap:clamp(0.938rem, -2.396rem + 5.38vw, 4.063rem);
		align-items: stretch;
		display: grid;
		grid-template-columns: 945fr 460fr;
	}

		.index_news_area_left {

		}

		.index_health_area_right {
			flex: 0 0 clamp(16rem, 29.167vw, 22rem);
			background-color: #F6F6F6;
			border-radius: clamp(1.064rem, 1.72vw, 2.063rem);
			padding: clamp(0.813rem, 0.012rem + 1.29vw, 1.563rem);
			display: flex;
			flex-direction: column;
		}


			/* 區塊標題 */
			.index_link_title {
				text-align: left;
			}

				.index_link_title strong {
				}


				.more_link_btn {
					font-size: clamp(1rem, 0.867rem + 0.22vw, 1.125rem);
					color: var(--fifth_color);
					text-decoration: none;
					white-space: nowrap;
					transition: var(--transition-data);
					flex-shrink: 0;
					display: flex;
					align-items: center;
					gap: 0.625rem;
					font-weight: 700;
				}
					.more_link_btn a{
						margin: 0;
						padding: 0;
						font-size: inherit;
						font-weight: inherit;
						line-height: inherit;
						color: inherit;
						display: flex;
						align-items: center;
						text-decoration: none;
					}
					.more_link_btn:hover {
						color: var(--sixth_color);
						text-decoration: none;
					}

					

					.more_link_btn span{
						margin: 0;
						padding: 0;
						font-size: inherit;
						font-weight: inherit;
						line-height: inherit;
						color: inherit;
					}

					.more_link_btn i{
						margin: 0;
						padding: 0;
						font-weight: inherit;
						line-height: inherit;
						font-size: calc(clamp(1.25rem, 0.583rem + 1.08vw, 1.875rem) * 1.3);
						color: var(--fifth_color);
					}




/* ================================ */
/* Section 3-1：左側：最新活動與公告  */
/* ================================ */


.index_news_area_left_section{	
	display: grid;
	flex: 1 1 60%;
	gap: clamp(1.25rem, -0.083rem + 2.15vw, 2.5rem);
}

	/* 主打新聞大卡 */
	.index_news_featured_card{
		flex:unset;
	}
		.index_news_featured {
			display: flex;
			gap: clamp(0.75rem, 1.5625vw, 1.875rem);
			background: #fff;
			border-radius: 0.75rem;
			overflow: hidden;
			text-decoration: none;
			transition: var(--transition-data);
			box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
		}

		.index_news_featured:hover {
			box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.08);
			transform: translateY(-0.25rem);
			text-decoration: none;
		}
			.index_news_featured  .news_in{
				width: 100%;
			}

				.index_news_featured_content .index_news_featured_img {
					/* width: 43%; */
					/* aspect-ratio: 418 / 300; */
					aspect-ratio: 179 / 100;
				}

					.index_news_featured_content {
						flex-direction: row;
						justify-content: space-between;
						width: 100%;
					}
						.index_news_featured_content .info{
							/* width: 57%; */
							row-gap: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
							padding: 0.75rem clamp(1.25rem, -0.083rem + 2.15vw, 2.5rem);
						}
							.index_news_featured_content .more_link {
								position: absolute;
								right: 0.9375rem;
								bottom: 0.9375rem;
							}

							.index_news_featured_content .tag {
							}

							.index_news_featured_content .title {
								font-size: clamp(1.25rem, 0.917rem + 0.54vw, 1.563rem);
								line-height: 1.1;
							}

							.index_news_featured_content .date {
								line-height: 1.1;
							}

							.index_news_featured_content .location {
								line-height: 1.1;
							}

							.index_news_featured_content .description {
								line-height: 1.1;
							}


						/* 次要新聞列表 */
						ul.index_news_sub_area {
							list-style: none;
							padding: 0;
							margin: 0;
							display: flex;
							gap: inherit;
						}







						




@media screen and (min-width: 1200.1px) {


	.index_news_featured_content {
		display: grid;	
		grid-template-columns: 5.5fr 4.5fr;	
	}
		.index_news_featured_content .index_news_featured_img{
			order: -1;		
		}


	/* ====================================== */	
	/* 只有 1 個 li.news_list 樣式 */
	/* ====================================== */
	ul.index_news_sub_area > li.news_list:only-child .news_content{
		display: grid;
		grid-template-columns: 5.5fr 4.5fr;
	}


}


/* 在螢幕寬度1200 ~ 1100時，套用這裡的特定樣式 */
@media screen and (max-width: 1200px) and (min-width: 1100.1px){

	.index_news_featured_content {
		display: grid;	
		grid-template-columns: 6fr 4fr;	
	}
		.index_news_featured_content .index_news_featured_img{
			order: -1;		
		}


	/* ====================================== */	
	/* 只有 1 個 li.news_list 樣式 */
	/* ====================================== */
    ul.index_news_sub_area > li.news_list:only-child .news_content{
        display: grid;
        grid-template-columns: 6fr 4fr;
    }

}

/* 在螢幕寬度1100 ~ 768時，套用這裡的特定樣式 */
@media (max-width: 1100px) and (min-width: 768.1px) {


	/* ====================================== */	
	/* 只有 1 個 li.news_list 樣式 */
	/* ====================================== */

	.index_news_featured_content{
		/* display: grid;
		grid-template-columns: 1.75fr 1fr; */
	}

	.index_news_area_left_section:has(ul.index_news_sub_area  > li.news_list:only-child) .index_news_featured_content {
		display: grid;
		grid-template-columns: 1.75fr 1fr;
	}

    ul.index_news_sub_area > li.news_list:only-child .news_content{
		display: grid;
		grid-template-columns: 1.75fr 1fr;
    }

}	

/* 在螢幕寬度768 ~ 640時，套用這裡的特定樣式 */
@media (max-width: 768px) and (min-width: 640.1px) {

	.index_news_featured_content{
		/* display: grid;
		grid-template-columns: 1.49fr 1fr;
		align-items: stretch; */
	}
	
	/* ====================================== */	
	/* 只有 1 個 li.news_list 樣式 */
	/* ====================================== */

	.index_news_area_left_section:has(ul.index_news_sub_area  > li.news_list:only-child) .index_news_featured_content {
		display: grid;
		grid-template-columns: 1.49fr 1fr;
		align-items: stretch;
	}
    ul.index_news_sub_area > li.news_list:only-child .news_content{
		display: grid;
		grid-template-columns: 1.49fr 1fr;
		align-items: stretch;
    }

}	

/* 在螢幕寬度大於640時，套用這裡的特定樣式 */ 
@media screen and (min-width: 640.1px) {


	/* ====================================== */	
	/* 只有 1 個 li.news_list 樣式 */
	/* ====================================== */
	ul.index_news_sub_area > li.news_list:only-child {
	}
	
		ul.index_news_sub_area > li.news_list:only-child .news_content{
		}

			ul.index_news_sub_area > li.news_list:only-child .news_content .info {
				row-gap: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
				padding: 0.75rem clamp(1.25rem, -0.083rem + 2.15vw, 2.5rem);
			}

			ul.index_news_sub_area > li.news_list:only-child .news_content .title {
				font-size: clamp(1.25rem, 0.917rem + 0.54vw, 1.563rem);
				line-height: 1.1;
			}



}





@media (max-width: 1100px) {

	/* 兩欄版面 */
	.index_news_health_area {
		display: flex;
		align-items: unset;
		grid-template-columns: unset;
		flex-direction: column;
	}

		.index_news_area_left {
			width: 100%;
		}
		.index_health_area_right {
			width: 100%;
		}

}

@media (max-width: 640px) {

	.index_news_featured {
		flex-direction: column;
	}
	
		.index_news_featured  .news_in{
		}

		.index_news_featured_content .index_news_featured_img {
			width: 100%;
			/* aspect-ratio: 283 / 130; */
		}

		.index_news_featured_content {
			flex-direction: column-reverse;
			justify-content: unset;
		}
		.index_news_featured_content .info{
			width: 100%;
		}
		.index_news_featured_content .more_link {
		}


		
	ul.index_news_sub_area {
		flex-direction: column;
	}
}













/* ================================ */
/* Section 3-2：右側：衛教資源中心  */
/* ================================ */

	/* 衛教資源中心 */
	ul.index_health_resource_area {
		list-style: none;
		padding: 0;
		margin: 0;
		/* margin: 0 0 1.25rem 0; */
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
		flex-grow: 1;
	}
		.index_health_resource_list{
			background: #fff;
			display: flex;
			flex-direction: column;
			border-radius: clamp(0.5rem, 0.033rem + 0.75vw, 0.938rem);
			overflow: hidden;
		}

			.index_health_resource_card {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				flex-grow: 1;
				gap: 0.625rem;
				padding: 1.25rem 0.75rem;
				border-radius: 0.5rem;
				text-decoration: none;
				text-align: center;
				transition: var(--transition-data);
				/* min-height: 6rem; */
			}

			.index_health_resource_card:hover {
				box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
				background-color: var(--third_color);
				text-decoration: none;
			}

		.index_health_resource_card:hover .title {
			/* color: #fff; */
		}

			.index_health_resource_card .icon {
				width: clamp(3.25rem, 0.05rem + 5.17vw, 6.25rem);
				aspect-ratio: 1;
				/* border-radius: 50%; */
				transition: var(--transition-data);
			}

			.index_health_resource_card:hover .icon {
				/* background-color: rgba(255, 255, 255, 0.3); */
			}

				.index_health_resource_card .icon  img{
					width: 100%;
					height: auto;
				}

			.index_health_resource_card .title {
				transition: var(--transition-data);
				font-size: clamp(1rem, 0.867rem + 0.22vw, 1.125rem);
				font-weight: 600;
				color: var(--dark_color_sec);
				line-height: 1.4;
			}

			.index_health_more {
				margin-top: clamp(1.125rem, -0.008rem + 1.83vw, 2.188rem);
			}

				.index_health_more .btn_outline_primary {
					width: 80%;
					background-color: var(--fifth_color);
				}
				.btn_outline_primary:hover {
					background-color: var(--primary_color);
					color: #fff;
					text-decoration: none;
				}















/* ========================================================= */
/* Section 4：您的支持，改變孩子的未來                      */
/* ========================================================= */

.index_supportBg {
	background-color: var(--third_color);
	padding: clamp(2.5rem, 4.167vw, 5rem) 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
}

.index_support_area {
	display: flex;
	align-items: center;
	gap: clamp(1.5rem, 3.125vw, 3.75rem);
}


/* 裝飾心形（左側） */
.index_support_deco {
	flex: 0 0 auto;
	width: clamp(8.375rem, -0.026rem + 13.56vw, 16.25rem);
	/* aspect-ratio: 142 / 75; */
	/* border: 0.125rem solid var(--sixth_color); */
	/* border-radius: 50%; */
	opacity: 0.5;
}
	.index_support_deco img{
		width: 100%;
		height: auto;
	}

/* 文字內容 */
.index_support_content {
	flex: 1;
	display: flex;
	flex-direction: column;
	row-gap: 1.75rem;
	max-width: clamp(22.581rem, 36.46vw, 43.75rem);
}

.index_support_title {
	font-size: clamp(1.5rem, 2.083vw, 2.5rem);
	font-weight: 700;
	color: var(--dark_color_sec);
	line-height: 1.3;
	margin-bottom: 1rem;
	margin-bottom: 0;
	/* text-shadow: 0 0 5px #fbf1f2, 0 0 10px #fbf1f2, 0 0 15px #fbf1f2, 0 0 20px #fedadd, 
	0 0 30px #fedadd, 0 0 40px #fedadd, 0 0 55px #fedadd, 0 0 75px #fedadd; */
}

.index_support_title .highlight {
	color: var(--sixth_color);
	text-shadow: inherit;
}

.index_support_desc {
	font-size: clamp(1rem, 1.04167vw, 1.125rem);
	color: var(--dark_color);
	line-height: 1.7;
	/* text-shadow: 0 0 5px #fbf1f2, 0 0 10px #fbf1f2, 0 0 15px #fbf1f2, 0 0 20px #fedadd, 
	0 0 30px #fedadd, 0 0 40px #fedadd, 0 0 55px #fedadd, 0 0 75px #fedadd; */
}

.index_support_btns {
	justify-content: unset;
	gap: 1rem;
	flex-wrap: wrap;
	margin: 0;
}

.index_support_btns .btn_donate_primary {
	color: #fff;
	background-color: var(--sixth_color);
}

.index_support_btns .btn_donate_primary  i{
	font-size: 1.3rem;
}

.btn_donate_primary:hover {
	opacity: 0.85;
	text-decoration: none;
}

.index_support_btns .btn_donate_secondary {
	background-color: var(--primary_color);
	color: #fff;
}

.btn_donate_secondary:hover {
	text-decoration: none; 
}


/* 圖片（右側） */
.index_support_img {
	flex: 0 0 clamp(12rem, 20.833vw, 25rem);
	aspect-ratio: 1;
	background-color: var(--fourth_color);
	border-radius: 50%;
	overflow: hidden;
}

@media (max-width: 990px) {
	.index_support_deco {
		display: none;
	}
	.index_support_area {
		flex-wrap: wrap;
	}
	.index_support_content {
		flex: 1 0 100%;
		order: 1;
	}

		.index_support_title {
			text-shadow: 0 0 5px #fbf1f2, 0 0 10px #fbf1f2, 0 0 15px #fbf1f2, 0 0 20px #fedadd, 
			0 0 30px #fedadd, 0 0 40px #fedadd, 0 0 55px #fedadd, 0 0 75px #fedadd;
		}

			.index_support_title .highlight {
			}

			.index_support_desc {
				text-shadow: 0 0 5px #fbf1f2, 0 0 10px #fbf1f2, 0 0 15px #fbf1f2, 0 0 20px #fedadd, 
				0 0 30px #fedadd, 0 0 40px #fedadd, 0 0 55px #fedadd, 0 0 75px #fedadd;
			}

			.index_itemBg.index_supportBg .index_support_title.split * ,
			.index_itemBg.index_supportBg .index_support_desc.split * {
				overflow: unset !important;
			}


	.index_support_img {
		flex: 0 0 12rem;
		order: 2;
		margin: 0 auto;
	}
}