*{margin:0;padding:0;box-sizing:border-box}html,body,#app,#mobile-app{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f0f0f2;color:#222;font-size:14px;-webkit-font-smoothing:antialiased}#mobile-app{max-width:480px;margin:0 auto;position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#f0f0f2;overflow:hidden;box-shadow:0 0 60px #0000001f}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s ease}.slide-left-enter-from{transform:translate(30px);opacity:0}.slide-left-leave-to,.slide-right-enter-from{transform:translate(-30px);opacity:0}.slide-right-leave-to{transform:translate(30px);opacity:0}.tab-bar{display:flex;align-items:center;justify-content:space-around;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid rgba(0,0,0,.06);padding:4px 0 env(safe-area-inset-bottom,4px);flex-shrink:0;position:sticky;bottom:0;z-index:100}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#999;font-size:10px;padding:4px 12px;border-radius:8px;transition:all .2s;-webkit-tap-highlight-color:transparent}.tab-item.active{color:#ff4d6a}.tab-svg{width:24px;height:24px}.tab-label{font-size:11px;font-weight:500}.badge{position:absolute;top:-6px;right:-16px;background:#ff4d6a;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;line-height:1.4;font-style:normal;min-width:18px;text-align:center}.mobile-page{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f0f0f2}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:50;min-height:48px;border-bottom:.5px solid rgba(0,0,0,.06)}.mobile-header .back-btn{width:36px;height:36px;border:none;background:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;border-radius:50%;transition:background .15s}.mobile-header .back-btn:active{background:#0000000d}.mobile-header .header-title{font-size:17px;font-weight:600;color:#1a1a2e}.mobile-header .header-action{border:none;background:none;font-size:14px;color:#ff4d6a;padding:6px 12px;cursor:pointer;border-radius:8px;transition:background .15s}.mobile-header .header-action:active{background:#ff4d6a14}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#bbb}.empty-state .empty-icon{font-size:56px;margin-bottom:16px;opacity:.8}.empty-state .empty-text{font-size:15px;color:#aaa}