.welcome-section {text-align: center;margin-bottom:10px;background:url(../images/banner.png) no-repeat center;border-radius:12px;background-size:100% 100%;padding:15px 0;}
.welcome-text {font-family:manrope-bold;line-height:1.2;font-size: 32px;margin-bottom:10px;color: #fff;text-transform:uppercase;}
.welcome-subtext {font-family:manrope-bold;font-size: 22px;line-height:1.2;margin-bottom:0px;margin-top:8px;color: #fff;text-transform:capitalize;}
.auth-buttons {display: flex;justify-content: center;gap: 15px;}
.auth-btn {border-radius:12px;cursor: pointer;transition: all 0.3s ease;border: none;font-size:14px;}
.register-btn {border:1px solid #fff;color: white;background:none;padding: 10px 25px;}
.login-btn {background: white;color: #212121;border: 1px solid #fff;padding: 10px 35px;}
.auth-btn:hover {transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}

.notifications {position: relative;height: 30px;overflow: hidden;display:flex;padding:0px 10px;margin-bottom:10px;align-items: center;}
.notifications-title {align-items: center;margin-right:15px;}
.notification-list {position: relative;height: 30px;line-height:30px;flex:1;}
.notification-item {position: absolute;width: 100%;font-size: 14px;color: #333;opacity: 0;transform: translateY(20px);transition: all 0.5s ease;display: flex;align-items: center;gap: 8px;}
.notification-item.active {opacity: 1;transform: translateY(0);}
.notification-icon {color: #3498db;font-size: 12px;}
.right-icon{width:8px;height:10px;background:url(../images/right1.svg) no-repeat;background-size:100% 100%;}
		
.features-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap:0;text-align:center;justify-content: center;padding:10px;}
.feature-btn {padding: 10px 0px;display: flex;flex-direction: column;align-items: center;gap:0;cursor: pointer;transition: all 0.3s ease;}
.feature-btn .feature-icon{width:62px; height:62px;border-radius:12px;text-align:center;display: flex;align-items: center;justify-content: center;}
.feature-btn .feature-icon img{width:50%;}
.feature-btn1 .feature-icon{background:#BFEAF5;}
.feature-btn2 .feature-icon{background:#BEECC4;}
.feature-btn3 .feature-icon{background:#FFEAED;}
.feature-btn4 .feature-icon{background:#FDE8CA;}
.feature-btn5 .feature-icon{background:#D6FAFF;}
.feature-btn6 .feature-icon{background:#FFF3C5;}
.feature-btn7 .feature-icon{background:#E2EEFF;}
.feature-btn8 .feature-icon{background:#F1E8FF;}
.feature-btn9 .feature-icon{background:#E1F5EA;}
.feature-btn10 .feature-icon{background:#E0F5FD;}
.feature-btn11 .feature-icon{background:#FEEAD4;}
.feature-btn12 .feature-icon{background:#FFFDD2;}
.feature-text {font-size: 13px;text-align: center;line-height:25px;}
.feature-btn4 .feature-text,.feature-btn5 .feature-text{font-size:10px;}
.top-coins {display: flex;justify-content: space-around;gap: 10px;}
.top-coin {display: flex;flex-direction: column;align-items: center;gap:5px;position:relative;margin:10px 0;width:75px;}
.top-coin-rank {width: 25px;height: 25px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;z-index:999;position:absolute;top:50px;left:0px;}
.rank-1 {background: #E80404;color: white;}
.rank-2 {background: #2ecc71;color: white;}
.rank-3 {background: #F5C304;color: white;}
.top-coin .coin-icon {display: flex;align-items: center;justify-content: center;position:relative;}
.top-coin .coin-icon img{width:75px;height:75px;border-radius: 50%;}
.coin-name {font-family:manrope-semibold;}
.coin-change {}
.coin-change.negative {color: #e74c3c;}

.coin-item {background: white;border-radius:12px;padding:20px 15px;display: grid;grid-template-columns: 2fr 1fr 1.5fr;gap: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease;}
.coin-item:hover {transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.coin-item .coin-icon{width:48px;text-align:center;}
.coin-item .coin-icon img{width:50%;}
.coin-title h2{font-size:14px;color:#333;font-weight:normal;font-family:manrope-semibold;}
.coin-title h3{font-size:12px;color:#848484;font-weight:normal;}
.trading-pair {display: flex;align-items: center;gap: 10px;}
.latest-price{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.coin-list-header .increase {padding-right:10px;}
.increase {display: flex;flex-direction: column;align-items: flex-end;justify-content: center;}
.price-value {color: #2c3e50;}
.price-change {font-size: 12px;color: #fff;background:#1abc7b;border-radius:5px;padding:5px 12px;}
.price-change.negative {background:#E80404;}
/* 动画效果 */
@keyframes fadeIn {from { opacity: 0; }to { opacity: 1; }}
/* 响应式设计 */@media (max-width: 340px) {
	.logo-text {    font-size: 18px;}
	.auth-btn {padding: 10px 20px;}
	.feature-text {font-size: 11px;}
	.welcome-text, .welcome-subtext {font-size: 18px;}
	.features-grid {grid-template-columns: repeat(3, 1fr);}}