/* 基础样式 */
     * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
      /* font-family: 'Inter', system-ui, -apple-system, sans-serif; */
     }
     
     body {
       background-color: #f8f9fa;
       color: #343a40;
       line-height: 1.6;
     }
     
     .container {
       width: 100%;
       /* max-width: 1200px; */
       margin: 0 auto;
       padding: 0rem 1.6rem;
     }
     
     /* 颜色变量（通过类名实现） */
     .color-primary {
       color: #1072b8;
     }
     
     .bg-primary {
       background-color: #1072b8;
     }
     
     .bg-primary-light {
       background-color: #e8f4f9;
     }
     
     .bg-primary-opacity-10 {
       background-color: rgba(16, 114, 184, 0.1);
     }
     
     .bg-primary-opacity-5 {
       background-color: rgba(16, 114, 184, 0.05);
     }
     
     .border-primary {
       border-color: #1072b8;
     }
     
     /* 组件样式 */
     .card {
       background-color: white;
       border-radius: 12px;
       overflow: hidden;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
       transition: all 0.3s ease;
     }
     
     .card:hover {
       transform: translateY(-8px);
       box-shadow: 0 12px 24px rgba(16, 114, 184, 0.15);
     }
     
     .btn-primary {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       background-color: #1072b8;
       color: white;
       padding: 0.1rem 0.24rem;
       border-radius: 0.08rem;
       text-decoration: none;
       font-weight: 600;
       transition: background-color 0.3s ease, box-shadow 0.3s ease;
       border: none;
       cursor: pointer;
     }
     
     .btn-primary:hover {
       background-color: #0d5c8c;
       box-shadow: 0 4px 8px rgba(16, 114, 184, 0.2);
     }
     
     .icon-box {
       display: flex;
       align-items: center;
       justify-content: center;
       width: 0.56rem;
       height: 0.56rem;
       border-radius: 50%;
       background-color: rgba(16, 114, 184, 0.1);
       color: #1072b8;
       font-size: 0.24rem;
     }
     
     .icon-box-sm {
       width: 0.48rem;
       height: 0.48rem;
       font-size: 0.2rem;
     }
     
     .icon-box-xs {
       width: 0.4rem;
       height: 0.4rem;
       font-size: 0.16rem;
     }
     
     /* 滚动动画 */
     .section-fade {
       opacity: 0;
       transform: translateY(30px);
       transition: opacity 0.8s ease, transform 0.8s ease;
     }
     
     .section-visible {
       opacity: 1;
       transform: translateY(0);
     }
     #team-showcase .gap-4{
		 display: flex;
		 flex-wrap: wrap;
	 }
     /* 响应式样式 */
     @media (max-width: 768px) {
       .grid-cols-4 {
         grid-template-columns: repeat(2, 1fr);
       }
       
       .grid-cols-3 {
         grid-template-columns: 1fr;
       }
       
       .grid-cols-2 {
         grid-template-columns: 1fr;
       }
       
       .flex-md-row {
         flex-direction: column;
       }
       
       .w-md-1-2 {
         width: 100%;
       }
       
       .hero-title {
         font-size: 0.36rem !important;
       }
       
       .hero-desc {
         font-size: 0.16rem !important;
       }
       
       .section-title {
         font-size:0.28rem !important;
       }
       
       .team-card {
         height: 3rem !important;
       }
     }
     
     @media (min-width: 769px) {
       .grid-cols-4 {
         grid-template-columns: repeat(4, 1fr);
       }
       
       .grid-cols-3 {
         grid-template-columns: repeat(3, 1fr);
       }
       
       .grid-cols-2 {
         grid-template-columns: repeat(2, 1fr);
       }
       
       .flex-md-row {
         flex-direction: row;
       }
       
       .w-md-1-2 {
         width: 48%;
       }
       
       .hero-title {
         font-size: 0.48rem !important;
       }
       
       .hero-desc {
         font-size: 0.19rem !important;
       }
       
       .section-title {
         font-size: 0.40rem !important;
		 font-family: 'PingFangBold';
       }
       
       .team-card {
         height: 3.79rem !important;
		 width: 32%;
       }
     }
     
     .grid {
       display: grid;
       gap: 0.24rem;
     }
     
     .flex {
       display: flex;
     }
     
     .items-center {
       /* align-items: center; */
	   /* justify-content: space-between; */
     }
     .gap-8{
		justify-content: space-between; 
	 }
     .justify-center {
       justify-content: center;
     }
     
     .gap-8 {
       gap: 0.24rem;
     }
     
     .gap-4 {
       gap: 0.16rem;
     }
     
     .text-center {
       text-align: center;
	   position: relative;
     }
     
     .mb-16 {
       margin-bottom: 0.48rem;
     }
     
     .mb-8 {
       margin-bottom: 0.24rem;
     }
     
     .mb-6 {
       margin-bottom: 0.18rem;
     }
     
     .mb-4 {
       margin-bottom: 0.16rem;
     }
     
     .mb-3 {
       margin-bottom: 0.12rem;
     }
     
     .mb-2 {
       margin-bottom: 0.08rem;
     }
     
     .mt-16 {
       margin-top: 0.48rem;
     }
     
     .mt-12 {
       margin-top: 0.36rem;
     }
     .gap-yj{
		 justify-content: inherit;
	 }
     .mt-8 {
       margin-top: 0.4rem;
     }
     
     .p-8 {
       padding: 0.24rem;
     }
     
     .p-6 {
       padding: 0.18rem;
     }
     
     .p-4 {
       padding: 0.16rem;
     }
     
     .py-20 {
       padding-top: 1rem;
       padding-bottom: 1rem;
     }
     
     .text-xl {
       font-size: 0.2rem;
       font-weight: 600;
     }
     
     .text-2xl {
       font-size: 0.36rem;
       font-weight: 700;
     }
     
     .text-3xl {
       font-size: 0.3rem;
       font-weight: 700;
     }
     
     .text-4xl {
       font-size: 0.36rem;
       font-weight: 700;
     }
     
     .text-shadow {
       text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     }
     
     .text-gray-500 {
       color: #6c757d;
     }
     
     .text-gray-600 {
       color: #495057;
	   font-size: 0.19rem;
	   line-height: 0.4rem;
     }
     
     .text-gray-700 {
       color: #343a40;
     }
     
     .rounded-xl {
       border-radius: 0.12rem;
     }
     
     .rounded-lg {
       border-radius: 0.08rem;
     }
     
     .rounded-full {
       border-radius: 50%;
	   width: 0.63rem;
	   position: absolute;
	   right: 0;
     }
     
     .shadow-sm {
       box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
     }
     
     .shadow-md {
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
     }
     
     .overflow-hidden {
       overflow: hidden;
     }
     
     .relative {
       position: relative;
     }
     
     .absolute {
       position: absolute;
     }
     
     .inset-0 {
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
     }
     
     .object-cover {
       object-fit: cover;
     }
     
     .w-full {
       width: 100%;
     }
     
     .h-auto {
       height: auto;
     }
     
     .h-64 {
       height: 2.56rem;
     }
     
     .h-80 {
       height: 3.2rem;
     }
     
     .z-10 {
       z-index: 10;
     }
     
     .z-20 {
       z-index: 20;
     }
     
     .bg-white {
       background-color: white;
     }
     
     .bg-gray-100 {
       background-color: #f8f9fa;
     }
     
     .bg-gradient-to-r {
       background-image: linear-gradient(to right, rgba(16, 114, 184, 0.9), rgba(16, 114, 184, 0.7));
     }
     
     .bg-gradient-to-t {
       background-image: linear-gradient(to top, rgba(16, 114, 184, 0.2), transparent);
     }
     
     .hover-opacity-100 {
       transition: opacity 0.3s ease;
     }
     
     .hover-opacity-100:hover {
       opacity: 1;
     }
     
     .culture-item {
       background-color: white;
       border-radius: 12px;
       padding: 0.3rem;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
       transition: all 0.3s ease;
     }
     
     .culture-item:hover {
       transform: translateY(-5px);
       box-shadow: 0 8px 16px rgba(16, 114, 184, 0.1);
     }
     
     .culture-item h3 {
       color: #1072b8;
       margin-bottom: 0.2rem;
       font-size: 0.36rem;
       position: relative;
       padding-bottom: 0.1rem;
     }
     
     .culture-item h3:after {
       content: '';
       position: absolute;
       left: 0;
       bottom: 0;
       width: 0.5rem;
       height: 0.03rem;
       background-color: #1072b8;
     }
     
     .culture-list {
       list-style: none;
     }
     
     .culture-list li {
       position: relative;
       padding-left: 0.24rem;
       margin-bottom: 0.12rem;
       color: #495057;
       font-size: 0.19rem;
     }
     
     .culture-list li:before {
       content: '•';
       position: absolute;
       left: 0;
       color: #1072b8;
       font-size: 0.19rem;
       line-height: 1;
	   top: 0.1rem;
     }
     
     .team-img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.5s ease;
     }
     
     .team-card:hover .team-img {
       transform: scale(1.05);
     }
     
     .stat-number {
       font-size: 0.36rem;
       font-weight: 700;
     }
     
     .stat-label {
       font-size: 0.19rem;
     }
     
     .culture-desc {
       font-size: 0.19rem;
       line-height: 1.8;
     }
	 @media screen and (max-width:768px) {
		 .container{
			 padding-left: 5%;
			 padding-right: 5%;
		 }
		     .team-card {
		         height: auto !important;
		         width: 48%;
		     }
	 }