/* 公开站补充样式。主体样式全部复用本机版的 app.css，两边观感一致。 */

[hidden] { display: none !important; }

.topbar-in a { text-decoration: none; }
#home-link { font-family: var(--font-serif); font-weight: 600; letter-spacing: .08em; }

/* .field 是 width:100%，本机版靠旁边一排按钮挤着才不显形；
   这里工具栏只有三件东西，得给排序框自己收住宽度 */
.toolbar #sort { width: auto; min-width: 132px; flex: 0 0 auto; }

.toolbar .deep {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; color: var(--ink-3); cursor: pointer; white-space: nowrap;
}
.toolbar .deep input { cursor: pointer; }

.loading { text-align: center; color: var(--ink-3); padding: 60px 20px; }

/* 详情页顶部的导出条 */
.export-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.doc-actions {
  display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
  margin-bottom: 20px;
}
.doc-actions .ok { color: var(--ok); font-size: 13px; }

/* 来源出处：公开站上每条都要认得出是谁的视频 */
.source {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 12px 16px; margin-bottom: 16px;
  border: 1px solid var(--rule); border-left: 3px solid var(--accent);
  border-radius: var(--radius-sm); background: var(--card);
  font-size: 13.5px; color: var(--ink-2);
}
.source b { color: var(--ink); font-weight: 600; }
.source .spacer { flex: 1; }

.card h3 a { cursor: pointer; }

/* 搜索命中关键词 */
mark {
  background: var(--accent-soft); color: var(--accent);
  border-radius: 3px; padding: 0 2px;
}