html, body { overflow: hidden; height: 100%; } ::-webkit-scrollbar { width: 3px; height: 12px; } ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #555; } /* 定义容器样式 */ .card-container { display: flex; gap: 20px; margin-bottom: 10px; padding: 10px; height: 100%; } /* 定义左侧和右侧卡片列的样式 */ .card-column { width: 25%; display: flex; flex-direction: column; gap: 20px; /* 设置固定高度 */ height: 100%; /* 当内容超出高度时显示垂直滚动条 */ overflow-y:scroll; } /* 定义中间卡片的样式 */ .middle-card { min-width: 50%; flex-grow: 1; overflow-y:scroll; } /* 移除固定高度设置 */ /* .layui-card { height: 150px; } */ /* 移除中间卡片的固定高度设置 */ /* .middle-card .layui-card { height: auto; } */ /* 面板样式增强 */ .layui-card { border: 1px solid #e6e6e6; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-radius: 4px; } .layui-card-header { background-color: #f2f2f2; border-bottom: 1px solid #e6e6e6; font-weight: bold; } .layui-card-body { padding: 15px; } .layui-collapse { margin-bottom: 10px; } .console-log-area { /* 原有样式保持不变 */ height: 300px; overflow-y: scroll; border: 1px solid #000; padding: 5px; background-color: #000; color: #FFF; margin-bottom: 10px; position: relative; /* 关键:为伪元素提供定位基准 */ z-index: 0; /* 重置 z-index,避免与伪元素冲突 */ } /*.console-log-area::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("/T4/css/t4commandbg.png") center/contain no-repeat; background-attachment: F; opacity: 0.05; z-index: -1; }*/ .command-input-area { display: flex; align-items: center; gap: 10px; padding: 5px; background-color: #f8f8f8; border-radius: 4px; height: 40px; } .command-input-area .layui-input { flex-grow: 1; } .command-input-area .layui-btn { margin: 0; }