.page-header[data-astro-cid-tb2ype3o]{background:var(--gradient-hero);color:#fff;padding:var(--space-2xl) var(--space-md);text-align:center}.breadcrumb[data-astro-cid-tb2ype3o]{font-size:.875rem;margin-bottom:var(--space-md);opacity:.8}.breadcrumb[data-astro-cid-tb2ype3o] a[data-astro-cid-tb2ype3o]{color:#fff}.breadcrumb[data-astro-cid-tb2ype3o] span[data-astro-cid-tb2ype3o]{margin:0 var(--space-xs)}.page-header[data-astro-cid-tb2ype3o] h1[data-astro-cid-tb2ype3o]{font-size:2rem;font-weight:700;margin-bottom:var(--space-sm)}.page-header[data-astro-cid-tb2ype3o] p[data-astro-cid-tb2ype3o]{opacity:.9;font-size:1rem}.section[data-astro-cid-tb2ype3o]{padding:var(--space-2xl) var(--space-md);background:var(--color-bg)}.container[data-astro-cid-tb2ype3o]{max-width:1000px;margin:0 auto}.tab-nav[data-astro-cid-tb2ype3o]{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-sm);overflow-x:auto}.tab-btn[data-astro-cid-tb2ype3o]{padding:var(--space-sm) var(--space-lg);background:none;border:none;font-size:.9375rem;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all .2s;white-space:nowrap}.tab-btn[data-astro-cid-tb2ype3o]:hover{background:var(--color-bg-alt);color:var(--color-text)}.tab-btn[data-astro-cid-tb2ype3o].active{background:var(--color-accent);color:#fff}.tab-content[data-astro-cid-tb2ype3o]{display:none}.tab-content[data-astro-cid-tb2ype3o].active{display:block}.chart-section[data-astro-cid-tb2ype3o]{margin-bottom:var(--space-2xl)}.chart-section[data-astro-cid-tb2ype3o] h2[data-astro-cid-tb2ype3o]{font-size:1.25rem;margin-bottom:var(--space-lg);color:var(--color-text)}.pinyin-grid[data-astro-cid-tb2ype3o]{display:grid;gap:var(--space-sm)}.initials-grid[data-astro-cid-tb2ype3o],.finals-grid[data-astro-cid-tb2ype3o]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.pinyin-card[data-astro-cid-tb2ype3o]{background:var(--color-bg-elevated);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;cursor:pointer;transition:all .2s;position:relative}.pinyin-card[data-astro-cid-tb2ype3o]:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pinyin-card[data-astro-cid-tb2ype3o].selected{border-color:var(--color-accent);background:var(--color-info-bg)}.pinyin-char[data-astro-cid-tb2ype3o]{display:block;font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.pinyin-example[data-astro-cid-tb2ype3o]{display:block;font-size:.75rem;color:var(--color-text-muted)}.play-icon[data-astro-cid-tb2ype3o]{position:absolute;top:var(--space-xs);right:var(--space-xs);font-size:.75rem;opacity:0;transition:opacity .2s}.pinyin-card[data-astro-cid-tb2ype3o]:hover .play-icon[data-astro-cid-tb2ype3o]{opacity:1}.combiner-section[data-astro-cid-tb2ype3o]{background:var(--color-bg-elevated);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--color-border-light)}.combiner-section[data-astro-cid-tb2ype3o] h2[data-astro-cid-tb2ype3o]{font-size:1.25rem;margin-bottom:var(--space-xs)}.section-desc[data-astro-cid-tb2ype3o]{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.combiner-display[data-astro-cid-tb2ype3o]{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.combo-box[data-astro-cid-tb2ype3o]{background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:var(--space-lg);min-width:100px;text-align:center}.combo-label[data-astro-cid-tb2ype3o]{display:block;font-size:.6875rem;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.combo-value[data-astro-cid-tb2ype3o]{display:block;font-size:2rem;font-weight:700;color:var(--color-text)}.combo-result[data-astro-cid-tb2ype3o]{background:var(--gradient-primary);color:#fff}.combo-result[data-astro-cid-tb2ype3o] .combo-value[data-astro-cid-tb2ype3o]{color:#fff}.combo-plus[data-astro-cid-tb2ype3o],.combo-equals[data-astro-cid-tb2ype3o]{font-size:1.5rem;color:var(--color-text-muted)}.combo-play-btn[data-astro-cid-tb2ype3o]{padding:var(--space-md) var(--space-xl);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem}.combo-play-btn[data-astro-cid-tb2ype3o]:disabled{opacity:.5;cursor:not-allowed}.tones-section[data-astro-cid-tb2ype3o]{margin-bottom:var(--space-2xl)}.tones-section[data-astro-cid-tb2ype3o] h2[data-astro-cid-tb2ype3o]{font-size:1.25rem;margin-bottom:var(--space-xs)}.tones-grid[data-astro-cid-tb2ype3o]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.tone-card[data-astro-cid-tb2ype3o]{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md)}.tone-visual[data-astro-cid-tb2ype3o]{width:80px;flex-shrink:0}.tone-line[data-astro-cid-tb2ype3o]{width:100%;color:var(--color-accent)}.tone-info[data-astro-cid-tb2ype3o]{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.tone-number[data-astro-cid-tb2ype3o]{font-size:.6875rem;text-transform:uppercase;color:var(--color-accent);font-weight:600}.tone-name[data-astro-cid-tb2ype3o]{font-weight:600;color:var(--color-text)}.tone-desc[data-astro-cid-tb2ype3o]{font-size:.8125rem;color:var(--color-text-muted)}.tone-example[data-astro-cid-tb2ype3o]{font-size:.9375rem;color:var(--color-text);font-family:var(--font-chinese)}.tone-play[data-astro-cid-tb2ype3o]{background:none;border:none;cursor:pointer;font-size:1.25rem;padding:var(--space-sm)}.tone-pairs[data-astro-cid-tb2ype3o]{margin-bottom:var(--space-2xl)}.tone-pairs[data-astro-cid-tb2ype3o] h2[data-astro-cid-tb2ype3o]{font-size:1.25rem;margin-bottom:var(--space-xs)}.pairs-grid[data-astro-cid-tb2ype3o]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.pair-card[data-astro-cid-tb2ype3o]{background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--color-border-light)}.pair-item[data-astro-cid-tb2ype3o]{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-light)}.pair-item[data-astro-cid-tb2ype3o]:last-child{border-bottom:none}.pair-syllable[data-astro-cid-tb2ype3o]{font-size:1.25rem;font-weight:600;color:var(--color-accent)}.pair-meaning[data-astro-cid-tb2ype3o]{color:var(--color-text-secondary)}.rules-section[data-astro-cid-tb2ype3o]{margin-bottom:var(--space-2xl)}.rules-section[data-astro-cid-tb2ype3o] h2[data-astro-cid-tb2ype3o]{font-size:1.25rem;margin-bottom:var(--space-lg)}.rules-list[data-astro-cid-tb2ype3o]{display:flex;flex-direction:column;gap:var(--space-md)}.rule-card[data-astro-cid-tb2ype3o]{display:flex;gap:var(--space-md);background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-border-light)}.rule-number[data-astro-cid-tb2ype3o]{width:40px;height:40px;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.rule-content[data-astro-cid-tb2ype3o] h3[data-astro-cid-tb2ype3o]{font-size:1rem;margin-bottom:var(--space-xs);color:var(--color-text)}.rule-change[data-astro-cid-tb2ype3o]{color:var(--color-accent);font-weight:500;margin-bottom:var(--space-xs)}.rule-example[data-astro-cid-tb2ype3o]{font-size:.875rem;color:var(--color-text-muted)}.practice-section[data-astro-cid-tb2ype3o]{max-width:600px;margin:0 auto}.practice-section[data-astro-cid-tb2ype3o] h2[data-astro-cid-tb2ype3o]{font-size:1.25rem;margin-bottom:var(--space-lg);text-align:center}.practice-card[data-astro-cid-tb2ype3o]{background:var(--color-bg-elevated);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--color-border-light);margin-bottom:var(--space-lg)}.practice-question[data-astro-cid-tb2ype3o]{text-align:center;margin-bottom:var(--space-xl)}.question-label[data-astro-cid-tb2ype3o]{display:block;margin-bottom:var(--space-md);color:var(--color-text-secondary)}.play-question-btn[data-astro-cid-tb2ype3o]{padding:var(--space-md) var(--space-xl);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:1rem}.practice-options[data-astro-cid-tb2ype3o]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.option-btn[data-astro-cid-tb2ype3o]{padding:var(--space-md);background:var(--color-bg-alt);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;transition:all .2s}.option-btn[data-astro-cid-tb2ype3o]:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-info-bg)}.option-btn[data-astro-cid-tb2ype3o].correct{border-color:var(--color-success);background:var(--color-success-bg)}.option-btn[data-astro-cid-tb2ype3o].incorrect{border-color:var(--color-error);background:var(--color-error-bg)}.practice-result[data-astro-cid-tb2ype3o]{text-align:center;margin-bottom:var(--space-lg);font-size:1.125rem;font-weight:600}.result-correct[data-astro-cid-tb2ype3o]{color:var(--color-success)}.result-incorrect[data-astro-cid-tb2ype3o]{color:var(--color-error)}.next-btn[data-astro-cid-tb2ype3o]{display:block;margin:0 auto}.practice-stats[data-astro-cid-tb2ype3o]{display:flex;justify-content:center;gap:var(--space-xl)}.stat-item[data-astro-cid-tb2ype3o]{text-align:center}.stat-value[data-astro-cid-tb2ype3o]{display:block;font-size:1.5rem;font-weight:700;color:var(--color-accent)}.stat-label[data-astro-cid-tb2ype3o]{font-size:.8125rem;color:var(--color-text-muted)}@media (max-width: 768px){.combiner-display[data-astro-cid-tb2ype3o]{flex-direction:column}.combo-plus[data-astro-cid-tb2ype3o],.combo-equals[data-astro-cid-tb2ype3o]{transform:rotate(90deg)}.practice-options[data-astro-cid-tb2ype3o]{grid-template-columns:1fr}}