[Perl] DAQ system for the FAPG.

style add hover effect to quick-reading cards on homepage

Cards now lift slightly, show a shadow, and highlight their border on hover to indicate they are clickable links.

Commit
4c9eac1e1c6280a16c000371f1adcf3e125f5129
Author
GPT-5 medium <codex@openai.com>
Author date
Committer
GPT-5 medium <codex@openai.com>
Committer date
roles/dashboard/public/css/app.css
index 2454aa41..f17ce164 100644..100644
@@ -231,6 +231,21 @@
231 231 /* ----------------------------------------------------------------
232 232 Reading range bar (home page quick-reading cards)
233 233 ---------------------------------------------------------------- */
234 Added: .reading-quick-link {
235 Added: transition: transform 0.15s ease, box-shadow 0.15s ease;
236 Added: border-radius: var(--bs-card-border-radius);
237 Added: cursor: pointer;
238 Added: }
239 Added:
240 Added: .reading-quick-link:hover {
241 Added: transform: translateY(-2px);
242 Added: box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
243 Added: }
244 Added:
245 Added: .reading-quick-link:hover .card {
246 Added: border-color: var(--fapg-accent);
247 Added: }
248 Added:
234 249 .reading-quick-item {
235 250 --range-gradient: linear-gradient(90deg, #b42318 0%, #e8a308 35%, #276749 50%, #e8a308 65%, #b42318 100%);
236 251 }