.guanyin-learning-page{padding:2rem 1rem;max-width:900px;margin:0 auto;animation:fadeIn .5s ease-out}.guanyin-learning-page .page-header{margin-bottom:1.5rem}.guanyin-learning-page .back-link{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-primary, #2FA4A9);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-md);background:var(--bg-tertiary);font-weight:600;transition:all .2s}.guanyin-learning-page .back-link:hover{background:var(--bg-card);color:var(--text-primary)}.guanyin-header{text-align:center;margin-bottom:2rem;position:relative}.guanyin-header h1{font-size:2rem;color:var(--text-primary);margin:.5rem 0;font-weight:700}.guanyin-header p{color:var(--text-secondary);font-size:.95rem;max-width:600px;margin:0 auto}.guanyin-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);flex-wrap:wrap}.guanyin-stats .stat-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.guanyin-filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md)}.guanyin-filters .search-box{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md)}.guanyin-filters .search-box svg{color:var(--text-secondary)}.guanyin-filters .search-box input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;outline:none}.guanyin-filters .search-box input::-moz-placeholder{color:var(--text-secondary)}.guanyin-filters .search-box input::placeholder{color:var(--text-secondary)}.guanyin-filters .level-filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.guanyin-filters .level-filters button{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.guanyin-filters .level-filters button:hover{background:var(--bg-card);border-color:#c9a227;color:var(--text-primary)}.guanyin-filters .level-filters button.active{background:#c9a227;border-color:#c9a227;color:#1a1a2e;font-weight:600}.guanyin-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.guanyin-card{display:flex;gap:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-decoration:none;transition:all .25s;position:relative;overflow:hidden}.guanyin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c9a227,#a67c00);opacity:0;transition:opacity .25s}.guanyin-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #c9a22726;border-color:#c9a22766}.guanyin-card:hover:before{opacity:1}.guanyin-card .sign-number{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;flex-shrink:0}.guanyin-card .sign-content{flex:1;min-width:0}.guanyin-card .sign-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.guanyin-card .sign-level{font-weight:600;font-size:.9rem}.guanyin-card .sign-story{color:var(--text-secondary);font-size:.8rem}.guanyin-card .sign-poem{color:var(--text-primary);font-size:.95rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guanyin-card .sign-meaning{color:var(--text-secondary);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-results{text-align:center;padding:3rem;color:var(--text-secondary)}@media(max-width:768px){.guanyin-learning-page{padding:1rem .5rem}.guanyin-header h1{font-size:1.5rem}.guanyin-stats{gap:1rem}.guanyin-list{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}