.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--color-primary: #7C9A92;--color-primary-light: #9BB8B1;--color-primary-dark: #5C7A72;--color-secondary: #F5E6D3;--color-secondary-light: #FFF8F0;--color-secondary-dark: #E8D4C0;--color-accent: #E8B4A0;--color-accent-light: #F5D0C5;--color-accent-dark: #D49484;--color-bg: #FAFAFA;--color-bg-card: #FFFFFF;--color-text: #3D3D3D;--color-text-secondary: #8A8A8A;--color-text-light: #BDBDBD;--color-border: #E5E5E5;--color-border-light: #F0F0F0;--color-success: #7C9A92;--color-error: #E88B8B;--font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--transition-fast: .15s ease;--transition-normal: .25s ease;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-bg);line-height:1.5;min-height:100vh;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none;background:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.container{width:100%;max-width:420px;margin:0 auto;min-height:100vh;background-color:var(--color-bg);position:relative}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.text-light{color:var(--color-text-light)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.active-state{transform:scale(.98);opacity:.9}.safe-area-bottom{padding-bottom:calc(var(--spacing-lg) + var(--safe-area-bottom))}