.app[data-v-282e4c22]{min-height:100vh;display:flex;flex-direction:column}.container[data-v-282e4c22]{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.app-header[data-v-282e4c22]{background:#1a1d29;color:#fff;padding:16px 0;box-shadow:0 2px 8px #0000001a}.app-header .container[data-v-282e4c22]{display:flex;align-items:center;justify-content:space-between;gap:24px}.logo[data-v-282e4c22]{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff}.logo-icon[data-v-282e4c22]{font-size:28px}.logo-text[data-v-282e4c22]{font-size:20px;font-weight:700}.logo-sub[data-v-282e4c22]{font-size:12px;opacity:.6;margin-left:4px}.nav[data-v-282e4c22]{display:flex;gap:24px;flex:1;margin-left:40px}.nav a[data-v-282e4c22]{color:#fff;text-decoration:none;opacity:.7;font-size:14px;padding:6px 12px;border-radius:6px;transition:all .2s}.nav a[data-v-282e4c22]:hover{opacity:1;background:#ffffff14}.nav a.router-link-active[data-v-282e4c22]{opacity:1;background:#4cafef33;color:#4caeef}.status[data-v-282e4c22]{display:flex;align-items:center;gap:6px;font-size:12px}.status-dot[data-v-282e4c22]{width:8px;height:8px;border-radius:50%;background:#888}.status-dot.online[data-v-282e4c22]{background:#67c23a;box-shadow:0 0 4px #67c23a}.status-dot.offline[data-v-282e4c22]{background:#f56c6c}.status-dot.loading[data-v-282e4c22]{background:#e6a23c;animation:pulse-282e4c22 1.5s infinite}@keyframes pulse-282e4c22{0%,to{opacity:1}50%{opacity:.3}}.app-main[data-v-282e4c22]{flex:1;padding:32px 0}.app-footer[data-v-282e4c22]{background:#1a1d29;color:#fff;padding:24px 0;text-align:center;font-size:13px}.app-footer p[data-v-282e4c22]{margin:4px 0;opacity:.8}.footer-meta[data-v-282e4c22]{opacity:.5!important;font-size:12px!important}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}body{background:#f5f7fa;color:#1a1d29;line-height:1.5}a{color:inherit}button{font-family:inherit}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:silver;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.text-up{color:#f56c6c}.text-down{color:#67c23a}.text-muted{color:#999}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}