.auth-page{min-height:100vh;position:relative;overflow:hidden;color:var(--color-ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse 50% 40% at 15% 80%,rgb(180 200 255/.55) 0,rgb(180 200 255/0) 70%),radial-gradient(ellipse 60% 50% at 40% 0,rgb(200 195 245/.4) 0,rgb(200 195 245/0) 70%),radial-gradient(ellipse 100% 70% at 100% 60%,rgb(200 175 255/.55) 0,rgb(200 175 255/0) 65%),radial-gradient(ellipse 80% 70% at 10% 10%,rgb(228 238 255/.85) 0,rgb(228 238 255/0) 70%),radial-gradient(ellipse 60% 80% at 50% 100%,rgb(191 219 254/.5) 0,rgb(191 219 254/0) 65%),linear-gradient(125deg,#D5E0FF,#CBD4FF 25%,#C0D4F8 55%,#C9DEFA 80%,#D6E8FC)}.auth-page:after,.auth-page:before{content:"";position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.auth-page:before{width:620px;height:620px;top:-160px;right:-120px;background:radial-gradient(circle at 35% 35%,rgb(255 255 255/1) 0,rgb(255 255 255/0) 55%),radial-gradient(circle at 60% 60%,rgb(180 195 255/.7) 0,rgb(180 195 255/0) 65%)}.auth-page:after{width:520px;height:520px;bottom:-180px;right:-80px;background:radial-gradient(circle,rgb(147 197 253/.6) 0,rgb(147 197 253/0) 70%)}.auth-page>.auth-grid{inset:0;background-image:radial-gradient(circle at 86% 12%,rgb(255 255 255/.95) 0,transparent 2.5px),radial-gradient(circle at 92% 28%,rgb(255 255 255/.75) 0,transparent 1.8px),radial-gradient(circle at 78% 6%,rgb(255 255 255/.65) 0,transparent 2px),radial-gradient(circle at 96% 48%,rgb(255 255 255/.85) 0,transparent 2.2px),radial-gradient(circle at 88% 70%,rgb(255 255 255/.7) 0,transparent 2.5px),radial-gradient(circle at 70% 92%,rgb(255 255 255/.6) 0,transparent 2px),radial-gradient(circle at 96% 86%,rgb(255 255 255/.7) 0,transparent 2px),radial-gradient(circle at 14% 78%,rgb(255 255 255/.55) 0,transparent 1.8px),radial-gradient(circle at 8% 22%,rgb(255 255 255/.65) 0,transparent 1.8px),radial-gradient(circle at 22% 45%,rgb(255 255 255/.5) 0,transparent 1.5px),radial-gradient(circle at 38% 88%,rgb(255 255 255/.55) 0,transparent 2px),linear-gradient(90deg,rgb(80 110 220/.06) 1px,transparent 0),linear-gradient(180deg,rgb(80 110 220/.06) 1px,transparent 0);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,72px 72px,72px 72px;mask-image:radial-gradient(ellipse at 50% 50%,#000 50%,transparent 95%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 50%,transparent 95%)}.auth-page>.auth-grid,.auth-right-mock{position:absolute;pointer-events:none;z-index:0}.auth-right-mock{right:0;top:50%;transform:translateY(-50%);width:50%;max-width:720px;height:70vh;max-height:640px;filter:blur(2px)}@media (max-width:1023px){.auth-right-mock{display:none}}.auth-right-mock-circle{position:absolute;top:26%;right:24%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgb(255 255 255/.95) 0,rgb(255 255 255/.4) 35%,rgb(200 210 245/.3) 60%,transparent 100%);filter:blur(6px)}.auth-right-mock-card-a{position:absolute;top:18%;right:6%;width:240px;height:130px;border-radius:18px;background:linear-gradient(135deg,rgb(255 255 255/.62),rgb(232 238 255/.4));border:1px solid rgb(255 255 255/.55);box-shadow:0 12px 30px -10px rgb(80 100 200/.18);filter:blur(3px)}.auth-right-mock-card-b{position:absolute;bottom:20%;left:8%;width:220px;height:90px;border-radius:18px;background:linear-gradient(135deg,rgb(255 255 255/.5),rgb(220 230 255/.35));border:1px solid rgb(255 255 255/.45);box-shadow:0 10px 24px -8px rgb(80 100 200/.15);filter:blur(3px)}.auth-right-mock-card-c{position:absolute;bottom:12%;right:8%;width:200px;height:110px;border-radius:18px;background:linear-gradient(135deg,rgb(255 255 255/.55),rgb(225 230 255/.35));border:1px solid rgb(255 255 255/.5);box-shadow:0 10px 28px -10px rgb(80 100 200/.18);filter:blur(3px)}.auth-container{position:relative;z-index:1;min-height:100vh;margin:0 auto;padding:48px 24px;display:flex;align-items:center;justify-content:center}.auth-brand{display:none}@media (min-width:1024px){.auth-brand{display:flex;flex-direction:column;position:absolute;left:max(64px,6vw);top:48px;bottom:48px;width:min(480px,36vw);padding:0;z-index:0;pointer-events:none}.auth-brand .auth-brand-main{filter:blur(.6px);opacity:.95}.auth-brand .auth-brand-logo{filter:none;opacity:1;pointer-events:auto}}.auth-brand-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.auth-brand-main{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;animation:fade-up .26s var(--ease-out-soft) both;animation-delay:40ms}.auth-brand-logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--color-brand) 0,#60A5FA 100%);display:flex;align-items:center;justify-content:center;color:var(--color-ink-inverse);font-weight:650;font-size:17px;letter-spacing:-.02em;box-shadow:0 6px 16px -4px rgb(22 93 255/.45),inset 0 1px 0 rgb(255 255 255/.35)}.auth-brand-logo-text{font-size:16px;font-weight:600;color:var(--color-ink);letter-spacing:-.01em}.auth-brand-headline{margin:0 0 18px;font-size:clamp(32px,3.2vw,44px);font-weight:650;line-height:1.18;letter-spacing:-.025em;color:var(--color-ink)}.auth-brand-headline em{font-style:normal;background:linear-gradient(135deg,var(--color-brand) 0,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.auth-brand-sub{margin:0 0 28px;font-size:14.5px;line-height:1.7;color:var(--color-ink-secondary)}.auth-brand-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}.auth-brand-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgb(255 255 255/.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(255 255 255/.8);border-radius:var(--radius-pill);font-size:12.5px;font-weight:500;color:var(--color-ink-secondary);letter-spacing:-.005em;box-shadow:0 1px 2px rgb(80 100 200/.06),inset 0 1px 0 rgb(255 255 255/.7)}.auth-brand-chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.auth-brand-chip-dot.is-video{background:#165DFF}.auth-brand-chip-dot.is-image{background:#7C5CFF}.auth-brand-chip-dot.is-chat{background:#0EA5E9}.auth-brand-chip-dot.is-metric{background:#10B981}.auth-brand-stack{position:relative;height:260px;max-width:320px}.auth-brand-card{position:absolute;background:rgb(255 255 255/.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgb(255 255 255/.85);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 2px rgb(80 100 200/.05),0 20px 40px -12px rgb(80 100 200/.18),inset 0 1px 0 rgb(255 255 255/.7);width:260px;transition:transform var(--motion-slow) var(--ease-out-soft)}.auth-brand-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-brand-card-icon.is-blue{background:linear-gradient(135deg,#E8F0FF,#C7DAFF)}.auth-brand-card-icon.is-purple{background:linear-gradient(135deg,#EDE6FF,#D9CCFF)}.auth-brand-card-icon.is-cyan{background:linear-gradient(135deg,#E6F4FF,#C7E5FF)}.auth-brand-card-title{font-size:13.5px;font-weight:600;color:var(--color-ink);line-height:1.2;letter-spacing:-.005em}.auth-brand-card-desc{font-size:11.5px;color:var(--color-ink-muted);margin-top:3px;line-height:1.35}.auth-brand-card-1{top:0;left:0;transform:rotate(-3deg)}.auth-brand-card-2{top:90px;left:64px;transform:rotate(1.5deg);z-index:2}.auth-brand-card-3{top:178px;left:14px;transform:rotate(-1.2deg)}.auth-form-wrapper{flex:0 0 auto;width:100%;max-width:520px;position:relative;z-index:2}@media (min-width:1024px){.auth-form-wrapper{width:500px}}@media (min-width:1440px){.auth-form-wrapper{width:520px}}.auth-card{width:100%;background:rgb(255 255 255/.32);backdrop-filter:blur(36px) saturate(180%);-webkit-backdrop-filter:blur(36px) saturate(180%);border:1px solid rgb(255 255 255/.65);border-radius:28px;padding:40px 40px 32px;box-shadow:inset 0 1px 0 rgb(255 255 255/.85),inset 0 -1px 0 rgb(255 255 255/.2),0 30px 80px -20px rgb(80 90 180/.28),0 15px 35px -15px rgb(80 90 180/.2);position:relative;animation:fade-up .26s var(--ease-out-soft) both}.auth-card:before{content:"";position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(135deg,rgb(255 255 255/1),rgb(255 255 255/.25) 35%,rgb(255 255 255/0) 60%,rgb(255 255 255/.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.auth-mobile-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px}@media (min-width:1024px){.auth-mobile-logo{display:none}}.auth-top-tabs{display:flex;justify-content:center;gap:72px;margin-bottom:28px;position:relative}.auth-top-tab{background:none;border:none;padding:6px 4px 10px;font-size:18px;font-weight:500;color:var(--color-ink-faint);cursor:pointer;position:relative;transition:var(--transition-colors);letter-spacing:-.01em;text-decoration:none}.auth-top-tab:hover{color:var(--color-ink-secondary)}.auth-top-tab.active{color:var(--color-brand);font-weight:600}.auth-top-tab.active:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:36px;height:3px;background:var(--color-brand);border-radius:2px}.auth-card-header{margin-bottom:22px}.auth-card-title{margin:0 0 6px;font-size:22px;font-weight:650;color:var(--color-ink);letter-spacing:-.01em}.auth-card-subtitle{margin:0;font-size:14px;color:var(--color-ink-muted)}.auth-mode-switch{display:flex;padding:5px;background:rgb(241 245 249/.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(255 255 255/.55);border-radius:14px;margin-bottom:24px;gap:4px}.auth-mode-btn{flex:1;padding:11px 14px;text-align:center;border-radius:var(--radius-control);cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition-colors),box-shadow var(--motion-base) var(--ease-out-soft);color:var(--color-ink-muted);background:transparent;border:none;outline:none;user-select:none;letter-spacing:-.005em;display:inline-flex;align-items:center;justify-content:center;gap:6px}.auth-mode-btn svg{flex-shrink:0}.auth-mode-btn.active{background:var(--color-surface);color:var(--color-brand);box-shadow:0 1px 2px rgb(15 23 42/.05),0 2px 6px rgb(37 99 235/.08)}.auth-mode-btn:not(.active):hover{color:var(--color-ink-secondary)}.auth-field{display:flex;flex-direction:column;margin-bottom:14px}.auth-field .textfield{gap:0}.auth-field-label{display:inline-flex;align-items:center;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--color-ink-secondary);letter-spacing:-.005em}.auth-field-star{display:inline-block;vertical-align:middle;line-height:1;margin-left:3px;color:var(--color-danger);font-size:13px;font-weight:500}.auth-field-error{margin-top:5px;font-size:12px;line-height:1.5;color:var(--color-danger);animation:fade-in var(--motion-base) var(--ease-out-soft) both}.auth-card .input,.auth-card .input-group{background-color:rgb(255 255 255/.55);border:1px solid transparent;border-radius:var(--radius-control);height:42px;min-height:42px;padding:0 14px;box-shadow:inset 0 0 0 1px rgb(148 163 184/.22);font-size:14px;color:var(--color-ink);transition:background-color var(--motion-fast) var(--ease-out-soft),border-color var(--motion-fast) var(--ease-out-soft),box-shadow .24s var(--ease-out-soft)}.auth-card .input-group:hover:not(:focus-within),.auth-card .input:hover:not(:focus){background-color:rgb(255 255 255/.85);border-color:transparent;box-shadow:inset 0 0 0 1px rgb(37 99 235/.35)}.auth-card .input-group:focus-within,.auth-card .input:focus,.auth-card .input[data-focused=true]{background-color:var(--color-surface);border-color:var(--color-brand);box-shadow:inset 0 0 0 1px var(--color-brand),var(--shadow-ring);outline:none}.auth-card .input-group .input,.auth-card .input-group [data-slot=input-group-input]{background:transparent;border:none;box-shadow:none;height:auto;min-height:0;padding:0;flex:1 1 auto;min-width:0}.auth-card .input-group input::placeholder,.auth-card .input::placeholder{color:var(--color-ink-faint)}.auth-card .auth-addon-input{flex:1 1 auto;width:100%;min-width:0}.button.auth-inline-btn{height:42px;flex-shrink:0;border-radius:var(--radius-control);font-size:13px;font-weight:500;padding:0 14px;background:transparent;border:1px solid transparent;color:var(--color-brand);box-shadow:inset 0 0 0 1px rgb(37 99 235/.25);transition:var(--transition-control);white-space:nowrap}.button.auth-inline-btn:hover:not(:disabled){background:rgb(37 99 235/.06);box-shadow:inset 0 0 0 1px rgb(37 99 235/.45)}.button.auth-inline-btn:active:not(:disabled){transform:scale(.97)}.button.auth-inline-btn:disabled,.button.auth-inline-btn[data-disabled=true]{color:var(--color-ink-faint);background:transparent;box-shadow:inset 0 0 0 1px rgb(148 163 184/.22)}.button.auth-submit-btn{margin-top:12px;height:48px;width:100%;border-radius:var(--radius-card);background:linear-gradient(180deg,#4F8DFF 0,var(--color-brand) 100%);border:none;font-size:15px;font-weight:650;letter-spacing:.02em;color:var(--color-ink-inverse);box-shadow:inset 0 1px 0 rgb(255 255 255/.3),inset 0 -1px 0 rgb(15 23 42/.08),var(--shadow-brand-glow);transition:var(--transition-control)}.button.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px 0 rgb(255 255 255/.35),inset 0 -1px 0 rgb(15 23 42/.08),0 2px 4px rgb(37 99 235/.22),0 8px 20px rgb(37 99 235/.3)}.button.auth-submit-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.button.auth-secondary-btn{margin-top:12px;height:48px;border-radius:var(--radius-card);background:rgb(255 255 255/.6);border:1px solid rgb(255 255 255/.85);font-size:15px;font-weight:650;letter-spacing:.01em;color:var(--color-ink-secondary);box-shadow:var(--shadow-xs);transition:var(--transition-control)}.button.auth-secondary-btn:hover:not(:disabled){background:rgb(255 255 255/.85);border-color:var(--color-surface);color:var(--color-ink)}.button.auth-secondary-btn:active:not(:disabled){transform:scale(.97)}.auth-btn-row{display:flex;gap:10px}.auth-btn-row .button{flex:1}.auth-footer-link{text-align:center;margin-top:20px;font-size:14px;color:var(--color-ink-muted)}.auth-footer-link a{color:var(--color-brand);margin-left:4px;font-weight:500;text-decoration:none;transition:var(--transition-colors)}.auth-footer-link a:hover{color:var(--color-brand-hover);text-decoration:underline;text-underline-offset:3px}.auth-captcha-img{height:42px;width:auto;border-radius:var(--radius-control);cursor:pointer;border:1px solid rgb(226 232 240/.9);background:var(--color-surface);transition:border-color var(--motion-fast) var(--ease-out-soft),box-shadow var(--motion-base) var(--ease-out-soft)}.auth-captcha-img:hover{border-color:var(--color-brand);box-shadow:0 0 0 3px rgb(37 99 235/.08)}.auth-strength{display:flex;align-items:center;gap:8px;margin-top:6px}.auth-strength-bars{display:flex;gap:3px;flex:1}.auth-strength-seg{flex:1;height:3px;border-radius:2px;background:var(--color-line);transition:background-color var(--motion-base) var(--ease-out-soft)}.auth-strength-label{font-size:12px;flex-shrink:0}.auth-strength[data-tone=danger] .auth-strength-seg.is-on{background:var(--color-danger)}.auth-strength[data-tone=danger] .auth-strength-label{color:var(--color-danger)}.auth-strength[data-tone=warning] .auth-strength-seg.is-on{background:var(--color-warning)}.auth-strength[data-tone=warning] .auth-strength-label{color:var(--color-warning)}.auth-strength[data-tone=success] .auth-strength-seg.is-on{background:var(--color-success)}.auth-strength[data-tone=success] .auth-strength-label{color:var(--color-success)}.auth-ref-hint{margin-top:-8px;margin-bottom:8px;font-size:12px;animation:fade-in var(--motion-base) var(--ease-out-soft) both}.auth-ref-hint.is-checking{color:var(--color-ink-faint)}.auth-ref-hint.is-valid{color:var(--color-success)}.auth-ref-hint.is-invalid{color:var(--color-danger)}.auth-privacy-row{margin:6px 0 4px}.auth-privacy-row,.auth-privacy-text{font-size:13px;color:var(--color-ink-secondary)}.auth-privacy-row a{color:var(--color-brand);cursor:pointer;transition:var(--transition-colors)}.auth-privacy-row a:hover{color:var(--color-brand-hover)}.auth-privacy-dialog{width:min(800px,90vw);max-width:min(800px,90vw)}.auth-privacy-scroll{max-height:60vh;overflow:auto;padding:16px 0}.auth-privacy-content{font-size:14px;line-height:1.8;color:var(--color-ink)}.auth-privacy-content h2{font-size:18px;font-weight:650;margin:0 0 16px}.auth-privacy-content h3{font-size:16px;font-weight:650;margin:24px 0 12px}.auth-privacy-content ol{padding-left:24px;list-style:decimal}.auth-privacy-content table{width:100%;border-collapse:collapse;margin-top:12px}.auth-privacy-content td,.auth-privacy-content th{padding:8px;border:1px solid var(--color-line);text-align:left}.auth-privacy-content thead tr{background:var(--color-page)}.auth-privacy-note{margin-top:24px;font-size:13px;color:var(--color-ink-faint)}.auth-card.is-compact{padding:36px 36px 28px}.auth-card.is-compact .auth-field{margin-bottom:12px}.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.auth-form-grid .auth-form-full{grid-column:1/-1}.auth-forgot-row{display:flex;justify-content:flex-end;margin:-6px 0 14px;font-size:13px}.auth-forgot-row a{color:var(--color-ink-muted);text-decoration:none;transition:var(--transition-colors)}.auth-forgot-row a:hover{color:var(--color-brand)}.auth-stepper{justify-content:space-between;margin-bottom:24px;gap:4px}.auth-step,.auth-stepper{display:flex;align-items:center}.auth-step{flex-direction:column;flex:1;gap:6px}.auth-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:650;background:rgb(241 245 249/.8);color:var(--color-ink-faint);border:1px solid transparent;transition:var(--transition-control)}.auth-step.is-active .auth-step-dot{background:linear-gradient(135deg,#4F8DFF 0,var(--color-brand) 100%);color:var(--color-ink-inverse);box-shadow:0 4px 12px -2px rgb(37 99 235/.4)}.auth-step.is-done .auth-step-dot{background:rgb(239 246 255/.9);color:var(--color-brand)}.auth-step-label{font-size:12px;color:var(--color-ink-faint);letter-spacing:-.005em;transition:var(--transition-colors)}.auth-step.is-active .auth-step-label,.auth-step.is-done .auth-step-label{color:var(--color-ink-secondary)}.auth-step-line{height:1px;flex:0 1 28px;background:rgb(226 232 240/.9);align-self:center;margin:0 -4px 22px}.auth-step-line.is-done{background:rgb(191 219 254/.9)}.auth-step-hint{background:rgb(241 245 249/.7);border:1px solid rgb(255 255 255/.5);border-radius:var(--radius-control);padding:10px 14px;font-size:13px;color:var(--color-ink-secondary);margin-bottom:14px;line-height:1.55;animation:fade-in var(--motion-base) var(--ease-out-soft) both}.auth-step-hint strong{color:var(--color-ink);font-weight:650}@media (max-width:640px){.auth-form-grid{grid-template-columns:1fr;column-gap:0}.auth-card,.auth-card.is-compact{padding:28px 24px 24px}.auth-top-tabs{gap:48px}}.slide-captcha-dialog{width:328px;max-width:calc(100vw - 32px)}.slide-captcha-stage{position:relative;border-radius:8px;overflow:hidden;user-select:none;background:var(--color-surface-muted)}.slide-captcha-stage img{display:block;pointer-events:none}.slide-captcha-piece{position:absolute;left:0;filter:drop-shadow(0 2px 6px rgb(15 23 42/.3));will-change:transform}.slide-captcha-refresh{position:absolute;top:6px;right:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;color:var(--color-ink-inverse);background:rgb(15 23 42/.35);transition:background-color var(--motion-base) var(--ease-out-soft)}.slide-captcha-refresh:hover{background:rgb(15 23 42/.55)}.slide-captcha-track{position:relative;height:40px;margin-top:16px;border-radius:var(--radius-pill);background:var(--color-surface-muted);border:1px solid var(--color-line);user-select:none}.slide-captcha-track-fill{position:absolute;left:0;top:0;height:100%;border-radius:var(--radius-pill);transition:background-color var(--motion-base) var(--ease-out-soft);pointer-events:none}.slide-captcha-track-tip{inset:0;font-size:13px;color:var(--color-ink-faint);transition:opacity var(--motion-base) var(--ease-out-soft);pointer-events:none}.slide-captcha-handle,.slide-captcha-track-tip{position:absolute;display:flex;align-items:center;justify-content:center}.slide-captcha-handle{top:-1px;width:40px;height:40px;border-radius:var(--radius-pill);color:var(--color-ink-inverse);box-shadow:0 2px 8px rgb(37 99 235/.35);touch-action:none;transition:background-color var(--motion-base) var(--ease-out-soft)}.slide-captcha-handle:active{cursor:grabbing}.slide-captcha-shake{animation:slide-captcha-shake .4s}@keyframes slide-captcha-shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}