:root {
    --bg-color: #000;
    --main-green: #00FF00;
    --path-blue: #5bc0de;
    --warn-amber: #f39c12;
}

body {
    background-color: var(--bg-color);
    color: var(--main-green);
    font-family: 'Consolas', 'Monaco', monospace;
    padding: 20px;
    font-size: 16px;
    line-height: 1.5;
}

/* 修复重合问题：使用 flex 布局并给输入框留出空间 */
.input-line {
    display: flex;
    align-items: center;
    margin-top: 20px;
    width: 100%;
}

.prompt { color: var(--warn-amber); margin-right: 8px; flex-shrink: 0; }
.path { color: var(--path-blue); margin-right: 10px; flex-shrink: 0; }

#cmd-input {
    background: transparent;
    border: none;
    color: var(--main-green);
    font-family: inherit;
    font-size: inherit;
    outline: none;
    flex-grow: 1; /* 占据剩余所有空间 */
    caret-color: var(--main-green); /* 光标颜色 */
}

/* 响应式：手机端 */
@media (max-width: 600px) {
    .input-line { flex-wrap: wrap; }
    #cmd-input { width: 100%; margin-top: 5px; }
}

/* GUI 列表样式 */
#file-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}
.file-item {
    border: 1px solid #333;
    padding: 8px 15px;
    cursor: pointer;
}
.file-item:hover { background: var(--main-green); color: #000; }