.system-container[data-v-a2a8ce2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative;overflow:hidden}.system-container[data-v-a2a8ce2a]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,0) 70%);-webkit-transform:rotate(30deg);transform:rotate(30deg)}.background-decoration[data-v-a2a8ce2a]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.background-decoration[data-v-a2a8ce2a]:after{content:"";position:absolute;top:10%;left:5%;width:60px;height:60px;border:2px solid hsla(0,0%,100%,.2);border-radius:50%;-webkit-animation:float-a2a8ce2a 6s ease-in-out infinite;animation:float-a2a8ce2a 6s ease-in-out infinite}.background-decoration[data-v-a2a8ce2a]:before{content:"";position:absolute;top:20%;right:10%;width:40px;height:40px;background:hsla(0,0%,100%,.15);border-radius:50%;-webkit-animation:float-a2a8ce2a 8s ease-in-out infinite;animation:float-a2a8ce2a 8s ease-in-out infinite;-webkit-animation-delay:1s;animation-delay:1s}.background-decoration .decoration-element[data-v-a2a8ce2a]{position:absolute;background:hsla(0,0%,100%,.1);border-radius:50%;-webkit-animation:float-a2a8ce2a 10s ease-in-out infinite;animation:float-a2a8ce2a 10s ease-in-out infinite}.background-decoration .element-1[data-v-a2a8ce2a]{top:60%;left:15%;width:30px;height:30px;-webkit-animation-delay:2s;animation-delay:2s}.background-decoration .element-2[data-v-a2a8ce2a]{top:70%;right:20%;width:50px;height:50px;-webkit-animation-delay:3s;animation-delay:3s}@-webkit-keyframes float-a2a8ce2a{0%{-webkit-transform:translateY(0) translateX(0) rotate(0deg);transform:translateY(0) translateX(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) translateX(10px) rotate(180deg);transform:translateY(-20px) translateX(10px) rotate(180deg)}to{-webkit-transform:translateY(0) translateX(0) rotate(1turn);transform:translateY(0) translateX(0) rotate(1turn)}}@keyframes float-a2a8ce2a{0%{-webkit-transform:translateY(0) translateX(0) rotate(0deg);transform:translateY(0) translateX(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) translateX(10px) rotate(180deg);transform:translateY(-20px) translateX(10px) rotate(180deg)}to{-webkit-transform:translateY(0) translateX(0) rotate(1turn);transform:translateY(0) translateX(0) rotate(1turn)}}.footer[data-v-a2a8ce2a]{z-index:1;margin-top:auto;padding:20px 0}.footer .copyright[data-v-a2a8ce2a]{color:hsla(0,0%,100%,.7);font-size:.9rem;text-align:center;margin:0}.header[data-v-a2a8ce2a]{text-align:center;z-index:1}.header .title[data-v-a2a8ce2a]{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header .subtitle[data-v-a2a8ce2a]{font-size:1.2rem;color:hsla(0,0%,100%,.9);margin:0}.system-cards[data-v-a2a8ce2a]{gap:25px;z-index:1}.system-card[data-v-a2a8ce2a],.system-cards[data-v-a2a8ce2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.system-card[data-v-a2a8ce2a]{width:320px;min-height:120px;background:hsla(0,0%,100%,.95);border-radius:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-box-shadow:0 8px 32px rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);padding:20px}.system-card[data-v-a2a8ce2a]:hover{-webkit-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02);-webkit-box-shadow:0 12px 40px rgba(0,0,0,.2);box-shadow:0 12px 40px rgba(0,0,0,.2);background:#fff}.system-card.xg-card[data-v-a2a8ce2a]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:-webkit-gradient(linear,left top,right top,from(#4facfe),to(#00f2fe));background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:16px 16px 0 0}.system-card.yx-card[data-v-a2a8ce2a]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:-webkit-gradient(linear,left top,right top,from(#43e97b),to(#38f9d7));background:linear-gradient(90deg,#43e97b,#38f9d7);border-radius:16px 16px 0 0}.system-card .card-icon[data-v-a2a8ce2a]{width:50px;height:50px;margin-bottom:15px}.system-card .card-icon img[data-v-a2a8ce2a]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.system-card .system-title[data-v-a2a8ce2a]{font-size:20px;font-weight:600;color:#333;margin-bottom:8px}.system-card .system-description[data-v-a2a8ce2a]{font-size:14px;color:#666;text-align:center}@media (max-width:768px){.system-container[data-v-a2a8ce2a]{padding:15px}.header .title[data-v-a2a8ce2a]{font-size:2rem}.header .subtitle[data-v-a2a8ce2a]{font-size:1rem}.system-card[data-v-a2a8ce2a]{width:280px;min-height:100px}}