#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;display:flex;flex-direction:column}#app,body{min-height:100vh}body{margin:0;padding:0;background-color:#f7f8fa;overflow-x:hidden}body::-webkit-scrollbar{display:none}*,body{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}html{overflow-x:hidden;min-height:100vh}.page-container{padding-bottom:60px;flex:1;overflow-y:auto}.page-title{font-size:18px;font-weight:700;padding:15px;text-align:center}.van-tabbar{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.2);box-shadow:0 -4px 20px rgba(0,0,0,.08);height:60px;padding:4px 0}.van-tabbar-item{transition:all .3s ease}.van-tabbar-item.van-tabbar-item--active{color:#667eea;transform:translateY(-2px)}.van-tabbar-item__icon{font-size:20px;margin-bottom:4px;transition:all .3s ease}.van-tabbar-item--active .van-tabbar-item__icon{transform:scale(1.1)}.van-tabbar-item__text{font-size:12px;font-weight:500}.van-tabbar-item__icon{position:relative}.van-tabbar-item--active .van-tabbar-item__icon:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:#667eea;border-radius:50%;animation:bounce .6s ease-in-out}@keyframes bounce{0%,20%,53%,80%,to{transform:translateX(-50%) translateY(0)}40%,43%{transform:translateX(-50%) translateY(-8px)}70%{transform:translateX(-50%) translateY(-4px)}90%{transform:translateX(-50%) translateY(-2px)}}@media (max-width:320px){.van-tabbar-item__text{font-size:11px}.van-tabbar-item__icon{font-size:18px}}@media (prefers-color-scheme:dark){.van-tabbar{background:rgba(30,30,30,.95);border-top-color:hsla(0,0%,100%,.1)}.van-tabbar-item{color:hsla(0,0%,100%,.7)}.van-tabbar-item--active{color:#667eea}}