.intro-text a {
  color: #fff !important; /* 白色链接 */
  font-weight: inherit;
}
* {margin:0;padding:0;box-sizing:border-box}
body{
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;
  background:#000 !important; /* 背景改为黑色 */
  color:#fff !important; /* 默认文字改为白色 */
  line-height:1.8
}
img{max-width:100%}

.px-16{padding-left:2rem;padding-right:2rem}
.py-12{padding-top:2rem;padding-bottom:2rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-32{padding-top:10rem;padding-bottom:8rem}
@media (min-width:1024px) {
  .py-32{padding-top:10rem;padding-bottom:12rem}
}
.lg\:py-32{padding-top:8rem;padding-bottom:8rem}
.lg\:pl-12{padding-left:0rem}
.space-y-10>*+*{margin-top:2.5rem}

.text-2xl{font-size:1.8rem;font-weight:100}
.text-3xl{font-size:2.2rem;font-weight:100}
.text-xl{font-size:1.25rem}
.text-5xl{font-size:2.88rem;font-weight:100}
.leading-loose{line-height:2}
.text-gray-700{color:#fff !important} /* 改为白色 */
.text-gray-600{color:#f3f4f6 !important} /* 浅白色 */
.text-gray-500{color:#e5e7eb !important} /* 更浅白色 */
.font-bold{font-weight:700 !important}
.font-semibold{font-weight:600 !important}
.text-center{text-align:center}

.flex{display:flex}
.flex-col{flex-direction:column}
.lg\:flex-row{flex-direction:row}
.lg\:items-start{align-items:flex-start}
.justify-center{justify-content:center}
.lg\:justify-start{justify-content:flex-start}
.gap-16{gap:4rem}
.lg\:gap-24{gap:3rem}
.flex-shrink-0{flex-shrink:0}
.lg\:flex-1{flex:1}

.w-56{width:16rem;height:16rem}
.lg\:w-80{width:20rem;height:20rem}
.rounded-full{border-radius:9999px}
.object-cover{object-fit:cover}
.mt-8{margin-top:2rem}

.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.lg\:grid-cols-2{grid-template-columns:1fr 1fr;gap:4rem} 
.gap-6{gap:2rem} 
.overflow-hidden{overflow:hidden}
.aspect-\[4\/3\]{aspect-ratio:4/3}
.bg-black{background:#fff !important} /* 原黑色背景改为白色 */
.text-white{color:#000 !important} /* 原白色文字改为黑色 */
.p-6{padding:1.8rem}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.mb-4{margin-bottom:2rem}
.flex-1{flex:1}
.text-sm{font-size:1.275rem}

.w-8{width:2rem;height:2rem}
.ml-4{margin-left:1rem}
.border{border:1px solid #000 !important} /* 白色边框改为黑色 */
.px-4{padding-left:1rem;padding-right:1rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.rounded-full{border-radius:9999px}

.bg-transparent{background:transparent;}
.hover\:bg-white:hover{background:#000 !important} /* hover背景改为黑色 */
.hover\:text-black:hover{color:#fff !important} /* hover文字改为白色 */
.transition-colors{transition:all 0.25s ease}

.items-center{align-items:center}
.gap-2{gap:0.5rem}
.mb-6{margin-bottom:1.5rem}
.relative{position:relative}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.text-xs{font-size:0.75rem}
.underline{text-decoration:underline}
.hover\:no-underline:hover{text-decoration:none}

/* 文字自动适配 */
@media (max-width:1023px) {
  .intro-text br {
    display: none;
  }
  .intro-text {
    line-height: 1.9 !important;
    text-align: left !important;
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
    color: #fff !important; /* 移动端文字白色 */
  }
  .intro-text p {
    margin-bottom: 1.2rem;
  }
}

@media (max-width:767px) {
  .intro-text {
    font-size: 1.25rem !important;
    line-height: 2 !important;
    color: #fff !important;
  }
}

/* 原有布局适配 */
@media (max-width:1023px){
  .px-16{padding-left:1rem;padding-right:1rem}
  .flex{flex-direction:column !important;justify-content:center !important}
  .mt-8{margin:0 auto 1.5rem !important}
  .w-56{width:12rem !important;height:12rem !important}
  .grid-cols-1{grid-template-columns:1fr !important}
}

.normal-weight {
  font-weight: 400 !important; /* 400=普通，500=略粗，按需调整 */
}

/* LOGO显示控制（LOGO本身颜色如果是黑色，建议替换为白色LOGO，或添加filter: invert(1)） */
.logo-pc {
  display: none !important;
  filter: invert(1) !important; /* LOGO颜色反相（黑变白） */
}
@media (min-width:1024px) {
  .logo-pc {
    display: block !important;
    filter: invert(1) !important;
  }
  .logo-mobile {
    display: none !important;
  }
}
.logo-mobile {
  filter: invert(1) !important; /* 移动端LOGO反相 */
}

/* 图片容器样式和hover动效 */
.project-img-container {
  aspect-ratio: 4/3;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.8s ease; 
}
.project-img-container:hover {
  transform: scale(1.03);
}
.project-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* footer链接样式 */
footer a {
  color: #888 !important; /* 基础文字颜色改为888 */
  text-decoration: none;
}
footer a:hover {
  color: #aaa !important; /* hover时稍亮，可选 */
  text-decoration: none;
}

/* 备案信息布局 */
@media (min-width: 768px) {
  .beian-container {
    gap: 30px !important;
  }
}
@media (max-width: 767px) {
  .beian-container {
    flex-direction: column;
    gap: 4px;
    align-items: center;
  }
}

/* footer容器文字颜色 */
footer .text-gray-500 {
  color: #888 !important;
}

/* 按钮最终样式（合并重复定义，修复颜色反转） */
.project-btn {
  border-radius: 16px !important;
  border: 2px solid #000 !important;
  background: transparent !important;
  color: #000 !important;
  padding: 0.5rem 1.4rem !important;
  transition: all 0.25s ease !important;
  font-size: 1.8rem !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  cursor: pointer !important;
}
.project-btn:hover {
  background: #000 !important;
  color: #fff !important;
}

/* 底部边框改为白色 */
footer {
  border-t: 1px solid #fff !important;
}

.logo-mobile { display:block; width:100%; height:auto; }
.logo-pc { display:none; }
@media (min-width:1024px) {
  .logo-mobile { display:none; }
  .logo-pc { display:block; }
}

/* 语言切换 SVG —— 页面统一对齐版 */
.lang-switch {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 0;
  margin-left: auto;
  margin-right: 2rem;
  width: fit-content;
}

.lang-svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* CN 无点击 */
.lang-svg.cn {
  pointer-events: none;
  cursor: default;
}

/* EN 可点击 */
.lang-svg.en {
  cursor: pointer;
}

/* 图标大小 */
.lang-svg svg {
  width: 40px;
  height: 40px;
  fill: #888;
  transition: fill 0.2s ease;
}

/* CN 永远白色 */
.lang-svg.cn svg {
  fill: #fff !important;
}

/* EN 默认灰色 */
.lang-svg.en svg {
  fill: #888 !important;
}

/* EN hover 变白 */
.lang-svg.en:hover svg {
  fill: #fff !important;
}

.lang-divider {
  color: #888;
  font-size: 20px;
}

/* 移动端距离缩短 */
@media (max-width: 1023px) {
  .lang-switch {
    margin-top: 0.3rem !important;
  }
}