2 lines
27 KiB
CSS
2 lines
27 KiB
CSS
 
|
.dashboard[data-v-1cbc77d6]{padding:0;display:flex;flex-direction:column;gap:18px}.hero-banner[data-v-1cbc77d6]{position:relative;display:grid;grid-template-columns:1fr 480px;gap:24px;padding:28px 32px 22px;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 0% 0%,rgba(var(--mg-primary-hover-rgb),.5) 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(var(--mg-accent-rgb),.45) 0%,transparent 55%),linear-gradient(135deg,var(--mg-bg-aside-1) 0%,var(--mg-bg-aside-2) 100%);border:1px solid rgba(var(--mg-accent-rgb),.3);box-shadow:0 18px 44px #0006,0 0 0 1px #ffffff0f inset,0 1px #ffffff2e inset;color:#fff}.hero-banner[data-v-1cbc77d6]:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--mg-accent-rgb),.8) 50%,transparent 100%);pointer-events:none;z-index:2}.hero-bg[data-v-1cbc77d6]{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:18px}.hero-orb[data-v-1cbc77d6]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:hero-drift-1cbc77d6 18s ease-in-out infinite}.hero-orb-a[data-v-1cbc77d6]{width:360px;height:360px;top:-120px;left:10%;background:radial-gradient(circle,rgba(var(--mg-accent-rgb),.85) 0%,rgba(var(--mg-primary-rgb),.85) 55%,transparent 85%)}.hero-orb-b[data-v-1cbc77d6]{width:320px;height:320px;bottom:-120px;right:22%;background:radial-gradient(circle,rgba(var(--mg-primary-hover-rgb),.8) 0%,rgba(var(--mg-primary-rgb),.55) 55%,transparent 85%);animation-delay:-7s;opacity:.5}.hero-grid[data-v-1cbc77d6]{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--mg-accent-rgb),.07) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--mg-accent-rgb),.07) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.85) 0%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.85) 0%,transparent 75%);opacity:.55}@keyframes hero-drift-1cbc77d6{0%,to{transform:translate(0) scale(1)}50%{transform:translate(24px,-28px) scale(1.06)}}.hero-left[data-v-1cbc77d6],.hero-right[data-v-1cbc77d6]{position:relative;z-index:1}.hero-tag[data-v-1cbc77d6]{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:#ffffff1f;border:1px solid rgba(var(--mg-accent-rgb),.55);border-radius:999px;color:#fff;font-size:12px;letter-spacing:1.5px;width:max-content;box-shadow:0 0 12px rgba(var(--mg-primary-rgb),.3)}.tag-dot[data-v-1cbc77d6]{width:6px;height:6px;border-radius:50%;background:var(--mg-accent);box-shadow:0 0 10px var(--mg-accent);animation:tag-pulse-1cbc77d6 1.6s ease-in-out infinite}@keyframes tag-pulse-1cbc77d6{0%,to{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.hero-title[data-v-1cbc77d6]{margin:14px 0 8px;font-size:40px;font-weight:700;letter-spacing:5px;line-height:1.1;color:#fff;background:linear-gradient(135deg,#ffffff 0%,var(--mg-accent) 50%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px rgba(var(--mg-primary-rgb),.6);filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.hero-desc[data-v-1cbc77d6]{margin:0 0 22px;color:#ffffffd9;font-size:13px;letter-spacing:.8px}.quick-grid[data-v-1cbc77d6]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 18px;max-width:540px}.quick-item[data-v-1cbc77d6]{appearance:none;background:#ffffff14;border:1px solid rgba(var(--mg-accent-rgb),.35);border-radius:14px;padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:#fff;transition:all .25s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;animation:quick-in-1cbc77d6 .5s ease-out backwards;box-shadow:0 4px 12px #00000040,0 0 0 1px #ffffff0f inset}@keyframes quick-in-1cbc77d6{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quick-item[data-v-1cbc77d6]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(var(--mg-accent-rgb),.15) 100%);opacity:0;transition:opacity .25s}.
|