@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&display=swap";.user-badge-wrapper[data-v-1593ae0d]{align-items:center;margin-left:12px;display:flex;position:relative}.auth-link[data-v-1593ae0d]{letter-spacing:1px;border:1px solid #0000;border-radius:6px;padding:6px 16px;font-family:Cinzel,serif;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s}.login-link[data-v-1593ae0d]{color:var(--compass);border-color:#00b4d840;margin-right:8px}.login-link[data-v-1593ae0d]:hover{border-color:var(--compass);box-shadow:0 0 10px var(--compass-glow);background:#00b4d80f}.register-link[data-v-1593ae0d]{color:var(--ark);border-color:#ff8c4240}.register-link[data-v-1593ae0d]:hover{border-color:var(--ark);box-shadow:0 0 10px var(--ark-glow);background:#ff8c420f}.user-menu-wrapper[data-v-1593ae0d]{position:relative}.user-badge[data-v-1593ae0d]{cursor:pointer;color:var(--text-secondary);letter-spacing:.5px;-webkit-user-select:none;user-select:none;background:#2a2d3099;border:1px solid #645f5840;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-family:Cinzel,serif;font-size:12px;transition:all .3s;display:flex}.user-badge[data-v-1593ae0d]:hover{border-color:var(--brass);color:var(--brass-light);background:#b8860b0d;box-shadow:0 0 10px #b8860b26}.user-dropdown[data-v-1593ae0d]{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2e3134fa;border:1px solid #645f5833;border-radius:10px;min-width:180px;padding:6px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}.dropdown-item[data-v-1593ae0d]{color:var(--text-secondary);cursor:pointer;letter-spacing:1px;align-items:center;gap:8px;padding:10px 18px;font-family:Cinzel,serif;font-size:13px;transition:all .2s;display:flex}.dropdown-item[data-v-1593ae0d]:hover{color:var(--text-primary);background:#b8860b14}.dropdown-item.logout[data-v-1593ae0d]{color:#c77575}.dropdown-item.logout[data-v-1593ae0d]:hover{color:#e08888;background:#c775751a}.dropdown-divider[data-v-1593ae0d]{background:#645f581f;height:1px;margin:4px 12px}.badge-avatar-icon[data-v-1593ae0d]{opacity:.7;flex-shrink:0}.badge-name[data-v-1593ae0d]{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.badge-gear[data-v-1593ae0d]{opacity:.4;font-size:10px;transition:opacity .3s;animation:4s linear infinite spin-1593ae0d}.user-badge:hover .badge-gear[data-v-1593ae0d]{opacity:.7}@keyframes spin-1593ae0d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dialog-body[data-v-1593ae0d]{padding:8px 0}.identity-display[data-v-1593ae0d]{background:#2a2d3080;border:1px solid #645f5826;border-radius:10px;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.identity-icon[data-v-1593ae0d]{color:var(--text-muted);flex-shrink:0}.identity-info[data-v-1593ae0d]{flex:1;min-width:0}.identity-nickname[data-v-1593ae0d]{color:var(--text-primary);letter-spacing:1px;margin-bottom:4px;font-family:Cinzel,serif;font-size:16px;font-weight:600}.identity-id[data-v-1593ae0d]{color:var(--text-muted);letter-spacing:.5px;font-family:monospace;font-size:11px}.nickname-section[data-v-1593ae0d]{padding:0 4px}.nickname-label[data-v-1593ae0d]{color:var(--text-tertiary);letter-spacing:1px;margin-bottom:12px;font-family:Cinzel,serif;font-size:12px;display:block}.input-group[data-v-1593ae0d]{position:relative}.steampunk-input[data-v-1593ae0d]{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);letter-spacing:1px;background:#2a2d30b3;border:1px solid #645f5840;outline:none;padding:12px 16px;font-family:Cinzel,serif;font-size:14px;transition:all .3s}.steampunk-input[data-v-1593ae0d]:focus{border-color:var(--brass);box-shadow:0 0 12px #b8860b26}.steampunk-input[data-v-1593ae0d]::placeholder{color:var(--text-muted);opacity:.6}.input-decoration[data-v-1593ae0d]{color:var(--text-muted);opacity:.3;pointer-events:none;font-size:12px;transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}.steampunk-input:focus~.input-decoration[data-v-1593ae0d]{opacity:.6}.input-decoration.left[data-v-1593ae0d]{left:-18px}.input-decoration.right[data-v-1593ae0d]{right:-18px}.nickname-hint[data-v-1593ae0d]{color:var(--text-muted);letter-spacing:.5px;margin-top:8px;font-size:11px}.dialog-footer[data-v-1593ae0d]{justify-content:flex-end;gap:12px;display:flex}.steampunk-btn[data-v-1593ae0d]{border-radius:var(--radius-sm);letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #0000;padding:10px 24px;font-family:Cinzel,serif;font-size:13px;font-weight:600;transition:all .3s}.steampunk-btn.primary[data-v-1593ae0d]{background:linear-gradient(135deg, var(--compass-dark), var(--compass));color:#fff;border-color:#7ec8e34d}.steampunk-btn.primary[data-v-1593ae0d]:hover:not(:disabled){box-shadow:0 0 14px var(--compass-glow);transform:translateY(-1px)}.steampunk-btn.primary[data-v-1593ae0d]:disabled{opacity:.5;cursor:not-allowed}.steampunk-btn.secondary[data-v-1593ae0d]{color:var(--text-secondary);border-color:#645f5833}.steampunk-btn.secondary[data-v-1593ae0d]:hover{border-color:var(--text-muted);color:var(--text-primary)}.steampunk-dialog{background:linear-gradient(#323538 0%,#2a2d30 100%)!important;border:1px solid #645f584d!important;border-radius:14px!important;box-shadow:0 8px 32px #00000080,0 0 0 1px #b8860b0f,inset 0 1px #a0a5aa0f!important}.steampunk-dialog .el-dialog__header{border-bottom:1px solid #645f581f;padding:20px 24px 12px}.steampunk-dialog .el-dialog__title{letter-spacing:2px;font-family:Cinzel,serif;font-size:16px;font-weight:700;color:var(--text-primary)!important}.steampunk-dialog .el-dialog__headerbtn{color:var(--text-muted);font-size:18px}.steampunk-dialog .el-dialog__headerbtn:hover{color:var(--brass-light)}.steampunk-dialog .el-dialog__body{color:var(--text-primary);padding:16px 24px 20px}.steampunk-dialog .el-dialog__footer{border-top:1px solid #645f5814;padding:12px 24px 20px}.el-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141618b3!important}.app-container[data-v-d89b718a]{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.bg-gear[data-v-d89b718a]{pointer-events:none;z-index:0;border:2px solid #b8860b0a;border-radius:50%;animation:60s linear infinite spin-d89b718a;position:fixed}.bg-gear-1[data-v-d89b718a]{border-width:3px;border-color:#00b4d808;width:400px;height:400px;animation-duration:80s;top:-100px;right:-100px}.bg-gear-2[data-v-d89b718a]{border-color:#ff8c4208;width:300px;height:300px;animation-duration:60s;animation-direction:reverse;bottom:-50px;left:-80px}.bg-gear-3[data-v-d89b718a]{border-color:#645f580a;width:200px;height:200px;animation-duration:45s;top:40%;left:50%}.bg-gear[data-v-d89b718a]:before,.bg-gear[data-v-d89b718a]:after{content:"";background:inherit;border-radius:2px;position:absolute}.bg-gear-1[data-v-d89b718a]:before{background:#645f580f;width:80%;height:2px;top:50%;left:10%}.bg-gear-1[data-v-d89b718a]:after{background:#645f580f;width:2px;height:80%;top:10%;left:50%}.app-header[data-v-d89b718a]{height:var(--header-height);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#2e3134eb;position:sticky;top:0}.header-inner[data-v-d89b718a]{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo[data-v-d89b718a]{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.logo-compass[data-v-d89b718a]{flex-shrink:0;animation:4s ease-in-out infinite compassPulse-d89b718a}@keyframes compassPulse-d89b718a{0%,to{filter:drop-shadow(0 0 4px #00b4d833)}50%{filter:drop-shadow(0 0 12px #00b4d866)}}.logo-text-group[data-v-d89b718a]{flex-direction:column;display:flex}.logo-text[data-v-d89b718a]{letter-spacing:4px;background:linear-gradient(135deg, var(--compass), var(--ark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Cinzel,serif;font-size:20px;font-weight:700;line-height:1.2}.logo-subtext[data-v-d89b718a]{color:var(--text-muted);letter-spacing:3px;font-family:Cinzel,serif;font-size:10px}.header-nav[data-v-d89b718a]{gap:10px;display:flex}.nav-item[data-v-d89b718a]{letter-spacing:1px;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-family:Cinzel,serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.nav-icon[data-v-d89b718a]{font-size:14px}.nav-gear[data-v-d89b718a]{opacity:0;font-size:10px;transition:all .3s;animation:4s linear infinite spin-d89b718a}.nav-item:hover .nav-gear[data-v-d89b718a]{opacity:.5}.nav-item[data-v-d89b718a]:before{content:"";width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.compass-link[data-v-d89b718a]{color:var(--compass)}.compass-link[data-v-d89b718a]:hover{border-color:var(--compass);box-shadow:0 0 12px var(--compass-glow);background:#00b4d80f}.ark-link[data-v-d89b718a]{color:var(--ark)}.ark-link[data-v-d89b718a]:hover{border-color:var(--ark);box-shadow:0 0 12px var(--ark-glow);background:#ff8c420f}.router-link-active.compass-link[data-v-d89b718a]{border-color:var(--compass);box-shadow:0 0 8px var(--compass-glow);background:#00b4d814}.router-link-active.ark-link[data-v-d89b718a]{border-color:var(--ark);box-shadow:0 0 8px var(--ark-glow);background:#ff8c4214}.covenant-link[data-v-d89b718a],.about-link[data-v-d89b718a]{color:var(--concrete);border-color:#0000;font-size:12px}.covenant-link[data-v-d89b718a]:hover,.about-link[data-v-d89b718a]:hover{color:var(--brass-light);background:#b8860b0d;border-color:#b8860b40;box-shadow:0 0 8px #b8860b26}.router-link-active.covenant-link[data-v-d89b718a],.router-link-active.about-link[data-v-d89b718a]{color:var(--brass-light);background:#b8860b12;border-color:#b8860b4d;box-shadow:0 0 6px #b8860b1f}.app-main[data-v-d89b718a]{z-index:1;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px;position:relative}.app-footer[data-v-d89b718a]{border-top:1px solid var(--border-color);z-index:1;background:#2a2d3099;margin-top:48px;padding:20px 0;position:relative}.footer-inner[data-v-d89b718a]{max-width:1200px;color:var(--text-muted);letter-spacing:2px;justify-content:center;align-items:center;gap:12px;margin:0 auto;padding:0 24px;font-family:Cinzel,serif;font-size:12px;display:flex}.footer-gear[data-v-d89b718a]{color:#645f5880;opacity:.4;transition:animation-duration .3s;animation:8s linear infinite spin-d89b718a}.footer-beian[data-v-d89b718a]{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-beian[data-v-d89b718a]:hover{color:var(--text-primary,#e8e8f0)}.footer-inner:hover .footer-gear[data-v-d89b718a]{animation-duration:1s}.footer-version[data-v-d89b718a]{color:var(--text-muted);opacity:.6;letter-spacing:2px;font-family:Cinzel,serif;font-size:10px}@keyframes spin-d89b718a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.logo-subtext[data-v-d89b718a]{display:none}.header-inner[data-v-d89b718a]{padding:0 12px}.logo[data-v-d89b718a]{gap:6px}.logo-compass[data-v-d89b718a]{width:24px;height:24px}.logo-text[data-v-d89b718a]{letter-spacing:1px;font-size:13px}.header-nav[data-v-d89b718a]{gap:4px}.nav-item[data-v-d89b718a]{gap:0;padding:6px 8px;font-size:11px}.nav-label[data-v-d89b718a]{display:none}.nav-icon[data-v-d89b718a]{font-size:16px}.nav-gear[data-v-d89b718a]{display:none}.bg-gear-1[data-v-d89b718a]{width:250px;height:250px}.bg-gear-2[data-v-d89b718a]{width:180px;height:180px}.bg-gear-3[data-v-d89b718a]{display:none}.app-main[data-v-d89b718a]{padding:20px 12px}}:root{--compass-light:#7ec8e3;--compass:#00b4d8;--compass-dark:#0077b6;--compass-glow:#00b4d84d;--ark-light:#ffb347;--ark:#ff8c42;--ark-dark:#e06a2a;--ark-glow:#ff8c424d;--bg-base:#2a2d30;--bg-warm:#323538;--bg-soft:#3a3d40;--bg-card:#323538d9;--bg-card-hover:#3c3f42eb;--text-primary:#d4d0c8;--text-secondary:#a8a39a;--text-tertiary:#8a857c;--text-muted:#6e6a62;--border-color:#645f5833;--border-glow:#00b4d840;--brass:#b8860b;--brass-light:#d4a843;--copper:#b87333;--rivet:#7a7a7a;--metal-dark:#4a4d50;--metal-light:#6a6d70;--concrete:#8a8d90;--radius:12px;--radius-sm:6px;--header-height:72px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Cinzel,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#a09b9104 3px,#a09b9102 4px),repeating-linear-gradient(90deg,#0000,#0000 5px,#a09b9103 5px,#a09b9101 6px),repeating-linear-gradient(90deg,#0000,#0000 40px,#b4afa508 40px,#b4afa503 41px),repeating-linear-gradient(0deg,#0000,#0000 60px,#b4afa505 60px,#b4afa501 61px),repeating-linear-gradient(135deg,#0000,#0000 120px,#645f580a 120px,#645f5804 122px),radial-gradient(at 50% 0,#0000001f 0%,#0000 40%),radial-gradient(at 50% 100%,#0003 0%,#0000 50%),radial-gradient(at 0%,#00000026 0%,#0000 40%),radial-gradient(at 100%,#0000001f 0%,#0000 40%),linear-gradient(#787d8214 0%,#5053560a 15%,#2a2d3000 40% 60%,#1416180f 85%,#0f10121f 100%);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(600px 500px at 10% 15%,#00b4d80d 0%,#0000 60%),radial-gradient(500px 500px at 85% 85%,#ff8c420a 0%,#0000 60%),radial-gradient(300px 300px at 50% 30%,#a0a5aa08 0%,#0000 60%),radial-gradient(400px 200px at 50% 100%,#8c78640f 0%,#0000 60%);width:100%;height:100%;position:fixed;top:0;left:0}#app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2a2d30;border-left:1px solid #645f581f}::-webkit-scrollbar-thumb{background:linear-gradient(#5a5d60,#4a4d50);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--metal-light)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s;position:relative}.card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#a0a5aa26,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:12px;right:12px}.card:hover{background:var(--bg-card-hover);border-color:#00b4d833;box-shadow:0 4px 20px #0000004d}.card:hover:before{opacity:1}.btn-ark{background:linear-gradient(135deg, var(--ark-dark), var(--ark));color:#fff;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:1px;text-transform:uppercase;border:1px solid #ffb3474d;padding:12px 32px;font-family:Cinzel,serif;font-size:14px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-ark:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-ark:hover:before{left:100%}.btn-ark:hover{box-shadow:0 0 20px var(--ark-glow);transform:translateY(-1px)}.btn-compass{background:linear-gradient(135deg, var(--compass-dark), var(--compass));color:#fff;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:1px;text-transform:uppercase;border:1px solid #7ec8e34d;padding:12px 32px;font-family:Cinzel,serif;font-size:14px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-compass:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-compass:hover:before{left:100%}.btn-compass:hover{box-shadow:0 0 20px var(--compass-glow);transform:translateY(-1px)}.section-title{letter-spacing:3px;text-transform:uppercase;color:var(--text-primary);margin-bottom:24px;padding-bottom:14px;font-family:Cinzel,serif;font-size:20px;font-weight:700;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--compass), var(--ark));border-radius:1px;width:60px;height:2px;position:absolute;bottom:0;left:0}.section-title.center{text-align:center}.section-title.center:after{left:50%;transform:translate(-50%)}.gear{vertical-align:middle;border:2px solid #b4afa566;border-radius:50%;width:16px;height:16px;margin:0 8px;animation:6s linear infinite spin;display:inline-block;position:relative}.gear:before{content:"";background:#b4afa566;border-radius:1px;width:2px;height:20px;position:absolute;top:-4px;left:5px}.gear:after{content:"";background:#b4afa566;border-radius:1px;width:20px;height:2px;position:absolute;top:5px;left:-4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .25s,transform .25s}.page-fade-enter-from{opacity:0;transform:translateY(12px)}.page-fade-leave-to{opacity:0;transform:translateY(-12px)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.steampunk-toast{--el-message-bg-color:#2a2d30f2;--el-message-border-color:#645f584d;--el-message-text-color:var(--text-primary);--el-message-shadow:0 4px 20px #0006;border:1px solid var(--border-color);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:1px;min-width:260px;padding:12px 20px;font-family:Cinzel,serif;font-size:13px}.steampunk-toast.el-message--success{--el-message-bg-color:#00b4d81f;border-color:#00b4d866}.steampunk-toast.el-message--warning{--el-message-bg-color:#b8860b1f;border-color:#b8860b66}.steampunk-toast.el-message--error{--el-message-bg-color:#e06a2a1f;border-color:#e06a2a66}.steampunk-toast .el-message__icon{font-size:16px}.steampunk-toast .el-message__content{color:var(--text-primary)}.router-link-active.nav-item{position:relative}.router-link-active.nav-item:after{content:"";opacity:.8;border-radius:1px;width:80%;height:2px;position:absolute;bottom:-1px;left:10%}.router-link-active.compass-link:after{background:linear-gradient(90deg, transparent, var(--compass), transparent);box-shadow:0 0 6px var(--compass-glow)}.router-link-active.ark-link:after{background:linear-gradient(90deg, transparent, var(--ark), transparent);box-shadow:0 0 6px var(--ark-glow)}.router-link-active.covenant-link:after,.router-link-active.about-link:after{background:linear-gradient(90deg, transparent, var(--brass), transparent);box-shadow:0 0 6px #b8860b4d}@media (width<=768px){:root{--header-height:60px}}
