/* __V3D_TEMPLATE__ - template-based file; delete this line to prevent this file from being updated */

body {
    margin: 0px;
    overflow: hidden;

    /* background: linear-gradient(135deg, #FCFCFC 0%, #F7FBED 5%, #c1945a 35%, #D1CCF1 100%); */
}

/* body .dark {
    margin: 0px;
    overflow: hidden;
    background:
    linear-gradient(217deg, rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0) 70.71%),
    linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%),
    linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%);
} */

#v3d-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /* 亮色主题默认样式 */
    filter: brightness(1.1) contrast(1);
    background: linear-gradient(135deg, #FCFCFC 0%, #F7FBED 5%, #FDFAF6 35%, #D1CCF1 100%);
}

.dark .v3d-container-1 {
    background: 
        /* 底层：深邃紫 */
        linear-gradient(135deg,
            rgba(30, 25, 45, 0.95) 0%,     /* 近乎黑色的深紫 */
            rgba(20, 17, 29, 0.9) 100%     /* 微微透出紫色 */
        ),
        
        /* 中层：银色渗透 */
        linear-gradient(45deg,
            transparent 0%,
            rgba(78, 78, 78, 0.15) 20%,  /* 银色微光 */
            transparent 40%,
            transparent 60%,
            rgba(81, 81, 81, 0.1) 80%,   /* 银色气息 */
            transparent 100%
        ),
        
        /* 顶层：金属光泽 */
        radial-gradient(
            ellipse at 30% 20%,
            rgba(60, 50, 90, 0.15) 0%,     /* 紫调微光 */
            transparent 60%
        ),
        radial-gradient(
            ellipse at 70% 80%,
            rgba(220, 220, 220, 0.08) 0%,   /* 银辉光泽 */
            transparent 60%
        );
}

.dark .v3d-container-1 {
        background:
            /* 基色：近乎纯黑 */
            #0a0a0a,
            radial-gradient(circle at 20% 30%,
                rgba(40, 30, 60, 0.25) 0%,
                transparent 50%),
            radial-gradient(circle at 80% 70%,
                rgba(70, 50, 45, 0.18) 0%,
                transparent 50%),
            linear-gradient(135deg,
                transparent 0%,
                rgba(30, 25, 45, 0.15) 30%,
                /* 紫区 */
                rgba(60, 40, 40, 0.12) 70%,
                /* 肉色区 */
                transparent 100%);
    }

