#footer-placeholder {
  width: 100%;
}

.footer {
  text-align: center;
  padding: 60px 32px 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  background: transparent;
  color: #94a3b8; /* 提高深色模式下的对比度 */
  font-size: 13px;
  flex-shrink: 0;
  width: 100%;
  box-sizing: border-box;
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
}

.footer-grid {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 60px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  text-align: left;
}

.footer-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-title {
  color: #e2e8f0;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

.footer-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-links a {
  color: #94a3b8; /* 提高深色模式下的对比度 */
  text-decoration: none;
  transition: all 0.2s ease;
  font-size: 13px;
  width: fit-content;
}

.footer-links a:hover {
  color: #10b981;
}

.footer-bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-info-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 12px;
  line-height: 1.6;
  color: #94a3b8; /* 提高深色模式下的对比度 */
}

.footer-sep {
  color: rgba(148, 163, 184, 0.2);
}

.icp-link {
  color: #94a3b8; /* 提高深色模式下的对比度 */
  text-decoration: none;
  transition: color 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.icp-link:hover {
  color: #10b981;
}

.psb-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB80lEQVQ4jY2Tz0tUURTHP+e+mS9n8puxmSByY6YgpCJaFEhBqyBIsAtatAsCof6AInYtXLRpE9m6mEVEG9GqhSBRS6YfM6Yp9sc0f828N/f1tIidmSmiA8eX873n873n3HshIsTEx9uF9X0XF+f6v6qY6v6atP9vP9i79P909+f4SPlpX6vNfX6XW77X93796N6t0fIzY6326m7f/7W9f27u6V6L3S46eK77C68O/9reP8f9PZ7ve667S66fXp/P737Y2v2+p6v+3eSj096u9mO7p7397N7vX8mD43u/f8X33zX6+57v9f90f1zLz67S72L799f2/qV6v/r8v6v89Bv/7P8v3z6v939N9V6be/3Of7f3f20fXOr/WpX9Lnd8H/e/nO89u9T/tdx7veP/7v+46OAtX/L1Wf9fTfV+vXv9Lv967v643P9Y8v2u9f1ffX7V6/7Y+H5f8vW7/Iu7fL/f6fW9uNff6/W97ve9Xu/9XN8beHmv976v78S9vof3+u/v8Y37vfdzfe9nfu/9XN/9e33X936u7/5872d+7/1c3/v53s/13X+Tf69vf/8T3/v53s/1vV/T+5nf+7m++3N97+f67s/3fq7v/nzv5/ru6/6ffz97v977v8f99//X066v/v1/P7/8X/7vP96v9/7v8f8B9f6v6f3M7/3e/wD0/q/p/f8A9P6v6f3/AP63vX9p7v8AAAAASUVORK5CYII=');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* 亮色模式适配 */
.light-theme .footer {
  background: transparent;
  border-top-color: rgba(0, 0, 0, 0.05);
  color: #475569; /* 提高浅色模式下的对比度 */
}

.light-theme .footer-title {
  color: #0f172a;
}

.light-theme .footer-grid {
  border-bottom-color: #f1f5f9;
}

.light-theme .icp-link {
  color: #475569; /* 提高浅色模式下的对比度 */
}

.light-theme .footer-links a {
  color: #475569; /* 提高浅色模式下的对比度 */
}

.light-theme .footer-info-row {
  color: #475569; /* 提高浅色模式下的对比度 */
}

.light-theme .icp-link:hover {
  color: #10b981;
}