/* DiskShare MacCMS 辅助组件样式。
 * 主 style.css 与源主题字节一致；本文件仅为保留的评论、密码、播放器等
 * MacCMS 辅助页面提供样式。主页面不默认增加收藏、顶踩、评论或语言切换入口。
 * 删除旧移动搜索覆盖，页头与主页面排版直接使用原 CSS。
 */

/* ---------- 1. 评论 / 留言表单 ---------- */
.ds-comments__form {
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
  margin-top: var(--s-4);
}

.ds-comments__input,
.ds-comments__form textarea {
  width: 100%;
  min-height: 96px;
  padding: var(--s-3);
  box-sizing: border-box;
  background: var(--bg-elevated);
  color: var(--text);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  font-family: inherit;
  font-size: .9rem;
  line-height: 1.6;
  resize: vertical;
  transition: border-color var(--t-fast), box-shadow var(--t-fast);
}

.ds-comments__input:focus,
.ds-comments__form textarea:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: var(--focus-ring);
}

.ds-comments__form input[type="text"],
.ds-comments__form input[type="email"] {
  width: 100%;
  box-sizing: border-box;
  padding: var(--s-2) var(--s-3);
  background: var(--bg-elevated);
  color: var(--text);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  font-family: inherit;
  font-size: .9rem;
}

.ds-comments__form button[type="submit"],
.ds-comments__form .ds-btn {
  align-self: flex-start;
}

/* 评论列表条目：沿用详情页的元信息排版语言 */
.ds-comments__list {
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
}

.ds-comments__item {
  padding: var(--s-4);
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  font-size: .9rem;
  line-height: 1.7;
}

.ds-comments__item p { margin: var(--s-2) 0 0; }

.ds-comments__head,
.ds-comments__name,
.ds-comments__time {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
}

.ds-comments__name { color: var(--text); font-weight: 600; }
.ds-comments__time { color: var(--text-muted); font-size: .78rem; }

/* ---------- 2. 收藏 / 顶踩：让共用 macro 的输出长得像 .ds-btn ---------- */
.ds-media__actions .mac_ulog,
.ds-media__actions .digg_link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--s-2);
  min-height: 32px;
  padding: var(--s-1) var(--s-3);
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-light);
  background: transparent;
  color: var(--text-secondary);
  font-size: .8rem;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  transition: border-color var(--t-fast), color var(--t-fast), background var(--t-fast);
}

.ds-media__actions .mac_ulog:hover,
.ds-media__actions .digg_link:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.ds-media__actions .mac_ulog.is_fav {
  border-color: var(--primary);
  color: var(--primary);
  background: rgba(229, 9, 20, .1);
}

.ds-media__actions .digg_link em { font-style: normal; }

/* ---------- 3. 播放器 / 选集 ---------- */
.ds-player {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: var(--s-4);
}

.ds-player iframe,
.ds-player video {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.ds-episodes {
  margin: var(--s-4) 0;
}

/* 密码表单 */
.ds-pwd-form {
  display: flex;
  gap: var(--s-3);
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--s-4);
}

.ds-pwd-form input[type="password"],
.ds-pwd-form input[type="text"] {
  padding: var(--s-2) var(--s-3);
  background: var(--bg-card);
  color: var(--text);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  font-family: inherit;
  font-size: .9rem;
}

/* ---------- 4. 语言切换（页脚） ---------- */
.ds-lang-switch {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
}

.ds-lang-switch__item {
  color: var(--text-muted);
  font-size: .85rem;
}

.ds-lang-switch__item:hover { color: var(--primary); }