#app,.el-container,body,html{height:100%;margin:0;padding:0;font-family:Inter,sans-serif}.header{background-color:hsla(0,0%,100%,.85);backdrop-filter:saturate(180%) blur(10px);border-bottom:none;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:background-color .3s ease;position:relative;z-index:1000}.header-content{justify-content:space-between;height:100%;max-width:1200px;margin:0 auto;padding:0 20px}.header-content,.header-right{display:flex;align-items:center}.header-right{gap:20px}.online-status{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#606266;background-color:hsla(0,0%,100%,.6);padding:4px 10px;border-radius:12px;backdrop-filter:blur(4px);border:1px solid rgba(235,238,245,.8)}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#67c23a;box-shadow:0 0 4px rgba(103,194,58,.5);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(103,194,58,.7)}70%{box-shadow:0 0 0 6px rgba(103,194,58,0)}to{box-shadow:0 0 0 0 rgba(103,194,58,0)}}.logo{font-size:22px;font-weight:700;color:#303133;cursor:pointer;transition:color .3s}.logo:hover{color:#409eff}.app-main{display:flex;flex-direction:column;padding:0}.app-main>*{flex-grow:1}.el-main.blur-background{filter:blur(5px)}.el-overlay{background-color:rgba(0,0,0,.1)!important;backdrop-filter:blur(2px)}.login-dialog :deep(.el-dialog){transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.login-dialog :deep(.dialog-fade-enter-active),.login-dialog :deep(.dialog-fade-leave-active){transition:opacity .45s cubic-bezier(.16,1,.3,1)}.login-dialog :deep(.dialog-fade-enter-from),.login-dialog :deep(.dialog-fade-leave-to){opacity:0}.login-dialog :deep(.dialog-fade-enter-active) .el-dialog,.login-dialog :deep(.dialog-fade-leave-active) .el-dialog{transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.login-dialog :deep(.dialog-fade-enter-from) .el-dialog,.login-dialog :deep(.dialog-fade-leave-to) .el-dialog{transform:translateY(12px) scale(.98);opacity:0}.profile-dialog :deep(.el-dialog){border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#fdfbff,#f2f6ff);box-shadow:0 30px 80px rgba(15,23,42,.25)}.profile-dialog :deep(.el-dialog__header){margin:0;padding:18px 26px 8px;border-bottom:1px solid rgba(99,107,244,.1);text-align:center}.profile-dialog :deep(.el-dialog__title){display:flex;align-items:center;justify-content:center;position:relative;font-size:18px;font-weight:600;color:#1f2440;display:block;width:100%}.profile-dialog :deep(.el-dialog__body){padding:22px 24px 26px;background:transparent}.profile-dialog--mobile :deep(.el-dialog){border-radius:18px;width:78%!important;max-width:320px!important;margin:0 auto!important;height:auto;box-shadow:0 15px 38px rgba(15,23,42,.25)}.profile-dialog--mobile :deep(.el-dialog__header){padding:12px 16px 4px}.profile-dialog--mobile :deep(.el-dialog__title){font-size:15px}.profile-dialog--mobile :deep(.el-dialog__body){padding:14px 14px 18px;max-height:calc(100vh - 220px);overflow-y:auto}.settings-dialog :deep(.el-dialog){border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#fdfbff,#f2f6ff);box-shadow:0 30px 80px rgba(15,23,42,.25)}.settings-dialog :deep(.el-dialog__header){margin:0;padding:18px 26px 8px;border-bottom:1px solid rgba(99,107,244,.1);text-align:center}.settings-dialog :deep(.el-dialog__title){display:flex;align-items:center;justify-content:center;position:relative;font-size:18px;font-weight:600;color:#1f2440;display:block;width:100%}.settings-dialog :deep(.el-dialog__body){padding:22px 24px 26px;background:transparent}.settings-dialog--mobile :deep(.el-dialog){border-radius:18px;width:85%!important;max-width:360px!important;margin:0 auto!important;box-shadow:0 15px 38px rgba(15,23,42,.25)}.settings-dialog--mobile :deep(.el-dialog__header){padding:12px 16px 4px}.settings-dialog--mobile :deep(.el-dialog__title){font-size:16px}.settings-dialog--mobile :deep(.el-dialog__body){padding:14px 14px 18px}@media (max-width:600px){.login-dialog :deep(.el-dialog){width:85%!important;max-width:360px;top:50%!important;left:50%;transform:translate(-50%,-50%)!important;margin:0;border-radius:12px}.login-dialog :deep(.el-dialog__body){padding:20px 16px}}.match-illustration-svg[data-v-ea471472]{width:100%;max-width:350px;height:auto;aspect-ratio:1/1}.sun-half[data-v-ea471472]{transition:fill-opacity .5s ease,filter .5s ease}.laptop-screen[data-v-ea471472]{transition:fill 1s ease,filter 1s ease}.face-glow[data-v-ea471472]{opacity:0;transition:opacity 1s ease}.is-animating .sun-half[data-v-ea471472]{animation:sun-glow-ea471472 2.5s ease-in-out infinite}.is-animating .laptop-screen[data-v-ea471472]{fill:#4a6a8a;filter:drop-shadow(0 0 10px rgba(150,200,255,.6))}.is-animating .face-glow[data-v-ea471472]{opacity:1}@keyframes sun-glow-ea471472{0%{fill-opacity:.2;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{fill-opacity:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.7))}to{fill-opacity:.2;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}}.match-container[data-v-75a9c21e]{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;transition:background-color .5s ease}.match-container.realistic-theme[data-v-75a9c21e]{background-color:#fff;color:#333}.content-wrapper[data-v-75a9c21e]{display:flex;flex-direction:column;align-items:center}.earth-wrapper[data-v-75a9c21e]{width:100%;height:100%;position:relative}.match-illustration[data-v-75a9c21e]{width:100%;max-width:350px;height:auto;aspect-ratio:1/1;margin-bottom:40px}.match-button[data-v-75a9c21e]{min-width:200px;height:50px;font-size:18px}:root{--el-color-primary:#0062cc;--el-color-primary-light-3:#4da3ff;--el-color-primary-light-5:#7ec2ff;--el-color-primary-light-7:#b0d9ff;--el-color-primary-light-9:#e1f0ff;--el-color-primary-dark-2:#004eb3}.el-button--primary{--el-button-text-color:#fff;--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-hover-text-color:#fff;--el-button-hover-bg-color:var(--el-color-primary-dark-2);--el-button-hover-border-color:var(--el-color-primary-dark-2);--el-button-active-bg-color:#003d8c;--el-button-active-border-color:#003d8c}.el-message--error{--el-message-text-color:#941818;--el-message-bg-color:#fdecec;border-color:#f9dcdc}.el-message--error .el-message__content{color:var(--el-message-text-color)}.el-message--warning{--el-message-text-color:#744210;--el-message-bg-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:var(--el-message-text-color)}.el-message--success{--el-message-text-color:#166534;--el-message-bg-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:var(--el-message-text-color)}.name-effect-common span{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(16,185,129,.2)}.name-effect-uncommon span{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(59,130,246,.3)}.name-effect-rare span{background:linear-gradient(120deg,#8b5cf6,#a78bfa,#7c3aed,#8b5cf6);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(139,92,246,.35);font-weight:600;animation:text-flow 6s linear infinite}.name-effect-epic span{background:linear-gradient(120deg,#f59e0b,#fbbf24,#d97706,#f59e0b);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(245,158,11,.4);font-weight:700;animation:text-flow 4.5s linear infinite}.name-effect-legendary span{background:linear-gradient(120deg,#ef4444,#fca5a5,#b91c1c,#ef4444);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(239,68,68,.5);font-weight:800;animation:text-flow 3s linear infinite}.name-effect-mythic span{background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-flow 1.5s linear infinite;font-weight:900;text-shadow:0 0 30px hsla(0,0%,100%,.6)}@keyframes text-flow{to{background-position:200%}}