.sclg-wrap { margin: 1em 0; }
.sclg-cards { display: grid; gap: 12px; }

.sclg-card {
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

.sclg-summaryline {
  list-style: none;
  cursor: pointer;
  padding: 14px 14px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.sclg-summaryline::-webkit-details-marker { display: none; }

.sclg-title {
  font-weight: 700;
  line-height: 1.3;
  min-width: 0;
  text-overflow: ellipsis;
}

.sclg-meta {
  flex: 0 0 auto;
  margin-left: auto;         /* 强制靠右 */
  text-align: right;
  white-space: nowrap;       /* 日期类型不换行 */
  opacity: 0.7;
  font-size: 12px;
}

.sclg-body {
  padding: 0 14px 14px 14px;
  border-top: 1px solid rgba(0,0,0,0.06);
}

.sclg-card[open] .sclg-summaryline {
  background: rgba(0,0,0,0.02);
}

.sclg-card:hover {
  box-shadow: 0 10px 28px rgba(0,0,0,0.09);
  transform: translateY(-1px);
  transition: box-shadow 160ms ease, transform 160ms ease;
}

/* 简单“箭头”效果：用伪元素 */
.sclg-summaryline::after {
  content: "▾";
  opacity: 0.55;
  margin-left: 8px;
  flex: 0 0 auto;
  transform: translateY(1px);
}
.sclg-card[open] .sclg-summaryline::after {
  content: "▴";
}