/* -------------------------- */
/* 全局暗黑背景与基础字体 */
body.dark {
    margin: 0;
    background: radial-gradient(circle at top left, #0a0f12 0%, #040607 100%);
    color: #c0f8e0;
    font-family: 'Fira Code', Consolas, Monaco, monospace;
    overflow-x: hidden;
}

/* Header/Footer */
.dark-header, .dark-footer {
    padding: 12px 20px;
    background: rgba(5,10,15,0.95);
    color: #00ffcc;
    text-align: center;
}
.dark-footer {
    border-top: 1px solid rgba(0,255,198,0.2);
}
.back-btn-container {
    text-align: center;
    margin: 10px 0;
}
.back-btn {
    color: #00ffcc;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #00ffcc;
    padding: 6px 12px;
    border-radius: 6px;
    display: inline-block;
    background: radial-gradient(circle at top left, #0a0f12 0%, #040607 100%);
}
.back-btn:hover {
    background: #00ffcc;
    color: #040607;
}

/* -------------------------- */
/* 中央霓虹文字 */
.hacked-banner {
    text-align: center;
    margin: 20px 0;
}
.hacked-banner span {
    font-size: clamp(36px, 8vw, 80px);
    letter-spacing: 0.08em;
    color: #00ffcc;
    text-transform: uppercase;
    text-shadow:
            0 0 5px #00ffc6,
            0 0 15px #00ffc6,
            0 0 30px #00ffc6,
            0 0 60px #00ffcc,
            0 0 100px #00ffcc;
    animation: neonPulse 2s infinite alternate;
}
@keyframes neonPulse {
    0% { text-shadow: 0 0 5px #00ffc6, 0 0 15px #00ffc6, 0 0 30px #00ffc6; }
    50% { text-shadow: 0 0 10px #00ffcc, 0 0 25px #00ffcc, 0 0 50px #00ffcc; }
    100% { text-shadow: 0 0 15px #00ffcc, 0 0 35px #00ffcc, 0 0 70px #00ffcc; }
}

/* -------------------------- */
/* 终端外观 */
.terminal {
    position: relative;
    margin: 0 auto;
    padding: 8px;
    width: 100%;
    max-width: 1100px;
    background: rgba(0,10,15,0.95);
    border: 2px solid rgba(0,255,198,0.5);
    border-radius: 14px;
    box-shadow:
            0 0 20px rgba(0,255,198,0.4),
            inset 0 0 10px rgba(0,255,198,0.2);
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

/* -------------------------- */
/* 终端内容与输入 */
.terminal-screen {
    font-family: 'Fira Code', Consolas, monospace;
    font-size: 16px;
    color: #c0f8e0;
    text-align: left;
    white-space: pre-wrap;
    word-break: break-word;
    min-height: 50vh;
    max-height: 70vh;
    padding: 4px 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}
.line { color: #c0f8e0; margin:0; }
.line .cmd { color: #00ffcc; word-break: break-word; }
.line .err { color: #ff4c4c; word-break: break-word; }
.line .muted { color: #7a8c95; word-break: break-word; }
.table { white-space: pre-wrap; word-wrap: break-word; font-variant-ligatures: none; }

/* 输入行 */
.terminal-inputline {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    min-width: 0;
}
.prompt {
    color: #00ffcc;
    user-select: none;
    flex-shrink: 0;
}
.term-input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #c0f8e0;
    font: inherit;
    text-align: left;
    min-width: 0;
    font-size: 16px;
    word-break: break-word;
}
.term-input::placeholder { color: rgba(192,248,224,0.3); }

/* 滚动条 */
.terminal-screen::-webkit-scrollbar { width: 12px; }
.terminal-screen::-webkit-scrollbar-thumb {
    background: rgba(0,255,198,0.3);
    border-radius: 10px;
}
.terminal-screen::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.1);
}

/* 手机适配 */
@media (max-width:600px){
    .terminal { padding:6px; border-radius:12px; }
    .terminal-screen { min-height:45vh; max-height:60vh; }
    .back-btn { padding:5px 10px; font-size:14px; }
    .hacked-banner span { font-size: clamp(24px, 8vw, 50px); }
}