/* SCUM 日志系统 - 全局样式 */

:root {
    --bg-primary: #0a0a0f;
    --bg-secondary: #14141f;
    --bg-tertiary: #1a1a2e;
    --border-color: #2a2a3a;
    --text-primary: #e0d4c0;
    --text-secondary: #8a8a9a;
    --text-muted: #5a5a6a;
    --accent-red: #e74c3c;
    --accent-darkred: #c0392b;
    --accent-green: #2ecc71;
    --accent-blue: #3498db;
    --accent-yellow: #f39c12;
}

* { box-sizing: border-box; }

body {
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    min-height: 100vh;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0a0a0f; }
::-webkit-scrollbar-thumb { background: #2a2a3a; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #3a3a4a; }

::selection { background: rgba(231,76,60,0.3); color: #fff; }

a { color: var(--accent-red); transition: color 0.2s; }
a:hover { color: #ff6b5a; }

.navbar { background: #0d0d15 !important; border-bottom: 1px solid #1a1a2a !important; }
.navbar .brand-text { font-weight: 700; background: linear-gradient(135deg, #e0d4c0, #c0392b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.navbar .nav-link { color: var(--text-secondary) !important; font-size: 0.9rem; padding: 0.5rem 0.8rem; border-radius: 6px; transition: all 0.2s; }
.navbar .nav-link:hover { color: var(--text-primary) !important; background: rgba(255,255,255,0.05); }

.form-control, .form-select {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    font-size: 0.875rem;
    border-radius: 6px;
}
.form-control:focus, .form-select:focus {
    background: var(--bg-tertiary);
    border-color: var(--accent-darkred);
    box-shadow: 0 0 0 0.2rem rgba(192,57,43,0.25);
    color: var(--text-primary);
}

.btn { border-radius: 6px; font-size: 0.875rem; }
.btn-danger { background: var(--accent-red); border-color: var(--accent-red); }
.btn-danger:hover { background: var(--accent-darkred); border-color: var(--accent-darkred); }
.btn-outline-danger { color: var(--accent-red); border-color: var(--accent-red); }
.btn-outline-danger:hover { background: var(--accent-red); border-color: var(--accent-red); color: #fff; }

.bg-dark { background: var(--bg-secondary) !important; }
.text-danger { color: var(--accent-red) !important; }
.text-success { color: var(--accent-green) !important; }
.text-warning { color: var(--accent-yellow) !important; }
.text-info { color: var(--accent-blue) !important; }

table.table-dark { --bs-table-bg: transparent; --bs-table-border-color: var(--border-color); }

.modal-backdrop { background: rgba(0,0,0,0.7); }

@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.main-content { animation: fadeIn 0.3s ease; }

.badge { font-weight: 500; border-radius: 4px; }

pre { font-family: "Cascadia Code", "Fira Code", "Consolas", monospace; font-size: 0.8rem; line-height: 1.5; }

code { font-family: "Cascadia Code", "Fira Code", "Consolas", monospace; padding: 0.1rem 0.3rem; border-radius: 3px; background: rgba(0,0,0,0.3); }

.card { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 10px; }
.card-header { background: transparent; border-bottom: 1px solid var(--border-color); color: var(--text-primary); }