:root{--color-primary: #C41E3A;--color-text: #2C2C2C;--color-bg: #F5F0EB;--color-accent: #D4A853;--color-secondary-bg: #F8F4EF;--color-success: #4A7C59;--color-error: #B5452A;--font-family: "Songti SC", "Noto Serif SC", "STSong", serif;--font-sans: system-ui, -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--transition: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:480px;margin:0 auto;min-height:100vh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.text-center{text-align:center}.text-vertical{writing-mode:vertical-rl;text-orientation:mixed}.btn{display:inline-block;padding:12px 24px;border-radius:var(--radius-md);font-size:16px;font-family:inherit;cursor:pointer;transition:all var(--transition);text-align:center;line-height:1.5;border:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:active{background:#a3182f}.btn-outline{border:1px solid var(--color-primary);color:var(--color-primary);background:transparent}.btn-outline:active{background:#c41e3a0f}.input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:var(--radius-md);font-size:16px;font-family:inherit;background:#fff;color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #c41e3a1a}.card{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition)}.fade-enter-from,.fade-leave-to{opacity:0}