/*!
 * eyou-seo-article.patch.v2.css
 * Reverts FAQ font sizes to normal while keeping ToC bullets and safe tweaks.
 */

/* === ToC: plain <ul><li> list + dot icons (article only) === */
#sx-toc .sx-list { list-style: none; padding-left: 0; margin: 0; }
#sx-toc .sx-list li { margin: 6px 0; }
#sx-toc .sx-list a{
  position: relative; display: block; padding-left: 16px;
  line-height: 1.6; color: #333; text-decoration: none;
}
#sx-toc .sx-list a::before{
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: #1890ff;
  position: absolute; left: 0; top: 0.9em; transform: translateY(-50%);
  box-shadow: 0 0 0 3px rgba(24,144,255,.15);
}
#sx-toc .sx-list a.l2{ margin-left: 10px; opacity: .95; }
#sx-toc .sx-list a.l2::before{ background: #a8c8ff; box-shadow: none; }
#sx-toc .sx-list a:hover{ text-decoration: underline; }

/* === FAQ: revert to normal sizing === */
#faq h2{ font-size: inherit; }                 /* keep your heading system */
#faq summary{
  font-size: inherit;                          /* restore to body size */
  line-height: inherit;                        /* follow site default */
  font-weight: 600;                            /* keep semi-bold for question */
}
#faq .sx-faq-a{
  font-size: inherit;                          /* restore to body size */
  line-height: inherit;                        /* follow site default */
  color: inherit;
}

/* === Optional: lighter shadows on mobile === */
@media (max-width: 992px){
  .sx .sx-card{ box-shadow: 0 4px 12px rgba(0,0,0,.06); }
}

/* 兜底：文章卡片内的标题强制居中（不改其它页面） */
.sx .sx-main .sx-card .sx-h1{
  text-align: center;
  margin: 10px auto 8px;
  line-height: 1.25;
}

/* 文章正文安全宽度 + 左右留白（仅文章主卡片内生效） */
.sx .sx-main .sx-card .sx-content{
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
}
@media (max-width: 992px){
  .sx .sx-main .sx-card .sx-content{
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* 面包屑下方的细线分隔 */
.sx .sx-breadcrumb{
  padding-bottom: 6px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e6eef2;  /* 可改成 #dbe7f3 或 var(--sx-line) */
}
/* ===== 仅限【nybanner 下的面包屑 wrapper】以及紧随其后的 main.wrapper ===== */

/* A) 面包屑 wrapper 自身，把上下 padding 压到极小 */
.nybanner + .wrapper{
  padding-top: 4px;   /* 这里就是压掉 .wrapper 的默认 padding-top 的关键 */
  padding-bottom: 6px;
  margin-bottom: 0;   /* 避免和下一个 main.wrapper 叠加 */
}

/* 面包屑内部自己几乎不占额外空间 */
.nybanner + .wrapper > nav.px-breadcrumb{
  margin: 0;          /* 你前面已经有 2~4px 的设置，这里统一为 0 更干净 */
}

/* B) 面包屑 wrapper 后紧跟的 main.wrapper，不要再抬头 */
.nybanner + .wrapper + main.wrapper{
  margin-top: 0 !important;
  padding-top: 0 !important;
  /* 之前这里是 overflow:hidden（会让后代 sticky 失效），已在文末覆盖修正 */
}

/* C) 容器与卡片：保持你想要的紧凑（可按需微调） */
.sxp .px-container{ padding-top: 4px; }
.sxp .px-card{ overflow: hidden; }           /* 阻断折叠，也与圆角更贴合 */
.sxp .px-card.px-pad{ padding-top: 6px; }    /* 8 or 6，自己看视觉舒适度 */
.sxp .px-card > :first-child{ margin-top: 0 !important; } /* .px-ribbon 顶部不再往下推 */

/* 不改模板：在 h1 顶部画一条线 */
.sx .sx-card .sx-h1{
  position: relative;
  padding-top: 14px;              /* 给细线留位置 */
  margin-top: 0;                  /* 防止额外顶间距 */
}
.sx .sx-card .sx-h1::before{
  content: "";
  position: absolute;
  left: 12px;                     /* 两边缩进，别贴边 */
  right: 12px;
  top: 0;
  height: 4px;                    /* 想更细用 2px */
  background: var(--sx-brand, #116bc4);
  border-radius: 999px;
}

/* === 修复 Sticky：允许右栏粘性定位生效 & 启用吸顶 === */
/* 覆盖上文 B 小节的 overflow 设置，避免 sticky 失效 */
.nybanner + .wrapper + main.wrapper{
  overflow: visible !important;
}

/* 启用右侧现有容器 .sx-sticky 的粘性定位（不改 HTML、不变布局） */
@media (min-width: 992px){
  .sx-aside .sx-sticky{
    position: sticky;
    top: 16px;              /* 视视觉可微调 */
    height: max-content;
  }
}