:root {
  /* 主题变量：统一管理颜色，便于后续换肤 */
  --bg: #0f141c;
  --panel: #1a2230;
  --card: #1f2a3a;
  --text: #ecf2ff;
  --muted: #9db0d0;
  --primary: #2ebd85;
  --line: #2a3a53;
}

* {
  /* 盒模型统一，避免布局尺寸计算偏差 */
  box-sizing: border-box;
}

body {
  /* 页面基础排版与背景氛围 */
  margin: 0;
  font-family: "Segoe UI", "PingFang SC", "Hiragino Sans GB", sans-serif;
  color: var(--text);
  background: radial-gradient(circle at 20% 10%, #22314a 0%, var(--bg) 45%);
}

.container {
  /* 主内容区宽度与留白 */
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px 40px;
}

h1 {
  /* 页面主标题间距 */
  margin: 0 0 16px;
}

.search-panel {
  /* 搜索条件面板：桌面端网格布局 */
  display: grid;
  grid-template-columns: 1.4fr 120px 100px 110px 1fr 1fr 120px;
  gap: 10px;
  align-items: end;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px;
}

label {
  /* 表单项标签纵向排列 */
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
  color: var(--muted);
}

input,
select,
button {
  /* 输入控件统一风格 */
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 14px;
  padding: 10px 12px;
}

input {
  /* 输入框配色 */
  background: #101926;
  color: var(--text);
}

select {
  /* 下拉框配色 */
  background: #101926;
  color: var(--text);
}

button {
  /* 主操作按钮 */
  background: var(--primary);
  color: #072216;
  font-weight: 700;
  cursor: pointer;
}

.meta {
  /* 状态提示行 */
  margin: 12px 0;
  display: flex;
  gap: 12px;
  color: var(--muted);
  font-size: 13px;
}

.grid {
  /* 结果区卡片网格 */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 14px;
}

.card {
  /* 单个结果卡片 */
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px;
}

.title {
  /* 卡片标题 */
  margin: 0;
  line-height: 1.4;
}

.sub {
  /* 次要信息文本 */
  margin: 8px 0;
  color: var(--muted);
}

.images {
  /* 图片宫格 */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 8px;
  margin: 10px 0;
}

.images img {
  /* 图片裁切与边框 */
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--line);
}

.torrents {
  /* 种子列表 */
  margin: 8px 0 0;
  padding-left: 16px;
  font-size: 14px;
}

.torrents a {
  /* 种子链接颜色与换行 */
  color: #9ad4ff;
  word-break: break-all;
}

@media (max-width: 900px) {
  /* 移动端：搜索面板改为单列 */
  .search-panel {
    grid-template-columns: 1fr;
  }
}