:root{--ww-primary:#e94560;--ww-primary-light:#ff6b6b;--ww-primary-dark:#c73e54;--ww-wolf:#e94560;--ww-wolf-light:#e9456033;--ww-god:gold;--ww-god-light:#ffd70033;--ww-villager:#409eff;--ww-villager-light:#409eff33;--ww-bg-dark:#1a1a2e;--ww-bg-darker:#0f0f1a;--ww-bg-card:#16213e;--ww-bg-card-hover:#1e2d4a;--ww-bg-input:#0f3460;--ww-text-primary:#e0e0e0;--ww-text-secondary:#a0a0a0;--ww-text-muted:#666;--ww-border:#0f3460;--ww-border-light:#1e3a5f;--ww-success:#67c23a;--ww-warning:#e6a23c;--ww-danger:#f56c6c;--ww-info:#909399;--el-color-primary:#e94560;--el-color-primary-light-3:#ff6b6b;--el-color-primary-light-5:#ff8a8a;--el-color-primary-light-7:#ffb3b3;--el-color-primary-light-8:#ffd1d1;--el-color-primary-light-9:#fff0f0;--el-color-primary-dark-2:#c73e54;--el-bg-color:#16213e;--el-bg-color-page:#1a1a2e;--el-bg-color-overlay:#16213e;--el-text-color-primary:#e0e0e0;--el-text-color-regular:silver;--el-text-color-secondary:#a0a0a0;--el-text-color-placeholder:#666;--el-border-color:#0f3460;--el-border-color-light:#1e3a5f;--el-border-color-lighter:#2a4a6f;--el-fill-color:#0f3460;--el-fill-color-light:#16213e;--el-fill-color-lighter:#1e2d4a}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--ww-text-primary);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f0f1a 100%) fixed;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ww-bg-darker);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--ww-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ww-primary)}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}.slide-left-enter-active,.slide-left-leave-active{transition:all .3s}.slide-left-enter-from,.slide-left-leave-to{opacity:0;transform:translate(-20px)}.ww-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--ww-border);background:#16213ecc;border-radius:12px;box-shadow:0 4px 20px #0000004d}.ww-btn{background:linear-gradient(135deg, var(--ww-primary) 0%, var(--ww-primary-dark) 100%);color:#fff;border:none;border-radius:8px;font-weight:500;transition:all .3s}.ww-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e9456066}.ww-input{background:var(--ww-bg-input);border:1px solid var(--ww-border);color:var(--ww-text-primary);border-radius:8px;transition:all .3s}.ww-input:focus{border-color:var(--ww-primary);box-shadow:0 0 0 2px #e9456033}.ww-badge{border-radius:12px;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.ww-badge-online{color:var(--ww-success);border:1px solid var(--ww-success);background:#67c23a33}.ww-badge-offline{color:var(--ww-info);border:1px solid var(--ww-info);background:#90939933}