*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0e1a;font-family:Inter,system-ui,sans-serif;color:#e0e0e0;min-height:100vh;overflow-x:hidden}.app-container{position:relative;width:100%;min-height:100vh;background:#0a0e1a}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(0,245,255,.03) 0px,rgba(0,245,255,.03) 1px,transparent 1px,transparent 3px);animation:scanMove 8s linear infinite}@keyframes scanMove{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.neon-text{text-shadow:0 0 8px #00F5FF,0 0 20px #00F5FF,0 0 40px #00F5FF55}.title{font-family:JetBrains Mono,Fira Code,monospace;font-size:1.6rem;letter-spacing:.05em;text-transform:uppercase;color:#e0e0e0;display:flex;align-items:center;gap:10px}.title .neon-text{color:#00f5ff}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #00F5FF22}.quota-badge{display:flex;align-items:center;gap:8px;background:#1a1f3a;border:1px solid #00F5FF44;border-radius:20px;padding:8px 20px;box-shadow:0 0 12px #00f5ff22}.quota-icon{color:#ff006e;font-size:1.2rem}.quota-value{font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;color:#00f5ff}.quota-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.1em}.quota-badge.small{padding:4px 14px;border-radius:12px}.quota-badge.small .quota-value{font-size:1rem}.workbench-view{padding:0 0 40px}.workbench-grid{display:flex;justify-content:center;gap:40px;padding:60px 32px;flex-wrap:wrap}.workbench-card{position:relative;background:#1a1f3a;border:1px solid #00F5FF33;border-radius:8px;padding:48px 40px;width:320px;cursor:pointer;overflow:hidden;transition:border-color .3s}.workbench-card:hover{border-color:#00f5ff;box-shadow:0 0 30px #00f5ff33}.workbench-card h2{font-family:JetBrains Mono,monospace;font-size:1.3rem;margin:20px 0 12px;color:#e0e0e0}.workbench-card p{color:#6b7280;font-size:.9rem;line-height:1.5}.card-icon{margin-bottom:8px}.card-glint{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(0,245,255,.05),transparent 70%);pointer-events:none}.editor-header{display:flex;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid #00F5FF22;flex-wrap:wrap}.editor-header h2{font-family:JetBrains Mono,monospace;font-size:1.2rem;color:#e0e0e0;flex:1}.cyber-btn-back{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid #00F5FF44;color:#00f5ff;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:.85rem;font-family:JetBrains Mono,monospace;transition:all .2s}.cyber-btn-back:hover{background:#00f5ff22;box-shadow:0 0 12px #00f5ff44}.editor-body{display:flex;gap:28px;padding:28px;flex-wrap:wrap}.question-form{flex:1;min-width:300px;background:#1a1f3a;border:1px solid #00F5FF22;border-radius:6px;padding:24px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-family:JetBrains Mono,monospace}.type-selector{display:flex;gap:8px;flex-wrap:wrap}.cyber-type-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid #6B728066;color:#6b7280;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s;font-family:JetBrains Mono,monospace}.cyber-type-btn.active{border-color:#00f5ff;color:#00f5ff;box-shadow:0 0 10px #00f5ff33}.cyber-type-btn:hover{border-color:#00f5ff88}.cyber-input{width:100%;background:#0a0e1a;border:1px solid #6B728066;color:#e0e0e0;padding:10px 14px;border-radius:4px;font-size:.95rem;outline:none;transition:border-color .2s;margin-bottom:8px;font-family:Inter,sans-serif}.cyber-input:focus{border-color:#00f5ff;box-shadow:0 0 8px #00f5ff33}.cyber-textarea{width:100%;background:#0a0e1a;border:1px solid #6B728066;color:#e0e0e0;padding:10px 14px;border-radius:4px;font-size:.95rem;outline:none;resize:vertical;min-height:70px;font-family:Inter,sans-serif}.cyber-textarea:focus{border-color:#00f5ff;box-shadow:0 0 8px #00f5ff33}.judge-options{display:flex;gap:12px}.cyber-btn-small{background:transparent;border:1px solid #6B728066;color:#6b7280;padding:8px 24px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s;font-family:JetBrains Mono,monospace}.cyber-btn-small.active{border-color:#ff006e;color:#ff006e;box-shadow:0 0 10px #ff006e33}.form-actions{margin-top:20px}.cyber-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:4px;font-size:.9rem;cursor:pointer;font-family:JetBrains Mono,monospace;border:1px solid;transition:all .2s}.cyber-btn.primary{background:#ff006e22;border-color:#ff006e;color:#ff006e;box-shadow:0 0 8px #ff006e33}.cyber-btn.primary:hover{background:#ff006e44;box-shadow:0 0 20px #ff006e55}.cyber-btn.secondary{background:#00f5ff11;border-color:#00f5ff66;color:#00f5ff}.cyber-btn.secondary:hover{background:#00f5ff33;box-shadow:0 0 12px #00f5ff44}.cyber-btn.secondary.small{padding:6px 14px;font-size:.75rem}.cyber-btn-icon{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s}.cyber-btn-icon:hover{color:#ff006e;background:#ff006e22}.feedback{margin-top:12px;padding:8px 14px;background:#00f5ff11;border:1px solid #00F5FF44;border-radius:4px;color:#00f5ff;font-size:.85rem}.question-list-section{flex:1;min-width:300px}.ql-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.ql-header h3{font-family:JetBrains Mono,monospace;font-size:1rem;color:#e0e0e0}.question-list{max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.question-item{display:flex;align-items:flex-start;gap:12px;background:#1a1f3a;border:1px solid #6B728033;border-radius:4px;padding:14px 16px;transition:border-color .2s}.question-item:hover{border-color:#00f5ff44}.qi-badge{font-size:.7rem;background:#00f5ff22;color:#00f5ff;padding:2px 10px;border-radius:10px;font-family:JetBrains Mono,monospace;border:1px solid #00F5FF44;white-space:nowrap}.qi-content{flex:1;font-size:.9rem;line-height:1.5}.qi-num{color:#6b7280;margin-right:8px;font-family:JetBrains Mono,monospace}.qi-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.qi-opt{background:#0a0e1a;padding:2px 10px;border-radius:3px;font-size:.8rem;color:#6b7280;border:1px solid #6B728033}.qi-answer{margin-top:4px;color:#39ff14;font-size:.85rem;font-family:JetBrains Mono,monospace}.ppt-header-actions{display:flex;align-items:center;gap:10px}.slide-count{font-family:JetBrains Mono,monospace;font-size:.85rem;color:#6b7280}.ppt-body{display:flex;gap:0;height:calc(100vh - 80px)}.ppt-sidebar{width:180px;background:#0a0e1a;border-right:1px solid #00F5FF22;padding:12px;overflow-y:auto;flex-shrink:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:.8rem;color:#6b7280}.slide-thumbnails{display:flex;flex-direction:column;gap:10px}.slide-thumb{position:relative;width:100%;height:90px;border:2px solid #6B728055;border-radius:4px;cursor:pointer;overflow:hidden;transition:border-color .2s}.slide-thumb.active{border-color:#00f5ff;box-shadow:0 0 10px #00f5ff33}.slide-thumb:hover{border-color:#00f5ff88}.thumb-bg{width:100%;height:100%;padding:6px;display:flex;flex-direction:column;gap:2px}.thumb-text{color:#e0e0e0;font-size:.5rem;line-height:1.1;opacity:.8;white-space:nowrap;overflow:hidden}.thumb-label{position:absolute;bottom:2px;right:6px;font-size:.6rem;color:#6b7280;font-family:JetBrains Mono,monospace}.thumb-del{position:absolute;top:2px;right:2px;background:#ff006e33;border:none;color:#ff006e;border-radius:2px;cursor:pointer;padding:2px;opacity:0;transition:opacity .2s}.slide-thumb:hover .thumb-del{opacity:1}.ppt-main{flex:1;display:flex;flex-direction:column}.ppt-toolbar{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid #00F5FF22;flex-wrap:wrap}.bg-selector{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#6b7280;font-family:JetBrains Mono,monospace}.bg-dot{background:transparent;border:2px solid #6B728066;border-radius:4px;padding:2px;cursor:pointer;transition:border-color .2s}.bg-dot.active{border-color:#00f5ff;box-shadow:0 0 6px #00f5ff44}.bg-dot-preview{width:24px;height:18px;border-radius:2px}.slide-canvas{position:relative;flex:1;margin:16px;border-radius:6px;border:1px solid #00F5FF22;overflow:hidden;min-height:400px;box-shadow:0 0 30px #00f5ff11}.slide-element{position:absolute;padding:4px 8px;border-radius:2px;transition:box-shadow .2s;-webkit-user-select:none;user-select:none;color:#e0e0e0}.slide-element:hover{box-shadow:0 0 12px #00f5ff44}.slide-element .el-del{position:absolute;top:-16px;right:-8px;background:#ff006e33;border:none;color:#ff006e;border-radius:2px;cursor:pointer;padding:2px;opacity:0;transition:opacity .2s}.slide-element:hover .el-del{opacity:1}.element-editor{background:#0a0e1a;border:1px solid #00F5FF;color:#e0e0e0;padding:2px 6px;font-size:inherit;font-family:Inter,sans-serif;outline:none;border-radius:2px;min-width:60px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0a0e1a}::-webkit-scrollbar-thumb{background:#00f5ff44;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00f5ff88}@media (max-width: 768px){.header{padding:16px;flex-direction:column;gap:12px}.workbench-grid{padding:30px 16px;gap:20px}.workbench-card{width:100%;padding:28px 20px}.editor-body{flex-direction:column;padding:16px}.ppt-body{flex-direction:column;height:auto}.ppt-sidebar{width:100%;height:120px;border-right:none;border-bottom:1px solid #00F5FF22;flex-direction:row;overflow-y:hidden}.slide-thumbnails{flex-direction:row}.slide-thumb{width:100px;height:80px;flex-shrink:0}.slide-canvas{min-height:280px}.ppt-header-actions{flex-wrap:wrap}}