.elementor-1108 .elementor-element.elementor-element-3e959cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1108 .elementor-element.elementor-element-3e959cb:not(.elementor-motion-effects-element-type-background), .elementor-1108 .elementor-element.elementor-element-3e959cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1108 .elementor-element.elementor-element-7ab51e0{--spacer-size:50px;}.elementor-1108 .elementor-element.elementor-element-c91d8b5{text-align:center;}.elementor-1108 .elementor-element.elementor-element-c91d8b5 .elementor-heading-title{font-size:50px;color:var( --e-global-color-secondary );}.elementor-1108 .elementor-element.elementor-element-1d0a33b{--spacer-size:50px;}.elementor-1108 .elementor-element.elementor-element-1a743a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1108 .elementor-element.elementor-element-d229f7f{--spacer-size:24px;}.elementor-1108 .elementor-element.elementor-element-45959cc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1108 .elementor-element.elementor-element-2be2445{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1108 .elementor-element.elementor-element-2be2445:not(.elementor-motion-effects-element-type-background), .elementor-1108 .elementor-element.elementor-element-2be2445 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1108 .elementor-element.elementor-element-3db4dff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:dotted;--border-style:dotted;}.elementor-1108 .elementor-element.elementor-element-3db4dff.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1108 .elementor-element.elementor-element-bd3b91e .elementor-heading-title{font-size:25px;}.elementor-1108 .elementor-element.elementor-element-9961eeb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:dotted;--border-style:dotted;}.elementor-1108 .elementor-element.elementor-element-54854ad .elementor-heading-title{font-size:25px;}.elementor-1108 .elementor-element.elementor-element-3b977aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1108 .elementor-element.elementor-element-277da29{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(5, 1fr);--grid-auto-flow:row;}.elementor-1108 .elementor-element.elementor-element-6e5ea4a{--display:flex;}.elementor-1108 .elementor-element.elementor-element-820bad4{--display:flex;}.elementor-1108 .elementor-element.elementor-element-77dad13{--display:flex;}.elementor-1108 .elementor-element.elementor-element-26efaea{--display:flex;}.elementor-1108 .elementor-element.elementor-element-a0fa63b{--display:flex;}.elementor-1108 .elementor-element.elementor-element-1f9304d{--display:flex;}.elementor-1108 .elementor-element.elementor-element-86c614a{--display:flex;}.elementor-1108 .elementor-element.elementor-element-4578349{--display:flex;}.elementor-1108 .elementor-element.elementor-element-c1facfb{--display:flex;}.elementor-1108 .elementor-element.elementor-element-0bdbb2e{--display:flex;}.elementor-1108 .elementor-element.elementor-element-1278440{--display:flex;}.elementor-1108 .elementor-element.elementor-element-163e1b6{--display:flex;}.elementor-1108 .elementor-element.elementor-element-0be8041{--display:flex;}.elementor-1108 .elementor-element.elementor-element-f2812e7{--display:flex;}.elementor-1108 .elementor-element.elementor-element-e0e514c{--display:flex;}.elementor-1108 .elementor-element.elementor-element-c489f7b{--display:flex;}.elementor-1108 .elementor-element.elementor-element-691f34a{--display:flex;}.elementor-1108 .elementor-element.elementor-element-4408043{--display:flex;}.elementor-1108 .elementor-element.elementor-element-bdb3e27{--display:flex;}.elementor-1108 .elementor-element.elementor-element-ed3c7f1{--display:flex;}.elementor-1108 .elementor-element.elementor-element-7d4986f{--display:flex;}.elementor-1108 .elementor-element.elementor-element-82eaa70{--display:flex;}.elementor-1108 .elementor-element.elementor-element-f48117b{--display:flex;}.elementor-1108 .elementor-element.elementor-element-f32ae4a{--display:flex;}.elementor-1108 .elementor-element.elementor-element-988275d{--display:flex;}.elementor-1108 .elementor-element.elementor-element-e3b731c{--display:flex;}.elementor-1108 .elementor-element.elementor-element-b892703{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1108 .elementor-element.elementor-element-b892703:not(.elementor-motion-effects-element-type-background), .elementor-1108 .elementor-element.elementor-element-b892703 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1108 .elementor-element.elementor-element-7779c21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:dotted;--border-style:dotted;}.elementor-1108 .elementor-element.elementor-element-7779c21.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1108 .elementor-element.elementor-element-d95ef62 .elementor-heading-title{font-size:25px;}.elementor-1108 .elementor-element.elementor-element-17ad554{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:dotted;--border-style:dotted;}.elementor-1108 .elementor-element.elementor-element-a936b66 .elementor-heading-title{font-size:25px;}.elementor-1108 .elementor-element.elementor-element-c21b2d6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1108 .elementor-element.elementor-element-c21b2d6:not(.elementor-motion-effects-element-type-background), .elementor-1108 .elementor-element.elementor-element-c21b2d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1108 .elementor-element.elementor-element-a7028a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:dotted;--border-style:dotted;}.elementor-1108 .elementor-element.elementor-element-a7028a7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1108 .elementor-element.elementor-element-3d11d8b .elementor-heading-title{font-size:25px;}.elementor-1108 .elementor-element.elementor-element-79cbfb8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:dotted;--border-style:dotted;}.elementor-1108 .elementor-element.elementor-element-62f15b8 .elementor-heading-title{font-size:25px;}@media(max-width:1024px){.elementor-1108 .elementor-element.elementor-element-277da29{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1108 .elementor-element.elementor-element-2be2445{--width:33.3333%;}.elementor-1108 .elementor-element.elementor-element-3db4dff{--width:100%;}.elementor-1108 .elementor-element.elementor-element-9961eeb{--width:100%;}.elementor-1108 .elementor-element.elementor-element-3b977aa{--width:66.6666%;}.elementor-1108 .elementor-element.elementor-element-b892703{--width:33.3333%;}.elementor-1108 .elementor-element.elementor-element-7779c21{--width:100%;}.elementor-1108 .elementor-element.elementor-element-17ad554{--width:100%;}.elementor-1108 .elementor-element.elementor-element-c21b2d6{--width:100%;}.elementor-1108 .elementor-element.elementor-element-a7028a7{--width:50%;}.elementor-1108 .elementor-element.elementor-element-79cbfb8{--width:15000%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1108 .elementor-element.elementor-element-3b977aa{--width:100%;}}@media(max-width:767px){.elementor-1108 .elementor-element.elementor-element-c91d8b5 .elementor-heading-title{font-size:20px;}.elementor-1108 .elementor-element.elementor-element-45959cc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1108 .elementor-element.elementor-element-1fff11f{font-size:17px;}.elementor-1108 .elementor-element.elementor-element-277da29{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-277da29 *//* 容器（卡片）基础样式 */
.ral-swatch-card {
    padding: 15px;
    margin-bottom: 20px;
    height: 120px; /* 固定高度使卡片对齐 */
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex; /* 使用 Flexbox 进行内容居中 */
    flex-direction: column;
    justify-content: center;
    transition: transform 0.2s; /* 悬停动画 */
}

/* 鼠标悬停时的效果 */
.ral-swatch-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

/* RAL 代码文本样式 */
.ral-code {
    font-weight: bold;
    font-size: 1.3em;
    margin: 0;
}

/* 颜色名称文本样式 */
.ral-name {
    font-size: 0.9em;
    margin: 5px 0 0 0;
    line-height: 1.2;
}/* End custom CSS */