.geomancy-learning-page{padding:2rem 1rem;max-width:900px;margin:0 auto;animation:fadeIn .5s ease-out}.page-header{margin-bottom:2rem}.page-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:#8b7355;text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-md);background:var(--bg-tertiary);font-weight:600;transition:all .2s;margin-bottom:1rem}.page-header .back-link:hover{background:var(--bg-card);color:var(--text-primary)}.header-content{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#8b73551a,#8b73550d);border-radius:var(--radius-lg);border:1px solid rgba(139,115,85,.2)}.header-content h1{font-size:2rem;color:#8b7355;margin:0 0 .5rem}.header-content p{margin:0;color:var(--text-secondary)}.intro-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.intro-section h2{font-size:1.2rem;color:var(--text-primary);margin:0 0 .5rem}.intro-section .aliases{font-size:.85rem;color:var(--text-muted);margin:0 0 1rem}.intro-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.8;margin:0 0 1rem;text-align:justify}.intro-content p:last-child{margin-bottom:0}.stats-bar{display:flex;gap:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:1.5rem;overflow-x:auto}.stat-item{flex:1;text-align:center;min-width:60px}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--element-color, #8b7355)}.stat-label{font-size:.75rem;color:var(--text-secondary)}.filter-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);flex:1;min-width:200px}.search-box svg{color:var(--text-muted)}.search-box input{border:none;background:transparent;outline:none;flex:1;font-size:.9rem;color:var(--text-primary)}.element-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.element-tabs .tab{padding:.5rem 1rem;border:1px solid var(--border-light);background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;color:var(--text-secondary);transition:all .2s}.element-tabs .tab:hover{background:var(--bg-tertiary)}.element-tabs .tab.active{background:var(--element-color, #8b7355);color:#fff;border-color:var(--element-color, #8b7355)}.element-group{margin-bottom:2rem}.group-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:1rem;border-left:4px solid var(--element-color)}.group-icon{width:40px;height:40px;border-radius:50%;background:var(--element-color);display:flex;align-items:center;justify-content:center;color:#fff}.group-info h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.group-theme{font-size:.8rem;color:var(--text-secondary)}.group-count{margin-left:auto;font-size:.85rem;color:var(--text-muted)}.figures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.figure-card{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.figure-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--element-color)}.figure-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.figure-card.favorable{border-color:#22c55e4d}.figure-card.unfavorable{border-color:#ef44444d}.card-pattern{font-family:monospace;font-size:.9rem;line-height:1.2;color:var(--element-color);margin-bottom:.75rem;text-align:center}.pattern-line{height:1.2em}.card-info{text-align:center}.figure-name{font-size:.85rem;color:var(--text-primary);margin:0 0 .25rem;font-weight:600}.figure-namecn{font-size:1rem;color:var(--text-primary);margin:0 0 .5rem;font-weight:700}.figure-meta{font-size:.75rem;color:var(--text-muted)}.figure-planet{padding:.2rem .5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.no-results{text-align:center;padding:3rem;color:var(--text-secondary)}@media(max-width:768px){.geomancy-learning-page{padding:1rem .5rem}.header-content h1{font-size:1.5rem}.stats-bar{flex-wrap:wrap}.stat-item{min-width:50px}.filter-bar{flex-direction:column}.figures-grid{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}