/* generated by gen.py from screens/screens.css — do not edit */
.msg .ld .dvx *{box-sizing:border-box}
.msg .ld .dvx .shot{position:relative;width:520px}
.msg .ld .dvx .shot.wide{width:760px}
.msg .ld .dvx .shot.nc{width:320px}
.msg .ld .dvx .dv{width:320px;height:660px;border-radius:52px;background:#0b0b0d;padding:11px;position:relative;box-shadow:0 0 0 1.5px #3a3a3f inset,0 0 0 1px #000}
.msg .ld .dvx .dv::before{content:"";position:absolute;left:50%;top:22px;width:96px;height:28px;margin-left:-48px;border-radius:16px;background:#000;z-index:5}
.msg .ld .dvx .scrn{position:absolute;inset:11px;border-radius:42px;background:#fff;overflow:hidden;padding-top:52px;display:flex;flex-direction:column}
.msg .ld .dvx .scrn.grey{background:#f0f2f5}
.msg .ld .dvx .sb{position:absolute;left:11px;right:11px;top:11px;height:52px;z-index:4;display:flex;align-items:center;gap:6px;padding:8px 26px 0 34px;font-size:15px}
.msg .ld .dvx .sb b{font-weight:600;margin-right:auto;letter-spacing:-.2px}
.msg .ld .dvx .home{position:absolute;left:50%;bottom:19px;width:124px;height:5px;margin-left:-62px;border-radius:3px;background:#111;z-index:6}
.msg .ld .dvx .ic{display:inline-block;flex:none;background:center/contain no-repeat}
.msg .ld .dvx .ic.sig{width:18px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect x='0' y='8' width='3' height='4' rx='1'/%3E%3Crect x='5' y='5.5' width='3' height='6.5' rx='1'/%3E%3Crect x='10' y='3' width='3' height='9' rx='1'/%3E%3Crect x='15' y='0' width='3' height='12' rx='1'/%3E%3C/svg%3E")}
.msg .ld .dvx .ic.wifi{width:16px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath d='M8 9.2a1.4 1.4 0 1 1 0 2.8 1.4 1.4 0 0 1 0-2.8zM3.6 7.3a6.3 6.3 0 0 1 8.8 0l-1.3 1.3a4.4 4.4 0 0 0-6.2 0zM.8 4.5a10.2 10.2 0 0 1 14.4 0l-1.3 1.3a8.3 8.3 0 0 0-11.8 0z'/%3E%3C/svg%3E")}
.msg .ld .dvx .ic.bat{width:26px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 12'%3E%3Crect x='.5' y='.5' width='22' height='11' rx='3.2' fill='none' stroke='%23000' opacity='.4'/%3E%3Crect x='2' y='2' width='19' height='8' rx='2'/%3E%3Crect x='24' y='4' width='2' height='4' rx='1' opacity='.45'/%3E%3C/svg%3E")}
.msg .ld .dvx .ic.back{width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23050505' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4l-8 8 8 8'/%3E%3C/svg%3E")}
.msg .ld .dvx .ic.chev{width:16px;height:16px;margin-left:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8d91' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E")}
.msg .ld .dvx .ic.phone{width:26px;height:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23050505' stroke-width='1.7'%3E%3Crect x='6.5' y='2.5' width='11' height='19' rx='2.6'/%3E%3Cpath d='M10.5 18.5h3' stroke-linecap='round'/%3E%3C/svg%3E")}
.msg .ld .dvx .ic.laptop{width:26px;height:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23050505' stroke-width='1.7' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='11' rx='1.6'/%3E%3Cpath d='M2 19h20' stroke-linecap='round'/%3E%3C/svg%3E")}
.msg .ld .dvx .ic.lock{width:12px;height:12px;margin-right:5px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2365676b'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E")}
.msg .ld .dvx .ic.lock2{width:12px;height:12px;margin-right:7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235f6368'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E")}
.msg .ld .dvx .loginhead{height:132px;margin-top:-52px;background:#1877f2;flex:none;display:flex;align-items:flex-end;padding:0 18px 16px;color:#fff;font-size:26px;font-weight:800;letter-spacing:-.4px}
.msg .ld .dvx .loginhead::after{content:"";position:absolute;left:50%;top:66px;width:18px;height:30px;margin-left:-7px;border-radius:3px;background:#1b4fb0;opacity:.0}
.msg .ld .dvx .nav{height:46px;flex:none;display:flex;align-items:center;gap:12px;padding:0 16px}
.msg .ld .dvx .nav.title{background:#fff;border-bottom:1px solid #e4e6eb;font-size:17px;font-weight:700}
.msg .ld .dvx .pad{padding:14px 18px}
.msg .ld .dvx h4{margin:0 0 8px;font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-.3px}
.msg .ld .dvx p{margin:0 0 14px;font-size:14.5px;line-height:1.38;color:#65676b}
.msg .ld .dvx .inp{border:1px solid #ccd0d5;border-radius:8px;height:46px;display:flex;align-items:center;padding:0 12px;font-size:15.5px;margin-bottom:10px;background:#fff;position:relative;white-space:nowrap;overflow:hidden}
.msg .ld .dvx .inp.plh{color:#8a8d91}
.msg .ld .dvx .inp.focus{border-color:#1877f2;box-shadow:0 0 0 1px #1877f2}
.msg .ld .dvx .inp .x{margin-left:auto;width:18px;height:18px;border-radius:50%;background:#bcc0c4;color:#fff;font-size:14px;line-height:17px;text-align:center}
.msg .ld .dvx .caret{width:1.5px;height:20px;background:#1877f2;margin-left:1px}
.msg .ld .dvx .sbtn{height:44px;border-radius:8px;background:#1877f2;color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;margin-top:4px}
.msg .ld .dvx .sbtn.ghost{background:#e7f3ff;color:#1877f2}
.msg .ld .dvx .sbtn.dis{background:#e4e6eb;color:#bcc0c4}
.msg .ld .dvx .sbtn.sm{height:36px;padding:0 20px;font-size:14.5px;margin:0}
.msg .ld .dvx .lnk{color:#1877f2;font-weight:600;font-size:15px;text-align:center;padding:14px 0 6px;position:relative}
.msg .ld .dvx .or{display:flex;align-items:center;gap:10px;color:#8a8d91;font-size:11px;margin:14px 0 12px}
.msg .ld .dvx .or::before,.msg .ld .dvx .or::after{content:"";flex:1;height:1px;background:#dadde1}
.msg .ld .dvx .mark{position:relative}
.msg .ld .dvx .ring{position:absolute;left:50%;top:50%;width:calc(100% + 6px);max-width:286px;height:36px;transform:translate(-50%,-34%);border:2.5px solid #ff3b5c;border-radius:22px;box-shadow:0 0 0 5px #ff3b5c22}
.msg .ld .dvx .ring.sq{width:calc(100% - 10px);height:calc(100% - 8px);transform:translate(-50%,-50%);border-radius:12px}
.msg .ld .dvx .callout{position:absolute;z-index:9;width:200px;background:#111827;color:#fff;font-size:12.5px;line-height:1.3;font-weight:600;padding:8px 12px 8px 34px;border-radius:12px;box-shadow:0 10px 24px #0005}
.msg .ld .dvx .callout b{position:absolute;left:8px;top:7px;width:19px;height:19px;border-radius:50%;background:#ff3b5c;font-size:11.5px;display:grid;place-items:center}
.msg .ld .dvx .kb{margin-top:auto;flex:none;background:#d1d4db;padding:7px 3px 40px;border-top:1px solid #b9bcc4;display:grid;gap:9px}
.msg .ld .dvx .kb.num{gap:7px}
.msg .ld .dvx .srow{display:flex;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid #eef0f2;position:relative;font-size:15.5px}
.msg .ld .dvx .srow b{display:block;font-weight:600}
.msg .ld .dvx .srow small,.msg .ld .dvx .dev small{display:block;color:#65676b;font-size:13px;margin-top:1px}
.msg .ld .dvx .pf{width:44px;height:44px;border-radius:50%;flex:none;background:#dfe3e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='17' r='8' fill='%23fff'/%3E%3Cpath d='M6 44c1-12 8-17 16-17s15 5 16 17z' fill='%23fff'/%3E%3C/svg%3E") center/cover}
.msg .ld .dvx .pf.a{background-color:#7fa6d9}
.msg .ld .dvx .pf.s{width:30px;height:30px}
.msg .ld .dvx .rd{margin-left:auto;width:22px;height:22px;border-radius:50%;border:2px solid #8a8d91;flex:none}
.msg .ld .dvx .radio.on .rd{border-color:#1877f2;background:radial-gradient(#1877f2 0 5px,#fff 6px)}
.msg .ld .dvx .steps3{display:flex;gap:6px;padding:4px 18px 0;font-size:11px;color:#8a8d91}
.msg .ld .dvx .steps3 span{flex:1;border-top:3px solid #dadde1;padding-top:6px}
.msg .ld .dvx .steps3 .on{border-color:#1877f2;color:#1877f2;font-weight:700}
.msg .ld .dvx .code{display:flex;gap:8px;margin:6px 0 14px}
.msg .ld .dvx .code span{flex:1;height:50px;border:1px solid #ccd0d5;border-radius:10px;display:grid;place-items:center;font-size:22px;font-weight:600}
.msg .ld .dvx .code .cur{border-color:#1877f2;box-shadow:0 0 0 1px #1877f2}
.msg .ld .dvx .grp{padding:16px 18px 8px;font-size:13px;font-weight:700;color:#65676b}
.msg .ld .dvx .list{background:#fff;margin:0 12px;border-radius:12px;overflow:visible}
.msg .ld .dvx .li2{display:flex;align-items:center;padding:14px 14px;font-size:15.5px;border-top:1px solid #eef0f2;position:relative}
.msg .ld .dvx .li2:first-child{border-top:0}
.msg .ld .dvx .dev{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-top:1px solid #eef0f2;position:relative;font-size:15px}
.msg .ld .dvx .dev:first-child{border-top:0}
.msg .ld .dvx .dev b{display:block;font-weight:600}
.msg .ld .dvx .pill{margin-left:auto;font-size:11px;font-weight:700;border-radius:20px;padding:4px 9px;white-space:nowrap}
.msg .ld .dvx .pill.ok{background:#e3f6ea;color:#1f9d55}
.msg .ld .dvx .pill.no{background:#ffe7ea;color:#d7263d}
.msg .ld .dvx .nav.msgr{gap:9px}
.msg .ld .dvx .thread{padding:10px 12px;display:flex;flex-direction:column;gap:6px;flex:1;background:#fff}
.msg .ld .dvx .day{align-self:center;font-size:11px;color:#8a8d91}
.msg .ld .dvx .sysmsg{align-self:center;font-size:11px;color:#65676b;text-align:center;max-width:230px;display:flex;align-items:center}
.msg .ld .dvx .b{max-width:76%;padding:8px 12px;border-radius:18px;font-size:14.5px;line-height:1.3}
.msg .ld .dvx .b.in{background:#f0f2f5;align-self:flex-start}
.msg .ld .dvx .b.out{background:#0084ff;color:#fff;align-self:flex-end}
.msg .ld .dvx .miss{align-self:center;font-size:12px;color:#65676b;background:#fff8e1;border-radius:10px;padding:6px 10px;margin-top:4px}
.msg .ld .dvx .sheet{background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -8px 30px #0002;padding:8px 18px 4px;position:relative;z-index:2}
.msg .ld .dvx .sheet h4{font-size:18px;margin-top:10px}
.msg .ld .dvx .sheet p{font-size:13px;margin-bottom:8px}
.msg .ld .dvx .grab{display:block;width:38px;height:4px;border-radius:2px;background:#ccd0d5;margin:0 auto}
.msg .ld .dvx .br{width:760px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #c9ccd1;box-shadow:0 1px 0 #fff inset}
.msg .ld .dvx .bar{height:42px;background:#e9ebee;display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid #d3d6da}
.msg .ld .dvx .dots{display:flex;gap:7px}
.msg .ld .dvx .dots i{width:12px;height:12px;border-radius:50%;background:#ff5f57}
.msg .ld .dvx .dots i:nth-child(2){background:#febc2e}
.msg .ld .dvx .dots i:nth-child(3){background:#28c840}
.msg .ld .dvx .url{flex:1;height:28px;border-radius:14px;background:#fff;display:flex;align-items:center;padding:0 14px;font-size:13.5px;color:#202124}
.msg .ld .dvx .page{background:#f0f2f5;padding:56px 0 70px;display:grid;place-items:center}
.msg .ld .dvx .panel{width:470px;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a,0 10px 28px #0000001a;padding:18px 18px 14px}
.msg .ld .dvx .panel h4{font-size:20px;padding-bottom:12px;border-bottom:1px solid #e4e6eb;margin-bottom:12px}
.msg .ld .dvx .panel .srow{padding:10px 0;border-top:0}
.msg .ld .dvx .acts{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e4e6eb;margin-top:8px;padding-top:12px}
.msg .ld .dvx .mhead{display:flex;align-items:center;gap:10px;padding:6px 16px 8px}
.msg .ld .dvx .mhead b{font-size:28px;font-weight:800;letter-spacing:-.6px;margin-right:auto}
.msg .ld .dvx .avp{width:54px;height:54px;border-radius:50%;flex:none;position:relative;background:#cfd6de center/cover no-repeat}
.msg .ld .dvx .mhead .avp{width:38px;height:38px}
.msg .ld .dvx .avp.s{width:34px;height:34px}
.msg .ld .dvx .avp.xs{width:14px;height:14px}
.msg .ld .dvx .avp.on::after{content:"";position:absolute;right:0;bottom:0;width:27%;height:27%;min-width:9px;min-height:9px;border-radius:50%;background:#31cc46;border:2.5px solid #fff}
.msg .ld .dvx .rb{width:36px;height:36px;border-radius:50%;background:#f0f2f5 center/20px no-repeat}
.msg .ld .dvx .msearch{margin:2px 16px 10px;height:36px;border-radius:12px;background:#f0f2f5;display:flex;align-items:center;gap:6px;padding:0 10px;color:#8a8d91;font-size:16px}
.msg .ld .dvx .stories{display:flex;gap:14px;padding:4px 16px 12px;overflow:hidden}
.msg .ld .dvx .stories div{width:58px;flex:none;text-align:center}
.msg .ld .dvx .stories small{display:block;font-size:11.5px;color:#8a8d91;margin-top:5px;white-space:nowrap}
.msg .ld .dvx .stories .avp,.msg .ld .dvx .plus{width:54px;height:54px;margin:0 auto;display:block}
.msg .ld .dvx .plus{border-radius:50%;background:#f0f2f5;font-size:28px;line-height:50px;font-weight:300}
.msg .ld .dvx .crow{display:flex;align-items:center;gap:12px;padding:7px 16px}
.msg .ld .dvx .crow b{display:block;font-size:16px;font-weight:500;letter-spacing:-.2px}
.msg .ld .dvx .crow small{display:block;font-size:13.5px;color:#8a8d91;margin-top:2px;white-space:nowrap}
.msg .ld .dvx .crow.un b{font-weight:700}
.msg .ld .dvx .crow.un small{color:#050505;font-weight:600}
.msg .ld .dvx .rd2{margin-left:auto;width:16px;height:16px;border-radius:50%;border:1.6px solid #bcc0c4;flex:none}
.msg .ld .dvx .rd2.ok{background:#bcc0c4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M5 12.500 10 17 19 7.500' fill='none' stroke='%23fff' stroke-width='3.400' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat;border-color:#bcc0c4}
.msg .ld .dvx .dotb{margin-left:auto;width:12px;height:12px;border-radius:50%;background:#0084ff;flex:none}
.msg .ld .dvx .mtabs{margin-top:auto;height:74px;flex:none;display:flex;justify-content:space-around;padding:10px 40px 0;border-top:1px solid #eef0f2}
.msg .ld .dvx .t{width:28px;height:28px;display:block;background:center/contain no-repeat;opacity:.35}
.msg .ld .dvx .t.on{opacity:1}
.msg .ld .dvx .thead{display:flex;align-items:center;gap:10px;height:50px;flex:none;padding:0 12px 6px;border-bottom:1px solid #eef0f2}
.msg .ld .dvx .thead b{display:block;font-size:16px;font-weight:700}
.msg .ld .dvx .thead small{font-size:12px;color:#8a8d91}
.msg .ld .dvx .thead div{margin-right:auto}
.msg .ld .dvx .hi{width:24px;height:24px;flex:none;display:block;background:center/contain no-repeat}
.msg .ld .dvx .seen{align-self:flex-end;margin-top:-2px}
.msg .ld .dvx .comp{display:flex;align-items:center;gap:10px;padding:8px 12px 30px;border-top:1px solid #eef0f2}
.msg .ld .dvx .comp span{flex:1;height:36px;border-radius:18px;background:#f0f2f5;display:flex;align-items:center;padding:0 14px;color:#8a8d91;font-size:16px}
.msg .ld .dvx .ic.mag{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%238a8d91' stroke-width='2.2'/%3E%3Cpath d='M15.5 15.5 21 21' stroke='%238a8d91' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.msg .ld .dvx .rb.cam{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M4 8h3l1.5-2h7L17 8h3a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z' fill='%23050505'/%3E%3Ccircle cx='12' cy='13.5' r='3.4' fill='%23f0f2f5'/%3E%3C/svg%3E")}
.msg .ld .dvx .rb.pen{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z' fill='none' stroke='%23050505' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M13 7l4 4' stroke='%23050505' stroke-width='2'/%3E%3C/svg%3E")}
.msg .ld .dvx .t.tchat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M12 2C6.5 2 2 6.1 2 11.3c0 2.9 1.4 5.5 3.7 7.2V22l3.4-1.9c.9.3 1.9.4 2.9.4 5.5 0 10-4.1 10-9.2S17.5 2 12 2z' fill='%23050505'/%3E%3C/svg%3E")}
.msg .ld .dvx .t.ppl{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Ccircle cx='9' cy='8' r='4' fill='%23050505'/%3E%3Cpath d='M1 21c0-5 3.5-7.5 8-7.5s8 2.5 8 7.5z' fill='%23050505'/%3E%3Ccircle cx='18' cy='9' r='3' fill='%23050505'/%3E%3Cpath d='M18.5 14c3 .3 4.5 2.4 4.5 6h-4' fill='%23050505'/%3E%3C/svg%3E")}
.msg .ld .dvx .t.disc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Ccircle cx='12' cy='12' r='10' fill='%23050505'/%3E%3Cpath d='M15.5 8.5 13.6 13.6 8.5 15.5l1.9-5.1z' fill='%23fff'/%3E%3C/svg%3E")}
.msg .ld .dvx .hi.call{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M6.6 3h3l1.5 4.5-2 1.5a12 12 0 0 0 5.9 5.9l1.5-2 4.5 1.5v3a2 2 0 0 1-2.2 2A17 17 0 0 1 4.6 5.2 2 2 0 0 1 6.600 3z' fill='%230084ff'/%3E%3C/svg%3E")}
.msg .ld .dvx .hi.vid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Crect x='2' y='6' width='14' height='12' rx='3.5' fill='%230084ff'/%3E%3Cpath d='M17 10.500 22 7v10l-5-3.500z' fill='%230084ff'/%3E%3C/svg%3E")}
.msg .ld .dvx .hi.plusb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Ccircle cx='12' cy='12' r='10' fill='%230084ff'/%3E%3Cpath d='M12 7v10M7 12h10' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.msg .ld .dvx .hi.camb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M4 8h3l1.500-2h7L17 8h3a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z' fill='%230084ff'/%3E%3Ccircle cx='12' cy='13.500' r='3.200' fill='%23fff'/%3E%3C/svg%3E")}
.msg .ld .dvx .hi.img{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Crect x='3' y='4' width='18' height='16' rx='3.500' fill='%230084ff'/%3E%3Cpath d='M5 17l4.500-5 3.500 4 2.500-2.500L19 17z' fill='%23fff'/%3E%3Ccircle cx='15.500' cy='9' r='1.800' fill='%23fff'/%3E%3C/svg%3E")}
.msg .ld .dvx .hi.mic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Crect x='9' y='3' width='6' height='11' rx='3' fill='%230084ff'/%3E%3Cpath d='M6 11a6 6 0 0 0 12 0M12 17v4' stroke='%230084ff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
.msg .ld .dvx .hi.like{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M2 10h4v11H2zM8 21h9.500a2 2 0 0 0 2-1.500l1.500-6A2 2 0 0 0 19 11h-5l.800-4.500A2 2 0 0 0 12.800 4L8 10z' fill='%230084ff'/%3E%3C/svg%3E")}
.msg .ld .dvx .thead .ic.back{width:22px;height:22px}
.msg .ld .dvx .ic.back.blue{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M15 4l-8 8 8 8' fill='none' stroke='%230084ff' stroke-width='2.600' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.msg .ld .dvx .avp{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='17' r='8' fill='%23fff' fill-opacity='.92'/%3E%3Cpath d='M6 44c1-12 8-17 16-17s15 5 16 17z' fill='%23fff' fill-opacity='.92'/%3E%3C/svg%3E")}
.msg .ld .dvx .avp.p1{background-color:#e39a6f}
.msg .ld .dvx .avp.p2{background-color:#57b6a6}
.msg .ld .dvx .avp.p3{background-color:#5c7c9c}
.msg .ld .dvx .avp.p4{background-color:#d98aa0}
.msg .ld .dvx .avp.p5{background-color:#9a8bd0}
.msg .ld .dvx .avp.p6{background-color:#c7a46b}
@keyframes sc-type{from{max-width:0}to{max-width:240px}}
@keyframes sc-blink{50%{opacity:0}}
@keyframes sc-ring{0%,100%{box-shadow:0 0 0 0 #ff3b5c55}60%{box-shadow:0 0 0 9px #ff3b5c00}}
@keyframes sc-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sc-sheet{from{transform:translateY(105%)}to{transform:none}}
@keyframes sc-pop{0%{transform:scale(.6);opacity:0}100%{transform:none;opacity:1}}
.msg .ld .dvx .type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom}
.msg .ld .dvx.live .type{animation:sc-type 2.4s steps(24,end) .5s both}
.msg .ld .dvx.live .caret{animation:sc-blink 1s step-end infinite}
.msg .ld .dvx.live .ring{animation:sc-ring 1.8s ease-out infinite}
.msg .ld .dvx.live .sheet{animation:sc-sheet .55s cubic-bezier(.2,.8,.2,1) .6s both}
.msg .ld .dvx.live .b{animation:sc-in .4s ease both}
.msg .ld .dvx.live .b:nth-child(3){animation-delay:.5s}
.msg .ld .dvx.live .b:nth-child(4){animation-delay:1.1s}
.msg .ld .dvx.live .b:nth-child(5){animation-delay:1.7s}
.msg .ld .dvx.live .b:nth-child(6){animation-delay:2.3s}
.msg .ld .dvx.live .b:nth-child(8){animation-delay:3.1s}
.msg .ld .dvx.live .pill{animation:sc-pop .35s ease 1s both}
.msg .ld .dvx.live .code span:nth-child(1){animation:sc-pop .25s ease .6s both}
.msg .ld .dvx.live .code span:nth-child(2){animation:sc-pop .25s ease 1.1s both}
.msg .ld .dvx.live .code span:nth-child(3){animation:sc-pop .25s ease 1.6s both}
.msg .ld .dvx.live .crow.un{animation:sc-in .5s ease 1.4s both}
@media(prefers-reduced-motion:reduce){.msg .ld .dvx.live *{animation:none!important}}
@keyframes sc-typeloop{0%,4%{max-width:0}22%,100%{max-width:240px}}
.msg .ld .dvx .seq .type{animation:sc-typeloop var(--cyc,12s) steps(40,end) infinite;animation-delay:inherit}
.msg .ld .dvx .kr{display:flex;gap:5px;justify-content:center}
.msg .ld .dvx .kr.r2{padding:0 14px}
.msg .ld .dvx .kr i{flex:1;height:38px;border-radius:5px;background:#fff;box-shadow:0 1px 0 #898a8d;display:grid;place-items:center;font-style:normal;font-size:19px;color:#000}
.msg .ld .dvx .kr .fn{flex:1.4;background:#abb0bb;font-size:14px}
.msg .ld .dvx .kr .sp{flex:5.2;font-size:14px}
.msg .ld .dvx .kr .go{flex:2.2;background:#abb0bb}
.msg .ld .dvx .kb.num .kr i{height:42px;font-size:23px}
.msg .ld .dvx .kb.num .kr .fn{flex:1;background:transparent;box-shadow:none}
.msg .ld .dvx .avp.p1{background-image:url(../images/landings/avatars/p8.jpg)}
.msg .ld .dvx .avp.p2{background-image:url(../images/landings/avatars/p4.jpg)}
.msg .ld .dvx .avp.p3{background-image:url(../images/landings/avatars/p1.jpg)}
.msg .ld .dvx .avp.p4{background-image:url(../images/landings/avatars/p2.jpg)}
.msg .ld .dvx .avp.p5{background-image:url(../images/landings/avatars/p7.jpg)}
.msg .ld .dvx .avp.p6{background-image:url(../images/landings/avatars/p3.jpg)}
.msg .ld .dvx .pf.a{background-image:url(../images/landings/avatars/p9.jpg)}
.msg .ld .dvx .tg{margin-left:auto;width:46px;height:28px;border-radius:14px;background:#ccd0d5;position:relative;flex:none}
.msg .ld .dvx .tg::after{content:"";position:absolute;left:2px;top:2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0004}
.msg .ld .dvx .tg.on{background:#31cc46}
.msg .ld .dvx .tg.on::after{left:20px}
.msg .ld .dvx .hint{font-size:12.5px;color:#65676b;margin:8px 26px 16px;line-height:1.4}
.msg .ld .dvx .mapt{height:112px;background:#e8eef2;position:relative;overflow:hidden;background-image:linear-gradient(115deg,transparent 46%,#fff 46% 50%,transparent 50%),linear-gradient(25deg,transparent 60%,#fff 60% 64%,transparent 64%),linear-gradient(90deg,transparent 30%,#fff 30% 33%,transparent 33%),radial-gradient(90px 50px at 78% 78%,#bfe3c6 0 98%,transparent),radial-gradient(120px 40px at 12% 18%,#a9d3f2 0 98%,transparent),linear-gradient(#eef1ea,#e6ebe4)}
.msg .ld .dvx .mapt.big{height:170px;border-radius:14px;margin-top:10px}
.msg .ld .dvx .mapt.full{height:300px}
.msg .ld .dvx .mapt.pm{height:190px}
.msg .ld .dvx .lp{position:absolute;left:52%;top:50%;width:16px;height:16px;margin:-8px;border-radius:50%;background:#0084ff;border:3px solid #fff;box-shadow:0 0 0 10px #0084ff2b}
.msg .ld .dvx .lp.me{box-shadow:0 0 0 14px #0084ff2b}
.msg .ld .dvx .lp.pin{width:20px;height:20px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#f02849;box-shadow:none;margin:-18px -10px}
.msg .ld .dvx .loc{width:78%;border-radius:18px;overflow:visible;background:#f0f2f5;position:relative}
.msg .ld .dvx .loc .mapt{border-radius:18px 18px 0 0}
.msg .ld .dvx .loc.in{align-self:flex-start}
.msg .ld .dvx .lb{padding:9px 12px 11px}
.msg .ld .dvx .lb b{display:block;font-size:14.5px}
.msg .ld .dvx .lb small{display:block;font-size:12px;color:#65676b;margin-top:1px}
.msg .ld .dvx .lbtn{display:block;margin-top:8px;background:#e4e6eb;border-radius:8px;text-align:center;font-size:13.5px;font-weight:600;padding:7px 0}
.msg .ld .dvx .sbtn.stop{background:#f02849}
.msg .ld .dvx .post{background:#fff}
.msg .ld .dvx .pauth{display:flex;gap:10px;padding:12px 14px 0;font-size:14.5px;align-items:flex-start}
.msg .ld .dvx .pauth b span{font-weight:400}
.msg .ld .dvx .pauth b .mark{font-weight:700}
.msg .ld .dvx .pauth small{display:block;color:#65676b;font-size:12px;margin-top:2px}
.msg .ld .dvx .pauth .ring{width:calc(100% + 12px);height:26px;transform:translate(-50%,-50%)}
.msg .ld .dvx .pact{display:flex;justify-content:space-around;padding:11px 0;color:#65676b;font-size:13.5px;font-weight:600;border-top:1px solid #e4e6eb;margin-top:10px}
.msg .ld .dvx .callrec{align-self:center;width:88%;background:#f0f2f5;border-radius:16px;display:flex;align-items:center;gap:10px;padding:10px 12px;position:relative;font-size:14.5px}
.msg .ld .dvx .callrec b{display:block}
.msg .ld .dvx .callrec small{font-size:12px;color:#65676b}
.msg .ld .dvx .callrec>span:not(.ring){margin-left:auto;background:#e4e6eb;border-radius:8px;font-size:12.5px;font-weight:600;padding:6px 10px}
.msg .ld .dvx .callrec.miss2 b{color:#e41e3f}
.msg .ld .dvx .voice{align-self:flex-start;background:#f0f2f5;border-radius:18px;display:flex;align-items:center;gap:10px;padding:9px 14px;position:relative}
.msg .ld .dvx .voice small{font-size:12px;color:#65676b}
.msg .ld .dvx .play{width:0;height:0;border-left:11px solid #050505;border-top:7px solid transparent;border-bottom:7px solid transparent}
.msg .ld .dvx .wave{width:96px;height:20px;background:repeating-linear-gradient(90deg,#65676b 0 2px,transparent 2px 5px);-webkit-mask:linear-gradient(90deg,#000,#000);clip-path:polygon(0 40%,8% 20%,16% 55%,24% 10%,32% 60%,40% 30%,48% 0,56% 45%,64% 20%,72% 60%,80% 35%,88% 15%,100% 45%,100% 60%,88% 85%,80% 65%,72% 40%,64% 80%,56% 55%,48% 100%,40% 70%,32% 40%,24% 90%,16% 45%,8% 80%,0 60%)}
.msg .ld .dvx .scrn.dark{background:radial-gradient(260px 300px at 50% 30%,#2b3a55,#0d1017 75%);color:#fff;align-items:center}
.msg .ld .dvx .sb.w{color:#fff;filter:invert(1) brightness(2)}
.msg .ld .dvx .sb.w b{filter:invert(1)}
.msg .ld .dvx .home.w{background:#fff}
.msg .ld .dvx .cl{margin-top:70px;text-align:center;display:grid;justify-items:center;gap:6px}
.msg .ld .dvx .cl .avp{width:120px;height:120px;margin-bottom:14px;box-shadow:0 0 0 10px #ffffff14,0 0 0 26px #ffffff0a}
.msg .ld .dvx .cl b{font-size:24px;font-weight:700}
.msg .ld .dvx .cl small{font-size:15px;opacity:.75}
.msg .ld .dvx .cl em{font-style:normal;font-size:11.5px;opacity:.7;display:flex;align-items:center;margin-top:8px}
.msg .ld .dvx .cl em .ic{filter:invert(1) brightness(3)}
.msg .ld .dvx .cbtns{margin-top:auto;margin-bottom:56px;display:flex;gap:18px}
.msg .ld .dvx .cb{width:54px;height:54px;border-radius:50%;background:#ffffff26}
.msg .ld .dvx .cb.end{background:#f02849}
.msg .ld .dvx .hi.call.red{filter:hue-rotate(140deg) saturate(3)}
.msg .ld .dvx .page.trk{position:relative;padding:40px 0 60px}
.msg .ld .dvx .prog{height:8px;border-radius:4px;background:#e4e6eb;overflow:hidden;margin-bottom:14px}
.msg .ld .dvx .prog i{display:block;width:86%;height:100%;background:linear-gradient(90deg,#31cc46,#1877f2)}
.msg .ld .dvx .fake{display:flex;gap:14px;align-items:center;filter:blur(1.6px)}
.msg .ld .dvx .fake .mapt{width:150px;height:92px;border-radius:10px;flex:none}
.msg .ld .dvx .fake b{display:block;font-size:17px}
.msg .ld .dvx .fake small{display:block;color:#65676b;margin-top:4px}
.msg .ld .dvx .note1,.msg .ld .dvx .note2{position:absolute;background:#111827;color:#fff;font-size:12.5px;font-weight:600;border-radius:10px;padding:8px 12px;box-shadow:0 10px 24px #0005}
.msg .ld .dvx .note1{left:40px;top:74px}
.msg .ld .dvx .note2{right:34px;bottom:104px}
.msg .ld .dvx .note1::before,.msg .ld .dvx .note2::before{content:"!";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ff3b5c;margin-right:7px;font-size:11px}
.msg .ld .dvx.live .lp{animation:sc-ring2 1.8s ease-out infinite}
@keyframes sc-ring2{0%{box-shadow:0 0 0 0 #0084ff66}100%{box-shadow:0 0 0 18px #0084ff00}}
.msg .ld .dvx.live .cl .avp{animation:sc-callp 2s ease-in-out infinite}
@keyframes sc-callp{0%,100%{box-shadow:0 0 0 10px #ffffff14,0 0 0 26px #ffffff0a}50%{box-shadow:0 0 0 16px #ffffff1c,0 0 0 38px #ffffff08}}
.msg .ld .dvx.live .tg.on::after{animation:sc-tg 4s ease-in-out infinite}
@keyframes sc-tg{0%,45%{left:20px}55%,90%{left:2px}100%{left:20px}}
.msg .ld .dvx.live .prog i{animation:sc-prog 3s ease-out infinite}
@keyframes sc-prog{from{width:4%}to{width:86%}}
.msg .ld .dvx.live .loc,.msg .ld .dvx.live .callrec,.msg .ld .dvx.live .voice{animation:sc-in .45s ease both}
.msg .ld .dvx .dv,.msg .ld .dvx .br{line-height:1.3;font-size:16px;text-align:left;letter-spacing:normal}
.msg .ld .dvx .sbtn{padding:0;line-height:1.2}
.msg .ld .dvx .t{height:28px;overflow:visible}