:root{font-family:Courier New,Courier,monospace;background-color:#050505;color:#e0e0e0}body{margin:0;padding:0;min-height:100vh}:root{--tech-bg: #050505;--tech-panel-bg: #0a0a0a;--tech-primary: #00f3ff;--tech-secondary: #ff00ff;--tech-text: #e0e0e0;--tech-dim: #555;--tech-grid-color: rgba(0, 243, 255, .1)}.tech-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;background-color:var(--tech-bg);background-image:linear-gradient(var(--tech-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--tech-grid-color) 1px,transparent 1px);background-size:40px 40px;color:var(--tech-text);font-family:Courier New,Courier,monospace;padding:2rem;box-sizing:border-box;width:100%}.tech-panel{width:100%;max-width:1000px;background:var(--tech-panel-bg);border:1px solid var(--tech-primary);box-shadow:0 0 10px var(--tech-grid-color),inset 0 0 20px #000c;padding:2rem;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:80vh}.tech-panel:before{content:"系统就绪";position:absolute;top:5px;right:10px;font-size:.7rem;color:var(--tech-primary);opacity:.7}.tech-header{text-align:center;margin-bottom:2rem;border-bottom:1px solid var(--tech-dim);padding-bottom:1rem}.tech-title{color:var(--tech-primary);text-shadow:0 0 5px var(--tech-primary);margin:0;font-size:2rem;letter-spacing:2px;text-transform:uppercase}.tech-input-group{display:flex;gap:1rem;margin-bottom:1rem}.tech-input{flex:1;background:#00000080;border:1px solid var(--tech-dim);color:var(--tech-primary);padding:.8rem;font-family:inherit;font-size:1rem;transition:all .3s ease}.tech-input:focus{outline:none;border-color:var(--tech-primary);box-shadow:0 0 8px var(--tech-grid-color)}.tech-button{background:transparent;border:1px solid var(--tech-primary);color:var(--tech-primary);padding:.8rem 1.5rem;cursor:pointer;font-family:inherit;font-weight:700;text-transform:uppercase;transition:all .3s ease;position:relative;overflow:hidden}.tech-button:hover:not(:disabled){background:var(--tech-primary);color:#000;box-shadow:0 0 15px var(--tech-primary)}.tech-button:disabled{border-color:var(--tech-dim);color:var(--tech-dim);cursor:not-allowed}.tech-status-bar{display:flex;justify-content:space-between;font-size:.8rem;color:var(--tech-dim);margin-bottom:.5rem;align-items:center}.tech-view-toggle button{background:none;border:none;color:var(--tech-dim);cursor:pointer;margin-left:10px;font-family:inherit;text-decoration:underline}.tech-view-toggle button.active{color:var(--tech-primary);text-shadow:0 0 5px var(--tech-primary);text-decoration:none;font-weight:700}.tech-quick-links{display:flex;align-items:center;gap:1rem;margin:1rem 0;padding:.8rem;background:#00000080;border:1px solid var(--tech-dim);border-radius:4px;font-size:.9rem}.tech-quick-links span{color:var(--tech-dim)}.tech-quick-link{background:transparent;border:1px solid var(--tech-secondary);color:var(--tech-secondary);padding:.4rem .8rem;cursor:pointer;font-family:inherit;font-size:.8rem;transition:all .3s ease}.tech-quick-link:hover{background:var(--tech-secondary);color:#000;box-shadow:0 0 8px var(--tech-secondary)}.tech-result-window{background:#000;border:1px solid var(--tech-dim);min-height:300px;height:600px;resize:vertical;overflow:hidden;position:relative;display:flex;flex-direction:column;width:100%}.tech-result-window::-webkit-resizer{background:var(--tech-dim);width:10px;height:10px}.tech-result-content{white-space:pre-wrap;word-break:break-all;color:var(--tech-text);font-size:.9rem;line-height:1.4;overflow:auto;padding:1rem;height:100%}.tech-iframe{width:100%;height:100%;border:none;background:#fff}.tech-loading{color:var(--tech-secondary);display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;font-size:1.2rem;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.tech-result-content::-webkit-scrollbar{width:8px}.tech-result-content::-webkit-scrollbar-track{background:#000}.tech-result-content::-webkit-scrollbar-thumb{background:var(--tech-dim)}.tech-result-content::-webkit-scrollbar-thumb:hover{background:var(--tech-primary)}.tech-nav-controls{margin-top:1rem;display:flex;justify-content:flex-start}.tech-nav-back{min-width:120px}
