:root {
    --bg-color: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    --font-color: #ffffff;
    --box-bg-color: rgba(255, 255, 255, 0.15);
    --box-font-color: #f2f2f2;
    --box-font-color-hover: #ffd700;
    --heading-color: #ffffff;
    --box-heading-color: #ffffff;
    --header-color: #ffffff;
    --box-type-color: #e0e0ff;
    --aside-bg-color: rgba(106, 17, 203, 0.7);
}

.single_sidebar_widget {
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
}

.button {
    background: var(--font-color) !important;
    color: #6a11cb !important;
    font-weight: 600;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.button:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.header_area.navbar_fixed .main_menu .navbar {
    background: var(--bg-color) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.footer-area {
    background: linear-gradient(to right, #2575fc, #6a11cb) !important;
    position: relative;
    overflow: hidden;
}

.footer-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at top right, rgba(255,255,255,0.1) 0%, transparent 70%);
}

.single-footer-widget ul li a {
    color: var(--font-color) !important;
    transition: color 0.3s ease;
}

.single-footer-widget ul li a:hover {
    color: var(--box-font-color-hover) !important;
}

.single-footer-widget p {
    color: var(--font-color) !important;
    opacity: 0.9;
}

body {
    background: var(--bg-color);
    background-attachment: fixed;
    color: var(--font-color);
}

.blog_right_sidebar .single_sidebar_widget {
    background: var(--aside-bg-color) !important;
    border-radius: 12px;
    transition: transform 0.3s ease;
}

.blog_right_sidebar .single_sidebar_widget:hover {
    transform: translateY(-5px);
}

.magic-ball::after {
    opacity:0 !important;
}

.magic-ball-banner::before {
    opacity:0 !important;
}

.navbar-brand img {
    width:100px;
    height:100%;
    object-fit:cover;
}

@media (max-width: 991px) {
    .header_area .navbar {
        background: var(--bg-color) !important;
    }

    .blog_right_sidebar .single_sidebar_widget {
        backdrop-filter: none;
    }
}

/* 新增全局样式增强效果 */
a {
    color: #e0e0ff;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--box-font-color-hover);
}

h1, h2, h3, h4, h5, h6 {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* 输入框样式增强 */
input, textarea, select {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
}

input::placeholder, textarea::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}