*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FFFFFF;--bg2: #F7F8FA;--bg3: #F0F2F5;--primary: #1677FF;--red: #F5222D;--text: #1A1A1A;--text2: #666666;--text3: #999999;--border: #EBEBEB;--tab-height: 60px;--status-bar: 44px}html,body,#app{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}#app{max-width:430px;margin:0 auto;position:relative}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;color:inherit}img{display:block;object-fit:cover}input{outline:none;border:none;background:none;color:inherit;font-family:inherit}.page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.scroll-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll-area::-webkit-scrollbar{display:none}.tab-bar{height:var(--tab-height);display:flex;align-items:center;background:#fffffff5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);flex-shrink:0}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;color:var(--text3);transition:color .2s}.tab-item.active{color:var(--primary)}.tab-icon{width:24px;height:24px}.tab-label{font-size:10px;font-weight:500}