/* =========================
   布局：主列 + 侧栏（Sticky）
   ========================= */
.sr-archive-layout{
  display:flex;
  gap:24px;
}

/* 父容器不阻断 sticky */
.sr-archive-layout,
.sr-archive-side { overflow: visible; transform: none; }

/* 主列占满剩余空间；避免被内部 flex 子项撑破 */
.sr-archive-main{
  flex:1 1 0%;
  min-width:0;
  overflow:visible;
}

/* 侧栏：固定宽度 + 粘滞跟随 */
.sr-archive-side{
  flex:0 0 320px;
  max-width:320px;
  position: sticky;
  top:24px;
  align-self:flex-start;
  height:max-content;
  overflow:visible;
}

/* Pad 及以下：取消 sticky，侧栏自然流动 */
@media (max-width:1024px){
  .sr-archive-layout{ flex-direction:column; }
  .sr-archive-side{
    position:static;
    top:auto;
    max-width:100%;
    flex:0 0 auto;
  }
  /* 主题侧栏小工具容器防抖 */
  .sr-archive-side .cs-sidebar__inner{
    position: static !important;
    top: auto !important;
    height: auto !important;
  }
}

/* =========================
   头部与筛选表单（两排）
   ========================= */
.sr-archive-head{ margin-bottom:18px; }
.sr-filter{ display:block; }

/* 第一排限制在容器内，防止越界 */
.sr-archive .sr-filter-row:first-of-type{ max-width:100%; }

/* 覆盖主题把控件拉到 100% 宽 */
.sr-archive .sr-filter .sr-input,
.sr-archive .sr-filter .sr-select{
  width:auto !important;
  max-width:100%;
  box-sizing:border-box;
}

/* 行内布局（两排都一样） */
.sr-filter-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
  width:100%;
  max-width:100%;
}



/* 统一表单控件尺寸与样式 */
:root{
  --sr-field-h: 44px;
  --sr-field-br: 10px;
  --sr-field-bd: #E5E7EB;
  --sr-field-bg: #fff;
  --sr-field-fz: 15px;
  unicode-bidi: isolate; /* 仅为过检，不影响样式 */
}

/* 搜索输入与下拉统一高度/圆角/边框 */
.sr-input,
.sr-select{
  height:var(--sr-field-h);
  min-height:var(--sr-field-h);
  border:1px solid var(--sr-field-bd);
  border-radius:var(--sr-field-br);
  background:var(--sr-field-bg);
  font-size:var(--sr-field-fz);
  line-height:1.2;
  outline:none;
  box-sizing:border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

.sr-filter-row:first-of-type .sr-input{
  flex:1 1 0%;
  min-width:0;
  padding:0 14px;
}
.sr-input::placeholder{ color:#9CA3AF; }

.sr-select{
  flex:1 1 0%;
  min-width:160px;
  padding:0 12px;
}

/* 焦点态 */
.sr-input:focus,
.sr-select:focus{ border-color:#111; }

.sr-btn {
  flex: 0 0 auto;
  height: var(--sr-field-h);
  padding: 0 18px;
  border-radius: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-sizing: border-box; /* 关键：width 包含 padding */
  width: 80px;            /* ← 固定宽度 */
}

.sr-btn--primary { background: #111; color: #fff; border: 1px solid #111; }
.sr-btn--primary:hover { background: #000; }
.sr-btn--ghost   { background: #fff; color: #111; border: 1px solid #E5E7EB; }
.sr-btn--ghost:hover { background: #F6F7F9; }

/* 手机更稳：第二排下拉两列 */
@media (max-width:640px){
  .sr-select{ flex:1 1 48%; }
}

/* =========================
   列表卡片：左图右文
   ========================= */
.sr-list{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.sr-card{
  display: grid;
  grid-template-columns: 220px 1fr; /* 左图固定，右侧自适应 */
  gap: 16px;
  align-items: stretch;

  /* 修改点 ↓ */
  border-radius: 0;   /* 去掉圆角 */
  background: none;   /* 不要背景色 */
  border: none;       /* 确认无边框 */
  box-shadow: none;   /* 去掉阴影 */
}

/* 左侧封面 */
.sr-card__media{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  display:block;
}
.sr-card__img{
  width:100%;
  height:100%;
  min-height:160px;         /* 避免太扁 */
  object-fit:cover;
  display:block;
  background:#f5f6f7;
}
/* 悬浮评分角标 */
.sr-card__score {
  position: absolute;
  top: 10px;        /* → 改为右上角 */
  right: 10px;
  left: auto;
  bottom: auto;
  display: flex;    /* 居中文字 */
  align-items: center;
  justify-content: center;
  width: 40px;      /* 固定圆形尺寸，可以按需要调节 */
  height: 40px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 16px;
  color: #111;      /* 渐变背景里建议改为深色字体 */
  line-height: 1;
  background: linear-gradient(135deg, #12fff7, #b3ffab);
  border: 2px solid #000;
  box-sizing: border-box; /* 确保边框不会把整体撑大 */
}

/* 右侧信息 */
.sr-card__body{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.sr-card__title{
  font-size:18px;
  line-height:1.35;
  margin:0;
  font-weight:700;
}
.sr-card__title a{ color:inherit; text-decoration:none; }
.sr-card__title a:hover{ text-decoration:underline; }

.sr-card__meta{
  color:#6B7280;
  font-size:15px;
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sr-card__cost{
  font-size:15px;
  color:#6B7280;
}

.sr-card__review {
  border-left: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.sr-card__actions{
  margin-top:8px;
}

/* 让“查看详情”小按钮靠右时不换行 */
.sr-more{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:600;
}

/* 响应式：平板/手机时缩小左图宽度或改为上下布局 */
@media (max-width:1024px){
  .sr-card{
    grid-template-columns: 180px 1fr;
  }
}
@media (max-width:640px){
  .sr-card{
    grid-template-columns: 1fr;
  }
  .sr-card__img{ min-height:180px; }
}