.app-header[data-v-07a7fea7]{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height)}.header-inner[data-v-07a7fea7]{max-width:var(--max-content-width);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4)}.logo[data-v-07a7fea7]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:700;color:var(--color-brand-orange);flex-shrink:0}.logo-icon[data-v-07a7fea7]{width:26px;height:26px}.header-right[data-v-07a7fea7]{display:flex;align-items:center;gap:var(--space-4)}.header-nav[data-v-07a7fea7]{display:flex;gap:var(--space-1)}.nav-link[data-v-07a7fea7]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.nav-link[data-v-07a7fea7]:hover{background:var(--color-brand-orange-bg);color:var(--color-brand-orange)}.nav-link.active[data-v-07a7fea7]{background:var(--color-brand-orange-bg);color:var(--color-brand-orange);font-weight:600}.audio-toggle[data-v-07a7fea7]{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);height:36px;border-radius:var(--radius-full);background:var(--color-brand-orange-bg);border:2px solid var(--color-brand-orange-light);font-size:var(--font-size-xs);font-weight:600;color:var(--color-brand-orange);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap;flex-shrink:0}.audio-toggle[data-v-07a7fea7]:hover{background:var(--color-brand-orange-light);border-color:var(--color-brand-orange)}.audio-toggle.manual[data-v-07a7fea7]{background:#f5f5f5;border-color:var(--color-border);color:var(--color-text-secondary)}.toggle-icon[data-v-07a7fea7]{font-size:var(--font-size-md);line-height:1}@media(max-width:767px){.toggle-label[data-v-07a7fea7]{display:none}.audio-toggle[data-v-07a7fea7]{min-width:36px;justify-content:center;padding:var(--space-1)}.header-nav[data-v-07a7fea7]{display:none}}.mobile-nav[data-v-68109445]{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;height:var(--mobile-nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0)}.nav-item[data-v-68109445]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-text-secondary);transition:color var(--transition-fast)}.nav-item.active[data-v-68109445]{color:var(--color-brand-orange)}.nav-item svg[data-v-68109445]{flex-shrink:0}.nav-label[data-v-68109445]{font-size:var(--font-size-xs);font-weight:500}@media(min-width:768px){.mobile-nav[data-v-68109445]{display:none}}.app-footer[data-v-4cda7ea3]{padding:var(--space-4) 0;text-align:center;border-top:1px solid var(--color-border)}.footer-inner[data-v-4cda7ea3]{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.footer-link[data-v-4cda7ea3]{color:var(--color-brand-orange);font-weight:500}.footer-link[data-v-4cda7ea3]:hover{opacity:.7}.footer-dot[data-v-4cda7ea3]{opacity:.4}.footer-copy[data-v-4cda7ea3]{opacity:.6}@media(max-width:1023px){.app-footer[data-v-4cda7ea3]{display:none}}.app-shell[data-v-fac4d10b]{min-height:100dvh;display:flex;flex-direction:column}.main-content[data-v-fac4d10b]{flex:1;padding-bottom:calc(var(--mobile-nav-height) + var(--space-4));max-width:var(--max-content-width);width:100%;margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}.page-fade-enter-active[data-v-fac4d10b],.page-fade-leave-active[data-v-fac4d10b]{transition:opacity var(--transition-normal),transform var(--transition-normal)}.page-fade-enter-from[data-v-fac4d10b]{opacity:0;transform:translateY(8px)}.page-fade-leave-to[data-v-fac4d10b]{opacity:0;transform:translateY(-8px)}@media(min-width:768px){.main-content[data-v-fac4d10b]{padding-bottom:var(--space-8)}}:root{--color-brand-orange: #FF8C42;--color-brand-orange-light: #FFB380;--color-brand-orange-bg: #FFF3E9;--color-initial: #6C9BD2;--color-initial-light: #E8F0FA;--color-final-single: #E8839A;--color-final-single-light: #FAE8ED;--color-final-compound: #7EC8A0;--color-final-compound-light: #E8F6EF;--color-whole: #F0C75E;--color-whole-light: #FDF6E3;--color-tone-1: #FF6B6B;--color-tone-2: #4ECDC4;--color-tone-3: #45B7D1;--color-tone-4: #96CEB4;--color-tone-neutral: #B8B8B8;--color-success: #52C41A;--color-warning: #FAAD14;--color-error: #FF4D4F;--color-bg: #FFF8F3;--color-surface: #FFFFFF;--color-text-primary: #2C3E50;--color-text-secondary: #7F8C8D;--color-border: #E8E8E8;--color-divider: #F0F0F0;--font-family-base: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-pinyin: 3rem;--font-size-pinyin-large: 5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .1);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .4s ease-out;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--header-height: 56px;--mobile-nav-height: 64px;--max-content-width: 1120px;--touch-target-min: 48px;--container-padding: var(--space-4);--container-max-width: none}@media(min-width:640px){:root{--container-padding: var(--space-6);--container-max-width: 720px}}@media(min-width:1024px){:root{--container-padding: var(--space-8);--container-max-width: 1120px;--header-height: 64px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family-base);color:var(--color-text-primary);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}