/* 资料库模块样式：复用全局 .rec-card 视觉风格，补充分类标签栏与链接/标签专属样式 */

.library{ }

/* 分类标签栏 */
.lib-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.lib-tabs .act-tab{
  display:inline-flex; align-items:center; gap:6px;
  padding:7px 14px; border-radius:999px; cursor:pointer; user-select:none;
  background:var(--panel); border:1px solid var(--line); color:var(--ink);
  font-size:13px; transition:background .15s, color .15s;
}
.lib-tabs .act-tab:hover{ background:var(--brand-soft); }
.lib-tabs .act-tab.on{ background:var(--brand); color:#fff; border-color:var(--brand); }
.lib-tabs .act-tab-ic{ width:16px; height:16px; display:inline-flex; }
.lib-tabs .act-tab-ic svg{ width:16px; height:16px; fill:currentColor; }

/* 卡片内的类型小标签（右对齐） */
.rec-type{ margin-left:auto; font-size:12px; color:var(--muted); }

/* 标签 chips */
.rec-tags{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.rec-tag.sub{
  background:var(--brand-soft); color:var(--brand-deep);
  font-size:11px; padding:2px 8px; border-radius:999px; font-weight:500;
}

/* 外部链接 */
.lib-link a{ color:var(--brand-deep); text-decoration:underline; word-break:break-all; }
.lib-link a:hover{ color:var(--brand); }

/* 表单内联提示 */
.hint-inline{ font-size:12px; color:var(--muted); font-weight:400; margin-left:6px; }

/* 详情头部 */
.lib-detail .ar-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:14px; }
.lib-detail .ar-stu{ font-size:16px; font-weight:600; color:var(--ink); }
.lib-detail .ar-scale{ font-size:12px; color:var(--muted); margin-top:3px; }

/* 窄屏：分类标签可横向滚动，避免挤占 */
@media (max-width: 600px){
  .lib-tabs{ flex-wrap:nowrap; overflow-x:auto; padding-bottom:6px; }
  .lib-tabs .act-tab{ flex:0 0 auto; }
}

/* 文件附件相关样式 */
.lib-field-file input[type="file"]{ display:block; margin-bottom:6px; font-size:14px; }
.lib-file-hint{ font-size:12px; color:var(--muted); }
.lib-link{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.lib-link svg, .lib-dl svg{ width:16px; height:16px; fill:var(--brand-deep); flex:0 0 auto; }
.lib-file-name{ word-break:break-all; }
.lib-file-size{ color:var(--muted); font-size:12px; }
.lib-dl{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--brand-soft); color:var(--brand-deep);
  padding:8px 12px; border-radius:8px; text-decoration:none; cursor:pointer;
}
.lib-dl:hover{ background:var(--brand); color:#fff; }
.lib-dl:hover svg{ fill:#fff; }