/* 手机端状态胶囊 + 待发布列表 + 详情页操作条
   这里没有一条内联样式 —— 冻结页面的 CSP 是 `style-src 'self'`。 */

.xhs-sync {
  position: fixed;
  left: 10px;
  bottom: 10px;
  right: 10px;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid var(--line, #2a323c);
  background: rgba(23, 28, 34, 0.96);
  color: var(--fg, #e8edf3);
  font-size: 12px;
  line-height: 1.4;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
@media (min-width: 560px) {
  .xhs-sync { right: auto; max-width: 420px; }
}

.xhs-sync-dot {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #6b7785;
}
.xhs-sync-dot.ok { background: var(--ok, #3ddc97); }
.xhs-sync-dot.bad { background: #e0a72e; }

.xhs-sync-text {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--muted, #93a1b1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xhs-sync-btn {
  flex: 0 0 auto;
  padding: 4px 9px;
  font-size: 11.5px;
  color: var(--fg, #e8edf3);
  background: #232b34;
  border: 1px solid var(--line, #2a323c);
  border-radius: 8px;
  cursor: pointer;
}
.xhs-sync-btn:disabled { opacity: 0.45; cursor: default; }

.xhs-sync.off { border-color: #5b4a2b; }

/* ------------------------------------------------- 手机端列表页（/ 与 /list） */

.ph-list { list-style: none; margin: 0; padding: 0; }
.ph-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 2px;
  border-bottom: 1px solid var(--line, #2a323c);
}
.ph-item:last-child { border-bottom: 0; }

/* 标题区（点它 = 看这一篇的详情） */
.ph-link { flex: 1 1 auto; min-width: 0; color: var(--fg, #e8edf3); text-decoration: none; }
.ph-ttl { display: block; font-size: 14.5px; word-break: break-word; }
.ph-meta { display: block; font-size: 11.5px; color: var(--muted, #93a1b1); margin-top: 3px; }

/* 「去发布」：一键唤起小红书并自动记为已发布（不是详情入口，详情点标题） */
.ph-go {
  flex: 0 0 auto;
  font-size: 12.5px;
  font-weight: 600;
  color: #06180f;
  background: var(--ok, #3ddc97);
  border: 1px solid var(--ok, #3ddc97);
  border-radius: 9px;
  padding: 7px 12px;
  text-decoration: none;
  white-space: nowrap;
}
.ph-go.again {
  color: var(--fg, #e8edf3);
  background: #232b34;
  border-color: var(--line, #2a323c);
  font-weight: 500;
}

.ph-empty { color: var(--muted, #93a1b1); font-size: 13px; padding: 8px 0; }

/* 已发布那一栏：弱化，但清楚；刚发完的那条在**最底下** */
.ph-done-box .ph-link { opacity: 0.62; }
.ph-item.ph-done .ph-ttl { text-decoration: line-through; }
.ph-undo {
  flex: 0 0 auto;
  font-size: 11.5px;
  color: var(--muted, #93a1b1);
  border: 1px solid var(--line, #2a323c);
  border-radius: 8px;
  padding: 6px 9px;
  text-decoration: none;
  white-space: nowrap;
}

/* ------------------------------------- 详情页底部操作条（去发布 / 再次打开 / 撤回） */

/* 加了操作条就给页面底部留出空间，别把冻结页面自己的按钮挡住。
   140px ≈ 操作条（约 62px）+ 胶囊（约 44px）+ 间隙，实测底部两条叠加起来的高度。 */
.xhs-has-bar { padding-bottom: 140px; }

/* 有操作条时，状态胶囊往上一格 —— 主按钮留在最下面拇指位置 */
.xhs-has-bar .xhs-sync { bottom: 78px; }

.xhs-bar {
  position: fixed;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 2147483001;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid var(--line, #2a323c);
  background: rgba(23, 28, 34, 0.97);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
@media (min-width: 560px) {
  .xhs-bar { left: auto; right: 10px; max-width: 420px; }
}

.xhs-bar-back {
  flex: 0 0 auto;
  font-size: 12.5px;
  color: var(--muted, #93a1b1);
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--line, #2a323c);
  white-space: nowrap;
}

.xhs-bar-undo {
  flex: 0 0 auto;
  font-size: 12.5px;
  color: var(--muted, #93a1b1);
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--line, #2a323c);
  white-space: nowrap;
}
.xhs-bar-undo[hidden] { display: none; }

.xhs-bar-btn {
  flex: 1 1 auto;
  padding: 11px 12px;
  font-size: 14px;
  font-weight: 700;
  color: #06180f;
  background: var(--ok, #3ddc97);
  border: 0;
  border-radius: 10px;
  cursor: pointer;
}
.xhs-bar-btn:disabled { opacity: 0.55; cursor: default; }

/* 这一篇已经记过：主按钮变成中性的「再次打开」 */
.xhs-bar.done .xhs-bar-btn {
  color: var(--fg, #e8edf3);
  background: #232b34;
  border: 1px solid var(--line, #2a323c);
}

.xhs-direct-launch{display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}
.xhs-bar [hidden]{display:none!important}

/* Wait only for event handlers; never require a second in-site confirmation. */
.ph-launch-loading .ph-go[data-direct-launch]{pointer-events:none;opacity:.55}