.auth-motion-art{border:1px solid #d4e2ec;background:#fbfdff;margin-top:26px;color:#426785;min-height:295px;overflow:hidden}.auth-art-head{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #e1eaf1}.auth-art-head>b{background:#486b9c;color:white;padding:5px 7px;font-size:13px}.auth-art-head>span{font-size:9px;letter-spacing:1px;color:#7895af}.auth-art-head>i{margin-left:auto;width:5px;height:5px;background:#8ab9a4}.auth-art-live{padding:12px 16px;border-top:1px solid #e1eaf1;display:flex;align-items:center;gap:8px;font-size:10px;color:#719d88;min-height:42px}.auth-art-live>i{height:5px;width:5px;background:#7dad96}.auth-motion-caption{font-size:10px!important;line-height:1.9!important;color:#8a9eaf!important;margin:18px 0 12px!important;max-width:440px}.auth-motion-pause{font:inherit;font-size:10px;color:#68859a;border:1px solid #cbdce7;padding:8px 11px;background:transparent;cursor:pointer;margin-top:15px}.auth-motion-pause:focus-visible{outline:3px solid #71a690;outline-offset:3px}.auth-motion-story h1{min-height:112px}.auth-motion-story .auth-story-description{min-height:78px}.auth-art-chart{height:180px;padding:25px 25px 0;display:flex;gap:15px;align-items:end}.auth-art-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;gap:8px;font-size:10px}.auth-art-bar i{display:block;width:100%;height:45%;background:#91a9ce;transform-origin:bottom}.auth-art-bar.bar-1 i{height:70%}.auth-art-bar.bar-2 i{height:55%}.auth-art-bar.bar-3 i{height:90%}.auth-art-bar.bar-4 i{height:65%}.auth-art-bar.bar-5 i{height:85%}.auth-art-bar b{font-size:11px;font-variant-numeric:tabular-nums}.auth-art-bar small{font-size:8px;color:#a4b4c5}.auth-art-total{display:flex;justify-content:space-between;padding:15px 22px;color:#7592ab;font-size:10px}.auth-art-total strong{color:#527e77}.auth-art-mail{height:210px;position:relative;background:radial-gradient(ellipse,#dcece855,transparent 70%)}.auth-mail-sheet{position:absolute;left:33%;top:20px;width:36%;height:125px;background:white;border:1px solid #cbdfe5;padding:16px;box-shadow:0 6px 15px #365b6e0d}.auth-mail-sheet>span{font-size:7px;color:#8ca7b3;letter-spacing:1px}.auth-mail-sheet>i{display:block;height:4px;background:#dce8ee;margin-top:14px;width:90%}.auth-mail-sheet>i:nth-of-type(2){width:60%}.auth-mail-sheet>b{display:block;text-align:center;font-size:25px;color:#8fb9a2;margin-top:13px}.auth-mail-envelope{position:absolute;left:25%;bottom:12px;width:52%;height:110px;background:#edf4f6;border:1px solid #adcbd1;text-align:center;box-shadow:0 10px 20px #365b6e0d}.auth-mail-envelope>span{font-size:92px;line-height:1;color:#88a7b8}.auth-mail-envelope>b{position:absolute;right:-12px;bottom:-10px;background:#b8dfcd;color:#467863;border:4px solid #f9fcfc;width:35px;height:35px;display:grid;place-items:center}.auth-art-stages{display:flex;gap:10px;padding:10px 16px 20px;justify-content:center}.auth-art-stages>span{font-size:9px;padding:7px 10px;border:1px solid #d6e6e8;background:#f4f9f7;color:#78a28e}.auth-art-warehouse{height:200px;position:relative;overflow:hidden;padding:20px 45px}.auth-art-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 10px;border-bottom:5px solid #8aabb7;padding-bottom:10px}.auth-art-shelf i{font-style:normal;font-size:40px;color:#b5a080;border-bottom:3px solid #c7d8df;text-align:center}.auth-art-package{position:absolute;left:0;bottom:3px;color:#bba57c;font-size:45px;background:#f7fafb;padding:0 10px}.auth-art-documents{height:245px;padding:22px;display:flex;justify-content:center;gap:20px}.auth-art-documents>div{width:46%;max-width:160px;padding:16px;background:white;border:1px solid #cfdee7;box-shadow:4px 4px 0 #e4edf2;transform:rotate(-3deg)}.auth-art-documents>div:nth-child(2){transform:rotate(5deg) translateY(12px);background:#f1f7f3}.auth-art-documents b{background:#5b7e9f;color:white;font-size:12px;padding:5px}.auth-art-documents span{display:block;font-size:7px;letter-spacing:1px;color:#88a0b5;margin:15px 0}.auth-art-documents i{display:block;height:4px;background:#e2ebf1;margin:13px 0}.auth-art-documents strong{display:block;text-align:center;color:#93bda6;margin-top:22px;font-size:28px}.auth-art-documents small{display:block;font-size:8px;color:#8ba597;margin-top:22px}.auth-art-cards{padding:15px 22px}.auth-art-cards>div{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #e2ecf2}.auth-art-cards>div:last-child{border-bottom:0}.auth-art-cards b{font-size:18px;color:#99b3c9}.auth-art-cards span{display:grid;gap:7px}.auth-art-cards strong{font-size:11px;color:#597f9d}.auth-art-cards small{font-size:9px;color:#8da5b8}.auth-art-cards i{margin-left:auto;font-style:normal;color:#8cb29d}.auth-art-flow{height:245px;display:flex;gap:12px;padding:40px 20px;align-items:center;position:relative}.auth-art-flow>div{flex:1;background:#f1f6f9;border:1px solid #d0e1eb;min-height:140px;padding:20px 10px;position:relative}.auth-art-flow b{display:block;font-size:23px;color:#9cb5c9}.auth-art-flow strong{font-size:10px;color:#7593aa;line-height:1.8;display:block;margin-top:20px}.auth-art-flow i{display:block;height:3px;background:#bed6ca;margin-top:18px}.auth-art-flow>span{position:absolute;bottom:20px;left:20px;color:#75aa94;font-size:22px}.auth-motion-playing .auth-art-bar i{animation:auth-bar 1.8s ease-in-out infinite alternate}.auth-motion-playing .auth-art-bar:nth-child(2n) i{animation-delay:-.9s}.auth-motion-playing .auth-mail-sheet{animation:auth-letter 3s ease-in-out infinite}.auth-motion-playing .auth-mail-envelope>b{animation:auth-pulse 2s infinite}.auth-motion-playing .auth-art-package{animation:auth-parcel 3.6s ease-in-out infinite}.auth-motion-playing .auth-art-documents>div{animation:auth-paper 2.8s infinite alternate}.auth-motion-playing .auth-art-documents>div:nth-child(2){animation-delay:-1.4s}.auth-motion-playing .auth-art-cards>div{animation:auth-card 3.6s infinite}.auth-motion-playing .auth-art-cards>div:nth-child(2){animation-delay:1.2s}.auth-motion-playing .auth-art-cards>div:nth-child(3){animation-delay:2.4s}.auth-motion-playing .auth-art-flow>div{animation:auth-card 3.6s infinite}.auth-motion-playing .auth-art-flow>div:nth-child(2){animation-delay:1.2s}.auth-motion-playing .auth-art-flow>div:nth-child(3){animation-delay:2.4s}.auth-motion-playing .auth-art-flow>span{animation:auth-flow 3.6s infinite}.auth-motion-playing .auth-art-live>i{animation:auth-pulse 1.4s infinite}.auth-story:not(.auth-motion-playing) .auth-motion-art *{animation-play-state:paused!important}.login-story .auth-motion-art{margin-top:14px;min-height:260px}.login-story .auth-art-head{display:none}.login-story .auth-art-chart{height:140px}.login-story .auth-art-flow,.login-story .auth-art-documents{height:210px}.login-story .auth-art-mail{height:175px}.login-story .auth-art-warehouse{height:180px}.login-story .auth-art-cards{padding:10px 14px}.login-story .auth-art-cards>div{padding:15px 0}.login-story .auth-art-flow>div{min-height:125px;padding:12px 7px}.login-story .auth-art-flow strong{font-size:9px}.login-story-preview .preview-body{min-height:0}.login-story-preview .preview-badge{position:relative;right:auto;bottom:auto;float:right;margin:-4px -12px 0 0}.login-story-preview{height:auto!important;min-height:365px}.login-story .auth-motion-pause{margin-top:10px}@keyframes auth-bar{from{transform:scaleY(.65)}to{transform:scaleY(1)}}@keyframes auth-letter{0%,100%{transform:translateY(22px)}50%{transform:translateY(0)}}@keyframes auth-pulse{50%{opacity:.45}}@keyframes auth-parcel{0%{left:-15%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:90%;opacity:0}}@keyframes auth-paper{to{transform:translateY(-5px) rotate(2deg)}}@keyframes auth-card{20%,45%{background:#e7f3eb;border-color:#accdb9}70%,100%{background:transparent}}@keyframes auth-flow{0%{left:15%}100%{left:85%}}
@media(max-width:740px){.auth-motion-art{min-height:260px}.auth-art-flow{height:210px}.auth-art-flow>div{min-height:120px;padding:13px 8px}.auth-art-flow strong{font-size:9px}.auth-art-mail{height:180px}.auth-art-chart{height:155px}.auth-art-warehouse{height:175px;padding:15px 30px}.auth-art-documents{height:220px}.auth-motion-story h1{min-height:0}.auth-motion-story .auth-story-description{min-height:0}.auth-motion-caption{max-width:none}.login-story-preview{min-height:340px}}
@media(prefers-reduced-motion:reduce){.auth-motion-art *{animation:none!important;transition:none!important}}