.elementor-kit-496{--e-global-color-primary:#EDEDED;--e-global-color-secondary:#007ED9;--e-global-color-text:#B0B0B0;--e-global-color-accent:#FF2E86;--e-global-color-05d6eea:#007ED9;--e-global-color-f89ccf5:#FF2E86;--e-global-color-3fe8166:#B30092;--e-global-color-678ea9b:#2E1959;--e-global-color-1be65ef:#EDEDED;--e-global-color-869c466:#BFBFBF;--e-global-color-8372325:#8A8A8A;--e-global-color-e9dbbfd:#0B0E14;--e-global-color-443cc85:#141726;--e-global-color-a73ed81:#24283A;--e-global-color-792a8b3:#1C2033;--e-global-color-35f40da:#FFFFFF;--e-global-color-e798eaf:#2E1959B8;--e-global-typography-primary-font-family:"Rajdhani";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:-0.03em;--e-global-typography-primary-word-spacing:0em;--e-global-typography-secondary-font-family:"Rajdhani";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.01em;--e-global-typography-secondary-word-spacing:0em;--e-global-typography-text-font-family:"Verdana";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0em;--e-global-typography-text-word-spacing:0em;--e-global-typography-accent-font-family:"Verdana";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.4em;--e-global-typography-accent-letter-spacing:0em;--e-global-typography-accent-word-spacing:0em;--e-global-typography-cb0721d-font-family:"Rajdhani";--e-global-typography-cb0721d-font-size:18px;--e-global-typography-cb0721d-font-weight:500;--e-global-typography-cb0721d-line-height:1em;--e-global-typography-cb0721d-letter-spacing:0.03em;--e-global-typography-cb0721d-word-spacing:0.05em;--e-global-typography-9f2ad94-font-family:"Rajdhani";--e-global-typography-9f2ad94-font-size:15px;--e-global-typography-9f2ad94-font-weight:500;--e-global-typography-9f2ad94-text-transform:uppercase;--e-global-typography-9f2ad94-line-height:1em;--e-global-typography-9f2ad94-letter-spacing:0.07em;background-color:var( --e-global-color-e9dbbfd );}.elementor-kit-496 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-496{--e-global-typography-primary-font-size:43px;--e-global-typography-secondary-font-size:23px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:14px;--e-global-typography-cb0721d-font-size:17px;--e-global-typography-9f2ad94-font-size:14px;}}@media(max-width:1024px){.elementor-kit-496{--e-global-typography-primary-font-size:38px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-primary-word-spacing:0em;--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:0em;--e-global-typography-secondary-word-spacing:0em;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0em;--e-global-typography-text-word-spacing:0em;--e-global-typography-accent-font-size:14px;--e-global-typography-accent-line-height:1.4em;--e-global-typography-accent-letter-spacing:0em;--e-global-typography-accent-word-spacing:0em;--e-global-typography-cb0721d-font-size:17px;--e-global-typography-cb0721d-line-height:1em;--e-global-typography-cb0721d-letter-spacing:0.03em;--e-global-typography-cb0721d-word-spacing:0.05em;--e-global-typography-9f2ad94-font-size:14px;--e-global-typography-9f2ad94-line-height:1.1em;--e-global-typography-9f2ad94-letter-spacing:0.07px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-496{--e-global-typography-primary-font-size:30px;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0em;--e-global-typography-primary-word-spacing:0em;--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-secondary-letter-spacing:0.01em;--e-global-typography-secondary-word-spacing:0em;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.7em;--e-global-typography-text-letter-spacing:0em;--e-global-typography-text-word-spacing:0em;--e-global-typography-accent-font-size:13px;--e-global-typography-accent-line-height:1.5em;--e-global-typography-accent-letter-spacing:0em;--e-global-typography-accent-word-spacing:0em;--e-global-typography-cb0721d-font-size:16px;--e-global-typography-cb0721d-line-height:1em;--e-global-typography-cb0721d-letter-spacing:0.05em;--e-global-typography-cb0721d-word-spacing:0.04em;--e-global-typography-9f2ad94-font-size:13px;--e-global-typography-9f2ad94-line-height:1.2em;--e-global-typography-9f2ad94-letter-spacing:0.08px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --delete-spacing:0rem; --cards-gap:3rem; --cards-border-radius:30px; --BG-Glass:#2E1959B8; --Text-primary:#ededed; --e-gv-bf1c248:2rem; --Text-secondary:#8A8A8A; --card-pad-vertical:4rem; --card-pad-horizontal:2rem; --Brand-HotPink:#FF2E86; --Brand-ElectricBlue:#007ED9; --Brand-Plum:#B30092; --Brand-DeepPurple:#2E1959; --BG-Page:#0B0E14; }
/* Start custom CSS */.fc-neon-card {
    position: relative !important;
    isolation: isolate;
    overflow: visible !important;
    /* 默认变量值 */
    --fc-neon-primary: rgba(216, 180, 254, 0.8);
    --fc-neon-secondary: rgba(216, 180, 254, 0.1);
    --neon-opacity: 0.6;
    --neon-filter: brightness(1);
}

.fc-neon-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0px; 
    border-radius: 30px !important; 
    padding: 1.5px; 
    background: linear-gradient(135deg, var(--fc-neon-primary) 0%, var(--fc-neon-secondary) 100%) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1; 
    pointer-events: none; 
    
    /* 应用变量控制状态 */
    opacity: var(--neon-opacity) !important;
    filter: var(--neon-filter) !important;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 仅对普通卡片生效的 Hover 逻辑 */
.fc-neon-card:hover {
    --neon-opacity: 1;
    --neon-filter: brightness(1.3);
}

/* --- FerrisCam 标准：Bento-border 工业级稳定版 --- */
.Bento-border {
    position: relative;
    overflow: hidden !important;
    
    /* 1. 硬件加速优化 */
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            
    /* 2. 核心稳定性：防止 3D 渲染时的闪烁与层级穿透 */
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.Bento-border::after {
    content: "";
    position: absolute;
    /* 3. 应用你实测最完美的 -0.9px 偏移量 */
    inset: -0.9px; 
    z-index: 5;
    
    /* 4. 1.5px 纯净高光边框 */
    border: 1.5px solid rgba(255, 255, 255, 0.12); 
    border-radius: inherit; 
    
    /* 5. 蒙版逻辑：顶部清晰，下方消失 */
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 75%);
    mask-image: linear-gradient(to bottom, black 0%, transparent 75%);
    
    pointer-events: none;
    box-sizing: border-box;
    
    /* 伪元素建议也同步加上，确保渲染层的一致性 */
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

/* --- Card 12: 细节全复刻版 (包含阴影、内发光与层级对比) --- */

.bento-12 {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

/* 2. 整体缩放：0.8 代表缩小到 80%，根据需要调整数值 */
    transform: scale(0.9); 
    
    /* 3. 向上移动：负数往上（-50px），正数往下 */
    margin-top: -7rem; 
    
    /* 4. 确保缩放时中心点正确，如果你发现往左偏了，可以改成 center center */
    transform-origin: center center; 
}

/* 1. 辅助线层：保持之前的精准对焦线 */
.bento-12__square { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.bento-12__square::before {
    content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 180px; height: 260px;
    background-image: linear-gradient(to right, transparent, rgba(255,255,255,0.12) 50%, transparent), linear-gradient(to right, transparent, rgba(255,255,255,0.12) 50%, transparent);
    background-size: 100% 1px, 100% 1px; background-position: top center, bottom center; background-repeat: no-repeat;
}
.bento-12__square::after {
    content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 280px; height: 180px;
    background-image: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12) 50%, transparent), linear-gradient(to bottom, transparent, rgba(255,255,255,0.12) 50%, transparent);
    background-size: 1px 100%, 1px 100%; background-position: left center, right center; background-repeat: no-repeat;
}

/* 2. 内部包装 */
.bento-12__inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* 3. 卡片基础：默认设为“渐暗”状态，无阴影 */
.bento-12__item {
    display: flex;
    align-items: center;
    width: 250px;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.03);
    border-radius: 16px;
    opacity: 0.35; /* 上下卡片默认变暗 */
    transition: all 0.4s ease;
}

