/* ============================================================================
 * clib-skin-studyroom-v1.css — 换皮 · 自习室首屏「找房间 / 训练营」两块（配合 studyroom-skin.js）
 * ----------------------------------------------------------------------------
 * 两张卡，节奏与工具合集同源：卡内 padding 16 · 行/段间 12 · 胶囊 8 · 卡间距 16。
 * 全宽度生效（DOM 一搬，"直接子元素"那类选择器会失配，窄屏也得吃这份样式）。
 * 回退：删 index.html 里那一行 <link>（连同 studyroom-skin.js 那行 <script>）。
 * ========================================================================== */

#fdeRoomFind,
#fdeRoomCamp {
  border: 1px solid #E8E8ED;
  border-radius: 18px;
  background: #fff;
  padding: 16px;
  margin: 16px 0 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ① 找房间：页签行 / 搜索筛选行 / 广场头 —— 卡内三行，纵向 12 节奏 */
#fdeRoomFind > * { margin: 0 !important; }
#fdeRoomFind > * + * {
  padding-top: 12px;
  border-top: 1px solid #E8E8ED;
}

/* ② 训练营：横排三段（宽屏），窄屏自动折行 */
#fdeRoomCamp {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
#fdeRoomCamp > * {
  flex: 1 1 320px;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* 段与段之间给一条细分隔（只给非首段） */
#fdeRoomCamp > * + * {
  padding-left: 12px !important;
  border-left: 1px solid #E8E8ED !important;
}