*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:#f5f7fa}.mobile-app{max-width:430px;margin:0 auto;min-height:100vh;background:#f5f7fa;position:relative;padding-bottom:70px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:60px;background:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #E5E7EB;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#9ca3af;padding:8px 16px;cursor:pointer}.nav-item.active{color:#f59e0b}.nav-icon{font-size:20px}.nav-label{font-size:12px}.submenu-overlay{position:fixed;inset:0;background:#00000080;z-index:200;display:flex;align-items:flex-end;justify-content:center}.submenu-panel{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:430px;padding-bottom:env(safe-area-inset-bottom,20px)}.submenu-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB}.submenu-title{font-size:16px;font-weight:600}.submenu-close{font-size:24px;color:#9ca3af;cursor:pointer}.submenu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.submenu-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;background:#f9fafb;border-radius:12px;text-decoration:none;color:#374151;transition:all .2s}.submenu-item:hover{background:#f3f4f6}.submenu-item:active{transform:scale(.98)}.submenu-icon{font-size:28px}.submenu-label{font-size:12px;text-align:center;line-height:1.3}