.xan__win{height:500px;font-family:var(--font-sans,inherit);padding:0;position:relative;overflow:hidden}.xan__app{background:#fff;position:absolute;inset:0}.xan__app:after{content:"";opacity:0;background:#0d143014;transition:opacity .4s;position:absolute;inset:0}.xan__win[data-step="5"] .xan__app:after,.xan__win[data-step="6"] .xan__app:after{opacity:1}.xan__bar{border-bottom:1px solid var(--line2);align-items:center;gap:14px;height:46px;padding:0 20px;display:flex}.xan__bar i{background:#eef0f3;border-radius:4px;width:44px;height:8px}.xan__bar .xan__logo{background:#e5e8eb;border-radius:7px;width:22px;height:22px;margin-right:6px}.xan__body{gap:16px;padding:24px 22px;display:grid}.xan__h{background:#e5e8eb;border-radius:6px;width:160px;height:14px}.xan__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.xan__cards i{background:#f2f4f6;border-radius:14px;height:104px}.xan__wide{background:#f7f8fa;border-radius:14px;height:150px}.xan__fab{z-index:6;background:#0d1430;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;position:absolute;bottom:40px;right:22px;box-shadow:0 10px 30px #0d143059}.xan__badge{color:#fff;opacity:0;background:#f04452;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:800;line-height:1;transition:opacity .2s,transform .45s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:absolute;top:-4px;right:-4px;transform:scale(.3);box-shadow:0 0 0 2px #fff}.xan__win:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"]) .xan__badge{opacity:1;transform:none}.xan__nudge{z-index:7;opacity:0;transform-origin:90% 100%;background:#fff;border:1px solid #e5e8eb;border-radius:16px;align-items:flex-start;gap:2px;max-width:300px;padding:4px;transition:opacity .3s,transform .4s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;bottom:100px;right:22px;transform:translateY(8px)scale(.97);box-shadow:0 12px 32px #0d14302e,0 2px 6px #0d143014}.xan__nudge:after{content:"";background:#fff;border-bottom:1px solid #e5e8eb;border-right:1px solid #e5e8eb;width:12px;height:12px;position:absolute;bottom:-6px;right:18px;transform:rotate(45deg)}.xan__win:is([data-step="2"],[data-step="3"],[data-step="4"]) .xan__nudge{opacity:1;transform:none}.xan__win[data-step="4"] .xan__nbody{background:#f9fafb}.xan__nbody{border-radius:12px;align-items:flex-start;gap:10px;min-width:0;padding:9px 4px 9px 11px;transition:background .2s;display:flex}.xan__dot{background:#f04452;border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.xan__ntext{flex-direction:column;gap:2px;min-width:0;display:flex}.xan__ntext b{color:#191f28;font-size:14px;font-weight:700;line-height:1.45}.xan__ntext span{color:#6b7684;font-size:12.5px;line-height:1.45}.xan__close{color:#b0b8c1;border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin:4px 2px 0 0;display:inline-flex}.xan__sheet{z-index:8;background:#fff;border-left:1px solid #e5e8eb;flex-direction:column;width:384px;padding:16px 16px 40px;transition:transform .55s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(104%);box-shadow:-24px 0 48px -28px #0d143059}.xan__win:is([data-step="5"],[data-step="6"]) .xan__sheet{transform:none}.xan__shead{color:#191f28;align-items:center;gap:7px;padding:2px 4px 12px;display:flex}.xan__shead b{font-size:15px;font-weight:700}.xan__sbadge{color:#fff;background:#f04452;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:800;display:inline-flex}.xan__note{display:none}.xan__group{opacity:0;transition:opacity .3s,transform .4s cubic-bezier(.23,1,.32,1);transition-delay:calc(.24s + var(--i) * 90ms);margin-bottom:10px;transform:translateY(8px)}.xan__win:is([data-step="5"],[data-step="6"]) .xan__group{opacity:1;transform:none}.xan__glabel{align-items:center;gap:7px;padding:0 4px 6px;display:flex}.xan__glabel i{background:#b0b8c1;border-radius:50%;width:6px;height:6px}.xan__glabel i[data-pr=urgent]{background:#f04452}.xan__glabel i[data-pr=high]{background:#fe9800}.xan__glabel b{color:#191f28;font-size:13px;font-weight:700}.xan__glabel span{color:#b0b8c1;font-size:12.5px}.xan__row{background:#fff;border:1px solid #e5e8eb;border-radius:12px;gap:3px;padding:10px 12px;display:grid}.xan__row b{letter-spacing:-.01em;color:#191f28;font-size:13.5px;font-weight:700;line-height:1.45}.xan__row>span:not(.xan__foot){color:#6b7684;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;line-height:1.55;overflow:hidden}.xan__foot{align-items:center;gap:8px;margin-top:3px;display:flex}.xan__foot i{color:#8b95a1;background:#f2f4f6;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.xan__foot small{color:#8b95a1;margin-left:auto;font-size:11.5px}.xan__chip{color:#4e5968;opacity:0;background:#f2f4f6;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;height:28px;margin-top:2px;padding:0 11px;font-size:12px;font-weight:600;transition:opacity .3s .6s,transform .4s cubic-bezier(.23,1,.32,1) .6s;display:inline-flex;transform:translateY(6px)}.xan__chip svg{color:var(--blue)}.xan__win:is([data-step="5"],[data-step="6"]) .xan__chip{opacity:1;transform:none}.xan__cur{--cx:560px;--cy:520px;opacity:0}.xan__win:is([data-step="3"],[data-step="4"]) .xan__cur{--cx:520px;--cy:372px;opacity:1}@media (max-width:760px){.xan.xai-d{padding:0 14px}.pv-demohost .xan__win.xai-d__win{zoom:1;width:100%;height:430px}.xan__sheet{border-left:0;width:100%}.xan__cards i{height:72px}.xan__foot{display:none}.xan__group{margin-bottom:8px}.xan__cur{display:none}}@media (prefers-reduced-motion:reduce){.xan__badge,.xan__nudge,.xan__sheet,.xan__group,.xan__chip,.xan__app:after{transition:none}}
