body {
  /* background: url('images/bg.jpg') center fixed; */
  background-image: url('images/bg.jpg');
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: repeat-y;
  position: relative;
}

.logo-container {
  margin: 20px 0;  /* Logo 和四周间距 */
}

.logo-container img {
  max-height: 200px;  /* Logo 大小 */
  filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.5));  /* Logo 阴影 */
}

.top-nav {
  max-width: 600px;
  background: rgba(255, 255, 255, 0.75);
  padding: .5rem;
  border-radius: 1rem; 
}

.nav-link {
  color: #f664a0;
}

/* 右侧固定挂件容器 */
.side-widgets-container {
  position: fixed;
  top: 50%;  /* 垂直正中 */
  transform: translateY(-50%);  /* 向上回退自身高度一半 */
  right: 1rem;
  z-index: 10;
}

.sns-links {
  display: flex;
  flex-direction: column;  /* 垂直排列 */
}

.sns-links a {
  flex: 0 0 auto;
  width: 5rem;
  height: 5rem;  /* 方框宽高 */
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.sns-links a:hover {
  filter: brightness(1.25);
}

/* .sns-links .sns-fb { background-color: #f664a0; } */
.sns-links .sns-fb {
  background-color: #1877f2;
  font-size: 3rem;  /* 图标大小 */
}
.sns-links .sns-ddl { background-color: #0098ad; }
.sns-links .sns-bh { background-color: #0098ad; }
.sns-links .sns-ty { background-color: #ffffc0; }
.sns-links .sns-yq { background-color: #87ceeb; }

/* 图标 CSS */
.icon-baha {
  width: 3.5rem;
  height: 3.5rem;
  background: url(images/baha.png) center no-repeat;
  background-size: 100% auto; 
}

.icon-tianyu {
  width: 5.0rem;
  height: 5.0rem;
  background: url(images/tianyu.png) center no-repeat;
  background-size: 100% auto; 
}

.icon-yongqi {
  width: 3.5rem;
  height: 3.5rem;
  background: url(images/yongqi.gif) center no-repeat;
  background-size: 100% auto; 
}

.icon-yongzhe {
  width: 4.0rem;
  height: 4.0rem;
  background: url(images/yongzhe.png) center no-repeat;
  background-size: 100% auto;
}

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: 10px;  /* 设置边距 */
  padding: 10px;  /* 设置内边距 */
}

.footer-content {
  display:flex;
  align-items:center;
}

.nav-footer {
  display: flex; 
}

.nav-footer a {
  color: rgba(51, 51, 51, 0.75);
  text-decoration: none;
  padding-left: 1rem; 
}

.nav-footer a:hover {
  color: #f664a0; 
}