@charset "utf-8";

/*
================================================
* 个人主页的共用样式 *           
================================================
*/


body {
  background-color: #F8F9FA;      /* 更浅的背景色提升对比度 */
  margin-top: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; /* 现代字体栈 */
}


.header-title {
  font-size: 2.5rem;
  letter-spacing: -0.05em;
  font-weight: 800;
  background: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 0 2px 4px rgba(0,0,0,0.1);
  margin-bottom: 1rem; /* 增加标题下边距 */
  position: relative;
  z-index: 2;
}


.header-btn {
  margin-top: -10px;
  margin-left: 30px;
  border-radius: 5px;
  padding: 5px 10px;
}


.info-content{
  /* 文字自动换行，避免长网址撑破容器 */
  word-wrap: break-word;
  word-wrap: break-word; /* 支持旧版本浏览器 */
  overflow-wrap: break-word; /* 标准属性 */
  word-break: break-all;
  white-space: normal;
}


/* 页脚 */
#section-footer {
  padding-top: 4rem;
  margin-top: 4rem;
  clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
}
#section-footer .gongzhonghao{
	margin-bottom:50px;
}
#section-footer .gongzhonghao img{
	width:200px;
	border-radius:3px;
  margin-top: 10px;;
}
#section-footer .copyright {
  padding: 1.5rem 0;
  margin-top: 3rem;
}
#section-footer .copyright p {
  margin: 0;
}
#section-footer .ft-column h4 {
  font-weight: 500;
  margin-bottom: 20px;
}
#section-footer .ft-column p{
	font-size:14px;
	line-height:25px;
}
#section-footer .ft-column img{
	width:15px;
}
#section-footer .ft-column h4,
#section-footer .ft-column ul {
  text-align: left;
  padding-left: 0;
}
#section-footer .ft-column li {
  list-style: none;
  margin-bottom: 10px;
}
#section-footer .ft-column a {
  position: relative;
  padding-left: 0;
  transition: padding-left 0.3s ease;
}
#section-footer .ft-column a:hover {
  padding-left: 12px;
}
#section-footer .ft-column a::before {
  content: "▹";
  position: absolute;
  left: -12px;
  opacity: 0;
  transition: all 0.3s ease;
}
#section-footer .ft-column a:hover::before {
  left: 0;
  opacity: 1;
}


/* 自定义汉堡图标样式 */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
/* 汉堡图标边框 */
.navbar-toggler {
  border-color: rgba(255, 0, 0, 0.5);
  padding: 0.25rem 0.75rem;
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 0.25rem rgba(255,0, 0, 0.2);
}


/* 添加导航菜单的过渡效果 */
.navbar-collapse {
  transition: all 0.3s ease;
}


/* 侧边栏 - 玻璃拟物化效果 */
.space-side {
  background: var(--light-bg);
  backdrop-filter: blur(8px);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.05);
  border: 1px solid rgba(255,255,255,0.2);
  padding: 1.5rem;
}


/* 分享按钮-分享列表容器 */
.share-options {
  padding: 10px 15px !important;
}


/* 重定义评论列表 */
.comments-list {
  color: #6D6D6D !important;
}



/*
================================================
* 响应式调整 *           
================================================
*/

@media (max-width: 768px) {
  .navbar-custom {
    margin: -30px 0.6rem 0 !important;
  }
  
  .header-title {
    font-size: 2rem;
  }
  
  .art-list {
    flex-direction: column;
  }
  
  .artimg {
    margin-bottom: 1rem;
  }

  .section-title {
    font-size: 1.5rem;
  }

  .tag-pill {
    padding: 0.4rem 1rem;
    font-size: 0.85rem;
  }

  #section-footer .ft-column p, 
  #section-footer .ft-column li,
  #section-footer .copyright{
    font-size:14px;
    line-height:25px;
  }

 #section-footer .ft-column li {
    margin-bottom: 5px;
  }
  
}