:root{--primary: #FF8BA7;--primary-light: #FFC6C7;--accent: #C3F0CA;--accent-dark: #7ED99A;--bg: #FFF5F5;--bg-card: #FFFFFF;--text: #33272A;--text-light: #8A7B7E;--shadow: 0 4px 20px rgba(255, 139, 167, .15);--radius: 20px;--radius-sm: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}#app{min-height:100vh;position:relative}.container{max-width:480px;margin:0 auto;padding:20px;position:relative;z-index:1}button{cursor:pointer;border:none;outline:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--primary),#FF6B8A);color:#fff;padding:14px 40px;border-radius:50px;font-size:18px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ff8ba766}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8ba780}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--primary);padding:12px 30px;border-radius:50px;font-size:16px;font-weight:500;border:2px solid var(--primary-light);transition:all .3s ease}.btn-secondary:hover{background:var(--primary-light);color:#fff}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:all .35s ease}.slide-left-enter-from{transform:translate(100%);opacity:0}.slide-left-leave-to,.slide-right-enter-from{transform:translate(-100%);opacity:0}.slide-right-leave-to{transform:translate(100%);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.bubbles{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.bubble{position:absolute;border-radius:50%;opacity:.15;animation:float linear infinite}@keyframes float{0%{transform:translateY(100vh) rotate(0)}to{transform:translateY(-100px) rotate(720deg)}}