html,body{margin:0!important;padding:0!important;width:100%;height:100%;overflow:hidden!important;background:#000}
.dm-site-shell{width:100%;height:calc(100dvh - 70px);min-height:calc(100vh - 70px);overflow:hidden;background:#000}
.dm-app-main{position:relative;width:100%;height:100%;overflow:hidden;background:#000}
.dm-app-frame{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;margin:0;padding:0;background:#fff}
.dm-footer{position:relative;width:100%;height:70px;min-height:70px;box-sizing:border-box;background:#0b0b0e;border-top:1px solid rgba(255,255,255,.14);z-index:20}
.dm-footer-nav{width:min(430px,100%);height:70px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px}
.dm-footer-item{width:110px;height:56px;border:0;border-radius:12px;background:transparent;color:#aaa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font:700 10px Arial,sans-serif}
.dm-footer-item:hover,.dm-footer-item.is-active{color:#fff;background:rgba(226,27,45,.14)}
.dm-footer-item.is-active .dm-footer-icon{color:var(--dm-primary)}
.dm-footer-icon{height:25px;font-size:23px;line-height:25px}
.dm-footer-more{display:none;position:absolute;right:12px;bottom:78px;width:170px;padding:7px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#151519;box-shadow:0 12px 35px rgba(0,0,0,.55)}
.dm-footer-more.is-open{display:block}
.dm-footer-more button{display:block;width:100%;padding:11px;border:0;border-radius:8px;background:transparent;color:#fff;text-align:left;cursor:pointer}
.dm-footer-more button:hover{background:rgba(255,255,255,.08)}
@media(max-width:600px){.dm-site-shell{height:calc(100dvh - 64px);min-height:calc(100vh - 64px)}.dm-footer,.dm-footer-nav{height:64px;min-height:64px}.dm-footer-item{width:90px;height:52px}}