/* WWBEE xianbao-deepseek 主题子页样式
   .stream__* / body 背景 / topbar / .api-tag 全部由 theme-deepseek.css 提供
   本文件只写本页差异:stream 视口改整页滚动 + 载入更多按钮视觉。
   R4 红线 — 仅视觉,不动 box 模型。 */

/* 取消首页 stream 的 660px 视口与上下渐变遮罩 — 本页是整页滚动列表 */
[data-theme="deepseek"] .stream__viewport {
  position: static;
  height: auto;
  overflow: visible;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}
/* 取消首页 stream 的 40s 无缝循环动画(整页列表不需要) */
[data-theme="deepseek"] .stream__list {
  animation: none !important;
}

/* 载入更多按钮:基线由 theme-deepseek.css 提供,
   本页加大上下间距给线报列表更多呼吸空间 */
[data-theme="deepseek"] .more { margin-top: 28px; }
[data-theme="deepseek"] .more__btn:disabled {
  opacity: .5; cursor: default;
  border-color: var(--rule); color: var(--ink-mute);
  box-shadow: none;
}

/* ============================================================
   DRAWER-XB 视觉适配 · DEEPSEEK 主题(玻璃药丸 + azure)
   ============================================================ */
[data-theme="deepseek"] .drawer-xb__panel {
  background: linear-gradient(160deg,
    rgba(255,255,255,.78) 0%,
    rgba(238,242,255,.78) 50%,
    rgba(220,230,255,.78) 100%);
  backdrop-filter: blur(28px) saturate(1.6);
  -webkit-backdrop-filter: blur(28px) saturate(1.6);
  color: var(--ink, #1f2330);
  border-left: 1px solid rgba(255,255,255,.6);
  box-shadow: -16px 0 48px rgba(80, 80, 200, .18);
}
[data-theme="deepseek"] .drawer-xb__chip { border-radius: 999px; }
[data-theme="deepseek"] .drawer-xb__chip--plat { background: linear-gradient(135deg, #6366f1, #06b6d4); color: #fff; border-color: transparent; }
[data-theme="deepseek"] .drawer-xb__chip--type { background: rgba(99,102,241,.12); color: #4338ca; border-color: rgba(99,102,241,.3); }
[data-theme="deepseek"] .drawer-xb__chip--qun   { background: rgba(255,255,255,.6); color: #475569; border-color: rgba(0,0,0,.08); }
[data-theme="deepseek"] .drawer-xb__pic { background: rgba(99,102,241,.06); border-radius: 12px; }
[data-theme="deepseek"] .drawer-xb__cmd {
  border-radius: 14px;
  background: rgba(255,255,255,.6);
}
[data-theme="deepseek"] .drawer-xb__cmd-copy {
  border-radius: 999px;
  background: linear-gradient(135deg, #6366f1, #06b6d4);
  color: #fff; border-color: transparent;
}
[data-theme="deepseek"] .drawer-xb__cmd-copy:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(99,102,241,.35); }
[data-theme="deepseek"] .drawer-xb__url { border-radius: 12px; background: rgba(255,255,255,.5); }
[data-theme="deepseek"] .drawer-xb__action { border-radius: 999px; }
[data-theme="deepseek"] .drawer-xb__action--primary {
  background: linear-gradient(135deg, #6366f1, #06b6d4);
  color: #fff; border-color: transparent;
}
[data-theme="deepseek"] .drawer-xb__action--primary:hover { box-shadow: 0 6px 20px rgba(99,102,241,.4); transform: translateY(-1px); }
[data-theme="deepseek"] .drawer-xb__action--copy:hover { background: rgba(99,102,241,.08); border-color: #6366f1; color: #4338ca; }
[data-theme="deepseek"] .drawer-xb__head { border-bottom-color: rgba(0,0,0,.08); }
[data-theme="deepseek"] .drawer-xb__meta { border-top-color: rgba(0,0,0,.08); }

/* ========== 搜索框(deepseek 皮肤:玻璃药丸)========== */
.xb-search--ds {
  display: flex; gap: 8px; align-items: center;
  margin-bottom: 20px;
}
.xb-search--ds input {
  flex: 1; min-width: 0;
  padding: 12px 18px;
  background: rgba(255,255,255,.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(99,102,241,.18);
  border-radius: 999px;
  font-family: inherit; font-size: 14px; color: var(--ink, #1f2330);
  outline: none;
  box-shadow: 0 2px 8px rgba(99,102,241,.06);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.xb-search--ds input:focus {
  border-color: #6366f1;
  box-shadow: 0 2px 12px rgba(99,102,241,.15);
}
.xb-search--ds input::placeholder { color: var(--ink-mute, #94a3b8); }
.xb-search--ds .xb-search__btn {
  padding: 11px 22px;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: #fff;
  border: 0; border-radius: 999px;
  font-size: 13px; font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(99,102,241,.25);
  transition: all .15s ease;
}
.xb-search--ds .xb-search__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(99,102,241,.35);
}
.xb-search--ds .xb-search__clear {
  width: 38px; height: 38px;
  background: rgba(99,102,241,.08);
  border: 1px solid rgba(99,102,241,.15);
  border-radius: 50%;
  color: #6366f1;
  font-size: 16px; line-height: 1;
  cursor: pointer;
  transition: all .15s ease;
}
.xb-search--ds .xb-search__clear:hover { background: rgba(99,102,241,.15); }

/* 紧凑线报行(cjx8 式,三主题统一结构)— 玻璃皮肤 */
.xb-item {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  border-radius: 12px;
  cursor: pointer;
  transition: background .15s ease;
  text-decoration: none;
}
.xb-item:hover { background: rgba(99,102,241,.06); }
.xb-item.is-new { animation: xb-in .5s ease; background: rgba(99,102,241,.1); }
@keyframes xb-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }

.xb-item__av {
  flex: 0 0 24px; width: 24px; height: 24px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--av, #6366f1); color: #fff;
  font-size: 12px; font-weight: 700;
}
.xb-item__text {
  flex: 1; min-width: 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-size: 14px; color: var(--ink, #1f2330);
}
.xb-item__meta {
  flex: 0 0 auto;
  display: flex; align-items: center; gap: 8px;
  font-size: 11px; color: var(--ink-mute, #64748b);
}
.xb-item__plat { padding: 2px 8px; border-radius: 999px; background: rgba(99,102,241,.12); color: #4338ca; font-size: 10px; }
.xb-item__type { padding: 2px 8px; border-radius: 999px; background: rgba(6,182,212,.12); color: #0e7490; font-size: 10px; }