@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@500;700&display=swap";.cyber-app{min-height:100vh;background-color:#0b0f19;color:#f1f5f9;font-family:Rajdhani,Microsoft YaHei,sans-serif;padding:2rem 1rem;position:relative;overflow:hidden}.bg-glow{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(120px);z-index:0;opacity:.15;pointer-events:none}.bg-glow-1{background:#0ff;top:10%;left:-100px}.bg-glow-2{background:#ff007f;bottom:10%;right:-100px}.cyber-header{text-align:center;margin-bottom:2.5rem;position:relative;z-index:10}.cyber-title{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,255,.6),0 0 20px rgba(0,255,255,.3);color:#fff}.cyber-subtitle{color:#94a3b8;font-size:1.1rem;margin-top:.5rem;letter-spacing:1px}.cyber-main{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2.5rem;position:relative;z-index:10}@media (min-width: 768px){.cyber-main{grid-template-columns:1.1fr 1fr}}.preview-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.card-container{padding:10px;background:#0f172a66;border-radius:24px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cyber-card{width:340px;background:#0f172a;box-shadow:0 10px 30px #00000080;transition:transform .3s ease}.cyber-card:hover{transform:translateY(-5px) scale(1.01)}.card-inner{background:#090d16;border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.card-header{display:flex;justify-content:space-between;align-items:center}.card-tag{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;color:#ff007f;border:1px solid #ff007f;padding:2px 8px;border-radius:4px;background:#ff007f1a}.card-faction-tag{font-size:.8rem;font-weight:700;color:#0ff;letter-spacing:.5px}.avatar-wrapper{aspect-ratio:1;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.15)}.avatar-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#00ffff14,#fff0 20%);background-size:100% 20px;animation:scan 6s linear infinite;pointer-events:none}@keyframes scan{0%{background-position:0 0}to{background-position:0 100%}}.card-info{text-align:center}.card-name{font-size:1.4rem;font-weight:700;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.3);margin-bottom:.25rem}.card-desc{font-size:.85rem;color:#94a3b8}.card-stats{display:flex;flex-direction:column;gap:.5rem;background:#0f172a99;padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.stat-row{display:flex;align-items:center;gap:.5rem}.stat-label{width:75px;font-size:.8rem;font-weight:700;color:#cbd5e1;display:flex;align-items:center;gap:4px}.stat-bar-bg{flex:1;height:6px;background:#1e293b;border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.stat-value{width:25px;text-align:right;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;color:#fff}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#475569;border-top:1px dashed rgba(255,255,255,.1);padding-top:.75rem}.action-row{display:flex;gap:.75rem;width:100%;max-width:360px}.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;gap:6px;padding:.75rem 1rem;border-radius:10px;font-weight:700;font-size:.9rem;transition:all .2s ease;cursor:pointer}.btn-primary{flex:1.2;background:#0ff;color:#090d16;border:none;box-shadow:0 4px 14px #00ffff4d}.btn-primary:hover{background:#3ff;transform:translateY(-2px);box-shadow:0 6px 20px #00ffff80}.btn-secondary{flex:1;background:#1e293bb3;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#334155e6;border-color:#fff3;transform:translateY(-2px)}.editor-section{display:flex;flex-direction:column}.editor-card{background:#0f172a99;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem}.editor-title{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;color:#0ff;margin-bottom:1.5rem;border-bottom:1px solid rgba(0,255,255,.2);padding-bottom:.5rem}.input-group{margin-bottom:1.25rem}.input-label{display:block;font-size:.9rem;font-weight:700;color:#94a3b8;margin-bottom:.5rem}.cyber-input{width:100%;background:#090d16;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.75rem;color:#fff;font-size:1rem;transition:all .2s ease}.cyber-input:focus{outline:none;border-color:#0ff;box-shadow:0 0 10px #0ff3}.faction-btn{background:#1e293b66;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:.6rem;border-radius:8px;font-size:.85rem;font-weight:700;transition:all .2s ease;cursor:pointer}.faction-btn:hover{background:#1e293bcc;border-color:#ffffff4d}.faction-btn.active{background:#00ffff1a;border-color:#0ff;color:#0ff;box-shadow:0 0 8px #0ff3}.customizer-group{background:#090d1680;border-radius:12px;padding:1rem;margin-bottom:1.25rem;border:1px solid rgba(255,255,255,.05)}.group-title{font-size:.95rem;font-weight:700;color:#ff007f;margin-bottom:1rem}.custom-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem;color:#cbd5e1}.btn-group{display:flex;gap:4px}.part-btn{width:28px;height:28px;border-radius:6px;background:#1e293b;border:1px solid transparent;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.part-btn:hover{background:#334155}.part-btn.active{background:#ff007f;color:#fff;box-shadow:0 0 8px #ff007f66}.cyber-tip{display:flex;gap:8px;background:#00ffff0d;border:1px solid rgba(0,255,255,.15);border-radius:8px;padding:.75rem;font-size:.8rem;color:#94a3b8;line-height:1.4}