@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&family=Noto+Serif+SC:wght@900&display=swap');

.gradient-text-gold {
	background: linear-gradient(180deg, #fff8e1 0%, #ffd54f 30%, #ff8f00 70%, #e65100 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(2px 2px 0px #1a0a00);
}
.gradient-text-silver {
	background: linear-gradient(180deg, #ffffff 0%, #cfd8dc 40%, #90a4ae 70%, #546e7a 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(1px 1px 0px #0a0f12);
}
.gradient-text-gold1 {
	background: linear-gradient(180deg, #fff8e1 0%, #ffd54f 30%, #ff8f00 70%, #e65100 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(2px 2px 0px #1a0a00);
	transition: filter 0.3s ease, transform 0.3s ease, letter-spacing 0.3s ease;
	cursor: pointer;
	display: inline-block;
}
.gradient-text-gold1:hover {
	background: linear-gradient(180deg, #ffffff 0%, #ffe082 25%, #ffab00 50%, #ff6d00 75%, #dd2c00 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter: drop-shadow(3px 3px 0px #0d0000) drop-shadow(0px 0px 8px rgba(80,20,0,0.8));
	transform: scale(1.03);
	letter-spacing: 2px;
}
.gradient-text-silver1 {
	background: linear-gradient(180deg, #ffffff 0%, #cfd8dc 40%, #a7a7a7 70%, #686868 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(1px 1px 0px #0a0f12);
	transition: filter 0.3s ease, transform 0.3s ease, letter-spacing 0.3s ease;
	cursor: pointer;
	display: inline-block;
}
.gradient-text-silver1:hover {
	background: linear-gradient(180deg, #ffffff 0%, #e3f2fd 30%, #cdcdcd 60%, #7e7e7e 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter: drop-shadow(2px 2px 0px #0d0d0d) drop-shadow(0px 0px 8px rgba(30,30,30,0.75));
	transform: scale(1.03);
	letter-spacing: 8px;
}

/* Logo icon hover */
#icon-logo img {
	transition: transform 0.4s ease, filter 0.4s ease;
	cursor: pointer;
}
#icon-logo img:hover {
	transform: rotate(8deg) scale(1.1);
	filter: drop-shadow(0px 0px 10px rgba(80,40,0,0.85)) brightness(1.15);
}