.dark .v3d-container-velvet {
        background:
            /* 绒面底色 */
            linear-gradient(135deg,
                #121212 0%,
                /* 纯黑基底 */
                #1a1a1a 100%),

            /* 紫绒层 */
            linear-gradient(45deg,
                transparent 0%,
                rgba(45, 35, 75, 0.12) 10%,
                /* 薄紫层 */
                transparent 20%),

            /* 绿绒层 */
            linear-gradient(-45deg,
                transparent 0%,
                rgba(30, 55, 35, 0.1) 10%,
                /* 薄绿层 */
                transparent 20%),

            /* 微妙光泽 */
            linear-gradient(180deg,
                rgba(60, 50, 90, 0.06) 0%,
                /* 顶部紫光 */
                transparent 10%,
                transparent 90%,
                rgba(35, 60, 40, 0.06) 100%
                /* 底部绿光 */
            );
    }

.dark .v3d-container-waffle {
        background:
            /* 深度网格 */
            linear-gradient(90deg,
                rgba(20, 15, 35, 0.05) 1px,
                transparent 1px),
            linear-gradient(0deg,
                rgba(0, 0, 0, 0.05) 1px,
                transparent 1px),

            /* 色彩渐变层 */
            linear-gradient(135deg,
                rgba(35, 25, 55, 0.7) 0%,
                /* 紫晶深色 */
                rgba(0, 0, 0, 0.7) 100%
                /* 绿玉深色 */
            );

    background-size: 50px 50px;
    /* 网格大小 */
}

.dark .v3d-container{
    background:
        /* 绒面底色 */
        linear-gradient(135deg,
            #121212 0%,
            /* 纯黑基底 */
            #1a1a1a 100%),

        /* 紫绒层 */
        linear-gradient(45deg,
            transparent 0%,
            rgba(45, 35, 75, 0.12) 10%,
            /* 薄紫层 */
            transparent 20%),

        /* 绿绒层 */
        linear-gradient(-45deg,
            transparent 0%,
            rgba(30, 55, 35, 0.1) 10%,
            /* 薄绿层 */
            transparent 20%),

        /* 微妙光泽 */
        linear-gradient(180deg,
            rgba(60, 50, 90, 0.06) 0%,
            /* 顶部紫光 */
            transparent 10%,
            transparent 90%,
            rgba(35, 60, 40, 0.06) 100%
            /* 底部绿光 */
        );
}

.dark .v3d-container-2 {
        background:
            /* 主渐变：从深紫到深绿 */
            linear-gradient(135deg,
                rgba(25, 20, 40, 0.98) 0%,
                /* 深紫黑 */
                rgba(25, 20, 40, 0.95) 20%,
                /* 保持深度 */
                rgba(22, 30, 26, 0.93) 80%,
                /* 转向绿黑 */
                rgba(15, 25, 20, 0.98) 100%
                /* 深绿黑 */
            ),

            /* 微妙的色彩渗透 */
            linear-gradient(90deg,
                rgba(45, 35, 70, 0.08) 0%,
                /* 左侧紫调 */
                transparent 10%,
                transparent 90%,
                rgba(30, 50, 35, 0.08) 100%
                /* 右侧绿调 */
            );
    }

    .v3d-container-1 {
        background:
            /* 主光圈：强烈金色 */
            radial-gradient(circle at 50% 50%,
                rgba(244, 232, 208, 1) 0%,
                /* 纯金色中心 */
                rgba(244, 232, 208, 0.8) 5%,
                /* 光晕核心 */
                rgba(244, 232, 208, 0.3) 15%,
                /* 主光圈 */
                rgba(244, 232, 208, 0.1) 25%,
                /* 外光圈 */
                transparent 35%
                /* 消失 */
            ),
            /* 次光圈：扩展光晕 */
            radial-gradient(circle at 50% 50%,
                transparent 0%,
                transparent 25%,
                rgba(244, 232, 208, 0.05) 40%,
                /* 微弱光晕 */
                transparent 50%),
            /* 纯黑背景 */
            #000000;
}

/* 暗黑模式覆盖 - 必须在默认样式之后 */
.dark #v3d-container,
#v3d-container.dark {
    filter: brightness(0.9) contrast(1.1);
    background:
        /* 绒面底色 */
        linear-gradient(135deg,
            #121212 0%,
            /* 纯黑基底 */
            #1a1a1a 100%),

        /* 紫绒层 */
        linear-gradient(45deg,
            transparent 0%,
            rgba(45, 35, 75, 0.12) 10%,
            /* 薄紫层 */
            transparent 20%),

        /* 绿绒层 */
        linear-gradient(-45deg,
            transparent 0%,
            rgba(30, 55, 35, 0.1) 10%,
            /* 薄绿层 */
            transparent 20%),

        /* 微妙光泽 */
        linear-gradient(180deg,
            rgba(60, 50, 90, 0.06) 0%,
            /* 顶部紫光 */
            transparent 10%,
            transparent 90%,
            rgba(35, 60, 40, 0.06) 100%
            /* 底部绿光 */
        ) !important;
}

.fullscreen-button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-size: 100% 100%;
    display: none;
    z-index: 1;
}

.fullscreen-open {
    background-image: url('media/fullscreen_open.svg');
}

.fullscreen-close {
    background-image: url('media/fullscreen_close.svg');
}

/* removes tap blinking on ios devices */
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}