.w4r-v257-main .w4r-v257-change .w4r-head{margin-bottom:34px}
.w4r-v257-main .w4r-v257-shell{position:relative;padding:28px;border:1px solid #d7e4f1;border-radius:30px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 22px 60px rgba(28,58,96,.055);overflow:hidden}
.w4r-v257-main .w4r-v257-shell:before{content:"";position:absolute;left:16%;right:16%;top:48%;height:1px;background:linear-gradient(90deg,rgba(23,104,255,.08),rgba(34,185,255,.38),rgba(32,185,124,.12));pointer-events:none}
.w4r-v257-main .w4r-v257-guide{display:grid;grid-template-columns:1fr 1.1fr 1.25fr;gap:34px;margin:0 10px 22px;color:#7790a8;font-size:9px;font-weight:900;letter-spacing:.11em}
.w4r-v257-main .w4r-v257-guide span:nth-child(2){text-align:center}.w4r-v257-main .w4r-v257-guide span:nth-child(3){text-align:right}
.w4r-v257-main .w4r-v257-flow{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,.82fr) 86px minmax(300px,1.15fr) 86px minmax(310px,1.25fr);gap:16px;align-items:center;min-height:390px}
.w4r-v257-main .w4r-v257-route-source,.w4r-v257-main .w4r-v257-new-route{padding:20px;border:1px solid #dbe6f1;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 16px 34px rgba(25,55,90,.055)}
.w4r-v257-main .w4r-v257-route-source>span,.w4r-v257-main .w4r-v257-new-route>span{display:block;color:#1768ff;font-size:8.75px;font-weight:900;letter-spacing:.11em}
.w4r-v257-main .w4r-v257-new-route>span{color:#17805b}
.w4r-v257-main .w4r-v257-place{display:flex;align-items:center;gap:12px;margin-top:15px;padding-bottom:14px;border-bottom:1px solid #e6edf4}
.w4r-v257-main .w4r-v257-place>b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f2f7fd;box-shadow:inset 0 0 0 1px #dce7f2;font-size:23px}
.w4r-v257-main .w4r-v257-place strong{display:block;color:#173653;font-size:19px;line-height:1.15}.w4r-v257-main .w4r-v257-place small{display:block;margin-top:5px;color:#72879b;font-size:10.5px}
.w4r-v257-main .w4r-v257-route-source dl{margin:10px 0 0}.w4r-v257-main .w4r-v257-route-source dl div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed #e4ebf2}.w4r-v257-main .w4r-v257-route-source dl div:last-child{border-bottom:0}.w4r-v257-main .w4r-v257-route-source dt{color:#8395a7;font-size:9.5px;font-weight:700}.w4r-v257-main .w4r-v257-route-source dd{margin:0;color:#27475f;font-size:10px;font-weight:800}
.w4r-v257-main .w4r-v257-route-source>em,.w4r-v257-main .w4r-v257-new-route>em{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:6px 9px;border-radius:999px;background:#eef5ff;color:#1768ff;font-size:8.75px;font-style:normal;font-weight:850}.w4r-v257-main .w4r-v257-new-route>em{background:#edf9f4;color:#16805a}.w4r-v257-main .w4r-v257-route-source>em i,.w4r-v257-main .w4r-v257-new-route>em i{width:7px;height:7px;border-radius:50%;background:currentColor}
.w4r-v257-main .w4r-v257-action{display:grid;justify-items:center;gap:8px;color:#1768ff}.w4r-v257-main .w4r-v257-action span{font-size:8px;font-weight:900;letter-spacing:.1em;white-space:nowrap}.w4r-v257-main .w4r-v257-action b{display:grid;place-items:center;width:50px;height:50px;border:1px solid #bcd4f4;border-radius:50%;background:#fff;box-shadow:0 10px 26px rgba(23,104,255,.1);font-size:24px}.w4r-v257-main .w4r-v257-action.is-apply{color:#16805a}.w4r-v257-main .w4r-v257-action.is-apply b{border-color:#bfe7d7;box-shadow:0 10px 26px rgba(32,185,124,.1)}
.w4r-v257-main .w4r-v257-profile-hub{position:relative;display:grid;place-items:center;min-height:330px}.w4r-v257-main .w4r-v257-rings,.w4r-v257-main .w4r-v257-rings i{position:absolute;border-radius:50%}.w4r-v257-main .w4r-v257-rings{width:300px;height:300px;border:1px solid rgba(23,104,255,.16);background:radial-gradient(circle,rgba(23,104,255,.055) 0 30%,transparent 31%);box-shadow:inset 0 0 50px rgba(23,104,255,.04)}.w4r-v257-main .w4r-v257-rings i:nth-child(1){inset:28px;border:1px solid rgba(23,104,255,.18)}.w4r-v257-main .w4r-v257-rings i:nth-child(2){inset:60px;border:1px dashed rgba(46,193,255,.28)}.w4r-v257-main .w4r-v257-rings i:nth-child(3){inset:90px;border:1px solid rgba(32,185,124,.24)}
.w4r-v257-main .w4r-v257-profile-core{position:relative;z-index:3;width:176px;padding:26px 18px 22px;border-radius:26px;background:linear-gradient(160deg,#0c3471,#125ed8 65%,#1689ff);box-shadow:0 25px 54px rgba(17,77,167,.25),inset 0 0 0 1px rgba(255,255,255,.22);text-align:center;color:#fff}.w4r-v257-main .w4r-v257-profile-core:before{content:"";display:block;width:44px;height:44px;margin:0 auto 14px;border-radius:14px;background:radial-gradient(circle at 50% 45%,#78d9ff 0 8%,transparent 9%),linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 28px rgba(87,211,255,.3)}.w4r-v257-main .w4r-v257-profile-core>span{display:block;color:#8ddcff;font-size:9px;font-weight:900;letter-spacing:.1em}.w4r-v257-main .w4r-v257-profile-core>strong{display:block;margin-top:6px;font-size:18px}.w4r-v257-main .w4r-v257-profile-core>em{display:inline-block;margin-top:10px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);font-size:9px;font-style:normal;font-weight:800}
.w4r-v257-main .w4r-v257-persist{position:absolute;z-index:4;min-width:118px;padding:9px 11px;border:1px solid #cfe7dc;border-radius:12px;background:rgba(250,255,252,.96);box-shadow:0 10px 24px rgba(28,85,62,.08)}.w4r-v257-main .w4r-v257-persist b{display:block;color:#315f50;font-size:9.5px}.w4r-v257-main .w4r-v257-persist span{display:block;margin-top:2px;color:#20a673;font-size:8px;font-weight:850}.w4r-v257-main .w4r-v257-persist.is-identity{top:18px;left:8px}.w4r-v257-main .w4r-v257-persist.is-session{top:18px;right:6px}.w4r-v257-main .w4r-v257-persist.is-execution{bottom:18px;left:50%;transform:translateX(-50%)}
.w4r-v257-main .w4r-v257-output{display:grid;gap:12px}.w4r-v257-main .w4r-v257-updates{display:grid;gap:8px}.w4r-v257-main .w4r-v257-updates>div{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid #dbe6f1;border-radius:13px;background:#fff}.w4r-v257-main .w4r-v257-updates b{color:#537087;font-size:9.5px}.w4r-v257-main .w4r-v257-updates span{color:#173653;font-size:9.5px;font-weight:800;text-align:right}
.w4r-v257-main .w4r-v257-summary{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr auto;gap:16px;align-items:center;margin-top:18px;padding:16px 18px;border:1px solid #dbe6f1;border-radius:17px;background:linear-gradient(90deg,#f1f7ff 0 48%,#f3fbf7 52% 100%)}.w4r-v257-main .w4r-v257-summary>div span{display:block;font-size:8.5px;font-weight:900;letter-spacing:.1em}.w4r-v257-main .w4r-v257-summary .is-change span{color:#1768ff}.w4r-v257-main .w4r-v257-summary .is-stay span{color:#16805a}.w4r-v257-main .w4r-v257-summary strong{display:block;margin-top:4px;color:#37566e;font-size:10.5px;line-height:1.4}.w4r-v257-main .w4r-v257-not-equal{color:#7d90a4;font-size:22px;font-weight:800}.w4r-v257-main .w4r-v257-summary a{color:#1768ff;font-size:9.5px;font-weight:800;white-space:nowrap}
@media(max-width:1180px){.w4r-v257-main .w4r-v257-flow{grid-template-columns:1fr 64px 1.15fr 64px 1.15fr;gap:10px}.w4r-v257-main .w4r-v257-rings{width:270px;height:270px}.w4r-v257-main .w4r-v257-persist{min-width:105px}.w4r-v257-main .w4r-v257-profile-core{width:160px}}
@media(max-width:940px){.w4r-v257-main .w4r-v257-guide{display:none}.w4r-v257-main .w4r-v257-flow{grid-template-columns:1fr;gap:14px}.w4r-v257-main .w4r-v257-action{grid-auto-flow:column;justify-content:center;align-items:center}.w4r-v257-main .w4r-v257-action b{width:42px;height:42px;transform:rotate(90deg)}.w4r-v257-main .w4r-v257-profile-hub{min-height:320px}.w4r-v257-main .w4r-v257-route-source,.w4r-v257-main .w4r-v257-output{max-width:560px;width:100%;justify-self:center}.w4r-v257-main .w4r-v257-summary{grid-template-columns:1fr}.w4r-v257-main .w4r-v257-not-equal{display:none}.w4r-v257-main .w4r-v257-summary a{justify-self:start}}
@media(max-width:560px){.w4r-v257-main .w4r-v257-shell{padding:16px;border-radius:22px}.w4r-v257-main .w4r-v257-rings{width:250px;height:250px}.w4r-v257-main .w4r-v257-profile-hub{min-height:300px}.w4r-v257-main .w4r-v257-persist{min-width:96px;padding:8px}.w4r-v257-main .w4r-v257-persist.is-identity{left:0}.w4r-v257-main .w4r-v257-persist.is-session{right:0}.w4r-v257-main .w4r-v257-summary{padding:14px}.w4r-v257-main .w4r-v257-updates>div{grid-template-columns:1fr}.w4r-v257-main .w4r-v257-updates span{text-align:left}}