.page-header[data-astro-cid-zf32ux4g]{background:var(--gradient-hero);color:#fff;padding:var(--space-2xl) var(--space-md);text-align:center}.breadcrumb[data-astro-cid-zf32ux4g]{font-size:var(--text-sm);margin-bottom:var(--space-md);opacity:.8}.breadcrumb[data-astro-cid-zf32ux4g] a[data-astro-cid-zf32ux4g]{color:#fff;text-decoration:none}.breadcrumb[data-astro-cid-zf32ux4g] a[data-astro-cid-zf32ux4g]:hover{text-decoration:underline}.breadcrumb[data-astro-cid-zf32ux4g] span[data-astro-cid-zf32ux4g]{margin:0 var(--space-xs)}.page-header[data-astro-cid-zf32ux4g] h1[data-astro-cid-zf32ux4g]{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-sm)}.page-header[data-astro-cid-zf32ux4g] p[data-astro-cid-zf32ux4g]{opacity:.9;font-size:var(--text-base)}.section[data-astro-cid-zf32ux4g]{padding:var(--space-xl) var(--space-md);background:var(--color-bg)}.chat-layout[data-astro-cid-zf32ux4g]{display:grid;gap:var(--space-xl);max-width:1200px;margin:0 auto}@media (min-width: 1024px){.chat-layout[data-astro-cid-zf32ux4g]{grid-template-columns:1fr 300px}}.chat-controls[data-astro-cid-zf32ux4g]{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-lg)}.control-label[data-astro-cid-zf32ux4g]{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.scenario-grid[data-astro-cid-zf32ux4g]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}@media (min-width: 640px){.scenario-grid[data-astro-cid-zf32ux4g]{grid-template-columns:repeat(6,1fr)}}.scenario-btn[data-astro-cid-zf32ux4g]{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);background:var(--color-bg-elevated);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text)}.scenario-btn[data-astro-cid-zf32ux4g]:hover{border-color:var(--color-accent);background:var(--color-info-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.scenario-btn[data-astro-cid-zf32ux4g].active{border-color:var(--color-accent);background:var(--color-info-bg);box-shadow:0 0 0 3px var(--color-accent-glow),var(--shadow-md)}.scenario-icon[data-astro-cid-zf32ux4g]{font-size:1.5rem}.scenario-name[data-astro-cid-zf32ux4g]{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary)}.difficulty-tabs[data-astro-cid-zf32ux4g]{display:flex;gap:var(--space-sm)}.difficulty-btn[data-astro-cid-zf32ux4g]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-md);background:var(--color-bg-elevated);border:2px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text)}.difficulty-btn[data-astro-cid-zf32ux4g]:hover{border-color:var(--diff-color, var(--color-accent))}.difficulty-btn[data-astro-cid-zf32ux4g].active{border-color:var(--diff-color, var(--color-accent));background:color-mix(in srgb,var(--diff-color, var(--color-accent)) 10%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--diff-color, var(--color-accent)) 15%,transparent)}.diff-name[data-astro-cid-zf32ux4g]{font-size:var(--text-sm);font-weight:600}.diff-level[data-astro-cid-zf32ux4g]{font-size:var(--text-xs);color:var(--color-text-muted)}.toggle-controls[data-astro-cid-zf32ux4g]{display:flex;gap:var(--space-sm);flex-wrap:wrap}.toggle-btn[data-astro-cid-zf32ux4g]{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-bg-elevated);border:1.5px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);transition:all var(--transition-fast)}.toggle-btn[data-astro-cid-zf32ux4g]:hover{border-color:var(--color-accent);color:var(--color-accent)}.toggle-btn[data-astro-cid-zf32ux4g].active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.toggle-btn[data-astro-cid-zf32ux4g] svg[data-astro-cid-zf32ux4g]{flex-shrink:0}.chat-container[data-astro-cid-zf32ux4g]{display:flex;flex-direction:column;background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.chat-messages[data-astro-cid-zf32ux4g]{flex:1;min-height:400px;max-height:500px;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);scroll-behavior:smooth}.chat-messages[data-astro-cid-zf32ux4g]::-webkit-scrollbar{width:6px}.chat-messages[data-astro-cid-zf32ux4g]::-webkit-scrollbar-track{background:transparent}.chat-messages[data-astro-cid-zf32ux4g]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.chat-message[data-astro-cid-zf32ux4g]{display:flex;gap:var(--space-md);max-width:85%}.user-message[data-astro-cid-zf32ux4g]{align-self:flex-end;flex-direction:row-reverse}.ai-message[data-astro-cid-zf32ux4g]{align-self:flex-start}.message-avatar[data-astro-cid-zf32ux4g]{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700}.ai-avatar[data-astro-cid-zf32ux4g]{background:var(--gradient-primary);color:#fff;font-family:var(--font-chinese);font-size:var(--text-base)}.user-avatar[data-astro-cid-zf32ux4g]{background:var(--color-accent);color:#fff;font-size:var(--text-xs)}.message-content[data-astro-cid-zf32ux4g]{display:flex;flex-direction:column;gap:4px}.user-message[data-astro-cid-zf32ux4g] .message-content[data-astro-cid-zf32ux4g]{align-items:flex-end}.message-bubble[data-astro-cid-zf32ux4g]{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);line-height:1.6}.ai-message[data-astro-cid-zf32ux4g] .message-bubble[data-astro-cid-zf32ux4g]{background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-top-left-radius:var(--radius-sm)}.user-message[data-astro-cid-zf32ux4g] .message-bubble[data-astro-cid-zf32ux4g]{background:var(--gradient-primary);color:#fff;border-top-right-radius:var(--radius-sm)}.message-zh[data-astro-cid-zf32ux4g]{font-family:var(--font-chinese);font-size:var(--text-lg);font-weight:500;line-height:1.8}.user-message[data-astro-cid-zf32ux4g] .message-zh[data-astro-cid-zf32ux4g]{font-size:var(--text-base)}.message-pinyin[data-astro-cid-zf32ux4g]{font-size:var(--text-xs);color:var(--color-accent);margin-top:var(--space-xs);font-style:italic}.message-translation[data-astro-cid-zf32ux4g]{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border-light)}.message-vocab[data-astro-cid-zf32ux4g]{display:none;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--color-border)}.message-vocab[data-astro-cid-zf32ux4g].visible{display:flex}.vocab-word[data-astro-cid-zf32ux4g]{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-full);font-size:var(--text-xs);cursor:help;transition:all var(--transition-fast)}.vocab-word[data-astro-cid-zf32ux4g]:hover{background:var(--color-warning);color:#fff}.vocab-word[data-astro-cid-zf32ux4g] small[data-astro-cid-zf32ux4g]{color:var(--color-text-muted);font-size:.625rem}.vocab-word[data-astro-cid-zf32ux4g]:hover small[data-astro-cid-zf32ux4g]{color:#fff}.message-time[data-astro-cid-zf32ux4g]{font-size:.625rem;color:var(--color-text-faint);padding:0 var(--space-xs)}.hints-panel[data-astro-cid-zf32ux4g]{border-top:1px solid var(--color-border-light);padding:var(--space-md);background:var(--color-bg-alt)}.hints-header[data-astro-cid-zf32ux4g]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.hints-title[data-astro-cid-zf32ux4g]{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.hints-close[data-astro-cid-zf32ux4g]{background:none;border:none;font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;padding:0 var(--space-xs);line-height:1}.hints-close[data-astro-cid-zf32ux4g]:hover{color:var(--color-text)}.hints-list[data-astro-cid-zf32ux4g]{display:flex;flex-direction:column;gap:var(--space-xs)}.hint-item[data-astro-cid-zf32ux4g]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;color:var(--color-text)}.hint-item[data-astro-cid-zf32ux4g]:hover{border-color:var(--color-accent);background:var(--color-info-bg)}.hint-zh[data-astro-cid-zf32ux4g]{font-family:var(--font-chinese);font-size:var(--text-base);font-weight:500}.hint-pinyin[data-astro-cid-zf32ux4g]{font-size:var(--text-xs);color:var(--color-accent);font-style:italic}.hint-en[data-astro-cid-zf32ux4g]{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.chat-input-area[data-astro-cid-zf32ux4g]{padding:var(--space-md);border-top:1px solid var(--color-border-light);background:var(--color-bg-elevated)}.input-wrapper[data-astro-cid-zf32ux4g]{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);transition:border-color var(--transition-fast)}.input-wrapper[data-astro-cid-zf32ux4g]:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.hint-btn[data-astro-cid-zf32ux4g]{background:none;border:none;color:var(--color-accent);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-full);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hint-btn[data-astro-cid-zf32ux4g]:hover{background:var(--color-info-bg)}.chat-input[data-astro-cid-zf32ux4g]{flex:1;border:none;background:none;font-size:var(--text-base);font-family:var(--font-chinese);color:var(--color-text);outline:none;padding:var(--space-sm) 0}.chat-input[data-astro-cid-zf32ux4g]::placeholder{color:var(--color-text-faint);font-family:var(--font-sans)}.send-btn[data-astro-cid-zf32ux4g]{background:var(--gradient-primary);border:none;color:#fff;width:40px;height:40px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.send-btn[data-astro-cid-zf32ux4g]:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.send-btn[data-astro-cid-zf32ux4g]:active{transform:scale(.95)}.input-footer[data-astro-cid-zf32ux4g]{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xs);padding:0 var(--space-xs)}.input-hint[data-astro-cid-zf32ux4g],.char-counter[data-astro-cid-zf32ux4g]{font-size:.6875rem;color:var(--color-text-faint)}.chat-sidebar[data-astro-cid-zf32ux4g]{display:flex;flex-direction:column;gap:var(--space-lg)}.sidebar-card[data-astro-cid-zf32ux4g]{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg)}.sidebar-card[data-astro-cid-zf32ux4g] h3[data-astro-cid-zf32ux4g]{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-md);color:var(--color-text)}.stats-grid[data-astro-cid-zf32ux4g]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.stat-item[data-astro-cid-zf32ux4g]{text-align:center;padding:var(--space-sm);background:var(--color-bg-alt);border-radius:var(--radius-md)}.stat-icon[data-astro-cid-zf32ux4g]{color:var(--color-accent);margin-bottom:var(--space-xs);display:flex;justify-content:center}.stat-value[data-astro-cid-zf32ux4g]{display:block;font-size:var(--text-xl);font-weight:700;color:var(--color-accent)}.stat-label[data-astro-cid-zf32ux4g]{display:block;font-size:.625rem;color:var(--color-text-muted);margin-top:2px}.scenario-info[data-astro-cid-zf32ux4g]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.scenario-info-icon[data-astro-cid-zf32ux4g]{font-size:2rem}.scenario-info-text[data-astro-cid-zf32ux4g]{display:flex;flex-direction:column}.scenario-info-name[data-astro-cid-zf32ux4g]{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.scenario-info-desc[data-astro-cid-zf32ux4g]{font-size:var(--text-xs);color:var(--color-text-muted)}.scenario-tips[data-astro-cid-zf32ux4g] h4[data-astro-cid-zf32ux4g]{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.key-phrases[data-astro-cid-zf32ux4g]{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.key-phrase[data-astro-cid-zf32ux4g]{padding:2px 10px;background:var(--color-info-bg);border:1px solid var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-accent);font-family:var(--font-chinese)}.vocab-list[data-astro-cid-zf32ux4g]{display:flex;flex-direction:column;gap:var(--space-xs);max-height:200px;overflow-y:auto}.vocab-list[data-astro-cid-zf32ux4g]::-webkit-scrollbar{width:4px}.vocab-list[data-astro-cid-zf32ux4g]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.vocab-empty[data-astro-cid-zf32ux4g]{font-size:var(--text-sm);color:var(--color-text-faint);text-align:center;padding:var(--space-lg) 0}.vocab-item[data-astro-cid-zf32ux4g]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-alt);border-radius:var(--radius-sm);font-size:var(--text-xs)}.vocab-item-zh[data-astro-cid-zf32ux4g]{font-family:var(--font-chinese);font-weight:500;color:var(--color-text);min-width:40px}.vocab-item-pinyin[data-astro-cid-zf32ux4g]{color:var(--color-accent);font-style:italic}.vocab-item-en[data-astro-cid-zf32ux4g]{color:var(--color-text-muted);margin-left:auto}.sidebar-actions[data-astro-cid-zf32ux4g]{display:flex;flex-direction:column;gap:var(--space-sm)}.action-btn[data-astro-cid-zf32ux4g]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);width:100%}.action-btn[data-astro-cid-zf32ux4g]:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-info-bg)}@media (max-width: 640px){.chat-messages[data-astro-cid-zf32ux4g]{min-height:300px;max-height:400px}.chat-message[data-astro-cid-zf32ux4g]{max-width:92%}.message-bubble[data-astro-cid-zf32ux4g]{padding:var(--space-sm) var(--space-md)}.message-zh[data-astro-cid-zf32ux4g]{font-size:var(--text-base)}.stats-grid[data-astro-cid-zf32ux4g]{grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.stat-value[data-astro-cid-zf32ux4g]{font-size:var(--text-lg)}}