@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@300;400;600;800&display=swap";:root{--bg-dark: #05050A;--bg-card: #0D0E1A;--bg-terminal: #020205;--neon-cyan: #00F5FF;--neon-magenta: #FF006E;--neon-green: #39FF14;--text-main: #E0E0E5;--text-muted: #6B7280;--border-glow: rgba(0, 245, 255, .2)}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,Microsoft YaHei,system-ui,sans-serif;overflow-x:hidden}.cyber-app{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:20px;box-sizing:border-box}.cyber-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,245,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.scanline{position:absolute;top:0;left:0;width:100%;height:4px;background:#00f5ff1a;opacity:.8;pointer-events:none;z-index:10;animation:scan 6s linear infinite}@keyframes scan{0%{top:0%}to{top:100%}}.cyber-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--neon-cyan);padding-bottom:15px;margin-bottom:20px;box-shadow:0 4px 20px #00f5ff1a}.logo-container{display:flex;align-items:center;gap:12px}.neon-icon{color:var(--neon-cyan);filter:drop-shadow(0 0 8px var(--neon-cyan))}.glitch-text{font-family:Fira Code,Microsoft YaHei,monospace;font-size:1.8rem;font-weight:800;letter-spacing:.1em;color:#fff;position:relative;text-shadow:0 0 10px var(--neon-cyan)}.system-status{display:flex;align-items:center;gap:8px;font-family:Fira Code,monospace;font-size:.8rem;background:#00f5ff0d;padding:6px 12px;border:1px solid rgba(0,245,255,.3);border-radius:2px}.blink-dot{width:8px;height:8px;background-color:var(--neon-green);border-radius:50%;box-shadow:0 0 8px var(--neon-green);animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.cyber-main{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1.1fr;gap:20px;flex:1}@media (max-width: 1024px){.cyber-main{grid-template-columns:1fr}}.control-panel,.display-panel{background:var(--bg-card);border:1px solid rgba(0,245,255,.15);border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:18px;box-shadow:0 0 15px #00000080}.panel-title{display:flex;align-items:center;gap:8px;font-family:Fira Code,Microsoft YaHei,monospace;font-size:.9rem;font-weight:600;letter-spacing:.05em;border-left:3px solid var(--neon-cyan);padding-left:10px}.chain-display{background:var(--bg-terminal);border:1px solid rgba(0,245,255,.2);padding:15px;min-height:60px;display:flex;align-items:center;font-family:Fira Code,Microsoft YaHei,monospace;border-radius:2px;overflow-x:auto}.prefix{color:var(--neon-cyan);font-weight:700;margin-right:10px}.placeholder{color:var(--text-muted);font-style:italic;font-size:.85rem}.nodes-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chain-node{background:#00f5ff1a;border:1px solid var(--neon-cyan);padding:4px 10px;border-radius:2px;color:#fff;font-size:.9rem;text-shadow:0 0 5px var(--neon-cyan)}.connector{color:var(--neon-magenta);font-weight:700}.keyboard-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media (max-width: 600px){.keyboard-grid{grid-template-columns:repeat(3,1fr)}}.key-btn{background:#ffffff05;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:12px 6px;border-radius:2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s ease;font-family:Fira Code,Microsoft YaHei,monospace}.key-btn:hover{background:#00f5ff14;border-color:var(--neon-cyan);box-shadow:0 0 10px #00f5ff4d;transform:translateY(-2px)}.btn-male{border-color:#00f5ff4d}.btn-female{border-color:#ff006e4d}.btn-female:hover{border-color:var(--neon-magenta);box-shadow:0 0 10px #ff006e4d}.key-label{font-size:1.1rem;font-weight:700}.key-sub{font-size:.6rem;color:var(--text-muted)}.actions-bar{display:flex;gap:10px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-family:Fira Code,Microsoft YaHei,monospace;font-weight:700;font-size:.85rem;border-radius:2px;cursor:pointer;transition:all .2s ease}.btn-sec{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--text-main)}.btn-sec:hover:not(:disabled){background:#ffffff1a;border-color:#fff}.btn-pri{background:var(--neon-cyan);border:none;color:#000}.btn-pri:hover:not(:disabled){background:#fff;box-shadow:0 0 15px var(--neon-cyan)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.terminal-box{background:var(--bg-terminal);border:1px solid rgba(255,0,110,.2);border-radius:2px;padding:10px;font-family:Fira Code,Microsoft YaHei,monospace}.terminal-header{font-size:.7rem;color:var(--neon-magenta);margin-bottom:6px;border-bottom:1px dashed rgba(255,0,110,.2);padding-bottom:4px}.terminal-body{font-size:.75rem;color:#a0a0b0;display:flex;flex-direction:column;gap:4px;min-height:80px}.log-line{word-break:break-all}.output-screen{background:var(--bg-terminal);border:1px solid rgba(0,245,255,.15);border-radius:4px;min-height:280px;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.empty-state{text-align:center;max-width:320px}.cyber-eye{width:50px;height:50px;border:2px solid var(--neon-cyan);border-radius:50%;margin:0 auto 15px;position:relative;animation:pulse-slow 2s infinite}.cyber-eye:after{content:"";position:absolute;width:12px;height:12px;background:var(--neon-magenta);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px var(--neon-magenta)}.empty-state h3{font-family:Fira Code,Microsoft YaHei,monospace;font-size:1.1rem;margin-bottom:8px;color:var(--neon-cyan)}.empty-state p{font-size:.8rem;color:var(--text-muted);line-height:1.5}.loading-state{text-align:center}.radar{width:60px;height:60px;border:2px solid var(--neon-cyan);border-radius:50%;margin:0 auto 15px;border-top-color:transparent;animation:spin 1s linear infinite}.result-container{width:100%;display:flex;flex-direction:column;gap:15px}.result-header{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.tag{font-size:.65rem;background:var(--neon-magenta);color:#fff;padding:2px 6px;border-radius:2px;font-family:Fira Code,monospace}.result-title{font-size:2.2rem;margin:8px 0 0;font-weight:800;text-shadow:0 0 15px var(--neon-magenta)}.info-block{margin-bottom:10px}.block-label{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);font-family:Fira Code,Microsoft YaHei,monospace;margin-bottom:6px}.block-content{font-size:.95rem;line-height:1.5;margin:0}.highlight-block{background:#00f5ff0d;border:1px solid rgba(0,245,255,.2);padding:12px;border-radius:2px}.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.result-actions button{flex:1;min-width:110px;padding:10px 8px;font-size:.75rem;font-weight:700;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-family:Fira Code,Microsoft YaHei,monospace;transition:all .2s ease}.tts-btn{background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan)}.tts-btn:hover:not(:disabled){background:var(--neon-cyan);color:#000;box-shadow:0 0 12px var(--neon-cyan)}.tts-btn.playing{border-color:var(--neon-green);color:var(--neon-green);animation:pulse-slow 1.5s infinite}.substitute-btn{background:#00f5ff1a;border:1px solid var(--neon-cyan);color:#fff}.substitute-btn:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 12px var(--neon-cyan)}.banquet-add-btn{background:#ff006e1a;border:1px solid var(--neon-magenta);color:#fff}.banquet-add-btn:hover{background:var(--neon-magenta);color:#fff;box-shadow:0 0 12px var(--neon-magenta)}.banquet-panel{background:#ffffff05;border:1px dashed rgba(0,245,255,.2);border-radius:4px;padding:15px;margin-top:5px}.banquet-header{display:flex;align-items:center;gap:8px;font-family:Fira Code,Microsoft YaHei,monospace;font-size:.85rem;font-weight:700;margin-bottom:10px}.banquet-empty{font-size:.75rem;color:var(--text-muted);text-align:center;line-height:1.5;margin:0}.banquet-content{display:flex;flex-direction:column;gap:12px}.banquet-tags{display:flex;flex-wrap:wrap;gap:6px}.banquet-tag{background:#00f5ff14;border:1px solid rgba(0,245,255,.3);padding:4px 8px;border-radius:2px;font-size:.8rem;display:flex;align-items:center;gap:6px;color:#fff}.tag-remove{background:none;border:none;color:var(--neon-magenta);cursor:pointer;font-weight:700;font-size:1rem;padding:0;line-height:1}.tag-remove:hover{color:#fff}.fusion-btn{background:var(--neon-magenta);border:none;color:#fff;padding:10px;font-family:Fira Code,Microsoft YaHei,monospace;font-weight:700;font-size:.8rem;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.fusion-btn:hover:not(:disabled){background:#fff;color:#000;box-shadow:0 0 15px var(--neon-magenta)}.fusion-btn:disabled{opacity:.5;cursor:not-allowed}.fusion-result-card{background:var(--bg-terminal);border:1px solid var(--neon-magenta);border-radius:4px;padding:15px;margin-top:12px;box-shadow:0 0 15px #ff006e26;animation:pulse-slow 3s infinite ease-in-out}.fusion-result-header{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(255,0,110,.3);padding-bottom:8px;margin-bottom:10px}.danger-badge{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--neon-magenta);font-weight:700;font-family:Fira Code,monospace}.fusion-result-body{display:flex;flex-direction:column;gap:12px}.fusion-block{display:flex;flex-direction:column;gap:4px}.fusion-label{font-size:.75rem;color:var(--text-muted);font-weight:700}.fusion-block p{font-size:.85rem;line-height:1.4;margin:0}.toast-speech{background:#ff006e0d;border-left:2px solid var(--neon-magenta);padding:8px;color:#fff;font-style:italic}.history-panel{border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.history-header{display:flex;align-items:center;gap:8px;font-family:Fira Code,Microsoft YaHei,monospace;font-size:.8rem;color:var(--text-muted);margin-bottom:10px}.history-list{display:flex;flex-direction:column;gap:8px;max-height:120px;overflow-y:auto}.history-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:8px 12px;border-radius:2px;cursor:pointer;transition:all .2s ease}.history-item:hover{background:#00f5ff0d;border-color:var(--neon-cyan)}.history-meta{display:flex;justify-content:space-between;margin-bottom:4px}.history-time{font-size:.65rem;color:var(--text-muted)}.history-title{font-size:.8rem;font-weight:700;color:var(--neon-magenta)}.history-chain{font-size:.75rem;color:var(--text-muted);font-family:Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-empty{font-size:.75rem;color:var(--text-muted);text-align:center;padding:10px}.text-cyan{color:var(--neon-cyan)}.text-magenta{color:var(--neon-magenta)}.glow-cyan{box-shadow:0 0 10px #00f5ff4d}.glow-magenta{box-shadow:0 0 10px #ff006e4d}.pulse-slow{animation:pulse-slow 2.5s infinite ease-in-out}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}.pulse{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}