/* 引入公共样式 */
@import url("home-common.css");
/* 引入评论组件样式 */
@import url("../components/xqbj-component-comment.css");

/* 投稿页面特有样式 */

/* hr 分隔线样式 */
.post hr {
  overflow: hidden;
  margin: 1rem 0;
  padding: 0;
  height: 0.125rem;
  border: none;
  background: #2c2a2a
    repeating-linear-gradient(-45deg, #bcbcbc, #bcbcbc 0.25rem, transparent 0.25rem, transparent 0.5rem);
}

.post hr:before {
  display: table;
  content: "";
}

.post hr:after {
  clear: both;
  display: table;
  content: "";
}
/* h2基础样式 */
h2 {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* post-content中的h2样式 */
.post h2 {
  position: relative;
  margin-top: 1.5em !important;
  margin-bottom: 1rem;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 0.3em;
  font-size: 1.55em;
  line-height: 1.225;
  color: #f0f0f0;
}

/* h2 标题样式 */
.post h2 {
  color: #f0f0f0;
}

/* h3标题样式 */
/* h3基础样式 */
h3 {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 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;
}

/* 投稿页面特定样式 */

.xqbj-post-content p,
.xqbj-post-content blockquote {
  color: #f0f0f0;
}

.xqbj-post-content img {
  margin-top: 1.25rem;
}