*{box-sizing:border-box}html,body,#app{height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f7fa;overflow-x:hidden}.app-layout{min-height:100%;display:flex;flex-direction:column;padding-bottom:0}.app-header{background:#fff;box-shadow:0 1px 4px #00000014;position:sticky;top:0;z-index:100}.header-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:18px;font-weight:600;color:#1a1a2e;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.nav{display:flex;gap:8px}.nav-item{padding:8px 14px;color:#4a5568;text-decoration:none;border-radius:6px;transition:color .2s,background .2s}.nav-item:hover,.nav-item.router-link-active{color:#6366f1;background:#6366f114}.login-link{color:#6366f1;cursor:pointer;font-size:14px;text-decoration:none}.header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.points-display{font-size:13px;color:#6366f1;font-weight:500}.user-name{font-size:14px;color:#334155;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-link{font-size:13px;color:#94a3b8;cursor:pointer}.logout-link:hover{color:#6366f1}.app-main{flex:1;padding:24px}.header-recharge-link{display:none;color:#6366f1;font-size:15px;font-weight:600;text-decoration:none;padding:6px 12px;border-radius:8px;background:#6366f11a;-webkit-tap-highlight-color:transparent}.header-recharge-link:hover{background:#6366f126}@media (max-width: 992px){.header-inner{padding:0 16px;height:52px}.logo{font-size:16px;max-width:120px}.nav-desktop{display:none!important}.header-recharge-link{display:inline-block}.points-display{font-size:12px}.user-name{max-width:60px}.app-main{padding:16px 16px 76px}.nav-bottom{display:flex}}.nav-bottom{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;min-height:56px;background:#fff;box-shadow:0 -2px 12px #0000001f;z-index:9999;align-items:center;justify-content:space-around;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0)}.nav-bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:6px 4px;color:#64748b;text-decoration:none;font-size:11px;min-width:0;-webkit-tap-highlight-color:transparent}.nav-bottom-item.router-link-active{color:#6366f1;font-weight:600}.nav-bottom-icon{font-size:20px;margin-bottom:2px;line-height:1}.nav-bottom-label{line-height:1.2}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}