/*
Theme Name: 比比工房官方主题子主题
Theme URI: https://beebee.work
Author: 小鱼哥
Author URI: https://beebee.work
Description: 比比工房官方主题
Template: beebeework
Version: 1.1.0
Requires at least: 6.8
Tested up to: 6.8.1
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 比比工房官方主题
Tags: block-patterns, block-styles, full-site-editing
*/

.custom-home-container {
    position: absolute;
    isolation: isolate;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;

}

.custom-home-container video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
    pointer-events: none;
    position: relative;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
    width: 100%;
    z-index: -10;
}

/* 定制服务页面光晕背景效果 */
.custom-service-container {
    position: absolute;
    isolation: isolate;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* 添加光晕效果 */
.custom-service-container::before,
.custom-service-container::after {
    content: "";
    position: absolute;
    width: 40vw;
    height: 40vw;
    border-radius: 50%;
    filter: blur(45px);
    opacity: 0.5;
    z-index: -1;
    /* animation: float 10s ease-in-out infinite alternate; */
}

/* 第一个光晕 - 蓝色 */
.custom-service-container::before {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    top: -10%;
    left: -10%;
    animation-delay: 0s;
}

/* 第二个光晕 - 粉色 */
.custom-service-container::after {
    background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
    bottom: -10%;
    right: -10%;
    animation-delay: -5s;
}

/* 添加额外的光晕元素 */
.glow-orb-1,
.glow-orb-2 {
    position: absolute;
    width: 30vw;
    height: 30vw;
    border-radius: 50%;
    filter: blur(40px);
    opacity: 0.4;
    z-index: -1;
}

.glow-orb-1 {
    background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
    bottom: 0%;
    left: 5%;
    /* animation: float 15s ease-in-out infinite; */
}

.glow-orb-2 {
    background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);
    top: 0%;
    right: 5%;
    /* animation: float 12s ease-in-out infinite reverse; */
}

/* 漂浮动画 */
@keyframes float {
    0% {
        transform: translateY(0) translateX(0);
    }

    50% {
        transform: translateY(-20px) translateX(15px);
    }

    100% {
        transform: translateY(10px) translateX(-15px);
    }
}

/* 确保内容在光晕上方 */
.service-content {
    position: relative;
    z-index: 1;
}

/* 适应深色模式 */
@media (prefers-color-scheme: dark) {
    .custom-service-container::before {
        opacity: 0.3;
    }

    .custom-service-container::after,
    .glow-orb-1,
    .glow-orb-2 {
        opacity: 0.25;
    }
}