* {
	    box-sizing: border-box;
	    margin: 0;
	    padding: 0;
	}
	
	html, body {
	    width: 100%;
	   
	    overflow-x: hidden; /* 禁止全局横向滚动 */
	}
	
	body {
	    font-family: Arial, sans-serif;
	}

		/* Banner容器 */
		.token-banner {
		    display: flex;
		    flex-direction: row; /* 横向排列内容 */
		    align-items: center; /* 垂直居中 */
		    justify-content: space-between; /* 左右空间均匀分布 */
		   background: linear-gradient(to bottom, rgba(6, 242, 255, 1.0), rgba(56, 11, 238, 0.7), rgba(255, 4, 76, 0.6));
		   
		  
		    color: #ffffff; /* 默认文字颜色 */
		    text-align: center;
		    min-height: 300px; /* Banner最小高度 */
		    width: 100vw; /* 占满整个视口宽度 */
			margin: 0;
		}
		
		/* Banner左侧内容 */
		.banner-content {
		    flex: 1; /* 占据可用空间 */
		    padding-right: 10px; /* 与右侧图片间距 */
		}
		
		/* 标题样式 */
		.banner-title {
		    font-size: 60px; /* 标题大小 */
		    margin-bottom: 15px; /* 标题与描述的间距 */
			
		}
		
		/* 描述信息样式 */
		.banner-description {
			max-width: 70%;
		    font-size: 20px; /* 描述文字大小 */
		    line-height: 1.6; /* 行高 */
		    margin: 0; /* 清除默认外边距 */
			text-align: center;
			max-width: 600px;
			margin-left: auto;
			margin-right: auto;
			
		}
		
		/* 右侧图片 */
		.banner-image img {
		    max-width: 75%; /* 限制图片宽度 */
		    height: auto; /* 保持图片比例 */
		    margin-top: 20px;
			margin-right: 60px;
		}
		
		
		/* 响应式设计 */
		@media (max-width: 768px) {
		    .token-banner {
		        flex-direction: column; /* 小屏幕改为竖直布局 */
		        text-align: center; /* 内容居中 */
			
		    }
		
		    .banner-content {
		        padding-right: 0; /* 清除右侧间距 */
		        margin-bottom: 20px; /* 与图片间距 */
		    }
		
		    .banner-title {
		        font-size: 24px; /* 缩小标题大小 */
		    }
		
		    .banner-description {
		        font-size: 14px; /* 缩小描述文字大小 */
		    }
		
		    .banner-image img {
		        max-width: 80%; /* 缩小图片大小 */
		    }
		}
		/*tokens*/
		.Bitbanner {
		    width: 100%;
		    height: 55vh;
		    text-align: center;
		    padding: 50px 20px;
			background-color: #000;
		   
		}
		.brand-text {
		    font-size: 1.5em;
		    font-weight: bold;
		    color: #FFFFFF;
		}
		
		.Bitbanner h1 {
		    font-size: 65px;
			color: #FFFFFF;
		    margin: 0;
		}
		
		.Bitbanner p {
		    margin: 20px 0;
		    font-size: 18px;
		    line-height: 1.5;
		    max-width: 800px;
		    margin-left: auto;
		    margin-right: auto;
			text-align: left;
			 color: #555555;
				  
		}
		
		/* Section container */
		.governance-section {
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    padding: 20px 10%;
		    background-color: #000;
		    flex-wrap: wrap; /* 支持小屏幕下换行 */
		}
		.Council-section {
		      display: flex;
		        align-items: center;
		        justify-content: space-between;
		        padding: 50px 5%;
		        background-color: #000;
		        flex-wrap: wrap; /* 支持小屏幕下换行 */
		}
		
		/* Left content */
		.Community_content {
		    flex: 1;
		    max-width: 600px;
		    margin-bottom: 20px;
		}
		.Council_content {
		    flex: 1;
			max-width: 600px;
			margin-bottom: 20px;
			order: 2; /* 确保文本在右侧 */
		}
		
		.Community_title {
		    font-size: 4rem;
		    font-weight: bold;
		    margin-bottom: 20px;
		    color: #FFFFFF;
		    text-transform: lowercase;
		}
		.Council_title {
		    font-size: 4rem;
		    font-weight: bold;
		    margin-bottom: 20px;
		    color: #FFFFFF;
		    text-transform: lowercase;
		}
		
		.description {
		    font-size: 1.1rem;
		    color: #555555;
			font-weight: 100;
		    line-height: 1.7;
			text-align: left;
			
			
			
		}
		.Council_description {
		    font-size: 1.1rem;
		    color: #555555;
			font-weight: 100;
		    line-height: 1.8;
			
		}
		
		
		/* Right image container */
		.image-container {
			
			flex: 1;
			display: flex;
			justify-content: center;
			align-items: center;
			order: 1; /* 确保图片优先 */
			
		}
		.Council-image-container {
		    flex: 1;
		    display: flex;
		    justify-content: center;
		    align-items: center;
			
			
		}
		.img_container {
		    max-width: 1200px; /* 限制图片的最大宽度 */
		    margin: 0 auto; /* 居中布局 */
		    padding: 0 20px; /* 添加左右留白 */
		}
		
		.responsive-image {
		    max-width: 75%;
		    height: auto;
		    border-radius: 10px;
			background-color: #44F2A0;
		}
		.Council-responsive-image {
		    max-width: 70%;
		    height: auto;
		    border-radius: 10px;
			background-color: #44F2A0;
		}
		
		/* Responsive Design */
		@media screen and (max-width: 768px) {
		    .governance-section {
		        flex-direction: column; /* 垂直布局 */
		        text-align: center; /* 居中对齐文字 */
		    }
			.Council-section {
			    flex-direction: column; /* 垂直布局 */
			    text-align: center; /* 居中对齐文字 */
			}
		
		    .Bitbanner p {
		        
		        font-size: 16px;
				font-weight: 100;
		    		  
		    }
			.Bitbanner {
			    
			    height: 50vh; 
			   
			}
			.Bitbanner h1 {
			    font-size: 35px;
			    
			}
			.banner-image img {
			    max-width: 30%; /* 缩小图片大小 */
				margin-right: 30px;
			}
			.banner-title {
			    font-size: 60px; /* 标题大小 */
			   margin-top: 50px;
			}
			.image-container {
				
				flex: 1;
				display: flex;
				justify-content: center;
				align-items: center;
				order: 1; /* 确保图片优先 */
				margin-top: 105px;
				
			}
			
			/* 描述信息样式 */
			.banner-description {
				max-width: 70%;
			    font-size: 16px; /* 描述文字大小 */
			    line-height: 1.6; /* 行高 */
			    margin: 20; /* 清除默认外边距 */
				
			}
		
		    .Community_title {
		        font-size: 35px;
				text-align: center;
				margin-top: 30px;
				
				
		    }
			.Council_title {
			    font-size: 35px;
				text-align: center;
				margin-top: -260px;
			}
		
		    .description {
		        font-size: 16px;
				margin-top: 235px;
				text-align: left;
		    }
			.Council_description {
			    font-size: 16px;
				margin-top: 240px;
				text-align: left;
				
			}
			.responsive-image {
			    max-width: 50%;
				margin-top: -1400px;
				
				
			    
			}
			.Council-responsive-image {
			    max-width: 50%;
				margin-top: 30px;
				
				
				
			    
			}
		}