:root{--primary: #1677ff;--primary-light: #e6f4ff;--bg-page: #f5f7fa;--bg-card: #ffffff;--text-primary: #1f2329;--text-secondary: #646a73;--border: #e5e6eb;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--header-height: 56px;--mobile-nav-height: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}.page-container{max-width:1200px;margin:0 auto;padding:16px}@media(max-width:768px){.page-container{padding:12px;padding-bottom:calc(var(--mobile-nav-height) + var(--safe-bottom) + 12px)}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .25s ease}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(12px)}