.category-sidebar .nav-link{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);font-size:.85rem;color:var(--text-muted);transition:all var(--transition-fast)}.category-sidebar .nav-link:hover{background:rgba(232,93,76,0.08);color:var(--primary)}.category-sidebar .nav-link.active{background:var(--primary) !important;color:white !important}.pinyin-group-title{color:var(--primary-light);border-bottom:1px dashed var(--border-light);padding-bottom:8px;margin:24px 0 16px;font-size:1.1rem;font-weight:700}.pinyin-group-title:first-child{margin-top:0}.content-card{scroll-snap-align:start;scroll-margin-top:120px}.intro-text{font-size:.9rem;line-height:1.8;color:var(--text-muted);background:#fdfcfb;padding:15px;border-radius:var(--radius-md);margin-bottom:25px;border-left:4px solid var(--accent)}.content-card{padding:25px 25px 25px 25px}.list-section{margin-bottom:3.5rem;scroll-snap-align:start;scroll-margin-top:100px}.list-header{font-size:1.15rem;font-weight:600;color:var(--text-sub);margin-bottom:1.5rem;display:flex;align-items:center}.list-header::after{content:"";flex:1;height:1px;background:#e2e8f0;margin-left:1rem}.name-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.name-card{background:#fff;border:1px solid var(--border-color);border-radius:4px;padding:1.25rem;text-align:center;height:100%;transition:transform .2s ease}.name-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px rgba(0,0,0,0.03)}.pinyin{font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem;letter-spacing:1px}.name-text{font-size:1.6rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.element-label{font-size:.75rem;color:var(--text-muted);background-color:#f7fafc;padding:2px 8px;border-radius:2px;border:1px solid #e2e8f0;display:inline-block;margin-bottom:.75rem}.meaning{font-size:.875rem;color:#4a5568;margin-bottom:1.25rem;line-height:1.5;min-height:1.5rem}.btn-action{font-size:.75rem;padding:4px 10px;border-radius:2px;text-decoration:none;transition:all .2s}.btn-like{color:#e53e3e;border:1px solid #fed7d7;background-color:#fff5f5;margin-right:5px}.btn-like:hover{background-color:#e53e3e;color:#fff}.btn-test{color:#3182ce;border:1px solid #bee3f8;background-color:#ebf8ff}.btn-test:hover{background-color:#3182ce;color:#fff}.accordion-item{border-radius:12px !important;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.accordion-button:not(.collapsed){background-color:#f8f9ff;color:#0d6efd;box-shadow:none}.accordion-button:focus{box-shadow:none}.faq-section h3{font-size:1rem}.accordion-body{line-height:1.8;background-color:#fcfcfc}.form-label-custom{display:block;margin-bottom:.3rem}