* {
		    box-sizing: border-box;
		    margin: 0;
		    padding: 0;
		}
		
		html, body {
		    width: 100%;
		   
		    overflow-x: hidden; /* 禁止全局横向滚动 */
		}
		
		body {
		    
			font-family: 'Gotham', sans-serif;
		}
		/* Banner Section */
		.Bitbanner {
		  position: relative; /* 为了给遮罩层和内容定位 */
		  width: 100%;
		  height: 100vh;
		  text-align: center;
		  padding: 50px 20px;
		  background: url('../img/banner.jpeg') no-repeat center center; /* 添加背景图 */
		  background-size: cover; /* 背景图铺满容器 */
		  overflow: hidden; /* 防止子元素溢出 */
		}
		
		
		.Bitbanner::before {
		  content: ''; /* 使用伪元素添加遮罩层 */
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background: linear-gradient(to bottom, rgba(40, 31, 34, 0.8), rgba(169, 11, 23, 0.7), rgba(15, 5, 8, 0.8)); /* 渐变遮罩 */
		  z-index: 1; /* 遮罩层优先级 */
		}
		
		.Bitbanner-content {
		  position: relative; /* 内容层放在遮罩层之上 */
		  z-index: 2; /* 确保内容在遮罩层上方显示 */
		  
		  
		}
		.brand-text {
		    font-size: 1.5em;
		    font-weight: bold;
		    color: #FFFFFF;
		}
		
		.Bitbanner h1 {
		    font-size: 130px;
		    margin: 0;
			margin-top: 40px;
			color: #FFFFFF;
		}
		
		.Bitbanner p {
		    margin: 20px 0;
		    font-size: 1.2em;
		    line-height: 1.5;
		    max-width: 600px;
		    margin-left: auto;
		    margin-right: auto;
			color: #FFFFFF;
				  
		}
		@media (max-width: 768px) {
				
			.Bitbanner {
			  
			  width: 100%;
			  height: 50vh;
			  
			  
			 
			}	  
		    .Bitbanner h1 {
		        font-size: 55px;
		    	font-weight: bold;
		    	color: #FFFFFF;
		    }
		    	
		}
		/* Section container */
		.governance-section {
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    padding: 20px 10%;
		    background: linear-gradient(to bottom, rgba(169, 11, 23, 0.5), rgba(32, 53, 109, 0.99), rgba(12, 12, 13, 0.99));
		    flex-wrap: wrap; /* 支持小屏幕下换行 */
		}
		.Council-section {
		      display: flex;
		        align-items: center;
		        justify-content: space-between;
		        padding: 50px 5%;
		        background: linear-gradient(to bottom, rgba(12, 12, 13, 0.99), rgba(52, 32, 109, 0.99), rgba(12, 12, 13, 0.99));
		        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: 5rem;
		    font-weight: bold;
		    margin-bottom: 20px;
		    color: #FFFFFF;
		    text-transform: lowercase;
		}
		.Council_title {
		    font-size: 5rem;
		    font-weight: bold;
		    margin-bottom: 20px;
		    color: #FFFFFF;
		    text-transform: lowercase;
			
		}
		
		.description {
		    font-size: 1.2rem;
			font-family: 'Gotham', sans-serif;
		    color: #FFFFFF;
			font-weight: 300;
		    line-height: 1.5;
			
		}
		.Council_description {
		    font-size: 1.3rem;
		    color: #FFFFFF;
			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: 70%;
		    height: auto;
		    border-radius: 10px;
			
		}
		.Council-responsive-image {
		    max-width: 70%;
		    height: auto;
		    border-radius: 10px;
		}
		
		/* Responsive Design */
		@media screen and (max-width: 768px) {
		    .governance-section {
		        flex-direction: column; /* 垂直布局 */
		        text-align: center; /* 居中对齐文字 */
				
				
		    }
			.Council-section {
			    flex-direction: column; /* 垂直布局 */
			    text-align: left; /* 居中对齐文字 */
		
			}
		
		   
			.Council_content {
			    margin-bottom: 30px; /* 增加上下间距 */
			}
		
		    .Community_title {
		        font-size: 45px;
				text-align: center;
				
				
				
		    }
			.Council_title {
			    font-size: 45px;
				text-align: center;
				margin-top: -450px;
				
			}
			
		
		    .description {
		       font-size: 14px;
				margin-top: 340px;
				
				
		    }
			.Council_description {
			    font-size: 1.2rem;
				margin-top: 380px;
				font-weight: 300;
			}
			.responsive-image {
			    max-width: 90%;
				margin-top: -1730px;
				
			    
			}
			.Council-responsive-image {
			    max-width: 90%;
				margin-top: 100px;
				
				
			    
			}
		}
		
		@media screen and (max-width: 480px) {
		    .Community_title {
		        font-size: 45px;
				
		    }
		
		    .description {
		        font-size: 1.2rem;
				text-align: left;
		    }
		}
		
		/*Key actors involved in governance*/
		h1, p {
		    margin: 0;
		    padding: 0;
		}
		
		/* Section title */
		.section-title {
		    text-align: center;
		    font-size: 4rem;
		    margin: 20px 0;
		    color: #000;
			font-weight: bold;
			
			color: #000000;
			text-transform: lowercase;
		}
		
		/* Card container */
		.actor-cards {
		    display: flex;
		    justify-content: space-between;
		    align-items: flex-start;
		    flex-wrap: wrap; /* 支持换行 */
		    gap: 20px;
		    padding: 150px;
		}
		
		/* Individual cards */
		.card {
		    flex: 1;
		    max-width: 370px; /* 限制最大宽度 */
		    
			background: linear-gradient(to bottom, rgba(229, 240, 78, 0.5), rgba(26, 240, 2450, 0.1), rgba(255, 255, 255, 0.1));
			box-shadow: none;
			border: none;
		    border-radius: 15px;
		   
		    overflow: hidden;
		    padding: 20px;
		    text-align: center;
			margin-top: -100px;
		}
		
		/* Card header */
		.card-header {
		    background: #000; /* 黑色背景 */
		    color: #fff;
		    padding: 10px;
		    border-radius: 60px!important;
		    margin-bottom: 20px;
		}
		
		.card-title {
		    font-size: 1.5rem;
		    text-transform: capitalize;
		    font-weight: bold;
			
		}
		
		
		.card-subtitle {
		    font-size: 14px;
		    margin-top: 5px;
		}
		
		/* Card content */
		.card-content {
		    font-size: 0.9rem;
		    color: #333;
		    line-height: 1.6;
		
		}
		/* 图片样式 */
		.Governanceprocess-image {
		    width: 70%; /* 图片宽度自适应父容器 */
		    height: auto; /* 保持图片比例 */
		    border-radius: 10px; /* 可选：图片圆角 */
		    display: block; /* 防止图片下方出现额外间隙 */
		}
		
		/* Responsive design */
		@media screen and (max-width: 768px) {
		    .actor-cards {
		        flex-direction: column; /* 垂直布局 */
		        align-items: center;
				padding: 5px;
		    }
		
		    .card {
		       width: 100%;
			    margin-bottom: 10px;
				margin-top: 10px;
			   
		    }
		
		    .section-title {
		        font-size: 40px;
				margin-top: -60px;
		    }
		}
		
		@media screen and (max-width: 480px) {
		    .card-title {
		        font-size: 1.5rem;
		    }
		
		    .card-subtitle {
		        font-size: 0.8rem;
		    }
		
		    .card-content {
		        font-size: 1.2rem;
		    }
		}
		
			
		
		/* 右侧图片 */
		.banner-image img {
		    max-width: 75%; /* 限制图片宽度 */
		    height: auto; /* 保持图片比例 */
		    margin-top: 20px;
			margin-right: 60px;
		}