.fr{display:grid;gap:28px}
.fr-hero{padding:26px 24px;border-radius:22px;background:radial-gradient(420px 180px at 100% 0,rgba(52,211,153,.3),transparent 70%),linear-gradient(135deg,#065f46,#0f766e);color:#fff}
.fr-hero h1{font-size:1.6rem;font-weight:900}
.fr-hero p{margin-top:6px;color:#d1fae5;font-size:.92rem;line-height:1.9}
.fr-sec h2{margin-bottom:12px;font-size:1.15rem;font-weight:900;color:#1c1917}
.fr-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;margin:0;padding:0}
.fr-card{display:flex;align-items:center;gap:12px;height:100%;padding:8px;border:1px solid #e7e5e4;border-radius:14px;background:#fff;transition:.15s}
.fr-card:hover{border-color:#6ee7b7;box-shadow:0 10px 24px -18px rgba(6,95,70,.6)}
.fr-card img,.fr-ph{flex:none;width:64px;height:64px;border-radius:10px;object-fit:cover;background:#f5f5f4}
.fr-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.fr-tx b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.88rem;line-height:1.7;color:#1c1917}
.fr-tx small{font-size:.75rem;color:#78716c}
.fr-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.fr-list a{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid #e7e5e4;border-radius:12px;background:#fff}
.fr-list a:hover{border-color:#6ee7b7}
.fr-list b{font-size:.88rem;font-weight:700;color:#0f6e56;line-height:1.7}
.fr-list small{flex:none;font-size:.75rem;color:#78716c}
.tf-fresh{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:5px 14px;border-radius:999px;background:rgba(52,211,153,.14);color:#047857;font-size:13px;font-weight:800}
@media (max-width:640px){.fr-grid,.fr-list{grid-template-columns:1fr}.fr-list a{flex-direction:column;gap:2px}}