/* 安小助 · 资料下载（第二十四应用）：原创自评表/问卷/课件，任何人免登录下载。
   视觉：靛蓝渐变 hero（tone files）+ 说明横幅 + 行式资料卡（整卡点击即下载）。 */

.tool-hero.is-files { background: linear-gradient(135deg, #4f46e5 0%, #4338ca 55%, #3730a3 100%); }
.tool-hero.is-files .tool-hero-ico { color: #c7d2fe; }

/* 顶部说明横幅 */
.fl-banner { display: flex; align-items: flex-start; gap: 10px; margin: 14px 16px 4px; padding: 12px 14px; border-radius: 12px; background: #eef2ff; border: 1px solid #e0e7ff; color: #3730a3; }
.fl-banner svg { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 2px; color: #4f46e5; }
.fl-banner p { margin: 0; font-size: 13px; line-height: 1.7; }
.fl-banner b { color: #312e81; }

/* 资料列表 */
.fl-feed { display: flex; flex-direction: column; gap: 10px; padding: 12px 16px 24px; }

/* 资料卡：整卡按钮，点击即下载 */
.fl-card { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; padding: 14px; border-radius: 14px; background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); cursor: pointer; transition: transform .15s ease, box-shadow .18s ease, border-color .18s ease; }
.fl-card:hover { border-color: #a5b4fc; box-shadow: 0 4px 14px rgba(79, 70, 229, .12); transform: translateY(-1px); }
.fl-card:active { transform: translateY(0); }

.fl-card-ico { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #eef2ff, #e0e7ff); color: #4f46e5; }
.fl-card-ico svg { width: 22px; height: 22px; }

.fl-card-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.fl-card-title { font-size: 15px; font-weight: 600; color: #0f172a; line-height: 1.45; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.fl-card-note { font-size: 12px; color: #64748b; line-height: 1.55; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.fl-card-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 11.5px; color: #94a3b8; margin-top: 2px; }
.fl-card-meta i { font-style: normal; display: inline-flex; align-items: center; gap: 4px; }
.fl-ext { font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: .04em; color: #4f46e5; background: #eef2ff; border-radius: 4px; padding: 1px 5px; }

.fl-card-go { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: #4f46e5; color: #fff; }
.fl-card-go svg { width: 17px; height: 17px; }

/* 空态 / 加载中 */
.fl-empty { text-align: center; padding: 44px 16px; color: #94a3b8; font-size: 13px; }

/* 下载中按钮态 */
.fl-card.is-busy { opacity: .62; pointer-events: none; }
.fl-card.is-busy .fl-card-go { background: #818cf8; }

/* PC 端：列表限宽居中，卡片双列 */
@media (min-width: 760px) {
  .fl-banner { max-width: 860px; margin-inline: auto; }
  .fl-feed { max-width: 860px; margin-inline: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: stretch; }
}