.xp-wrap{--bg:#0f212e;--sf:#1a2c38;--sf2:#213743;--sf3:#2a4251;--ln:#2f4553;--ln2:#3e5a6c;--tx:#f2f7fa;--tx2:#b1bad3;--tx3:#8e9bb3;--ac:#1fd18a;--ac2:#3be4a6;--acink:#03140c;--acs:#1fd18a24;--bad:#ff6b6b;--bads:#ff6b6b24;--warn:#f5b942;--info:#5aa9ff;--infos:#5aa9ff26;--xpease:cubic-bezier(.2, .9, .3, 1);margin-top:clamp(40px,6vw,64px)}.xp{width:100%;max-width:980px;margin:0 auto;position:relative}.xp-stage{transform-origin:0 0;font-family:var(--font-inter), "Inter", system-ui, sans-serif;color:var(--tx);-webkit-font-smoothing:antialiased;text-align:left;background:#0b141b;border:1px solid #ffffff1a;border-radius:18px;line-height:1.2;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 50px 120px -40px #1fd18a40,0 30px 80px #0009}.xp-stage *{box-sizing:border-box}.xp-stage svg{flex:none;display:block}.xp-chrome{background:#161b20;border-bottom:1px solid #0b0f12;align-items:center;gap:14px;height:40px;padding:0 14px;display:flex}.xp-dots{gap:7px;display:flex}.xp-dots i{background:#3a4048;border-radius:50%;width:11px;height:11px}.xp-dots i:first-child{background:#ff5f57}.xp-dots i:nth-child(2){background:#febc2e}.xp-dots i:nth-child(3){background:#28c840}.xp-url{color:#9aa3ab;background:#0d1114;border-radius:8px;flex:0 420px;justify-content:center;align-items:center;gap:6px;height:26px;margin:0 auto;font-size:12.5px;display:flex;transform:translate(-30px)}.xp-view{background:var(--bg);height:560px;position:relative;overflow:hidden}.xp-site{filter:blur(5px)saturate(.9);opacity:.85;display:flex;position:absolute;inset:0;transform:scale(1.03)}.xp-side{background:#0f212e;border-right:1px solid #1a2c38;flex-direction:column;gap:16px;width:210px;padding:70px 16px;display:flex}.xp-side i{background:#213743;border-radius:6px;height:12px}.xp-main{background:#1a2c38;flex:1;padding:0 22px}.xp-top{align-items:center;gap:12px;height:62px;margin-top:46px;display:flex}.xp-top b{opacity:.8;background:#fff;border-radius:6px;width:90px;height:24px}.xp-bal{background:#0f212e;border-radius:8px;width:150px;height:36px;margin-left:auto}.xp-blue{background:#1475e1;border-radius:8px;width:90px;height:36px}.xp-banners{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.xp-banners div{border-radius:10px;height:150px}.xp-row-title{background:#2f4553;border-radius:7px;width:160px;height:14px;margin:26px 0 14px}.xp-tiles{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.xp-tiles div{border-radius:10px;height:150px}.xp-d{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.xp-on{background:var(--ac);box-shadow:0 0 0 3px var(--acs)}.xp-on.live{animation:2.4s ease-out infinite xp-pulse}@keyframes xp-pulse{0%{box-shadow:0 0 #1fd18a8c}70%{box-shadow:0 0 0 7px #1fd18a00}to{box-shadow:0 0 #1fd18a00}}.xp-flag{border-radius:2px;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff24}.xp-chip{color:#fff;background:var(--sf2);border:1px solid var(--ln);letter-spacing:.3px;white-space:nowrap;border-radius:6px;padding:2px 6px;font:700 11.5px ui-monospace,SFMono-Regular,Menlo,monospace}.xp-amt{background:var(--acs);color:var(--ac);border-radius:6px;padding:2px 6px;font-size:11px;font-weight:800}.xp-bar{z-index:3;border-bottom:1px solid var(--ln);background:linear-gradient(#14283a 0%,#0f1f2c 100%);align-items:center;gap:10px;height:46px;padding:0 14px;font-size:13px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 6px 20px #00000059}.xp-bar .brand{background:var(--sf);border:1px solid var(--ln);border-radius:10px;align-items:center;gap:8px;height:34px;padding:0 12px 0 4px;display:flex}.xp-bar .brand .logo{justify-content:center;align-items:center;width:26px;height:26px;display:flex}.xp-bar .brand img{width:24px;height:24px}.xp-bar .brand .nm{color:#fff;letter-spacing:-.1px;white-space:nowrap;font-size:14.5px;font-weight:800}.xp-conn{background:var(--sf);border:1px solid var(--ln);height:34px;color:var(--tx2);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:inline-flex}.xp-bar .grow{flex:1}.xp-bar .act{background:var(--sf);height:34px;color:var(--tx);border:1px solid var(--ln);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.xp-bar .act.icon{width:34px;color:var(--tx2);justify-content:center;padding:0}.xp-bar .act.icon.on{background:var(--sf2);border-color:var(--ln2);color:#fff}.xp-bar .act .days{color:var(--tx3);font-weight:600}.xp-bar .act .mut{color:var(--tx3);display:inline-flex}.xp-bar .act.lang{color:var(--tx2);gap:6px;padding:0 8px 0 10px}.xp-bar .sep{background:var(--ln);width:1px;height:22px}.xp-bdg{background:var(--ac);min-width:18px;height:18px;color:var(--acink);text-align:center;border:2px solid #0f1f2c;border-radius:9px;padding:0 5px;font-size:10.5px;font-weight:800;line-height:14px;display:none;position:absolute;top:-6px;right:-6px}.xp-bdg.on{animation:xp-pop .3s var(--xpease);display:block}@keyframes xp-pop{0%{transform:scale(.4)}to{transform:none}}.xp-toasts{z-index:4;flex-direction:column;gap:10px;width:340px;display:flex;position:absolute;top:58px;right:16px}.xp-toast{border:1px solid var(--ln);animation:xp-in .32s var(--xpease);background:linear-gradient(#1d3240,#172a37);border-radius:12px;align-items:center;gap:11px;padding:12px 12px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000080}.xp-toast.info{--k:var(--info);--ks:var(--infos)}.xp-toast.ok{--k:var(--ac);--ks:var(--acs)}.xp-ticon{background:var(--ks);width:34px;height:34px;color:var(--k);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.xp-toast .c{flex:1;min-width:0}.xp-toast .ttl{color:var(--k);align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.xp-toast .sub{color:var(--tx2);margin-top:4px;font-size:12px}.xp-toast .tx{color:#fff;margin-top:4px;font-size:13.5px;font-weight:600}.xp-toast .life{background:var(--k);opacity:.6;transform-origin:0;width:100%;height:2px;animation:3.2s linear forwards xp-life;position:absolute;bottom:0;left:0}@keyframes xp-life{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes xp-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.xp-bk{z-index:5;-webkit-backdrop-filter:blur(6px);background:#050c12b8;justify-content:center;align-items:flex-start;padding-top:22px;animation:.2s xp-fade;display:flex;position:absolute;inset:0}@keyframes xp-fade{0%{opacity:0}to{opacity:1}}.xp-modal{background:var(--bg);border:1px solid var(--ln);width:560px;animation:xp-rise .24s var(--xpease);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #000000a6}@keyframes xp-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.xp-mhead{background:var(--sf);border-bottom:1px solid var(--ln);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.xp-mhead .ttl{align-items:center;gap:12px;display:flex}.xp-mhead .logo{background:var(--sf2);border:1px solid var(--ln);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.xp-mhead .logo img{width:28px;height:28px}.xp-mhead .tblk{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.xp-mhead h3{color:#fff;margin:0;font-size:16.5px;font-weight:800}.xp-mhead .subl{background:var(--bg);border:1px solid var(--ln);height:20px;color:var(--tx2);border-radius:999px;align-items:center;gap:6px;padding:0 9px 0 7px;font-size:11.5px;font-weight:700;display:inline-flex}.xp-mhead .subl .xp-d{width:7px;height:7px;box-shadow:none}.xp-x{background:var(--sf2);border:1px solid var(--ln);width:36px;height:36px;color:var(--tx2);border-radius:10px;justify-content:center;align-items:center;display:flex}.xp-tabs{background:var(--sf);border-bottom:1px solid var(--ln);gap:4px;padding:8px 10px;display:flex}.xp-tab{height:36px;color:var(--tx2);border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.xp-tab.on{background:var(--sf3);color:#fff;box-shadow:inset 0 0 0 1px var(--ln2)}.xp-tab.on svg{color:var(--ac)}.xp-tab .cnt{background:var(--bg);min-width:20px;height:18px;color:var(--tx2);text-align:center;border-radius:9px;padding:0 6px;font-size:11px;line-height:18px}.xp-pane{padding:14px 16px 16px}.xp-card{background:var(--sf);border:1px solid var(--ln);border-radius:14px;padding:14px}.xp-accrow{justify-content:space-between;align-items:center;display:flex}.xp-accrow .h{color:#fff;align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.xp-accrow .h svg{color:var(--warn)}.xp-drops .left{color:var(--tx2);font-size:13px;font-weight:700}.xp-drops .left b{color:var(--ac);margin-right:4px;font-size:17px;font-weight:800}.xp-dseg{grid-template-columns:repeat(10,1fr);gap:4px;margin-top:12px;display:grid}.xp-dseg i{background:var(--bg);border-radius:3px;height:6px}.xp-dseg i.on{background:var(--ac)}.xp-sech{text-transform:uppercase;letter-spacing:.7px;color:var(--tx3);margin:16px 0 9px;font-size:11px;font-weight:800}.xp-statgrid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.xp-stat{background:var(--sf);border:1px solid var(--ln);border-radius:12px;flex-direction:column;gap:6px;padding:11px 10px;display:flex}.xp-stat b{color:#fff;font-size:19px;font-weight:800;line-height:1}.xp-stat span{color:var(--tx3);white-space:nowrap;font-size:11.5px;font-weight:600}.xp-stat.ok b{color:var(--ac)}.xp-stat.bad b{color:var(--bad)}.xp-feed{border:1px solid var(--ln);background:#0b1620;border-radius:12px;margin:0;padding:4px 0;list-style:none}.xp-ev{align-items:center;gap:8px;min-height:27px;padding:3px 12px;font-size:12px;display:flex}.xp-ev+.xp-ev{border-top:1px solid #ffffff09}.xp-ev .tm{color:var(--tx3);font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace}.xp-ev .dt{background:var(--info);border-radius:50%;width:7px;height:7px}.xp-ev .tx{color:var(--tx);white-space:nowrap;font-weight:600}.xp-ev.ok .dt{background:var(--ac)}.xp-ev.ok .tx{color:var(--ac)}.xp-ev.wait .dt{background:var(--warn)}.xp-ev.code .dt{background:#fff}.xp-ev.code .tx{color:#fff}.xp-steps{grid-template-columns:repeat(5,1fr);gap:8px;max-width:980px;margin:22px auto 0;display:grid}.xp-steps button{color:#cfcfcf;width:100%;font:inherit;cursor:pointer;background:#0b0b0b;border:1px solid #ffffff14;border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:12px 14px;transition:border-color .2s,background .2s,color .2s;display:flex}.xp-steps button:hover{color:#fff;border-color:#fff3}.xp-steps button.on{color:#fff;background:#141414;border-color:#ffffff73}.xp-steps .n{background:#1c1c1c;border-radius:99px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:grid}.xp-steps button.on .n{color:#000;background:#fff}.xp-steps b{letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:600}.xp-steps .d{display:none}.xp-cap{text-align:center;color:#b3b3b3;text-wrap:balance;max-width:620px;min-height:3.2em;margin:20px auto 0;font-size:clamp(15px,1.3vw,17px);line-height:1.6}@media (max-width:900px){.xp-steps{grid-template-columns:repeat(3,1fr)}}@media (max-width:552px){.xp-steps{grid-template-columns:1fr}.xp-stage{border-radius:12px}}@media (prefers-reduced-motion:reduce){.xp-stage *,.xp-stage :before,.xp-stage :after{animation:none!important}}.xp-narrow .xp-side{display:none}.xp-narrow .xp-tiles{grid-template-columns:repeat(3,1fr)}.xp-narrow .xp-banners{grid-template-columns:1fr 1fr}.xp-narrow .xp-banners div:nth-child(3){display:none}.xp-narrow .xp-bar{gap:7px;padding:0 10px}.xp-narrow .xp-bar .brand{padding:0 3px}.xp-narrow .xp-bar .brand .nm,.xp-narrow .xp-bar .days,.xp-narrow .xp-bar .lang,.xp-narrow .xp-bar .sep{display:none}.xp-narrow .xp-toasts{width:auto;left:12px;right:12px}.xp-narrow .xp-bk{padding:16px 12px 0}.xp-narrow .xp-modal{width:100%}.xp-narrow .xp-tab{font-size:12.5px}.xp-narrow .xp-statgrid{grid-template-columns:repeat(2,1fr)}.xp-narrow .xp-feed .xp-ev:nth-child(-n+2){display:none}@media (max-width:552px){.xp-steps{grid-template-columns:1fr 1fr}.xp-steps li:last-child{grid-column:1/-1}}.xp-bar>:not(.brand),.xp-bar .brand .nm{transition:opacity .22s .1s}.xp-bar.collapsing>:not(.brand),.xp-bar.collapsing .brand .nm{opacity:0;transition:opacity .14s}.xp-bar.collapsing .brand{background:0 0;border-color:#0000}.xp-bar.collapsing{animation:.38s cubic-bezier(.6,0,.35,1) .12s forwards xp-collapse}@keyframes xp-collapse{0%{clip-path:circle(1100px at 32px 23px)}to{clip-path:circle(16px at 32px 23px)}}.xp-bar.hidden{display:none}.xp-site{transition:transform .34s cubic-bezier(.2,.9,.3,1)}.xp-site.min{transform:scale(1.03)translateY(-46px)}.xp-toasts{transition:top .3s var(--xpease)}.xp-toasts.min{top:16px}.xp-fab{z-index:6;border-radius:50%;width:56px;height:56px;transition:transform 1.3s cubic-bezier(.45,0,.2,1);position:absolute;top:0;left:0}.xp-fab.appear{animation:.48s cubic-bezier(.34,1.56,.64,1) xp-fabin}@keyframes xp-fabin{0%{opacity:.6;scale:.55}to{opacity:1;scale:1}}.xp-fab .core{border:1px solid var(--ln2);transition:transform .2s var(--xpease), box-shadow .2s;background:radial-gradient(circle at 32% 26%,#2c4c5f 0%,#16293a 62%,#0f1f2c 100%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 12px 30px #0000008c,inset 0 1px #ffffff14}.xp-fab .core img{border-radius:8px;width:30px;height:30px}.xp-fab.drag .core{transform:scale(1.1);box-shadow:0 22px 44px #000000a6}.xp-fab .ring{border:3px solid var(--ring,var(--ln2));border-radius:50%;animation:2.8s ease-in-out infinite xp-breathe;position:absolute;inset:-5px}@keyframes xp-breathe{0%,to{opacity:1}50%{opacity:.35}}.xp-fab.on{--ring:var(--ac)}.xp-fab.ping .ring:after{content:"";border-radius:50%;animation:1.1s ease-out 2 xp-ping;position:absolute;inset:-3px}@keyframes xp-ping{0%{box-shadow:0 0 #1fd18a99}to{box-shadow:0 0 0 16px #1fd18a00}}.xp-fab .xp-bdg{top:-4px;right:-4px}.xp-cursor{filter:drop-shadow(0 2px 4px #0009);position:absolute;top:32px;left:30px}