.page-container[data-v-ec503b10]{background:url(../../img/backgroud3.f18bf72f.jpg) no-repeat 50% fixed;background-size:cover;height:100vh;-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;position:relative}.header-area[data-v-ec503b10],.page-container[data-v-ec503b10]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-area[data-v-ec503b10]{position:absolute;top:20px;right:20px;z-index:10;gap:15px}.header-image img[data-v-ec503b10]{width:30px;height:30px;-o-object-fit:contain;object-fit:contain}.exit-btn[data-v-ec503b10]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.exit-button[data-v-ec503b10]{background:transparent!important;border:none!important;padding:0!important}.exit-button span[data-v-ec503b10]{color:#fff!important;font-size:14px;cursor:pointer;text-decoration:underline}.exit-button:hover span[data-v-ec503b10]{color:#f0f0f0!important}.middle-buttons[data-v-ec503b10]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:160px;margin-bottom:100px}.system-card[data-v-ec503b10]{width:228px;height:190px;border-radius:8px;background-color:#fff;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;padding:0 15px}.system-card[data-v-ec503b10]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.system-card .card-icon[data-v-ec503b10]{width:100%;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:12px}.system-card .card-icon img[data-v-ec503b10]{max-width:100px;max-height:100px;-o-object-fit:contain;object-fit:contain;margin:0 auto;display:block}.system-card .card-title[data-v-ec503b10]{font-size:16px;font-weight:700;color:#333;white-space:nowrap}.bottom-buttons[data-v-ec503b10]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:120px}.guide-card[data-v-ec503b10]{width:140px;height:140px;border-radius:8px;background:url(../../img/b3.3eee5d63.png) no-repeat 50%;background-size:cover;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border:none;padding:0 10px}.guide-card[data-v-ec503b10]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.guide-card .guide-icon[data-v-ec503b10]{width:100%;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px}.guide-card .guide-icon img[data-v-ec503b10]{max-width:60px;max-height:60px;-o-object-fit:contain;object-fit:contain;margin:0 auto;display:block}.guide-card .guide-title[data-v-ec503b10]{font-size:14px;font-weight:500;color:#fff;white-space:nowrap}@media (max-width:1024px){.middle-buttons[data-v-ec503b10]{gap:100px}.bottom-buttons[data-v-ec503b10]{gap:80px}}@media (max-width:768px){.middle-buttons[data-v-ec503b10]{margin-bottom:50px}.bottom-buttons[data-v-ec503b10],.middle-buttons[data-v-ec503b10]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px}.header-area[data-v-ec503b10]{gap:10px}.header-image img[data-v-ec503b10]{width:24px;height:24px}}