.bottom-nav{grid-template-columns:repeat(6,1fr)}.bag-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0;border-bottom:1px solid #2c373d}.bag-tabs button{border:0;background:transparent;color:#829095;padding:9px 4px;font-size:.72rem}.bag-tabs button.active{color:#ddbf78;border-bottom:2px solid #bf9a50}.backpack-list{display:grid;gap:8px}.backpack-item{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #2c383e;background:rgba(12,17,22,.77)}.backpack-item>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #536167;color:#d7c17f;font-family:"ZCOOL XiaoWei"}.backpack-item h4{margin:0;color:#e0e5dd;font-size:.84rem}.backpack-item p{margin:3px 0 0;color:#879398;font-size:.68rem}.backpack-item b{color:#d8ba73;font-size:.8rem}
.backpack-item.locked{border-color:#75653f;background:linear-gradient(100deg,rgba(91,69,29,.2),rgba(12,17,22,.77))}
.material-crafting{display:grid;gap:8px;margin-top:18px}.material-crafting>p{margin:0 0 4px;color:#879398;font-size:.7rem;line-height:1.55}.material-crafting article{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #2c383e;background:rgba(12,17,22,.77)}.material-crafting article>span{color:#d7c17f;font-family:"ZCOOL XiaoWei"}.material-crafting article div{display:grid;gap:3px}.material-crafting article b{font-size:.76rem;color:#e0e5dd}.material-crafting article small{font-size:.65rem;color:#879398}.material-crafting article button{border:1px solid rgba(207,174,115,.32);background:rgba(207,174,115,.09);color:#d8c49d;padding:7px 9px;font-size:.68rem}.material-crafting article button:disabled{opacity:.35}