.pathfinding-container[data-v-6d709b3e]{padding:20px;background:#f0f0f0;min-height:calc(100vh - 40px)}.pathfinding-container .container[data-v-6d709b3e]{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;height:calc(100vh - 80px)}.pathfinding-container .control-panel[data-v-6d709b3e]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);width:280px;height:100%;overflow-y:auto;position:sticky;top:20px}.pathfinding-container .control-panel h2[data-v-6d709b3e]{margin-top:0;margin-bottom:16px;font-size:18px;color:#303133;font-weight:600}.pathfinding-container .control-panel .settings-section[data-v-6d709b3e]{margin-bottom:20px;padding:16px;background:#f5f7fa;border-radius:8px;border:1px solid #e4e7ed}.pathfinding-container .control-panel .settings-section .setting-item[data-v-6d709b3e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pathfinding-container .control-panel .settings-section .setting-item[data-v-6d709b3e]:last-child{margin-bottom:0}.pathfinding-container .control-panel .settings-section .setting-item label[data-v-6d709b3e]{color:#606266;font-size:14px}.pathfinding-container .control-panel .el-select[data-v-6d709b3e]{margin-bottom:15px}.pathfinding-container .control-panel .el-button[data-v-6d709b3e]{margin:4px 0;width:100%;height:36px;font-size:14px}.pathfinding-container .control-panel .status[data-v-6d709b3e]{margin-top:24px;padding:16px;background:#f5f7fa;border-radius:8px;font-size:14px;border:1px solid #e4e7ed}.pathfinding-container .control-panel .status p[data-v-6d709b3e]{margin:10px 0;color:#606266;display:flex;justify-content:space-between;align-items:center}.pathfinding-container .control-panel .status p[data-v-6d709b3e]:first-child{margin-top:0}.pathfinding-container .control-panel .status p[data-v-6d709b3e]:last-child{margin-bottom:0}.pathfinding-container .control-panel .status p span[data-v-6d709b3e]{color:#303133;font-weight:500}.pathfinding-container .grid-container[data-v-6d709b3e]{flex:1;min-width:0;display:flex;justify-content:center;align-items:flex-start;padding:10px;overflow:auto}.pathfinding-container .grid[data-v-6d709b3e]{display:grid;grid-template-columns:repeat(var(--4ece18bf),35px);grid-template-rows:repeat(var(--4ece18bf),35px);gap:1px;background:#dcdfe6;padding:1px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);position:relative}.pathfinding-container .grid[data-v-6d709b3e]:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid #dcdfe6;border-radius:8px;pointer-events:none}.pathfinding-container .grid .grid-row[data-v-6d709b3e]{display:contents}.pathfinding-container .grid .cell[data-v-6d709b3e]{width:35px;height:35px;background:#fff;cursor:pointer;transition:all .2s ease;border:1px solid #ebeef5;position:relative;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:16px}.pathfinding-container .grid .cell[data-v-6d709b3e]:hover{background:#f5f7fa}.pathfinding-container .grid .cell.wall[data-v-6d709b3e]{background:#606266;border-color:#606266}.pathfinding-container .grid .cell.start[data-v-6d709b3e]{background:#67c23a;border-color:#67c23a}.pathfinding-container .grid .cell.start[data-v-6d709b3e]:before{content:"S";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:16px;z-index:1}.pathfinding-container .grid .cell.end[data-v-6d709b3e]{background:#f56c6c;border-color:#f56c6c}.pathfinding-container .grid .cell.end[data-v-6d709b3e]:before{content:"E";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:16px;z-index:1}.pathfinding-container .grid .cell.visited[data-v-6d709b3e]{animation:visitedAnimation-6d709b3e .3s ease-out forwards;background:rgba(144,147,153,.2);border-color:rgba(144,147,153,.3)}.pathfinding-container .grid .cell.path[data-v-6d709b3e]{animation:pathAnimation-6d709b3e .5s ease-out forwards;background:rgba(64,158,255,.6);border-color:rgba(64,158,255,.8)}.pathfinding-container .records-panel[data-v-6d709b3e]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);width:450px;height:100%;overflow-y:auto;position:sticky;top:20px;transition:all .3s ease}.pathfinding-container .records-panel.collapsed[data-v-6d709b3e]{width:40px;padding:10px;overflow:hidden}.pathfinding-container .records-panel.collapsed .records-content[data-v-6d709b3e]{display:none}.pathfinding-container .records-panel.collapsed h2[data-v-6d709b3e]{height:auto;margin:0;padding:10px 0;cursor:pointer;writing-mode:vertical-lr;display:flex;justify-content:flex-start;align-items:center;font-size:16px;letter-spacing:2px}.pathfinding-container .records-panel.collapsed h2 .toggle-icon[data-v-6d709b3e]{display:none}.pathfinding-container .records-panel h2[data-v-6d709b3e]{margin-top:0;margin-bottom:16px;font-size:18px;color:#303133;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.pathfinding-container .records-panel h2 .toggle-icon[data-v-6d709b3e]{font-size:16px;color:#909399;transition:transform .3s ease}.pathfinding-container .records-panel h2 .toggle-icon.collapsed[data-v-6d709b3e]{transform:rotate(180deg)}.pathfinding-container .records-panel .records-content[data-v-6d709b3e]{height:calc(100% - 50px)}.pathfinding-container .records-panel .records-content .records-header[data-v-6d709b3e]{display:flex;justify-content:flex-end;margin-bottom:12px}.pathfinding-container .records-panel .records-content .records-table[data-v-6d709b3e]{height:calc(100% - 44px)}.pathfinding-container .records-panel .records-content .records-table[data-v-6d709b3e] .el-table{height:100%}.pathfinding-container .records-panel .records-content .records-table[data-v-6d709b3e] .el-table th{background:#f5f7fa;color:#606266;font-weight:600;padding:8px 0}.pathfinding-container .records-panel .records-content .records-table[data-v-6d709b3e] .el-table td{padding:6px 0}.pathfinding-container .records-panel .records-content .no-records[data-v-6d709b3e]{text-align:center;color:#909399;font-size:14px;padding:20px 0}.pathfinding-container .algorithm-info[data-v-6d709b3e]{margin-top:20px;padding:16px;background:#f5f7fa;border-radius:8px;border:1px solid #e4e7ed}.pathfinding-container .algorithm-info h3[data-v-6d709b3e]{margin:0 0 12px 0;font-size:16px;color:#303133;font-weight:600}.pathfinding-container .algorithm-info .info-content h4[data-v-6d709b3e]{margin:0 0 8px 0;font-size:15px;color:#409eff}.pathfinding-container .algorithm-info .info-content .description[data-v-6d709b3e]{margin:0 0 12px 0;color:#606266;font-size:14px;line-height:1.5}.pathfinding-container .algorithm-info .info-content .info-section[data-v-6d709b3e]{margin-top:12px}.pathfinding-container .algorithm-info .info-content .info-section h5[data-v-6d709b3e]{margin:0 0 8px 0;font-size:14px;color:#303133}.pathfinding-container .algorithm-info .info-content .info-section ul[data-v-6d709b3e]{margin:0;padding-left:20px}.pathfinding-container .algorithm-info .info-content .info-section ul li[data-v-6d709b3e]{color:#606266;font-size:13px;margin-bottom:4px;line-height:1.4}.pathfinding-container .algorithm-info .info-content .info-section ul li[data-v-6d709b3e]:last-child{margin-bottom:0}.pathfinding-container .button-grid[data-v-6d709b3e]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0}.pathfinding-container .button-grid .el-button[data-v-6d709b3e]{margin:0;width:100%;height:36px;font-size:14px}@keyframes visitedAnimation-6d709b3e{0%{transform:scale(.3);background:rgba(64,158,255,.8);border-radius:50%}50%{transform:scale(1.2);background:rgba(64,158,255,.5)}to{transform:scale(1);background:rgba(144,147,153,.2)}}@keyframes pathAnimation-6d709b3e{0%{transform:scale(.6);background:rgba(64,158,255,.3)}50%{transform:scale(1.2);background:rgba(64,158,255,.5)}to{transform:scale(1);background:rgba(64,158,255,.6)}}@media screen and (max-width:1400px){.pathfinding-container[data-v-6d709b3e]{padding:10px}.pathfinding-container .container[data-v-6d709b3e]{flex-direction:column;height:auto;align-items:stretch}.pathfinding-container .control-panel[data-v-6d709b3e],.pathfinding-container .records-panel[data-v-6d709b3e]{width:100%;max-width:none;position:static}.pathfinding-container .grid-container[data-v-6d709b3e]{padding:0}.pathfinding-container .grid-container .grid[data-v-6d709b3e]{margin:0 auto}}