:root{--bg-color:#1a1d23;--sidebar-bg:#21252b;--text-color:#e0e0e0;--accent-color:#4a9eff;--accent-hover:#5db0ff;--border-color:#3a3f4b;--card-bg:#282c34;--card-hover-bg:#2f333d;--danger-color:#ff6b6b;--success-color:#51cf66;--warning-color:#ffd43b;--shadow-light:rgba(0,0,0,0.1);--shadow-medium:rgba(0,0,0,0.2);--shadow-heavy:rgba(0,0,0,0.3)}body{margin:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);display:flex;height:100vh;overflow:hidden}.sidebar{width:250px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:20px;box-sizing:border-box}.logo{font-size:24px;font-weight:bold;background:linear-gradient(135deg,var(--accent-color),#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px;display:flex;align-items:center;gap:10px}.nav-item{padding:12px 15px;margin-bottom:5px;cursor:pointer;border-radius:8px;transition:all 0.3s ease;display:flex;align-items:center;gap:10px}.nav-item:hover{background:linear-gradient(135deg,rgba(74,158,255,0.1),rgba(99,102,241,0.1));transform:translateX(5px)}.nav-item.active{background:linear-gradient(135deg,rgba(74,158,255,0.2),rgba(99,102,241,0.2));color:var(--accent-color);box-shadow:0 2px 8px var(--shadow-light)}.main-content{flex:1;padding:30px;overflow-y:auto;display:flex;flex-direction:column}.search-container{margin-bottom:30px;position:relative}#main-search{width:100%;padding:14px 20px;font-size:16px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-color);outline:none;box-sizing:border-box;transition:all 0.3s ease;box-shadow:0 2px 8px var(--shadow-light)}#main-search:focus{border-color:var(--accent-color);box-shadow:0 4px 12px rgba(74,158,255,0.3);transform:translateY(-2px)}#content-area{flex:1}.view-section{display:block}.view-section.hidden{display:none !important}.card{background:var(--card-bg);padding:20px;border-radius:12px;margin-bottom:15px;border:1px solid transparent;transition:all 0.3s ease;box-shadow:0 2px 8px var(--shadow-light)}.card:hover{border-color:var(--accent-color);box-shadow:0 4px 16px var(--shadow-medium);transform:translateY(-3px)}.card h3{margin-top:0;color:var(--accent-color);font-size:18px}.card p{margin:10px 0;line-height:1.6}.card code{background:#000;padding:2px 6px;border-radius:3px;font-family:'Consolas','Courier New',monospace;font-size:14px;color:var(--success-color)}.btn{background:linear-gradient(135deg,var(--accent-color),#5db0ff);color:white;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all 0.3s ease;box-shadow:0 2px 8px var(--shadow-light)}.btn:hover{background:linear-gradient(135deg,var(--accent-hover),#6bc1ff);box-shadow:0 4px 12px rgba(74,158,255,0.4);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--danger-color),#ff8787)}.btn-danger:hover{background:linear-gradient(135deg,#ff8787,#ffa3a3)}.btn-success{background:linear-gradient(135deg,var(--success-color),#69db7c)}.btn-success:hover{background:linear-gradient(135deg,#69db7c,#8ce99a)}.btn-warning{background:linear-gradient(135deg,var(--warning-color),#ffe066);color:#333}.btn-warning:hover{background:linear-gradient(135deg,#ffe066,#ffec99)}.copy-btn{background:rgba(74,158,255,0.1);border:1px solid rgba(74,158,255,0.3);color:var(--accent-color);padding:4px 12px;font-size:12px;border-radius:6px;cursor:pointer;margin-left:auto;transition:all 0.3s ease;font-weight:500}.copy-btn:hover{background:rgba(74,158,255,0.2);border-color:var(--accent-color);transform:scale(1.05)}.code-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}#common-commands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:20px}.command-card{background:var(--card-bg);padding:18px;border-radius:12px;border:1px solid var(--border-color);transition:all 0.3s ease;box-shadow:0 2px 8px var(--shadow-light)}.command-card:hover{border-color:var(--accent-color);box-shadow:0 6px 20px rgba(74,158,255,0.3);transform:translateY(-4px);background:var(--card-hover-bg)}.command-card .cmd{font-family:'Consolas','Courier New',monospace;font-size:14px;color:var(--success-color);font-weight:bold;margin-bottom:8px}.command-card .desc{font-size:14px;color:var(--text-color);margin-bottom:5px}.command-card .usage{font-size:12px;color:#aaa;line-height:1.5}.command-card .risk{font-size:12px;margin-top:8px;padding:4px 8px;border-radius:4px;display:inline-block}.risk-none{background:rgba(137,209,133,0.2);color:var(--success-color)}.risk-low{background:rgba(204,167,0,0.2);color:var(--warning-color)}.risk-medium{background:rgba(255,175,64,0.2);color:#ffaf40}.risk-high{background:rgba(244,135,113,0.2);color:var(--danger-color)}#task-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.task-card{background:var(--card-bg);padding:20px;border-radius:12px;border:1px solid var(--border-color);transition:all 0.3s ease;box-shadow:0 2px 8px var(--shadow-light)}.task-card:hover{border-color:var(--accent-color);box-shadow:0 6px 20px rgba(74,158,255,0.3);transform:translateY(-4px)}.task-card h3{margin-top:0;color:var(--accent-color)}.task-card .steps{margin-top:15px}.task-card .step{padding:8px 12px;margin:8px 0;background:#000;border-radius:4px;font-size:14px}.task-card .step code{color:var(--success-color);font-family:'Consolas','Courier New',monospace}#troubleshoot-tree{margin-top:20px}.troubleshoot-node{background:var(--card-bg);padding:20px;border-radius:8px;margin-bottom:15px}.troubleshoot-node .question{font-size:16px;font-weight:bold;margin-bottom:15px;color:var(--accent-color)}.troubleshoot-node .options{display:flex;flex-direction:column;gap:10px}.troubleshoot-node .option{padding:10px 15px;background:#000;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all 0.2s}.troubleshoot-node .option:hover{background:var(--accent-color);border-color:var(--accent-color);color:white}.troubleshoot-node .solution{margin-top:15px;padding:15px;background:rgba(137,209,133,0.1);border-left:3px solid var(--success-color);border-radius:4px;white-space:pre-line;line-height:1.6}#tutorial-content{margin-top:20px}.tutorial-tabs{display:flex;gap:10px;margin-bottom:20px}.tutorial-tab{padding:10px 20px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all 0.3s ease;font-weight:500}.tutorial-tab.active{background:linear-gradient(135deg,var(--accent-color),#6366f1);border-color:var(--accent-color);color:white;box-shadow:0 4px 12px rgba(74,158,255,0.4)}.tutorial-tab:hover:not(.active){border-color:var(--accent-color);background:rgba(74,158,255,0.1);transform:translateY(-2px)}.tutorial-section{background:var(--card-bg);padding:30px;border-radius:8px;line-height:1.8}.tutorial-section h3{color:var(--accent-color);margin-top:0}.tutorial-section h4{color:var(--text-color);margin-top:20px}.tutorial-section ul{margin-left:20px}.tutorial-section code{background:#000;padding:2px 6px;border-radius:3px;font-family:'Consolas','Courier New',monospace;font-size:14px;color:var(--success-color)}.tutorial-section pre{background:#000;padding:15px;border-radius:4px;overflow-x:auto}.tutorial-section a{color:var(--accent-color);text-decoration:none}.tutorial-section a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#777}@media (max-width:1024px){.sidebar{width:200px}#main-search{font-size:15px}}@media (max-width:768px){body{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding:15px;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.logo{font-size:20px;margin-bottom:10px;width:100%;text-align:center}.nav-item{flex:0 0 auto;margin:5px}.main-content{padding:15px}#main-search{font-size:14px;padding:12px 16px}#common-commands-grid,#task-list{grid-template-columns:1fr}}