2 lines
13 KiB
CSS
2 lines
13 KiB
CSS
 
|
.login-page[data-v-a9a6f95c]{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 75% 55% at 16% 14%,#dcbef7 0%,transparent 55%),radial-gradient(ellipse 80% 65% at 86% 90%,#abc9f5 0%,transparent 58%),linear-gradient(135deg,#cbb2f0,#b7adec 46%,#a7c6f2);color:var(--lg-text);font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}.bg-image[data-v-a9a6f95c]{position:absolute;inset:0;background:url(/login-bg.jpg) center/cover no-repeat;filter:saturate(.6) brightness(1.1) contrast(.9);opacity:.07;transform:scale(1.08);z-index:0}.bg-overlay[data-v-a9a6f95c]{position:absolute;inset:0;background:radial-gradient(ellipse at 14% 16%,rgba(255,255,255,.38) 0%,transparent 50%),radial-gradient(ellipse at 86% 84%,rgba(174,203,245,.45) 0%,transparent 56%),radial-gradient(ellipse at 50% 50%,rgba(220,190,247,.22) 0%,transparent 72%);z-index:1}.bg-overlay[data-v-a9a6f95c]:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(var(--lg-accent-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--lg-accent-rgb),.06) 1px,transparent 1px);background-size:60px 60px,60px 60px;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0%,transparent 72%)}.bg-orb[data-v-a9a6f95c]{position:absolute;border-radius:50%;filter:blur(100px);z-index:1;pointer-events:none;animation:drift-a9a6f95c 20s ease-in-out infinite}.bg-orb-a[data-v-a9a6f95c]{width:460px;height:460px;top:-150px;left:-130px;background:radial-gradient(circle,var(--lg-primary-hover) 0%,var(--lg-primary) 52%,transparent 80%);opacity:.24}.bg-orb-b[data-v-a9a6f95c]{width:600px;height:600px;bottom:-220px;right:-190px;background:radial-gradient(circle,var(--lg-accent) 0%,var(--lg-primary-deep) 58%,transparent 86%);opacity:.18;animation-delay:-7s}.bg-orb-c[data-v-a9a6f95c]{width:320px;height:320px;top:32%;right:9%;background:radial-gradient(circle,var(--lg-primary-hover) 0%,var(--lg-primary) 60%,transparent 90%);opacity:.14;animation-delay:-13s}@keyframes drift-a9a6f95c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(18px,-28px) scale(1.05)}}.bg-stars[data-v-a9a6f95c]{position:absolute;inset:0;z-index:1;pointer-events:none}.bg-stars span[data-v-a9a6f95c]{position:absolute;background:#fffffff2;border-radius:50%;box-shadow:0 0 6px #ffffffd9,0 0 12px #9682ff99;animation:twinkle-a9a6f95c 4s ease-in-out infinite}@keyframes twinkle-a9a6f95c{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:.95;transform:scale(1.2)}}.login-card[data-v-a9a6f95c]{position:relative;z-index:2;width:920px;max-width:calc(100vw - 32px);min-height:588px;display:grid;grid-template-columns:360px 1fr;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(140deg,#301a60f2,#211a5cf4,#161a54f5);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:0 44px 110px #0000009e,0 0 70px rgba(var(--lg-primary-rgb),.24),0 0 0 1px rgba(var(--lg-accent-rgb),.16) inset,0 1px #ffffff2e inset}.login-card[data-v-a9a6f95c]:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--lg-accent-rgb),.55) 30%,rgba(255,255,255,.92) 50%,rgba(var(--lg-accent-rgb),.55) 70%,transparent 100%);pointer-events:none;z-index:3}.hero[data-v-a9a6f95c]{position:relative;padding:44px 34px 34px;color:#fff;background:radial-gradient(ellipse at 16% 18%,rgba(123,77,255,.34) 0%,transparent 56%),radial-gradient(ellipse at 88% 84%,rgba(94,124,255,.32) 0%,transparent 58%),linear-gradient(170deg,rgba(var(--lg-primary-rgb),.26),rgba(var(--lg-aside-rgb),.42) 60%,rgba(var(--lg-deep-rgb),.55));border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.hero[data-v-a9a6f95c]:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 16%,rgba(var(--lg-accent-rgb),.24),transparent 58%);pointer-events:none}.hero[data-v-a9a6f95c]>*{position:relativ
|