:root{--bg-primary:#0a0a0a;--bg-panel:#111;--bg-card:#161616;--bg-hover:#1e1e1e;--fg-primary:#e0e0e0;--fg-secondary:#a0a0a0;--fg-muted:#606060;--accent-green:#00ff41;--accent-purple:#bf5af2;--accent-blue:#0a84ff;--accent-cyan:#00d4ff;--accent-magenta:#ff2d55;--accent-gold:#ffd60a;--border:#2a2a2a;--border-glow:#00ff414d;--font-mono:"Courier New", "Consolas", "Monaco", monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0;outline:none!important}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--fg-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(#00ff4104 1px,#0000 1px),linear-gradient(90deg,#00ff4104 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.container{z-index:1;max-width:720px;margin:0 auto;padding:24px 20px;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #00ff414d}50%{box-shadow:0 0 24px #00ff4199}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes codeScroll{0%{transform:translateY(-20%)}to{transform:translateY(0%)}}@keyframes rotate3D{0%{transform:perspective(800px)rotateX(20deg)rotateY(0)}50%{transform:perspective(800px)rotateX(20deg)rotateY(180deg)}to{transform:perspective(800px)rotateX(20deg)rotateY(360deg)}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}@keyframes scanLine{0%{top:-100%}to{top:100%}}.animate-fade-in{animation:.5s ease-out fadeIn}.animate-fade-up{animation:.6s ease-out fadeInUp}.animate-slide-up{animation:.7s cubic-bezier(.16,1,.3,1) slideUp}.animate-pulse{animation:2s ease-in-out infinite pulse}.scan-overlay{pointer-events:none;z-index:999;position:fixed;inset:0;overflow:hidden}.scan-overlay:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-green), transparent);opacity:.15;width:100%;height:2px;animation:3s linear infinite scanLine;position:absolute;left:0}.btn-primary{font-family:var(--font-mono);color:var(--bg-primary);background:var(--accent-green);cursor:pointer;letter-spacing:2px;text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:10px;padding:16px 40px;font-size:16px;transition:all .3s;animation:2s ease-in-out infinite pulseGlow;display:inline-flex}.btn-primary:hover{background:#0f6;transform:translateY(-1px)}.btn-secondary{font-family:var(--font-mono);color:var(--accent-green);border:1px solid var(--accent-green);cursor:pointer;letter-spacing:1px;background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:14px;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#00ff411a}.card{background:var(--bg-panel);border:1px solid var(--border);padding:28px;transition:all .3s}.progress-bar{background:var(--border);width:100%;height:3px;overflow:hidden}.progress-fill{background:var(--accent-green);height:100%;transition:width .3s;box-shadow:0 0 8px #00ff4166}.code-block{border:1px solid var(--border);font-family:var(--font-mono);color:var(--accent-green);white-space:pre-wrap;word-break:break-all;background:#0d0d0d;max-height:500px;padding:20px;font-size:12px;line-height:1.7;overflow:auto}.terminal-text{font-family:var(--font-mono);color:var(--accent-green)}.terminal-purple{font-family:var(--font-mono);color:var(--accent-purple)}.terminal-cyan{font-family:var(--font-mono);color:var(--accent-cyan)}.option-btn{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--fg-primary);font-family:var(--font-sans);text-align:left;cursor:pointer;align-items:flex-start;gap:12px;padding:16px 20px;font-size:15px;line-height:1.6;transition:all .2s;display:flex}.option-btn:hover{background:var(--bg-hover);border-color:var(--accent-green);box-shadow:0 0 12px #00ff411a}.option-btn.selected{border-color:var(--accent-green);background:#00ff4114;box-shadow:0 0 16px #00ff4133}.option-letter{font-family:var(--font-mono);color:var(--accent-green);min-width:24px;padding-top:2px;font-size:13px;font-weight:700}.result-section{margin-bottom:16px;padding:24px}.result-section.human{border-left:3px solid var(--accent-cyan);background:#00d4ff0a}.result-section.ai{border-left:3px solid var(--accent-purple);background:#bf5af20a}.result-title{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-size:12px}.result-title.human{color:var(--accent-cyan)}.result-title.ai{color:var(--accent-purple)}.result-code{font-family:var(--font-mono);letter-spacing:4px;font-size:48px;font-weight:700;line-height:1}.result-code.human{color:var(--accent-cyan)}.result-code.ai{color:var(--accent-purple)}.result-nickname{margin:8px 0 16px;font-size:28px;font-weight:700}.result-commentary{color:var(--fg-secondary);font-size:15px;font-style:italic;line-height:1.8}.compatibility-score{font-family:var(--font-mono);text-align:center;letter-spacing:2px;font-size:72px;font-weight:700}.compatibility-label{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;text-align:center;margin-top:8px;font-size:14px}.code-scroll-screen{background:var(--bg-primary);z-index:100;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.code-scroll-lines{opacity:.15;position:absolute;inset:0;overflow:hidden}.code-scroll-lines pre{font-family:var(--font-mono);color:var(--accent-green);white-space:pre;font-size:11px;line-height:1.5;animation:2s linear infinite codeScroll}.neon-divider{background:linear-gradient(90deg, transparent, var(--accent-purple), var(--accent-cyan), var(--accent-purple), transparent);width:100%;height:1px;margin:24px 0}.glitch-text{animation:.3s ease-in-out 2 glitch}.terminal-textarea{border:1px solid var(--border);width:100%;min-height:200px;color:var(--fg-primary);font-family:var(--font-sans);resize:vertical;background:#0d0d0d;padding:20px;font-size:15px;line-height:1.7;transition:border-color .3s}.terminal-textarea:focus{border-color:var(--accent-green);box-shadow:0 0 16px #00ff4126}.terminal-textarea::placeholder{color:var(--fg-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--accent-green)}@media (max-width:600px){.container{padding:16px 12px}.result-code{font-size:32px}.compatibility-score{font-size:48px}}