.reference-page[data-astro-cid-ipm6aukw]{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.page-header[data-astro-cid-ipm6aukw]{text-align:center;margin-bottom:var(--spacing-3xl)}.page-header[data-astro-cid-ipm6aukw] h1[data-astro-cid-ipm6aukw]{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.page-header[data-astro-cid-ipm6aukw] p[data-astro-cid-ipm6aukw]{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.quiz-overview[data-astro-cid-ipm6aukw]{margin-bottom:var(--spacing-3xl)}.quiz-overview[data-astro-cid-ipm6aukw] h2[data-astro-cid-ipm6aukw]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-xl)}.quiz-grid[data-astro-cid-ipm6aukw]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.quiz-summary-card[data-astro-cid-ipm6aukw]{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.quiz-summary-card[data-astro-cid-ipm6aukw]:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quiz-header[data-astro-cid-ipm6aukw]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.quiz-icon[data-astro-cid-ipm6aukw]{font-size:var(--font-size-3xl)}.quiz-summary-card[data-astro-cid-ipm6aukw] h3[data-astro-cid-ipm6aukw]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.quiz-description[data-astro-cid-ipm6aukw]{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.quiz-stats[data-astro-cid-ipm6aukw]{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stat[data-astro-cid-ipm6aukw]{display:flex;gap:var(--spacing-xs)}.stat-label[data-astro-cid-ipm6aukw]{color:var(--color-text-secondary)}.stat-value[data-astro-cid-ipm6aukw]{font-weight:var(--font-weight-semibold);color:var(--color-text)}.quiz-link[data-astro-cid-ipm6aukw]{display:inline-block;color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.quiz-link[data-astro-cid-ipm6aukw]:hover{text-decoration:underline}.pinyin-reference[data-astro-cid-ipm6aukw] h2[data-astro-cid-ipm6aukw]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-xl)}.reference-section[data-astro-cid-ipm6aukw]{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.reference-section[data-astro-cid-ipm6aukw] h3[data-astro-cid-ipm6aukw]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.tone-grid[data-astro-cid-ipm6aukw]{display:grid;gap:var(--spacing-md)}.tone-item[data-astro-cid-ipm6aukw]{display:flex;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md)}.tone-number[data-astro-cid-ipm6aukw]{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-full);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.tone-details[data-astro-cid-ipm6aukw] strong[data-astro-cid-ipm6aukw]{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text)}.tone-details[data-astro-cid-ipm6aukw] p[data-astro-cid-ipm6aukw]{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.neutral-tone-info[data-astro-cid-ipm6aukw] p[data-astro-cid-ipm6aukw]{color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-md) 0}.neutral-tone-info[data-astro-cid-ipm6aukw] ul[data-astro-cid-ipm6aukw]{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-xl);color:var(--color-text-secondary);line-height:1.8}.neutral-tone-info[data-astro-cid-ipm6aukw] li[data-astro-cid-ipm6aukw]{margin-bottom:var(--spacing-sm)}.neutral-tone-info[data-astro-cid-ipm6aukw] strong[data-astro-cid-ipm6aukw]{color:var(--color-text)}.neutral-tone-tip[data-astro-cid-ipm6aukw]{padding:var(--spacing-md);background:#4a90e21a;border-radius:var(--radius-md);border-left:4px solid var(--color-primary);font-style:italic}.confusion-grid[data-astro-cid-ipm6aukw]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.confusion-item[data-astro-cid-ipm6aukw]{padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md)}.confusion-item[data-astro-cid-ipm6aukw] h4[data-astro-cid-ipm6aukw]{color:var(--color-primary);margin:0 0 var(--spacing-sm) 0}.confusion-item[data-astro-cid-ipm6aukw] p[data-astro-cid-ipm6aukw]{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.tips-list[data-astro-cid-ipm6aukw]{display:grid;gap:var(--spacing-md)}.tip[data-astro-cid-ipm6aukw]{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md)}.tip-icon[data-astro-cid-ipm6aukw]{font-size:var(--font-size-2xl);flex-shrink:0}.tip[data-astro-cid-ipm6aukw] p[data-astro-cid-ipm6aukw]{margin:0;color:var(--color-text-secondary);line-height:1.6}.tip[data-astro-cid-ipm6aukw] strong[data-astro-cid-ipm6aukw]{color:var(--color-text)}@media(max-width:768px){.reference-page[data-astro-cid-ipm6aukw]{padding:var(--spacing-lg)}.quiz-grid[data-astro-cid-ipm6aukw],.confusion-grid[data-astro-cid-ipm6aukw]{grid-template-columns:1fr}}.page-footer[data-astro-cid-ipm6aukw]{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);text-align:center}.page-footer[data-astro-cid-ipm6aukw] p[data-astro-cid-ipm6aukw]{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}