/* ============================================================
   极致·说说 —— 「适配主题外观」样式层（theme_adapt）
   ============================================================
   引用位置：由 template/shuoshuo-embed.php 输出，只在适配主题模式下加载。
   生效范围：全部规则都挂在 .jz52-ss-root 之下，不影响主题自身。

   两件事：
   1) 把 X 风格里"写死的白底卡片 / 固定字号 / 蓝紫强调色"换成"跟随主题"：
      底色透明、分隔线用半透明灰（明暗主题通用）、正文继承主题字号与行高；
   2) 收掉独立模板里的页面级留白（左右 16px），交给主题的正文容器。

   注意：front.css 里的 html / body / a / * 等全局规则，插件在生成
   zb_users/cache/compiled/Jz52_shuoshuo/embed.css 时已自动收敛到
   .jz52-ss-root 作用域下，因此这里不需要再处理。
   ============================================================ */

/* ---------- 1. 变量改写：让所有下游规则自动跟着主题走 ---------- */
.jz52-ss-root {
  --jz52-x-bg: transparent;
  --jz52-x-card: transparent;
  --jz52-x-bg-hover: rgba(128, 128, 128, 0.08);
  --jz52-x-border: rgba(128, 128, 128, 0.22);
  /* currentColor 在使用处解析，等价于"继承主题文字色" */
  --jz52-x-text: currentColor;
  --jz52-x-muted: rgba(128, 128, 128, 0.95);
  --jz52-x-muted2: rgba(128, 128, 128, 0.7);
  --jz52-x-shadow: rgba(0, 0, 0, 0.12);
  /* 系统色随明暗模式自动切换，弹层不会在深色主题里刺眼 */
  --jz52-x-pop-bg: Canvas;
  --jz52-x-pop-text: CanvasText;

  color: inherit;
  font: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  /* 抵消独立模板里的整页留白 */
  padding: 0;
  margin: 0;
}

/* ---------- 2. 信息流：去卡片底，只留分隔线 ---------- */
.jz52-ss-root .jz52-shuoshuo-feed { border-bottom: 0; }

.jz52-ss-root .jz52-shuoshuo-post,
.jz52-ss-root .jz52-shuoshuo-item-single {
  padding: 14px 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--jz52-x-border);
}

.jz52-ss-root .jz52-shuoshuo-post:hover { background: transparent; }
.jz52-ss-root .jz52-shuoshuo-feed .jz52-shuoshuo-post:last-child { border-bottom: 0; }
.jz52-ss-root .jz52-shuoshuo-item-single { border-bottom: 0; padding-top: 0; }

