/* 引入公共样式 */
@import url("home-common.css");

/* 加入我们页面特有样式 */

/* post-content中的h3样式 */
.post h3 {
  position: relative;
  margin-top: 1.5em;
  margin-bottom: 1rem;
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.4em;
  line-height: 1.43;
  color: #f0f0f0;
}

/* h3 标题样式 */
.post h3 {
  color: #bcbcbc;
}

/* post-content */
/* 样式重置 */
#post .post a {
  position: relative;
  white-space: normal;
}

#post .post a:after {
  position: absolute;
  bottom: -0.0625rem;
  left: 100%;
  width: 0;
  border-bottom: 0.0625rem solid #1abc9c;
  content: "";
  -webkit-transition:
    width 350ms,
    left 350ms;
  -moz-transition:
    width 350ms,
    left 350ms;
  -ms-transition:
    width 350ms,
    left 350ms;
  -o-transition:
    width 350ms,
    left 350ms;
  transition:
    width 350ms,
    left 350ms;
}

#post .post a:hover:after {
  left: 0;
  width: 100%;
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -ms-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;
}

/* 加入我们页面特定样式 */

strong {
  font-weight: 700;
}

.post-content strong {
  font-weight: 600;
  letter-spacing: 0;
}

/* 标题（含正文 h4）默认已经是粗体，标题里的 strong 不再叠加加粗 */
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
.post-content h1 strong,
.post-content h2 strong,
.post-content h3 strong,
.post-content h4 strong,
.post-content h5 strong,
.post-content h6 strong {
  font-weight: 1.125rem;
}

.post h4 {
  font-weight: 700;
  line-height: 1.4;
  margin-top: 1.5em;
  margin-bottom: 1rem;
  font-size: 1.2em;
}