.intro-topbar[data-v-8fd94a97]{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-default)}.intro-topbar-left[data-v-8fd94a97]{flex-shrink:1;min-width:0}.back-btn[data-v-8fd94a97]{color:var(--color-text-primary);transition:all var(--transition-fast)}.back-btn[data-v-8fd94a97]:hover{background:var(--color-bg-secondary);transform:translate(-2px)}.topbar-divider[data-v-8fd94a97]{background:var(--color-border-default);height:24px;opacity:.6;width:1px}.logo-link[data-v-8fd94a97]{flex-shrink:0;text-decoration:none}.intro-logo[data-v-8fd94a97]{max-height:36px!important;max-width:100px!important}[data-v-8fd94a97] .intro-logo img{max-height:100%;width:auto}.course-title-wrapper[data-v-8fd94a97]{flex-shrink:1;max-width:300px;min-width:0}.course-title[data-v-8fd94a97]{color:var(--color-text-primary);font-size:.95rem;font-weight:600;line-height:1.3}.mobile-title-bar[data-v-8fd94a97]{align-items:center;background:linear-gradient(135deg,rgba(var(--v-theme-primary),.08) 0,rgba(var(--v-theme-primary),.04));border-bottom:1px solid var(--color-border-default);display:flex;justify-content:center;left:0;padding:10px 16px;position:fixed;right:0;top:56px;z-index:1005}.mobile-title[data-v-8fd94a97]{color:var(--color-text-primary);font-size:.875rem;font-weight:600;max-width:100%;text-align:center}.mobile-nav-drawer[data-v-8fd94a97]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--color-bg-primary);border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;box-shadow:var(--shadow-2xl)}.settings-section[data-v-8fd94a97]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-muted);padding:20px}.section-title[data-v-8fd94a97]{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:10px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.title-icon[data-v-8fd94a97]{color:rgb(var(--v-theme-primary));font-size:18px}.user-profile-card[data-v-8fd94a97]{background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px}.language-card[data-v-8fd94a97],.theme-card[data-v-8fd94a97],.user-profile-card[data-v-8fd94a97]{border:1px solid var(--color-border-default);border-radius:var(--border-radius-lg)}.language-card[data-v-8fd94a97],.theme-card[data-v-8fd94a97]{background:var(--color-bg-primary);overflow:hidden;transition:all var(--transition-normal)}.language-card[data-v-8fd94a97]:hover,.theme-card[data-v-8fd94a97]:hover{border-color:rgb(var(--v-theme-primary));box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:599px){.intro-logo[data-v-8fd94a97]{max-height:28px!important;max-width:80px!important}}@media (min-width:600px) and (max-width:959px){.intro-logo[data-v-8fd94a97]{max-height:32px!important;max-width:90px!important}}:root[data-theme=dark] .intro-topbar[data-v-8fd94a97]{background:rgba(var(--color-bg-primary),.95);border-bottom-color:var(--color-border-accent)}:root[data-theme=dark] .mobile-title-bar[data-v-8fd94a97]{background:linear-gradient(135deg,#ffffff08,#ffffff03);border-bottom-color:var(--color-border-accent)}:root[data-theme=dark] .language-card[data-v-8fd94a97],:root[data-theme=dark] .theme-card[data-v-8fd94a97]{background:var(--color-bg-secondary);border-color:var(--color-border-accent)}:root[data-theme=dark] .user-profile-card[data-v-8fd94a97]{background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg-secondary) 100%)}:root[data-theme=dark] .settings-section[data-v-8fd94a97]{background:var(--color-bg-tertiary);border-top-color:var(--color-border-accent)}@media (prefers-reduced-motion:reduce){.back-btn[data-v-8fd94a97],.language-card[data-v-8fd94a97],.theme-card[data-v-8fd94a97]{animation:none;transition:none}}.intro-layout-main[data-v-2270e8f7]{padding-top:64px}@media (max-width:599px){.intro-layout-main[data-v-2270e8f7]{padding-top:56px}}