:root{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-color: #667eea;--primary-dark: #5a6fd8;--primary-light: #7c8df0;--secondary-color: #764ba2;--secondary-dark: #6a4190;--secondary-light: #8555b4;--accent-color: #42b883;--accent-dark: #3ba67a;--accent-light: #51c98c;--warning-color: #f39c12;--warning-dark: #e08e0b;--warning-light: #f5a623;--danger-color: #e74c3c;--danger-dark: #d63030;--danger-light: #ec5e4e;--success-color: #27ae60;--success-dark: #229954;--success-light: #2ebd6c;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .18);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}#app{width:100%;min-height:100vh}button{border-radius:12px;border:1px solid transparent;padding:.75em 1.5em;font-size:1em;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}button:hover:before{left:100%}button:focus{outline:2px solid var(--primary-color);outline-offset:2px}button:active{transform:translateY(1px)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes slideIn{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eeacc,0 0 30px #667eea99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-pulse{animation:pulse 2s infinite}.animate-slide-in{animation:slideIn .4s cubic-bezier(.4,0,.2,1)}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}.animate-bounce{animation:bounce 1s ease-in-out}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.glass-strong{background:#ffffff59;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25)}.io-simulator[data-v-5f750b91]{background:#fffffff2;border-radius:24px;padding:2.5rem;color:var(--text-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.io-simulator[data-v-5f750b91]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color),var(--secondary-color));border-radius:24px 24px 0 0}.simulator-header[data-v-5f750b91]{text-align:center;margin-bottom:2.5rem;animation:fadeIn .6s ease-out both}.simulator-header h2[data-v-5f750b91]{font-size:2.2rem;margin:0 0 .75rem;color:var(--primary-color);font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description[data-v-5f750b91]{color:var(--text-secondary);font-size:1.15rem;margin:0;line-height:1.6;font-weight:500}.mode-selector[data-v-5f750b91]{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2.5rem;animation:fadeIn .6s ease-out .2s both}.mode-btn[data-v-5f750b91]{padding:1rem 2rem;border:2px solid var(--primary-color);background:#fff;color:var(--primary-color);border-radius:30px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:1rem;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.mode-btn[data-v-5f750b91]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s ease}.mode-btn[data-v-5f750b91]:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-dark)}.mode-btn[data-v-5f750b91]:hover:before{left:100%}.mode-btn.active[data-v-5f750b91]{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.simulator-container[data-v-5f750b91]{display:grid;grid-template-columns:2fr 1fr;gap:2rem;min-height:600px}.system-diagram[data-v-5f750b91]{position:relative;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);border-radius:20px;padding:2.5rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:2rem;border:1px solid var(--border-light);box-shadow:inset 0 1px #ffffff1a}.component[data-v-5f750b91]{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-lg);transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden}.component[data-v-5f750b91]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));opacity:0;transition:opacity .3s ease}.component.active[data-v-5f750b91]{border-color:var(--accent-color);box-shadow:0 12px 40px #42b88340;transform:scale(1.02) translateY(-2px)}.component.active[data-v-5f750b91]:before{opacity:1}.component.cpu[data-v-5f750b91]{grid-column:1;grid-row:1}.component.cpu.busy[data-v-5f750b91]{border-color:var(--danger-color);background:linear-gradient(135deg,#fff5f5,#fed7d7);box-shadow:0 12px 40px #e74c3c33}.component.cpu.idle[data-v-5f750b91]{border-color:var(--success-color);background:linear-gradient(135deg,#f0fff4,#c6f6d5);box-shadow:0 12px 40px #27ae6033}.component.memory[data-v-5f750b91]{grid-column:1;grid-row:2}.component.controller[data-v-5f750b91]{grid-column:2;grid-row:2}.component.device[data-v-5f750b91]{grid-column:2;grid-row:3}.component.dma-controller[data-v-5f750b91]{grid-column:1;grid-row:3}.component-header[data-v-5f750b91]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-light)}.component-header h3[data-v-5f750b91]{margin:0;font-size:1.2rem;color:var(--text-primary);font-weight:700}.status-indicator[data-v-5f750b91]{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.status-indicator.busy[data-v-5f750b91]{background:var(--danger-color);color:#fff}.status-indicator.idle[data-v-5f750b91]{background:var(--success-color);color:#fff}.cpu-content[data-v-5f750b91],.memory-content[data-v-5f750b91],.controller-content[data-v-5f750b91],.device-content[data-v-5f750b91],.dma-content[data-v-5f750b91]{font-size:.9rem}.register[data-v-5f750b91],.memory-block[data-v-5f750b91],.status-register[data-v-5f750b91],.data-register[data-v-5f750b91],.device-status[data-v-5f750b91],.device-data[data-v-5f750b91],.dma-register[data-v-5f750b91]{padding:.5rem .75rem;margin:.4rem 0;background:var(--bg-primary);border-radius:10px;border-left:4px solid var(--primary-color);font-size:.9rem;font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-sm)}.register[data-v-5f750b91]:hover,.memory-block[data-v-5f750b91]:hover,.status-register[data-v-5f750b91]:hover,.data-register[data-v-5f750b91]:hover,.device-status[data-v-5f750b91]:hover,.device-data[data-v-5f750b91]:hover,.dma-register[data-v-5f750b91]:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.memory-content[data-v-5f750b91]{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.memory-block.active[data-v-5f750b91]{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));color:#fff;border-left-color:#fff;box-shadow:var(--shadow-md);animation:glow 2s ease-in-out infinite}.data-flow[data-v-5f750b91]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.flow-line[data-v-5f750b91]{opacity:.3;transition:opacity .3s ease}.flow-line.active[data-v-5f750b91]{opacity:1}.interrupt-line[data-v-5f750b91]{animation:dash-5f750b91 2s linear infinite}@keyframes dash-5f750b91{to{stroke-dashoffset:-20}}.control-panel[data-v-5f750b91]{background:#fff;border-radius:20px;padding:2rem;height:fit-content;box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.mode-description h3[data-v-5f750b91]{color:var(--primary-color);margin:0 0 .5rem}.mode-description p[data-v-5f750b91]{color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}.simulation-controls[data-v-5f750b91]{display:flex;gap:1rem;margin-bottom:1.5rem}.start-btn[data-v-5f750b91],.reset-btn[data-v-5f750b91]{flex:1;padding:1rem;border-radius:12px;font-weight:600;font-size:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.start-btn[data-v-5f750b91]{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;box-shadow:var(--shadow-md)}.start-btn[data-v-5f750b91]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.start-btn[data-v-5f750b91]:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));transform:translateY(-3px);box-shadow:var(--shadow-lg)}.start-btn[data-v-5f750b91]:hover:not(:disabled):before{left:100%}.start-btn[data-v-5f750b91]:disabled{opacity:.6;cursor:not-allowed;transform:none}.reset-btn[data-v-5f750b91]{background:#fff;color:var(--text-primary);border:2px solid var(--border-color);box-shadow:var(--shadow-sm)}.reset-btn[data-v-5f750b91]:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.performance-metrics h4[data-v-5f750b91],.simulation-log h4[data-v-5f750b91]{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem}.metric[data-v-5f750b91]{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.metric span[data-v-5f750b91]:first-child{min-width:80px;font-size:.9rem;color:var(--text-secondary)}.progress-bar[data-v-5f750b91]{flex:1;height:10px;background:var(--border-color);border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress[data-v-5f750b91]{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:8px;position:relative;overflow:hidden}.progress[data-v-5f750b91]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.metric span[data-v-5f750b91]:last-child{min-width:40px;text-align:right;font-weight:500;color:var(--primary-color)}.simulation-log[data-v-5f750b91]{margin-top:1.5rem}.log-content[data-v-5f750b91]{max-height:220px;overflow-y:auto;background:var(--bg-primary);border-radius:12px;padding:1rem;border:1px solid var(--border-light);box-shadow:inset 0 2px 4px #0000000d}.log-content[data-v-5f750b91]::-webkit-scrollbar{width:6px}.log-content[data-v-5f750b91]::-webkit-scrollbar-track{background:var(--border-light);border-radius:3px}.log-content[data-v-5f750b91]::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.log-content[data-v-5f750b91]::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.log-entry[data-v-5f750b91]{display:flex;gap:.75rem;margin-bottom:.75rem;font-size:.9rem;padding:.5rem;border-radius:8px;transition:background-color .2s ease}.log-entry[data-v-5f750b91]:hover{background:#667eea0d}.log-entry[data-v-5f750b91]:last-child{margin-bottom:0}.timestamp[data-v-5f750b91]{color:var(--text-muted);min-width:85px;font-family:Courier New,monospace;font-size:.8rem}.message[data-v-5f750b91]{color:var(--text-primary);font-weight:500}@media (max-width: 1024px){.simulator-container[data-v-5f750b91]{grid-template-columns:1fr}.system-diagram[data-v-5f750b91]{grid-template-columns:1fr;grid-template-rows:repeat(5,auto)}.component.cpu[data-v-5f750b91]{grid-column:1;grid-row:1}.component.memory[data-v-5f750b91]{grid-column:1;grid-row:2}.component.controller[data-v-5f750b91]{grid-column:1;grid-row:3}.component.device[data-v-5f750b91]{grid-column:1;grid-row:4}.component.dma-controller[data-v-5f750b91]{grid-column:1;grid-row:5}}.interrupt-demo[data-v-03e4fa6f]{background:#fffffff2;border-radius:24px;padding:2.5rem;color:var(--text-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.interrupt-demo[data-v-03e4fa6f]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color),var(--secondary-color));border-radius:24px 24px 0 0}.demo-header[data-v-03e4fa6f]{text-align:center;margin-bottom:2.5rem;animation:fadeIn .6s ease-out both}.demo-header h2[data-v-03e4fa6f]{font-size:2.2rem;margin:0 0 .75rem;color:var(--primary-color);font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description[data-v-03e4fa6f]{color:var(--text-secondary);font-size:1.15rem;margin:0;line-height:1.6;font-weight:500}.demo-container[data-v-03e4fa6f]{display:grid;grid-template-columns:2fr 1fr;gap:2rem;min-height:700px}.system-view[data-v-03e4fa6f]{position:relative;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);border-radius:20px;padding:2.5rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:2rem;border:1px solid var(--border-light);box-shadow:inset 0 1px #ffffff1a}.component[data-v-03e4fa6f]{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;border:2px solid transparent}.component.active[data-v-03e4fa6f]{border-color:var(--accent-color);box-shadow:0 8px 25px #42b8834d;transform:scale(1.02)}.component.cpu[data-v-03e4fa6f]{grid-column:1;grid-row:1}.component.memory[data-v-03e4fa6f]{grid-column:1 / 3;grid-row:2}.component.io-device[data-v-03e4fa6f]{grid-column:2;grid-row:1}.component.io-device.requesting[data-v-03e4fa6f]{border-color:var(--danger-color);background:linear-gradient(135deg,#fff5f5,#fed7d7);animation:pulse 1s infinite}.component.interrupt-controller[data-v-03e4fa6f]{grid-column:2;grid-row:3}.component-header[data-v-03e4fa6f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.component-header h3[data-v-03e4fa6f]{margin:0;font-size:1.1rem;color:var(--text-primary)}.cpu-state[data-v-03e4fa6f],.device-status[data-v-03e4fa6f]{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;background:var(--primary-color);color:#fff}.cpu-registers[data-v-03e4fa6f]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.register[data-v-03e4fa6f]{padding:.5rem;background:var(--bg-primary);border-radius:6px;border-left:3px solid var(--primary-color);font-family:Courier New,monospace;font-size:.9rem;transition:all .3s ease}.register.highlight[data-v-03e4fa6f]{background:var(--warning-color);color:#fff;border-left-color:#fff;animation:glow-03e4fa6f 1s ease-in-out}@keyframes glow-03e4fa6f{0%,to{box-shadow:0 0 5px #f39c1280}50%{box-shadow:0 0 20px #f39c12cc}}.memory-sections[data-v-03e4fa6f]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}.memory-section[data-v-03e4fa6f]{background:var(--bg-primary);border-radius:8px;padding:1rem;border:2px solid transparent;transition:all .3s ease}.memory-section.active[data-v-03e4fa6f]{border-color:var(--accent-color);background:#42b8831a}.memory-section h4[data-v-03e4fa6f]{margin:0 0 .75rem;font-size:.9rem;color:var(--text-primary);text-align:center}.interrupt-vector-table .vector-entry[data-v-03e4fa6f]{display:flex;justify-content:space-between;padding:.25rem .5rem;margin:.25rem 0;background:#fff;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;transition:all .3s ease}.vector-entry.highlight[data-v-03e4fa6f]{background:var(--accent-color);color:#fff;animation:bounce .5s}.stack[data-v-03e4fa6f]{min-height:200px}.stack-pointer[data-v-03e4fa6f]{font-family:Courier New,monospace;font-size:.8rem;margin-bottom:.5rem;padding:.25rem .5rem;background:#fff;border-radius:4px}.stack-content[data-v-03e4fa6f]{display:flex;flex-direction:column-reverse;gap:.25rem}.stack-item[data-v-03e4fa6f]{padding:.25rem .5rem;background:#fff;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;transition:all .3s ease}.stack-item.highlight[data-v-03e4fa6f]{background:var(--warning-color);color:#fff}.stack-item.new[data-v-03e4fa6f]{animation:slideIn .5s ease-out}.program-instruction[data-v-03e4fa6f],.isr-instruction[data-v-03e4fa6f]{display:flex;gap:.5rem;padding:.25rem .5rem;margin:.25rem 0;background:#fff;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;transition:all .3s ease}.program-instruction.current[data-v-03e4fa6f],.isr-instruction.current[data-v-03e4fa6f]{background:var(--primary-color);color:#fff;animation:pulse 1s infinite}.program-instruction.executed[data-v-03e4fa6f],.isr-instruction.executed[data-v-03e4fa6f]{background:var(--success-color);color:#fff;opacity:.7}.addr[data-v-03e4fa6f]{min-width:60px;color:var(--text-secondary)}.current .addr[data-v-03e4fa6f]{color:#fffc}.device-content[data-v-03e4fa6f],.pic-content[data-v-03e4fa6f]{font-size:.9rem}.interrupt-line[data-v-03e4fa6f]{padding:.5rem;background:var(--bg-primary);border-radius:6px;margin-bottom:.5rem;border-left:3px solid var(--danger-color);transition:all .3s ease}.interrupt-line.active[data-v-03e4fa6f]{background:var(--danger-color);color:#fff;border-left-color:#fff;animation:pulse 1s infinite}.device-data[data-v-03e4fa6f],.interrupt-request[data-v-03e4fa6f],.interrupt-service[data-v-03e4fa6f],.interrupt-mask[data-v-03e4fa6f]{padding:.25rem .5rem;margin:.25rem 0;background:var(--bg-primary);border-radius:4px;font-family:Courier New,monospace;font-size:.8rem}.signal-flow[data-v-03e4fa6f]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.signal-line[data-v-03e4fa6f]{opacity:.8}.control-panel[data-v-03e4fa6f]{background:#fff;border-radius:15px;padding:1.5rem;height:fit-content;display:flex;flex-direction:column;gap:1.5rem}.step-info h3[data-v-03e4fa6f]{color:var(--primary-color);margin:0 0 .5rem;font-size:1.2rem}.step-info h4[data-v-03e4fa6f]{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem}.step-info p[data-v-03e4fa6f]{color:var(--text-secondary);margin:0;line-height:1.6}.step-controls[data-v-03e4fa6f]{display:flex;gap:1rem}.step-btn[data-v-03e4fa6f]{flex:1;padding:.75rem;border-radius:8px;font-weight:500;transition:all .3s ease;border:2px solid var(--primary-color)}.prev-btn[data-v-03e4fa6f]{background:#fff;color:var(--primary-color)}.next-btn[data-v-03e4fa6f]{background:var(--primary-color);color:#fff}.step-btn[data-v-03e4fa6f]:hover:not(:disabled){transform:translateY(-2px)}.step-btn[data-v-03e4fa6f]:disabled{opacity:.5;cursor:not-allowed}.auto-play-controls[data-v-03e4fa6f]{display:flex;gap:1rem}.auto-play-btn[data-v-03e4fa6f],.reset-btn[data-v-03e4fa6f]{flex:1;padding:.75rem;border-radius:8px;font-weight:500;transition:all .3s ease}.auto-play-btn[data-v-03e4fa6f]{background:var(--accent-color);color:#fff;border:none}.auto-play-btn.active[data-v-03e4fa6f]{background:var(--warning-color)}.reset-btn[data-v-03e4fa6f]{background:#fff;color:var(--text-primary);border:2px solid var(--border-color)}.step-progress[data-v-03e4fa6f]{text-align:center}.progress-bar[data-v-03e4fa6f]{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress[data-v-03e4fa6f]{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .3s ease}.step-indicators[data-v-03e4fa6f]{display:flex;justify-content:center;gap:.5rem}.step-indicator[data-v-03e4fa6f]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--border-color);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.step-indicator.active[data-v-03e4fa6f]{background:var(--primary-color);color:#fff}.step-indicator.current[data-v-03e4fa6f]{background:var(--accent-color);transform:scale(1.1)}.detailed-explanation h4[data-v-03e4fa6f],.register-monitor h4[data-v-03e4fa6f]{color:var(--text-primary);margin:0 0 1rem;font-size:1rem}.explanation-content[data-v-03e4fa6f]{background:var(--bg-primary);border-radius:8px;padding:1rem}.explanation-point[data-v-03e4fa6f]{margin-bottom:.5rem;line-height:1.5;color:var(--text-primary)}.register-changes[data-v-03e4fa6f]{max-height:150px;overflow-y:auto;background:var(--bg-primary);border-radius:8px;padding:.75rem}.register-change[data-v-03e4fa6f]{display:flex;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;padding:.25rem .5rem;border-radius:4px;transition:all .3s ease}.register-change.request[data-v-03e4fa6f]{background:#e74c3c1a;border-left:3px solid var(--danger-color)}.register-change.response[data-v-03e4fa6f]{background:#27ae601a;border-left:3px solid var(--success-color)}.register-change.save[data-v-03e4fa6f],.register-change.restore[data-v-03e4fa6f]{background:#f39c121a;border-left:3px solid var(--warning-color)}.register-change.lookup[data-v-03e4fa6f],.register-change.execute[data-v-03e4fa6f],.register-change.return[data-v-03e4fa6f]{background:#667eea1a;border-left:3px solid var(--primary-color)}.change-step[data-v-03e4fa6f]{font-weight:500;min-width:60px}.change-desc[data-v-03e4fa6f]{color:var(--text-primary)}@media (max-width: 1024px){.demo-container[data-v-03e4fa6f]{grid-template-columns:1fr}.system-view[data-v-03e4fa6f]{grid-template-columns:1fr;grid-template-rows:repeat(4,auto)}.component.memory[data-v-03e4fa6f]{grid-column:1;grid-row:2}.memory-sections[data-v-03e4fa6f]{grid-template-columns:1fr 1fr}}.help-modal-overlay[data-v-b155546c]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.help-modal[data-v-b155546c]{background:#fff;border-radius:20px;width:90%;max-width:1000px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px #0003;animation:modalSlideIn-b155546c .3s ease-out}@keyframes modalSlideIn-b155546c{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-b155546c]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.modal-header h2[data-v-b155546c]{margin:0;font-size:1.5rem}.close-btn[data-v-b155546c]{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.close-btn[data-v-b155546c]:hover{background:#fff3}.modal-content[data-v-b155546c]{height:calc(90vh - 100px);overflow:hidden;display:flex;flex-direction:column}.help-tabs[data-v-b155546c]{display:flex;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.help-tab[data-v-b155546c]{flex:1;padding:1rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-weight:500;border-bottom:3px solid transparent}.help-tab[data-v-b155546c]:hover{background:#667eea1a;color:var(--primary-color)}.help-tab.active[data-v-b155546c]{color:var(--primary-color);border-bottom-color:var(--primary-color);background:#fff}.help-content[data-v-b155546c]{flex:1;overflow-y:auto;padding:2rem;color:#2c3e50}.help-section h3[data-v-b155546c]{color:var(--primary-color);margin:0 0 1.5rem;font-size:1.5rem}.mode-explanation[data-v-b155546c]{display:grid;gap:1.5rem;margin-bottom:2rem}.mode-card[data-v-b155546c]{background:var(--bg-primary);border-radius:12px;padding:1.5rem;border-left:4px solid var(--primary-color)}.mode-card h4[data-v-b155546c]{margin:0 0 1rem;color:var(--text-primary);font-size:1.2rem}.mode-card p[data-v-b155546c]{margin:0 0 1rem;line-height:1.6;color:var(--text-secondary)}.pros-cons[data-v-b155546c]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pros[data-v-b155546c],.cons[data-v-b155546c]{background:#fff;border-radius:8px;padding:1rem}.pros h5[data-v-b155546c]{color:var(--success-color);margin:0 0 .5rem}.cons h5[data-v-b155546c]{color:var(--danger-color);margin:0 0 .5rem}.pros ul[data-v-b155546c],.cons ul[data-v-b155546c]{margin:0;padding-left:1.2rem}.pros li[data-v-b155546c],.cons li[data-v-b155546c]{margin-bottom:.25rem;line-height:1.4}.usage-tips[data-v-b155546c]{background:#42b8831a;border-radius:12px;padding:1.5rem;border-left:4px solid var(--accent-color)}.usage-tips h4[data-v-b155546c]{color:var(--accent-color);margin:0 0 1rem}.usage-tips ul[data-v-b155546c]{margin:0;padding-left:1.2rem}.usage-tips li[data-v-b155546c]{margin-bottom:.5rem;line-height:1.5;color:#333}.interrupt-steps[data-v-b155546c]{display:grid;gap:1rem;margin-bottom:2rem}.step-card[data-v-b155546c]{display:flex;gap:1rem;background:var(--bg-primary);border-radius:12px;padding:1.5rem;transition:transform .3s ease}.step-card[data-v-b155546c]:hover{transform:translate(5px)}.step-number[data-v-b155546c]{width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content h4[data-v-b155546c]{margin:0 0 .5rem;color:var(--text-primary)}.step-content p[data-v-b155546c]{margin:0 0 1rem;color:var(--text-secondary);line-height:1.5}.step-details ul[data-v-b155546c]{margin:0;padding-left:1.2rem}.step-details li[data-v-b155546c]{margin-bottom:.25rem;color:var(--text-secondary);font-size:.9rem}.control-tips[data-v-b155546c]{background:#f39c121a;border-radius:12px;padding:1.5rem;border-left:4px solid var(--warning-color)}.control-tips h4[data-v-b155546c]{color:var(--warning-color);margin:0 0 1rem}.control-tips ul[data-v-b155546c]{margin:0;padding-left:1.2rem}.control-tips li[data-v-b155546c]{margin-bottom:.5rem;line-height:1.5}.architecture-explanation[data-v-b155546c]{display:grid;gap:1.5rem}.component-explanation[data-v-b155546c]{background:var(--bg-primary);border-radius:12px;padding:1.5rem;border-left:4px solid var(--primary-color)}.component-explanation h4[data-v-b155546c]{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem}.component-explanation p[data-v-b155546c]{margin:0 0 1rem;line-height:1.6;color:var(--text-secondary)}.component-explanation ul[data-v-b155546c]{margin:0;padding-left:1.2rem}.component-explanation li[data-v-b155546c]{margin-bottom:.5rem;line-height:1.5}.faq-list[data-v-b155546c]{display:grid;gap:1.5rem}.faq-item[data-v-b155546c]{background:var(--bg-primary);border-radius:12px;padding:1.5rem;border-left:4px solid var(--accent-color)}.faq-item h4[data-v-b155546c]{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem}.faq-item p[data-v-b155546c]{margin:0;line-height:1.6;color:var(--text-secondary)}@media (max-width: 768px){.help-modal[data-v-b155546c]{width:95%;max-height:95vh}.modal-header[data-v-b155546c],.help-content[data-v-b155546c]{padding:1rem}.pros-cons[data-v-b155546c]{grid-template-columns:1fr}.help-tabs[data-v-b155546c]{flex-wrap:wrap}.help-tab[data-v-b155546c]{flex:1;min-width:120px}}.app[data-v-1af4f2fa]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#667eea);background-size:400% 400%;animation:gradientShift-1af4f2fa 8s ease infinite;color:#fff;position:relative}.app[data-v-1af4f2fa]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.15) 0%,transparent 50%);pointer-events:none}@keyframes gradientShift-1af4f2fa{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.app-header[data-v-1af4f2fa]{padding:3rem 1rem;background:#0000001a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.header-content[data-v-1af4f2fa]{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.title-section[data-v-1af4f2fa]{text-align:center;flex:1}.app-header h1[data-v-1af4f2fa]{font-size:3rem;margin:0 0 .75rem;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#f0f8ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:float 6s ease-in-out infinite}.subtitle[data-v-1af4f2fa]{font-size:1.2rem;opacity:.95;margin:0;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.help-btn[data-v-1af4f2fa]{width:60px;height:60px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:1.6rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.help-btn[data-v-1af4f2fa]:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.help-btn[data-v-1af4f2fa]:hover{background:#ffffff40;transform:scale(1.1) rotate(5deg);box-shadow:0 8px 32px #0003}.help-btn[data-v-1af4f2fa]:hover:before{opacity:1}.tab-nav[data-v-1af4f2fa]{display:flex;justify-content:center;gap:1.5rem;padding:1.5rem;background:#0000000d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;z-index:1}.tab-button[data-v-1af4f2fa]{padding:1rem 2rem;border:2px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;border-radius:30px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:1rem;font-weight:600;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tab-button[data-v-1af4f2fa]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.tab-button[data-v-1af4f2fa]:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 10px 25px #0003;border-color:#fff6}.tab-button[data-v-1af4f2fa]:hover:before{left:100%}.tab-button.active[data-v-1af4f2fa]{background:#fffffff2;color:#667eea;border-color:#fff;box-shadow:0 8px 32px #00000026;transform:translateY(-2px)}.main-content[data-v-1af4f2fa]{padding:2rem;max-width:1400px;margin:0 auto}