/**
 * find.css —— 前台「发现」页（v1.9.97）
 * 只服务 /find-index.html。配色走 home.css 的主题变量，暗色不需要另写一份。
 *
 * ⚠️ 卡片本身是 <a>：pg-ui.css 的 a:hover{color:#0a58ca} 权重比 .fd-card:hover 高，
 *    任何 hover 改色的地方都必须在这条选择器里把 color 重申一遍，否则标题会变蓝。
 */
.fd-panel{margin:18px 0 30px}
.fd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:12px;padding:16px 18px 18px}

.fd-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border-soft);
    border-radius:var(--radius);background:var(--card);color:var(--text);
    transition:border-color .16s,box-shadow .16s,transform .16s}
.fd-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-1px);color:var(--text)}
.fd-ic{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;
    background:var(--primary-light);color:var(--primary);font-size:19px}
.fd-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.fd-txt b{font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-txt small{font-size:12px;line-height:1.6;color:var(--text-2);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fd-mark{display:inline-flex;align-items:center;gap:8px;font-style:normal;font-size:11.5px;color:var(--text-3);margin-top:2px}
.fd-mark i{font-size:12px;margin-right:2px}
.fd-mark:empty{display:none}
.fd-go{flex:0 0 auto;color:var(--text-3);font-size:16px}
.fd-card:hover .fd-go{color:var(--primary)}
/* 地址还没接上的入口（配置里 url 是 #）：压暗、不给 hover 位移，点了不动 */
.fd-card.is-soon{background:var(--bg);color:var(--text-3)}
.fd-card.is-soon:hover{border-color:var(--border-soft);box-shadow:none;transform:none;color:var(--text-3)}

@media(max-width:1000px){
    .fd-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:14px}
}
@media(max-width:560px){
    .fd-grid{grid-template-columns:minmax(0,1fr);padding:12px}
    .fd-card{padding:12px}
}