/* ---------- 3. 正文与层级：字号/行高/颜色全部继承 ---------- */
.jz52-ss-root .jz52-shuoshuo-content {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.jz52-ss-root .jz52-shuoshuo-content a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.jz52-ss-root .jz52-shuoshuo-post-name {
  font-size: inherit;
  color: inherit;
}

.jz52-ss-root .jz52-shuoshuo-time {
  font-size: 0.86em;
  color: var(--jz52-x-muted);
}

.jz52-ss-root .jz52-shuoshuo-time:hover {
  color: inherit;
  text-decoration: underline;
}

/* ---------- 4. 操作栏 / 标签：中性灰，保留点赞的红色反馈 ---------- */
.jz52-ss-root .jz52-shuoshuo-act {
  font-size: 0.86em;
  color: var(--jz52-x-muted);
}

.jz52-ss-root .jz52-shuoshuo-act:not(.jz52-shuoshuo-like):hover {
  background: rgba(128, 128, 128, 0.12);
  color: inherit;
}

.jz52-ss-root .jz52-shuoshuo-item-tags a {
  font-size: 0.9em;
  color: inherit;
  opacity: 0.75;
}

.jz52-ss-root .jz52-shuoshuo-item-tags a:hover {
  background: rgba(128, 128, 128, 0.12);
  opacity: 1;
}

/* 标签筛选条：改为描边 pill，选中态用主题文字色反白 */
.jz52-ss-root .jz52-shuoshuo-tags {
  padding: 12px 0;
  border-bottom: 1px solid var(--jz52-x-border);
}

.jz52-ss-root .jz52-shuoshuo-tag {
  font-size: 0.86em;
  background: transparent;
  border-color: var(--jz52-x-border);
  color: var(--jz52-x-muted);
}

.jz52-ss-root .jz52-shuoshuo-tag:hover { background: rgba(128, 128, 128, 0.1); }

.jz52-ss-root .jz52-shuoshuo-tag.is-active {
  background: rgba(128, 128, 128, 0.18);
  border-color: transparent;
  color: inherit;
  font-weight: 600;
}

/* ---------- 5. 发布框：从"贴边通栏"改成"主题内的一张描边卡" ---------- */
.jz52-ss-root .jz52-shuoshuo-composer {
  padding: 12px;
  margin-bottom: 16px;
  border: 1px solid var(--jz52-x-border);
  border-bottom: 1px solid var(--jz52-x-border);
  border-radius: 10px;
}

.jz52-ss-root .jz52-shuoshuo-composer-text {
  font-size: inherit;
  color: inherit;
}

.jz52-ss-root .jz52-shuoshuo-composer-count { color: var(--jz52-x-muted); }
.jz52-ss-root .jz52-shuoshuo-composer-btn { font-size: 0.93em; }

/* ---------- 6. 媒体：圆角收敛到与主题卡片接近的 10px ---------- */
.jz52-ss-root .jz52-shuoshuo-media img,
.jz52-ss-root .jz52-shuoshuo-media video,
.jz52-ss-root .jz52-shuoshuo-media audio,
.jz52-ss-root .jz52-shuoshuo-media .jz52-ss-video,
.jz52-ss-root .jz52-ss-video .art-video-player {
  border-radius: 10px;
}

/* ---------- 7. 留言区 ---------- */
.jz52-ss-root .jz52-ss-comments {
  padding: 16px 0 8px;
  border-top: 1px solid var(--jz52-x-border);
}

.jz52-ss-root .jz52-ss-comments-title {
  font-size: 1.15em;
  font-weight: 700;
  letter-spacing: normal;
  color: inherit;
}

.jz52-ss-root .jz52-ss-comments-count { font-size: 0.86em; }

/* ---------- 8. 分页 / 返回 / 空态 ---------- */
.jz52-ss-root .jz52-shuoshuo-pager a {
  border-color: var(--jz52-x-border);
  color: var(--jz52-x-muted);
  font-size: 0.86em;
}

.jz52-ss-root .jz52-shuoshuo-pager a:hover {
  background: rgba(128, 128, 128, 0.12);
  border-color: transparent;
  color: inherit;
}

.jz52-ss-root .jz52-shuoshuo-pager-now { font-size: 0.86em; }

.jz52-ss-root .jz52-shuoshuo-backlink a {
  color: inherit;
  border: 1px solid var(--jz52-x-border);
  font-size: 0.93em;
}

.jz52-ss-root .jz52-shuoshuo-backlink a:hover { background: rgba(128, 128, 128, 0.12); }

.jz52-ss-root .jz52-shuoshuo-empty {
  border-bottom: 0;
  color: var(--jz52-x-muted);
  font-size: 0.93em;
}

/* ---------- 9. 主题正文容器里的首尾留白修正 ---------- */
.jz52-ss-root > *:first-child { margin-top: 0; }
.jz52-ss-root > *:last-child { margin-bottom: 0; }

@media (max-width: 640px) {
  .jz52-ss-root .jz52-shuoshuo-post,
  .jz52-ss-root .jz52-shuoshuo-item-single { padding: 12px 0; }

  .jz52-ss-root .jz52-ss-comments-title { font-size: 1.05em; }
}