/* 4. 修复点 1：只有中间的卡片有投影和全亮显示 */
.bento-12__item:nth-child(2) {
    opacity: 1; 
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6); /* 只有中间有阴影 */
    z-index: 3;
}

/* 5. 修复点 2：玻璃方块内发光效果 */
.bento-12__box {
    width: 46px;
    height: 46px;
    margin-right: 18px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(255,255,255,0.04), transparent);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    /* 核心：白色内发光 */
    box-shadow: inset 0 0 12px 2px rgba(255, 255, 255, 0.08); 
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* 6. 品牌紫色条 (#2E1959) */
.bento-12__lines::before {
    content: ""; display: block;
    width: 50px; height: 3.5px;
    margin-bottom: 6px; border-radius: 2px;
    background: #733FDF; 
    box-shadow: 0 0 8px rgba(46, 25, 89, 0.2);
}

/* 7. 修复点 3：白色横条的明暗对比 */
.bento-12__lines::after {
    content: ""; display: block;
    width: 94px; height: 3px;
    border-radius: 10px;
    background: rgba(248, 248, 248, 0.03); /* 默认极暗 */
    transition: background 0.4s ease;
}

/* 中间卡片的横条调亮 */
.bento-12__item:nth-child(2) .bento-12__lines::after {
    background: rgba(248, 248, 248, 0.2); /* 中间清晰可见 */
}/* End custom CSS */