/*
Theme Name: Metaverse
Theme URI: https://awplife.com/wordpress-themes/formula-premium/
Template: formula
Author: A WP Life
Author URI: http://awplife.com/
Description: The Metaverse WordPress theme is a modern and dynamic theme designed for websites related to virtual reality, gaming, and technology. The theme features a futuristic and immersive design that incorporates bold typography, dynamic layouts, and high-quality graphics. The Metaverse theme is fully responsive, meaning your website will look great on any device, from desktops to smartphones. Metaverse is a responsive and fully customizable theme to create any kind of websites. This theme is lightweight, it will enable you to create almost any type of website such a blog, portfolio, news, newspaper, mega magazine, dark business , architecture, interior design, decoration, furniture, home decor, construction, corporate, agency, business promotion, industries, Beauty & spa salons, photography, gym, fitness, health, medical, startups, business agencies, law firms, travel, education, university portal, restaurant, meta shop, quick magazines, finance, accounting, consulting, travel agency website. Theme is fully compatible with popular WordPress plugins like Elementor Page Builder, Slider, Carousal, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, Gutenberg, Block-Enabled, WooCommerce, WPML, Yoast SEO, Shortcode, Jetpack, Contact Form 7, Mailchimp for WordPress, bbPress, Demo Importer, WPForms and many more. If you are looking for a dark and easy to use theme, don´t go astray. You just found it!
Tags: blog,portfolio,news,grid-Layout,one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,post-formats,rtl-language-support,sticky-post,translation-ready
Version: 0.0.9
Tested up to: 6.8
Requires PHP: 5.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: metaverse
*/


/*--------------------------------------------------------------
# Index
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 灵气轮播图样式
--------------------------------------------------------------*/
.lingqi-carousel-section {
    width: 100%;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}

.carousel-container {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.carousel-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 1;
}

.carousel-slide.active {
    opacity: 1;
    z-index: 2;
}

.carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.carousel-caption {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    z-index: 3;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px 40px;
    border-radius: 8px;
    backdrop-filter: blur(5px);
}

.carousel-caption h2 {
    font-size: 36px;
    margin: 0 0 10px 0;
    font-weight: 600;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    letter-spacing: 2px;
}

.carousel-caption p {
    font-size: 18px;
    margin: 0;
    opacity: 0.9;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* 轮播指示器 */
.carousel-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 10;
}

.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.indicator:hover {
    background: rgba(255, 255, 255, 0.8);
    transform: scale(1.2);
}

.indicator.active {
    background: #fff;
    border-color: #00d4ff;
    transform: scale(1.3);
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.6);
}

/* 轮播控制按钮 */
.carousel-prev,
.carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(3px);
}

.carousel-prev:hover,
.carousel-next:hover {
    background: rgba(0, 212, 255, 0.6);
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.5);
}

.carousel-prev {
    left: 20px;
}

.carousel-next {
    right: 20px;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .carousel-container {
        height: 350px;
    }
    
    .carousel-caption {
        bottom: 50px;
        padding: 15px 25px;
    }
    
    .carousel-caption h2 {
        font-size: 24px;
    }
    
    .carousel-caption p {
        font-size: 14px;
    }
    
    .carousel-prev,
    .carousel-next {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    
    .carousel-prev {
        left: 10px;
    }
    
    .carousel-next {
        right: 10px;
    }
}

@media (max-width: 480px) {
    .carousel-container {
        height: 250px;
    }
    
    .carousel-caption {
        bottom: 40px;
        padding: 10px 15px;
    }
    
    .carousel-caption h2 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    
    .carousel-caption p {
        font-size: 12px;
    }
}

.blog-head {
    /* background-color: #0f0d1de8; */
    position: relative;
    display: block;
    margin-top: auto;
    margin-left: 0px;
    padding: 10px 17px 10px;
    transition: all 500ms ease;
}

.blog .full-content {
    margin-left: 0px !important;
    padding: 10px 20px 10px !important;
}

.blog .entry-title {
    font-size: 22px;
    font-weight: 500;
}
.theme-dark .comment-form-section {
    padding: 10px 20px 10px;
    background-color: var(--thm-black);
}

.comment-section {
    padding: 10px 20px 10px;
}