.rfe-library { max-width:1200px; margin:2rem auto; padding:0 1.5rem; font-family:'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif; }
.rfe-header { text-align:center; margin-bottom:3rem; }
.rfe-title { font-size:2.2rem; color:#17965f; margin-bottom:1rem; font-weight:700; }
.rfe-subtitle { font-size:1.05rem; color:#666; max-width:750px; margin:0 auto; line-height:1.7; }

/* 網格系統：電腦版 3 列，手機版 1 列 */
.rfe-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:2rem; }
@media (max-width: 992px) { .rfe-grid { grid-template-columns:repeat(2, 1fr); } }
@media (max-width: 768px) { .rfe-grid { grid-template-columns:1fr; } }

.rfe-card { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 15px rgba(0,0,0,0.06); transition:all 0.3s ease; border:1px solid #eee; display:flex; flex-direction:column; position: relative; }
.rfe-card:hover { transform:translateY(-6px); box-shadow:0 10px 30px rgba(0,0,0,0.12); }

.rfe-year-badge { position: absolute; top: 10px; right: 10px; background: #4361ee; color: #fff; padding: 4px 10px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; z-index: 2; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }

.rfe-cover { height:220px; background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.rfe-cover img { width:100%; height:100%; object-fit:cover; transition:transform 0.3s ease; }
.rfe-card:hover .rfe-cover img { transform:scale(1.05); }
.rfe-placeholder { font-size:4rem; opacity:0.3; }

.rfe-info { padding:1.5rem; flex-grow:1; display:flex; flex-direction:column; }
.rfe-card-title { font-size:1.2rem; margin:0 0 0.8rem; color:#111; font-weight:700; line-height:1.3; }
.rfe-meta { display:flex; gap:1rem; margin-bottom:1rem; font-size:0.9rem; color:#17965f; font-weight:600; }
.rfe-desc { font-size:0.95rem; color:#666; line-height:1.6; margin-bottom:1.5rem; flex-grow:1; }
.rfe-actions { display:flex; gap:0.8rem; margin-top:auto; }
.rfe-btn { flex:1; text-align:center; padding:0.8rem; border-radius:8px; text-decoration:none; font-weight:600; font-size:0.9rem; transition:all 0.2s; }
.rfe-btn-primary { background:#17965f; color:#fff; }
.rfe-btn-primary:hover { background:#127a4d; }
.rfe-btn-secondary { background:#f0fdf4; color:#17965f; border:2px solid #17965f; }
.rfe-btn-secondary:hover { background:#dcfce7; }
.rfe-empty { text-align:center; padding:3rem; color:#666; font-size:1.1rem; grid-column: 1 / -1; }