.language-dropdown {
            position: relative;
            display: inline-block;
        }
        .language-button {
            display: flex;
            align-items: center;
            cursor: pointer;
            padding: 10px;
            color: #FFFFFF;
            border-radius: 5px;
			margin-top: 13px;
        }
        .flag {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            margin-right: 8px;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 5px;
        }
        .dropdown-content div {
            padding: 10px;
            cursor: pointer;
        }
        .dropdown-content div:hover {
            background-color: #f1f1f1;
        }
        .language-dropdown:hover .dropdown-content {
            display: block;
        }
		/*Community*/
		.Community {
		    background-color: #9de2e3;
			background-image: url('../img/banner/banner-a.png'); /* 添加背景图片路径 */
			
			 display: flex;
			 flex-direction: row;
			 align-items: center;
			 padding: 20px;
		   
		}
		
		.text-section {
		    flex: 2;
		    padding-left: 20px;
		}
		
		.text-section h2 {
		    font-size: 60px;
		    font-weight: bold;
		    color: #FFFFFF;
		    margin-bottom: 20px;
			font-family: "Playfair", "Display";
		}
		
		.text-section p {
		    font-size: 18px;
		    color: #FFFFFF;
		    line-height: 1.6;
		    margin-bottom: 20px;
			font-family: "Playfair", "Display";
		}
		
		.Com-button {
		    display: inline-block;
		    background-color: #BAF245;
		    color: #000000;
		    padding: 12px 24px;
		    border-radius: 24px;
		    text-decoration: none;
		    font-size: 18px;
		    font-weight: bold;
		    transition: background-color 0.3s;
		}
		
		.Com-button:hover {
		    background-color: #000000;
			color: #FFFFFF;
		}
		
		.image-section {
		    flex: 1;
		    display: flex;
		    justify-content: center;
		}
		
		.image-section img {
		    width: 100%; /* Make sure image scales within its container */
		    max-width: 300px; /* Set a max width for larger screens */
		    height: auto;
		}
		
		/* 响应式设计 */
		@media (max-width: 768px) {
		    .Community {
		        flex-direction: column;
		       
				margin-top: -200px;
				
			
		    }
		
		    .image-section {
		        margin-bottom: 20px;
		    }
		
		    .text-section {
		        padding: 0;
				font-size: 16px;
				
		    }
			.text-section p {
			    font-size: 16px;
			    color: #FFFFFF;
			    line-height: 1.6;
			    margin-bottom: 20px;
				font-family: "Playfair", "Display";
			}
		
		    .image-section img {
		        max-width: 80%; /* Make image smaller on mobile */
		    }
		}
		/*solos*/
		.solos_dy {
		    background-color: #000;
		    font-family: Arial, sans-serif;
		    color: #fff;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    height: 50vh;
		    margin: 0;
		}
		
		/* 适配容器 */
		.solos_container {
		    background-color: #1a1a1a;
		    border-radius: 20px;
		    padding: 40px;
		    width: 80%;
		    max-width: 1200px;
		    text-align: center;
		    box-sizing: border-box;
		    box-shadow: 0 0 50px rgba(215, 50, 249, 0.1), 
		                0 0 100px rgba(215, 50, 249, 0.9), 
		                0 0 150px rgba(215, 50, 249, 0.2);
		}
		
		/* 标题 */
		.solos_title {
		    font-size: 32px;
		    line-height: 1.5;
		    margin-bottom: 30px;
		}
		
		/* 统计信息容器 */
		.solos_statistics {
		    display: flex;
		    justify-content: space-around;
		    color: #ff00ff;
		}
		
		/* 统计项 */
		.solos_stat-item {
		    font-size: 36px;
		    font-weight: bold;
		    text-align: center;
		}
		
		/* 统计项的文本 */
		.solos_stat-text {
		    font-size: 14px;
		    color: #aaa;
		    margin-top: 8px;
		}
		
		/* 手机屏幕适配 */
		@media (max-width: 768px) {
		    .solos_dy {
		        height: auto; /* 调整高度，适应内容 */
		        padding: 20px; /* 给外层增加一些间距 */
		    }
		
		    .solos_container {
		        width: 90%; /* 容器宽度适配小屏幕 */
		        padding: 20px; /* 调整容器内边距 */
		    }
		
		    .solos_title {
		        font-size: 24px; /* 调整标题大小 */
		        margin-bottom: 20px; /* 减小底部间距 */
		    }
		
		    .solos_statistics {
		        flex-direction: column; /* 改为竖直排列，适配小屏幕 */
		        justify-content: center; /* 居中对齐 */
		        margin-top: 20px;
		    }
		
		    .solos_stat-item {
		        font-size: 24px; /* 缩小字体 */
		        margin-bottom: 10px; /* 增加间距 */
		    }
		
		    .solos_stat-text {
		        font-size: 12px; /* 调整统计文本的字体大小 */
		    }
		}
		
		/* 更小的手机屏幕适配（例如 480px 以下） */
		@media (max-width: 480px) {
		    .solos_title {
		        font-size: 20px; /* 更小屏幕进一步减小标题字体 */
		    }
		
		    .solos_stat-item {
		        font-size: 20px; /* 缩小统计项字体 */
		    }
		
		    .solos_stat-text {
		        font-size: 10px; /* 更小的统计文本字体 */
		    }
		}
		/*ICO*/
