2 lines
12 KiB
CSS
2 lines
12 KiB
CSS
 
|
.login-page[data-v-a5f3efd2]{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}.bg-image[data-v-a5f3efd2]{position:absolute;inset:0;background:url(/login-bg.jpg) center/cover no-repeat;filter:saturate(.35) brightness(.34) hue-rotate(-12deg);transform:scale(1.08);z-index:0}.bg-overlay[data-v-a5f3efd2]{position:absolute;inset:0;background:radial-gradient(ellipse at 12% 18%,rgba(var(--mg-primary-hover-rgb),.65) 0%,transparent 55%),radial-gradient(ellipse at 85% 80%,rgba(var(--mg-bg-app-deep-rgb),.78) 0%,transparent 60%),radial-gradient(ellipse at 50% 50%,rgba(var(--mg-primary-rgb),.4) 0%,transparent 70%),linear-gradient(135deg,rgba(var(--mg-bg-aside-rgb),.85),rgba(var(--mg-primary-rgb),.48),rgba(var(--mg-bg-app-deep-rgb),.88));z-index:1}.bg-overlay[data-v-a5f3efd2]:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(var(--mg-accent-rgb),.08) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--mg-accent-rgb),.08) 1px,transparent 1px);background-size:56px 56px,56px 56px;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.7) 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.7) 0%,transparent 70%)}.bg-orb[data-v-a5f3efd2]{position:absolute;border-radius:50%;filter:blur(90px);z-index:1;pointer-events:none;animation:drift-a5f3efd2 18s ease-in-out infinite}.bg-orb-a[data-v-a5f3efd2]{width:460px;height:460px;top:-140px;left:-120px;background:radial-gradient(circle,var(--mg-accent) 0%,var(--mg-primary) 50%,transparent 80%);opacity:.6}.bg-orb-b[data-v-a5f3efd2]{width:580px;height:580px;bottom:-200px;right:-180px;background:radial-gradient(circle,var(--mg-primary-hover) 0%,var(--mg-bg-app-3) 60%,transparent 85%);opacity:.55;animation-delay:-6s}.bg-orb-c[data-v-a5f3efd2]{width:320px;height:320px;top:30%;right:8%;background:radial-gradient(circle,var(--mg-primary-light-8) 0%,var(--mg-primary-hover) 60%,transparent 90%);opacity:.32;animation-delay:-12s}@keyframes drift-a5f3efd2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-30px) scale(1.05)}}.bg-stars[data-v-a5f3efd2]{position:absolute;inset:0;z-index:1;pointer-events:none}.bg-stars span[data-v-a5f3efd2]{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 8px #fff9;animation:twinkle-a5f3efd2 4s ease-in-out infinite}@keyframes twinkle-a5f3efd2{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.login-card[data-v-a5f3efd2]{position:relative;z-index:2;width:880px;max-width:calc(100vw - 32px);min-height:560px;display:grid;grid-template-columns:340px 1fr;overflow:hidden;box-shadow:0 40px 100px #000000a6,0 0 80px rgba(var(--mg-primary-rgb),.42),0 0 0 1px rgba(var(--mg-accent-rgb),.3) inset,0 1px #fff6 inset!important}.login-card[data-v-a5f3efd2]:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--mg-accent-rgb),.6) 30%,rgba(255,255,255,.95) 50%,rgba(var(--mg-accent-rgb),.6) 70%,transparent 100%);pointer-events:none;z-index:3}.hero[data-v-a5f3efd2]{position:relative;padding:40px 32px;color:#fff;background:linear-gradient(180deg,rgba(var(--mg-primary-hover-rgb),.42),rgba(var(--mg-bg-aside-rgb),.35));border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column}.hero[data-v-a5f3efd2]:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,rgba(var(--mg-accent-rgb),.35),transparent 60%);pointer-events:none}.hero-brand[data-v-a5f3efd2]{display:flex;align-items:center;gap:14px}.hero-mark[data-v-a5f3efd2]{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--mg-accent) 0%,var(--mg-primary-hover) 50%,var(--mg-primary-active) 100%);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;box-shadow:0 14px 32px rgba(var(--mg-primary-rgb),.65),0 0 36px rgba(var(--mg-primary-hover-rgb),.55),0 0 0 1px #ffffff4d inset;letter-spacing:1px;animation:mg-pulse-glow 3.6s ease
|