*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui}body{background:#f5f5f7}.phone{width:100%;max-width:430px;height:100dvh;margin:0 auto;background:#fff;display:flex;flex-direction:column;overflow:hidden}.header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #eee;background:#fff}.main{flex:1;overflow-y:auto;padding:16px 16px 100px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.app{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.app img{width:56px;height:56px;border-radius:16px;object-fit:cover}.app span{font-size:11px;text-align:center}.nav{position:fixed;bottom:0;left:0;right:0;max-width:430px;margin:0 auto;height:70px;background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-around;align-items:center}