.app-header[data-v-22c0e542]{position:sticky;top:0;z-index:100;background:#fff8f0d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-inner[data-v-22c0e542]{max-width:960px;margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between}.header-brand[data-v-22c0e542]{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-secondary);transition:transform var(--transition-bounce)}.header-brand[data-v-22c0e542]:hover{transform:scale(1.03);color:var(--color-secondary)}.brand-icon[data-v-22c0e542]{font-size:1.5rem}.brand-text[data-v-22c0e542]{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.02em}.header-nav[data-v-22c0e542]{display:flex;gap:var(--space-xs)}.nav-link[data-v-22c0e542]{display:flex;align-items:center;gap:6px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.nav-link[data-v-22c0e542]:hover{background:#f2994a14;color:var(--color-primary)}.nav-link--active[data-v-22c0e542]{background:#f2994a1f;color:var(--color-primary);font-weight:600}.nav-icon[data-v-22c0e542]{font-size:1rem}.header-accent[data-v-22c0e542]{height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-primary-light) 20%,var(--color-primary) 50%,var(--color-accent-green) 80%,transparent 100%);opacity:.6}#dictationApp[data-v-c8db9b64]{min-height:100vh;display:flex;flex-direction:column}.app-main[data-v-c8db9b64]{flex:1;padding:var(--space-lg);max-width:960px;width:100%;margin:0 auto}.page-fade-enter-active[data-v-c8db9b64]{transition:opacity .3s ease,transform .3s ease}.page-fade-leave-active[data-v-c8db9b64]{transition:opacity .2s ease}.page-fade-enter-from[data-v-c8db9b64]{opacity:0;transform:translateY(12px)}.page-fade-leave-to[data-v-c8db9b64]{opacity:0}:root{--color-primary: #f2994a;--color-primary-light: #f9bc80;--color-primary-dark: #d97b2e;--color-secondary: #2d3a4a;--color-secondary-light: #3d4f63;--color-accent-green: #6fcf97;--color-accent-red: #eb5757;--color-accent-yellow: #f2c94c;--color-bg-warm: #fff8f0;--color-bg-card: #ffffff;--color-bg-cream: #ffecd2;--color-bg-overlay: rgba(45, 58, 74, .6);--color-text-primary: #2d3a4a;--color-text-secondary: #6b7b8d;--color-text-muted: #a0aec0;--color-text-inverse: #ffffff;--font-display: "LXGW WenKai", "Noto Sans SC", serif;--font-body: "Noto Sans SC", -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 2px 8px rgba(45, 58, 74, .06);--shadow-md: 0 4px 20px rgba(45, 58, 74, .1);--shadow-lg: 0 8px 40px rgba(45, 58, 74, .12);--shadow-glow: 0 0 30px rgba(242, 153, 74, .2);--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg-warm);line-height:1.6;min-height:100vh;background-image:radial-gradient(ellipse at 20% 50%,rgba(242,153,74,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(111,207,151,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(242,201,76,.03) 0%,transparent 50%)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes softPulse{0%,to{box-shadow:0 0 #f2994a66}50%{box-shadow:0 0 0 16px #f2994a00}}@keyframes gentleBounce{0%{transform:scale(1)}40%{transform:scale(.92)}to{transform:scale(1)}}.animate-fade-in{animation:fadeInUp .5s ease both}.animate-fade-in-delay-1{animation:fadeInUp .5s ease .1s both}.animate-fade-in-delay-2{animation:fadeInUp .5s ease .2s both}.animate-fade-in-delay-3{animation:fadeInUp .5s ease .3s both}