#app{flex-wrap:wrap;align-content:flex-start}#app aside,#app main{height:calc(100% - 62px)}main>header,aside .logo{display:none}
#top{flex:0 0 100%;height:62px;display:flex;align-items:center;gap:18px;padding:0 20px;background:var(--sf);border-bottom:1px solid var(--bd)}
#top .tl{min-width:170px;font-weight:800;font-size:17px}#top .tl img{max-height:38px;max-width:190px;object-fit:contain;display:block}
#top .tt{flex:1}#top h1{margin:0;font-size:18px}#top .tr{display:flex;align-items:center;gap:14px;color:var(--mu);font-size:13px}
.ib{position:relative;background:none;border:0;cursor:pointer;color:var(--mu);padding:6px;border-radius:10px;display:inline-flex}.ib:hover{background:var(--bg)}
.ib i{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;border-radius:10px;font-size:10px;font-style:normal;padding:1px 5px}
.ib.av{width:36px;height:36px;border-radius:50%;background:var(--prs);color:var(--pr);font-weight:700;overflow:hidden;padding:0;align-items:center;justify-content:center}.ib.av img{width:100%;height:100%;object-fit:cover}
.dd{position:fixed;top:64px;right:16px;width:340px;max-height:70vh;overflow:auto;background:var(--sf);border:1px solid var(--bd);border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,.2);z-index:40}
.dh{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--bd)}
.ni{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--bd);cursor:pointer}.ni:hover,.dd .mi:hover{background:var(--bg)}.ni small{display:block;color:var(--mu)}.dd .mi{padding:10px 14px;cursor:pointer}
.who{display:block;color:var(--mu);margin-top:4px;font-size:11px}