/* activity.css —— 心理活动模块样式（莫兰迪薰衣草配色）
   说明：.rec-* / .stu-* / .dt-* 为通用样式，已在 counsel.css / assessment.css / archive.css 定义；
   本文件仅定义活动栏目专属类（容器、类型标签、表单）。 */

.activity{ max-width:1200px; margin:0 auto; }

/* 模块标题 + 工具栏（复用 .rec-header / .rec-toolbar / .filter-input / .btn，此处仅补充间距） */
.activity .rec-header{ margin-bottom:12px; }
.activity .act-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:6px 0 14px;
}
.activity .act-tab{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 13px;
  font-size:13px;
  color:var(--ink);
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:999px;
  cursor:pointer;
  transition:all .15s;
}
.activity .act-tab:hover{ border-color:var(--brand); }
.activity .act-tab.on{
  color:#fff;
  background:var(--brand);
  border-color:var(--brand);
  font-weight:600;
}
.activity .act-tab-ic{ display:inline-flex; }
.activity .act-tab-ic svg{ width:15px; height:15px; fill:currentColor; }

/* 按学生筛选 */
.activity .act-stu-filter{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.activity .act-stu-filter > label{ font-size:13px; color:var(--muted); flex:none; }
.activity .act-stu-filter .stu-search{ flex:1; min-width:220px; max-width:420px; }

/* 表单 */
.activity .act-form{ display:flex; flex-direction:column; gap:14px; }
.activity .act-stu-field > label{ font-size:12px; color:var(--muted); display:block; margin-bottom:4px; }
.activity .act-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 16px;
}
.activity .act-fields .fld-full{ grid-column:1 / -1; }

/* 详情 */
.activity .act-detail .ar-head{ margin-bottom:12px; }

/* 窄屏：表单单列 */
@media(max-width:640px){
  .activity .act-fields{ grid-template-columns:1fr; }
  .activity .act-tab{ flex:1 1 auto; justify-content:center; }
}