* { box-sizing: border-box; }

body {
    background:
        radial-gradient(circle at 12% 10%, rgba(66, 155, 255, 0.20), transparent 35%),
        radial-gradient(circle at 88% 10%, rgba(117, 88, 255, 0.22), transparent 40%),
        linear-gradient(150deg, #050813 0%, #0a1730 55%, #0b2149 100%) !important;
    color: #eaf2ff !important;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
}

.container,
.login-container,
.block,
.modal-content,
.card,
.content,
.sidebar,
.navbar,
header,
footer {
    border-color: rgba(131, 186, 255, 0.28) !important;
}

.container,
.login-container,
.block,
.content,
.modal-content {
    background: rgba(10, 18, 42, 0.82) !important;
    color: #eaf2ff !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.35) !important;
}

h1, h2, h3, h4, h5, h6,
label,
p,
span,
div,
li {
    color: #eaf2ff;
}

a {
    color: #7ee3ff !important;
}

a:hover {
    color: #b4f1ff !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
    background: rgba(5, 16, 38, 0.85) !important;
    color: #eaf2ff !important;
    border: 1px solid rgba(131, 186, 255, 0.38) !important;
}

input::placeholder,
textarea::placeholder {
    color: #9ab8da !important;
}

button,
.btn,
.btn-secondary,
#more-btn,
.download-links a {
    background: linear-gradient(120deg, rgba(14, 103, 186, 0.85), rgba(89, 58, 213, 0.85)) !important;
    color: #eaf2ff !important;
    border: 1px solid rgba(131, 186, 255, 0.45) !important;
}

button:hover,
.btn:hover,
.btn-secondary:hover,
#more-btn:hover,
.download-links a:hover {
    filter: brightness(1.08);
}

.navbar {
    background: rgba(8, 16, 38, 0.9) !important;
}

.sidebar {
    background: rgba(8, 16, 38, 0.88) !important;
}

.sidebar .nav-link,
.navbar .nav-link,
.navbar-brand,
.navbar-text,
.footer,
footer,
footer p {
    color: #d8e9ff !important;
}

hr,
.divider {
    border-color: rgba(131, 186, 255, 0.24) !important;
    background-color: rgba(131, 186, 255, 0.24) !important;
}