:root{--primary: #409EFF;--primary-light: #ecf5ff;--text-primary: #303133;--text-regular: #606266;--text-secondary: #909399;--border-color: #e4e7ed;--bg-color: #f5f5f5}#app-root{max-width:480px;margin:0 auto;min-height:100vh;background:#fff;position:relative;padding-bottom:55px}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:50px;background:#fff;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--text-secondary);transition:color .2s}.tab-item.active{color:var(--primary)}.tab-item span{line-height:1}