.rune-learning-page{padding:2rem 1rem;max-width:900px;margin:0 auto;animation:fadeIn .5s ease-out}.rune-header{text-align:center;margin-bottom:2rem;position:relative}.rune-header .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}.rune-header .back-link:hover{background:var(--bg-card);color:var(--text-primary)}.rune-header h1{font-size:2rem;color:var(--text-primary);margin:.5rem 0;font-weight:700}.rune-header p{color:var(--text-secondary);font-size:.95rem;max-width:600px;margin:0 auto}.rune-intro-section{margin-bottom:1.5rem}.rune-intro-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden}.rune-intro-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d4af37,#f5d669,#d4af37)}.rune-intro-card h2{margin:0 0 .5rem;font-size:1.2rem;color:var(--text-primary);font-weight:600}.rune-intro-card .intro-aliases{margin:0 0 1rem;font-size:.9rem;color:#d4af37;font-style:italic}.rune-intro-card .intro-content{margin:0;font-size:.95rem;color:var(--text-secondary);line-height:2;text-align:justify;white-space:pre-line}.rune-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}.rune-stats .stat-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.rune-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)}.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)}.search-box svg{color:var(--text-secondary);flex-shrink:0}.search-box input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;outline:none}.search-box input::-moz-placeholder{color:var(--text-secondary)}.search-box input::placeholder{color:var(--text-secondary)}.aett-filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.aett-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}.aett-filters button:hover{background:var(--bg-card);border-color:var(--filter-color, #d4af37);color:var(--text-primary)}.aett-filters button.active{background:var(--filter-color, #d4af37);border-color:var(--filter-color, #d4af37);color:#1a1a2e;font-weight:600}.aett-section{margin-bottom:2.5rem}.aett-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid}.aett-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.aett-title h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.aett-title p{margin:0;font-size:.8rem;color:var(--text-secondary)}.aett-count{margin-left:auto;font-size:.85rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:var(--radius-md)}.rune-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.rune-grid.single-section{max-width:100%}.rune-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .25s;position:relative;overflow:hidden}.rune-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--aett-color);opacity:0;transition:opacity .25s}.rune-card:hover{transform:translateY(-4px);border-color:var(--aett-color);box-shadow:0 12px 32px #d4af3726}.rune-card:hover:before{opacity:1}.rune-glyph{font-size:2.5rem;color:var(--aett-color);margin-bottom:.75rem}.rune-info{text-align:center;width:100%}.rune-name{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.25rem}.rune-name .name-en{font-size:1rem;font-weight:600;color:var(--text-primary)}.rune-name .name-cn{font-size:.8rem;color:var(--text-secondary)}.rune-phonetic{font-size:.75rem;color:var(--text-muted, var(--text-secondary));margin-bottom:.5rem}.rune-keywords{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.rune-keywords .keyword{font-size:.7rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.15rem .4rem;border-radius:var(--radius-sm, 4px)}.symmetrical-badge{position:absolute;top:.5rem;right:.5rem;font-size:.9rem;color:var(--aett-color);opacity:.7}.no-results{text-align:center;padding:3rem;color:var(--text-secondary)}@media(max-width:768px){.rune-learning-page{padding:1rem .5rem}.rune-header h1{font-size:1.5rem;margin-top:2.5rem}.rune-stats{gap:1rem}.rune-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.rune-card{padding:1rem .75rem}.rune-glyph{font-size:2rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}