/* the css setting of book summary */
.book-summary{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  position:absolute;
  top:0;
  left:-300px;
  bottom:0;
  z-index:1;
  overflow-y:auto;
  width:300px;
  color:#4b7695;
  background:#fafafa;
  border-right:1px solid rgba(0,0,0,.07);
  -webkit-transition:left 250ms ease;
  -moz-transition:left 250ms ease;
  -o-transition:left 250ms ease;
  transition:left 250ms ease}

.headshot-img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.sidebar-nickname {
  color: #333;
}



.divider {
    height: 10px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #c02f2f;  /* Light gray line */
}


/* If the background doesn't propagate to the content area, also target inner sections */

.book-body{
  position:absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  
  color:#000;
  -webkit-transition:left 250ms ease;
  -moz-transition:left 250ms ease;
  -o-transition:left 250ms ease;
  transition:left 250ms ease}

.book-body.homepage {
    background-image: url('../img/background.jpg') !important;
    /*background-image: url('http://5b0988e595225.cdn.sohucs.com/images/20190722/74a15d1526614d1db347fb68d10d3a42.jpeg') !important;*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter: brightness(1.3) contrast(0.9);
}


.book-body .body-inner{
  position:absolute;
  overflow-y:auto;
  overflow-x:auto;

  }
  
.book-header{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;overflow:visible;height:50px;padding:0 8px;z-index:2;font-size:.85em;color:#7e888b;background:0 0}
.book-header .btn{display:block;height:50px;padding:0 15px;z-index: 999;border-bottom:none;color:#41f705;text-transform:uppercase;line-height:50px;-webkit-box-shadow:none!important;box-shadow:none!important;position:relative;font-size:14px}

.page-wrapper{position:relative;outline:0;}
.page-inner{position:relative;max-width: 1500px;margin:0 auto;padding:20px 15px 40px 15px;overflow-x: auto; /* 强制水平滚动条 */
  overflow-y: auto; /* 垂直滚动条 */}

.book-summary ul.summary{font-family: 'Source Serif Pro', serif; /* 设置字体，例如 Noto Sans SC */
    font-size: 14px; /* 字体大小 */
    font-weight: 400; /* 字体粗细 */}

.book-summary ul.summary li.header{
    font-size: 16px; /* 标题字体稍大 */
    font-weight: 700; /* 标题更粗 */
    padding:10px 15px;
    padding-top:20px;
    text-transform:uppercase;
    color:#939da3;}

.book-summary ul.summary li.divider{width: 330px;height:1px;margin:5px 0;overflow:hidden;background:rgba(0,0,0,.07)}

/* 调整普通导航项的文字位置和字体 */
.book-summary ul.summary li a{
    font-size: 16px;
    font-weight: 400;
    padding: 8px 25px; /* 调整内边距：上下 8px，左右 25px */
    display: block; /* 确保链接占满宽度 */
    color: #000000; /* 导航项颜色 */
    line-height: 1.9; /* 行高，调整垂直间距 */
}

/* 鼠标悬停效果（可选） */
.book-summary ul.summary li a:hover {
    padding-left: 30px; /* 悬停时稍微向右偏移 */
    transition: padding-left 0.3s ease; /* 平滑过渡 */
}


.font-source-serif {
            font-family: 'Source Serif Pro', serif;
        }

  
/* 帖子效果 */

/* 标题样式 */
.main-title {
            font-family: 'Ma Shan Zheng', cursive;
            color: #000000;
            text-align: center;
            font-size: 2.8rem;
            font-weight: 700;
            line-height: 1.3;
            margin-bottom: 30px;
            padding: 20px 0;
            position: relative;
            transition: all 0.3s ease;
        }