body.mob{background:linear-gradient(135deg,#e8e4dc,#f3ded4);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.phone{width:390px;height:812px;background:#fff;border-radius:44px;border:10px solid #0b1220;box-shadow:0 30px 70px rgba(8,36,90,.35);position:relative;overflow:hidden;display:flex;flex-direction:column}
.phone:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:130px;height:24px;background:#0b1220;border-radius:0 0 16px 16px;z-index:50}
.statusbar{height:34px;padding:8px 22px 0;display:flex;justify-content:space-between;font-size:.72rem;font-weight:600;flex:none}
.appbar{padding:6px 18px 10px;display:flex;align-items:center;gap:10px;flex:none}
.appbar img.logo{height:30px;border-radius:6px}.appbar h1{font-size:1.1rem;font-weight:700;margin:0}
.screen{flex:1;overflow-y:auto;padding:4px 16px 16px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}
.tabbar{flex:none;display:flex;border-top:1px solid var(--line);background:#fff;padding:6px 4px 10px}
.tabbar a{flex:1;text-align:center;text-decoration:none;color:#8a93a8;font-size:.62rem;font-weight:500}
.tabbar a i{display:block;font-size:1.3rem}.tabbar a.on{color:var(--primary);font-weight:700}.tabbar a.on i{color:var(--secondary)}
.mhero{border-radius:16px;padding:18px;background:var(--primary);color:#fff;margin-bottom:14px}
.mhero .text-muted{color:#aebacd!important}.mhero .hero-search{border:0}
.mhero h2{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}
.mcard{border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:12px;background:#fff;display:block;text-decoration:none;color:var(--ink)}
.mcard img.ph{width:100%;border-radius:12px;aspect-ratio:16/9;object-fit:cover;margin-bottom:8px}
.chips{display:flex;gap:8px;overflow-x:auto;margin-bottom:12px;scrollbar-width:none}.chips .tab-pill{white-space:nowrap}
.splash{background:linear-gradient(160deg,var(--primary),#1a2f44 60%,#8f2e12);color:#fff;border-radius:0;padding:30px 24px;flex:1;display:flex;flex-direction:column;justify-content:center}
.role-pick{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:14px;padding:10px 14px;display:flex;gap:12px;align-items:center;width:100%;margin-bottom:8px;text-align:left}
.role-pick:hover{background:rgba(255,255,255,.22)}
.msheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:24px 24px 0 0;padding:18px;box-shadow:0 -10px 30px rgba(0,0,0,.2);z-index:60;display:none}
.msheet.show{display:block}.mscrim{position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:55;display:none}.mscrim.show{display:block}
.mchat{height:100%;display:flex;flex-direction:column}.mchat .box{flex:1;overflow-y:auto;padding:8px 0}
.phone .toast-container{position:absolute!important;top:36px!important;left:0;right:0;padding:8px!important;z-index:70!important}
.phone .role-switch{display:none}
.mob .role-switch{position:fixed}
@media(max-width:480px){body.mob{padding:0;background:#fff}.phone{width:100%;height:100vh;border:0;border-radius:0}.phone:before{display:none}}