.footer{position:fixed;left:0;bottom:0;width:100%;padding:10px 20px;background-color:#fff;border-top:1px solid #ebeef5;text-align:center;font-size:14px;color:#606266;z-index:1000}.result-panel,.tool-panel{width:100%;position:relative;margin-bottom:20px}.command-description{color:#606266;font-size:14px;margin-bottom:10px}.action-row{gap:10px}.result-content{background-color:#f5f7fa;padding:15px;border-radius:4px;font-family:monospace;height:auto;min-height:200px}.time-badge{top:0;right:0;background-color:#909399;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px}.empty-result{text-align:center;padding:40px 0}:root{--el-color-primary:#409eff;--header-height:60px;--footer-height:60px;--sidebar-width:250px}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;height:100%;background-color:#f6f6f6;color:#333;line-height:1.5}.app-container{height:100%;display:flex;flex-direction:column}.header{background:linear-gradient(90deg,#1976d2,#2196f3);color:#fff;padding:0 20px;height:var(--header-height);justify-content:space-between;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:10}.header,.logo{display:flex;align-items:center}.logo{font-size:1.5rem;font-weight:700}.logo .icon{margin-right:8px;font-size:1.8rem}.navigation{display:flex;justify-content:center;padding:15px 0;background-color:#f0f2f5;margin-bottom:10px}.nav-button{margin:0 10px}.main-content{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.tool-panel{padding:25px}.result-panel,.tool-panel{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);width:100%;max-width:800px;margin-bottom:20px}.result-panel{padding:15px 25px;flex:1;overflow:auto;position:relative}.result-content{font-family:Courier New,Courier,monospace;white-space:pre-wrap;overflow-x:auto}.footer{height:var(--footer-height);background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:0 20px;color:#6c757d;font-size:.9rem;margin-top:auto}.empty-result,.footer{display:flex;align-items:center;justify-content:center}.empty-result{flex-direction:column;height:100%;color:#909399}.empty-icon{font-size:3rem;margin-bottom:1rem}.command-description{margin-top:15px;color:#67c23a}.action-row{display:flex;justify-content:space-between;align-items:center}.target-input{flex:1;margin-right:15px}.time-badge{position:absolute;top:10px;right:10px;font-size:.8rem;color:#909399}@media (max-width:768px){.result-panel,.tool-panel{width:95%}.action-row{flex-direction:column}.target-input{margin-right:0;margin-bottom:10px;width:100%}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.dark-mode{background-color:#1a1a1a;color:#e0e0e0}.dark-mode .result-panel,.dark-mode .tool-panel{background-color:#2a2a2a;box-shadow:0 4px 12px rgba(0,0,0,.2)}.dark-mode .header{background:linear-gradient(90deg,#0d47a1,#1565c0)}.dark-mode .footer{border-top:1px solid #3a3a3a;color:#909399}.dark-mode .footer,.dark-mode .navigation{background-color:#2a2a2a}.dark-mode .empty-result{color:#909399}.theme-switch{cursor:pointer;margin-left:15px}