.ico {
            font-family: Arial, sans-serif;
            background-color: #000000;
            color: #fff;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
.exchange-condition {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin-top: 10px;
	    gap: 10px;
	}
	
	.exchange-item {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    width: 130px;
	    height: 50px;
	    border-radius: 50px;
	    color: white;
	    font-weight: bold;
	}
	
	.exchange-item.green {
	    background-color: #F92C3A;
	}
	
	.exchange-item.purple {
	    background-color: #673AB7;
	}
	
	.exchange-item .amount {
	    font-size: 20px;
		
		
	}
	
	.exchange-item .currency {
	    font-size: 12px;
		font-weight: 200;
		
	}
	
	.exchange-icon {
	    font-size: 24px;
	    color: black;
	}
.center-content {
	        text-align: center;
	        padding: 30px 20px;
	    }
	
	    .ico-center-title {
	        font-size: 2.5rem;
	        font-weight: bold;
	        color: #FFFFFF;
	        margin-bottom: 20px;
	    }
	
	    .enter-ico-button {
	        padding: 12px 30px;
	        font-size: 1.2rem;
	        color: #fff;
	        border: none;
	        border-radius: 25px;
	        background: linear-gradient(135deg, #d732f9, #1b1cbe);
	        cursor: pointer;
	        margin-bottom: 20px;
	        transition: transform 0.2s ease;
	    }
	
	    .enter-ico-button:hover {
	        transform: scale(1.05);
	    }
	
	    .ico-description {
	        font-size: 1rem;
	        color: #ccc;
	        max-width: 600px;
	        margin: 0 auto;
	    }

    .timeline-container {
        width: 90%;
        max-width: 1200px;
        padding: 40px 20px;
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .stage {
        position: relative;
        min-width: 300px;
        background: #222;
        border-radius: 10px;
        padding: 20px;
        margin: 10px;
        text-align: center;
        box-shadow: 0 0 25px rgba(70, 32, 238, 0.8);
        scroll-snap-align: center;
    }
	@media (min-width: 1024px) {
	    .stage {
	        position: relative;
	        width: 400px;
	        background: #222;
	        border-radius: 10px;
	        padding: 20px;
	        margin: 10px;
	        text-align: center;
	        box-shadow: 0 0 25px rgba(70, 32, 238, 0.8);
	        scroll-snap-align: center;
	    }
	}

    .stage-title {
        font-size: 1.8rem;
        font-weight: bold;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .icon-group {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-bottom: 15px;
    }

    .icon {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        padding: 8px;
		background-color: #FFFFFF;
		cursor: pointer;
		transition: transform 0.2s ease;
        
    }
	.icon:hover {
	    transform: scale(1.2);
	}

    .stage-date {
        font-size: 1rem;
        margin: 10px 0;
        color: #FFFFFF;
    }

    .stage-goal {
        font-size: 1.2rem;
        margin: 15px 0;
        font-weight: bold;
    }

    .stage-description {
        font-size: 1rem;
        color: #bbb;
        margin: 15px 0;
    }

    .progress-container {
        position: relative;
        margin-top: 30px;
    }
    
    .progress-bar {
        position: relative;
        height: 8px;
        background: #444;
        border-radius: 10px;
        overflow: hidden;
    }
    
    .progress-bar-fill {
        height: 100%;
        background: linear-gradient(90deg, #d732f9, #1b1cbe);
        width: 40%;
    }
    
    .progress-percentage {
        position: absolute;
        top: -10px;
        transform: translateX(-50%);
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: linear-gradient(90deg, #d732f9, #1b1cbe);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.9rem;
        color: #地#FFFFFF;
		font-size: 12px;
        font-weight: bold;
        z-index: 10;
    }

    /* "我要投"按钮样式 */
    .invest-button {
        display: inline-block;
        padding: 12px 30px;
        margin-top: 15px;
        font-size: 1rem;
        color: #fff;
        border: none;
        border-radius: 20px;
        background: linear-gradient(135deg, #d732f9, #1b1cbe);
        cursor: pointer;
        transition: transform 0.2s ease;
    }

    .invest-button:hover {
        transform: scale(1.05);
    }

    /* 电脑端适配 */
    @media (min-width: 1024px) {
        .timeline-container {
            justify-content: center;
            overflow-x: visible;
        }
    }
	.countdown-timer {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    gap: 10px;
	}
	
	.time-box {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    width: 60px;
	    height: 60px;
	    background-color: #00E676;
	    border-radius: 10px;
	    color: black;
	    font-weight: bold;
	}
	
	.time-box .time {
	    font-size: 24px;
	}
	
	.time-box .label {
	    font-size: 14px;
	}