.elementor-7939 .elementor-element.elementor-element-aeffa6b{--display:flex;}.elementor-7939 .elementor-element.elementor-element-ee11ed2{--spacer-size:0.1rem;}.elementor-7939 .elementor-element.elementor-element-9927630{--display:flex;--min-height:0px;--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;--justify-content:center;}.elementor-7939 .elementor-element.elementor-element-15dd3af{column-gap:0px;text-align:center;}.elementor-7939 .elementor-element.elementor-element-8887795{--display:flex;}.elementor-7939 .elementor-element.elementor-element-605361b{--spacer-size:0.1rem;}.elementor-7939 .elementor-element.elementor-element-bf261db{--display:flex;}.elementor-7939 .elementor-element.elementor-element-1eafca8:hover .elementor-widget-container{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-7939 .elementor-element.elementor-element-5700fc5{--display:flex;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__front{background-image:url("https://www.mini-new.com/storage/twsentsechang902/2025/12/pexels-photo-20214267-20214267-scaled.jpg");background-position:-98px -800px;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__back{background-image:url("https://www.mini-new.com/storage/twsentsechang902/2025/12/gaff737a8ecacb7cd9621d8668d035c85b9f06a71a4a641a785c742b1ed0556e2e11edaa750fdee56140c0f6628614475d2006e1e6cd0ca37d0095d25692992d0_1280-3131279.jpg");background-position:0px -164px;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#B6969694;text-align:center;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__back .elementor-flip-box__layer__overlay{background-color:#AA857952;text-align:center;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-icon i{transform:rotate(0deg);}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-icon svg{transform:rotate(0deg);}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__front .elementor-flip-box__layer__title{color:#FFF1F1;font-size:60px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__front .elementor-flip-box__layer__description{color:#F7FAF2;font-size:27px;line-height:36px;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__button{margin-center:0;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__back .elementor-flip-box__layer__title{color:#FFFFFF;font-size:56px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#FFFFFF;font-size:37px;line-height:48px;letter-spacing:-1.6px;word-spacing:14px;}.elementor-7939 .elementor-element.elementor-element-d544088{--display:flex;}.elementor-7939 .elementor-element.elementor-element-0304352{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-7939 .elementor-element.elementor-element-0304352 .elementor-divider-separator{width:100%;}.elementor-7939 .elementor-element.elementor-element-0304352 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7939 .elementor-element.elementor-element-1109fb8{--display:flex;}.elementor-7939 .elementor-element.elementor-element-f70fc95{--display:flex;}.elementor-7939 .elementor-element.elementor-element-59b9cb8{--display:flex;}.elementor-7939 .elementor-element.elementor-element-0c860fa{--display:flex;}.elementor-7939 .elementor-element.elementor-element-2cbf4e6{--display:flex;}.elementor-7939 .elementor-element.elementor-element-1cfedaa{--display:flex;}.elementor-7939 .elementor-element.elementor-element-c8a0a82{text-align:center;}.elementor-7939 .elementor-element.elementor-element-6eabe4b{--display:flex;}.elementor-7939 .elementor-element.elementor-element-55d6473{--display:flex;}.elementor-7939 .elementor-element.elementor-element-5e6dfb8{--display:flex;}.elementor-7939 .elementor-element.elementor-element-b9147a5{column-gap:0px;text-align:left;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-cde3308{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-32be098{--display:flex;}.elementor-7939 .elementor-element.elementor-element-24515eb{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-493c175{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-dff7026{--display:flex;}.elementor-7939 .elementor-element.elementor-element-58d8a89{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-c9afc7b{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-72544af{--display:flex;}.elementor-7939 .elementor-element.elementor-element-c6e779c{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-52b769a{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-f397e86{--display:flex;}.elementor-7939 .elementor-element.elementor-element-53cceb4{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-03b0976{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-59d8d1e{--display:flex;}.elementor-7939 .elementor-element.elementor-element-59b575f{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-fbdd02b{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-5cdc7b9{--display:flex;}.elementor-7939 .elementor-element.elementor-element-2b314b5{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-df82cd4{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-81e244a{--display:flex;}.elementor-7939 .elementor-element.elementor-element-0cfb9bb{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-5311a1f{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-5e182c6{--display:flex;}.elementor-7939 .elementor-element.elementor-element-591ca6d{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-6964b4c{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-9880223{--display:flex;}.elementor-7939 .elementor-element.elementor-element-1b0b7cc{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-e581a88{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-fda5d31{--display:flex;}.elementor-7939 .elementor-element.elementor-element-64070f4{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-3bbc290{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-c134c6d{--display:flex;}.elementor-7939 .elementor-element.elementor-element-fa79524{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-1d69e28{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-a5a0717{--display:flex;}.elementor-7939 .elementor-element.elementor-element-e8dc670{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-cdd8b86{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-d48f0dd{--display:flex;}.elementor-7939 .elementor-element.elementor-element-6fae35b{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-67c6c5c{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-ab3da32{--display:flex;}.elementor-7939 .elementor-element.elementor-element-a303ee6{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-3ff159e{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-1edba4b{--display:flex;}.elementor-7939 .elementor-element.elementor-element-86abb23{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-8085e2c{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-237dbfc{--display:flex;}.elementor-7939 .elementor-element.elementor-element-284d8f8{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-cd4bc4a{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-e1b45e9{--display:flex;}.elementor-7939 .elementor-element.elementor-element-d7c241e{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-c1c04dc{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-5680360{--display:flex;}.elementor-7939 .elementor-element.elementor-element-6d36c8b{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-60f43ce{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-33a3ca1{--display:flex;}.elementor-7939 .elementor-element.elementor-element-3ad231d{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-e17429d{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-c0fcf72{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-ad5a01b{--display:flex;}.elementor-7939 .elementor-element.elementor-element-53914d3{text-align:center;}.elementor-7939 .elementor-element.elementor-element-8c3e602{--display:flex;}.elementor-7939 .elementor-element.elementor-element-96f821f{--display:flex;}.elementor-7939 .elementor-element.elementor-element-da201c7{--display:flex;}.elementor-7939 .elementor-element.elementor-element-a635c7e{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-8f08df9{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-98701bb{--display:flex;}.elementor-7939 .elementor-element.elementor-element-b327477{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-92ca2f1{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-6eb25d9{--display:flex;}.elementor-7939 .elementor-element.elementor-element-f69ec12{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-0e371fc{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-582e227{--display:flex;}.elementor-7939 .elementor-element.elementor-element-6ec97c1{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-3b0f24e{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-148a9cf{--display:flex;}.elementor-7939 .elementor-element.elementor-element-f36e38c{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-845f5a3{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-a6ca9b9{--display:flex;}.elementor-7939 .elementor-element.elementor-element-f423e89{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-1c2fb8a{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-f58f272{--display:flex;}.elementor-7939 .elementor-element.elementor-element-81dd68e{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-0037c5e{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-efc5c3a{--display:flex;}.elementor-7939 .elementor-element.elementor-element-9ddf106{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-46b7dae{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-1ff26ad{--display:flex;}.elementor-7939 .elementor-element.elementor-element-44d186b{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-04f2564{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-04fc3bb{--display:flex;}.elementor-7939 .elementor-element.elementor-element-9b9f3e3{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-829d965{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-8de9214{--display:flex;}.elementor-7939 .elementor-element.elementor-element-a36f1e2{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-3c55831{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-2ed15e0{--display:flex;}.elementor-7939 .elementor-element.elementor-element-5093630{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-fa801c2{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-7ed63da{--display:flex;}.elementor-7939 .elementor-element.elementor-element-5356caf{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-51efd43{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-caa8cc2{--display:flex;}.elementor-7939 .elementor-element.elementor-element-99e46c3{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-48da824{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-dee9ef9{--display:flex;}.elementor-7939 .elementor-element.elementor-element-f30998e{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-5eafddf{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-69cb923{--display:flex;}.elementor-7939 .elementor-element.elementor-element-5642160{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-3e08984{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-e18b9a2{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-ad2a227{text-align:center;}.elementor-7939 .elementor-element.elementor-element-e229f52{--display:flex;}.elementor-7939 .elementor-element.elementor-element-fc159b3{--display:flex;}.elementor-7939 .elementor-element.elementor-element-005d931{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-735eab7{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-8973572{--display:flex;}.elementor-7939 .elementor-element.elementor-element-9c78162{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-01eba15{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-4c53ee2{--display:flex;}.elementor-7939 .elementor-element.elementor-element-dd971b0{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-10f74c4{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-b02f821{--display:flex;}.elementor-7939 .elementor-element.elementor-element-9233f94{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-80fd7d2{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-c533ae8{--display:flex;}.elementor-7939 .elementor-element.elementor-element-1acb5df{text-align:left;line-height:32px;letter-spacing:0.2px;}.elementor-7939 .elementor-element.elementor-element-224ac76{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-94f958d{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-605e96d{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-7939 .elementor-element.elementor-element-6b2248e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7939 .elementor-element.elementor-element-7ad1dbd .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-7939 .elementor-element.elementor-element-7ad1dbd .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-7939 .elementor-element.elementor-element-7ad1dbd{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-7939 .elementor-element.elementor-element-a0c6c17 .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:#556068;}.elementor-7939 .elementor-element.elementor-element-a0c6c17 .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text a{color:#556068;}.elementor-7939 .elementor-element.elementor-element-a0c6c17 .e-tabs-items-wrapper .e-section-title{border-style:solid;}@media(max-width:1024px){.elementor-7939 .elementor-element.elementor-element-1eafca8 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0rem 0rem 0rem 0rem;}.elementor-7939 .elementor-element.elementor-element-1eafca8.elementor-element{--align-self:center;}.elementor-7939 .elementor-element.elementor-element-1eafca8{text-align:center;font-size:0.1rem;word-spacing:0em;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__front{background-position:0px 0px;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__back{background-position:0px 0px;}.elementor-7939 .elementor-element.elementor-element-6b2248e{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-7939 .elementor-element.elementor-element-9927630{--content-width:1600px;}}@media(max-width:1024px) and (min-width:768px){.elementor-7939 .elementor-element.elementor-element-8887795{--content-width:500px;}}@media(max-width:767px){.elementor-7939 .elementor-element.elementor-element-aeffa6b{--min-height:0.1rem;}.elementor-7939 .elementor-element.elementor-element-ee11ed2{--spacer-size:0.1rem;}.elementor-7939 .elementor-element.elementor-element-605361b{--spacer-size:0.1rem;}.elementor-7939 .elementor-element.elementor-element-1eafca8 > .elementor-widget-container{margin:-1rem -1rem -1rem -1rem;padding:0rem 0rem 0rem 0rem;border-radius:0rem 0rem 0rem 0rem;}.elementor-7939 .elementor-element.elementor-element-1eafca8.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-7939 .elementor-element.elementor-element-1eafca8{text-align:left;letter-spacing:0rem;word-spacing:0em;}.elementor-7939 .elementor-element.elementor-element-1eafca8 p{margin-bottom:0.1rem;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__front{background-position:0px 0px;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__back{background-position:0px 0px;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:28px;line-height:1.2em;letter-spacing:-2.6px;word-spacing:0.2em;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__front .elementor-flip-box__layer__description{font-size:13px;line-height:1em;word-spacing:0.2em;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:35px;letter-spacing:-5px;}.elementor-7939 .elementor-element.elementor-element-461dc49 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:16px;line-height:1.5em;letter-spacing:1.6px;word-spacing:5em;}.elementor-7939 .elementor-element.elementor-element-b9147a5{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-24515eb{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-58d8a89{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-c6e779c{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-53cceb4{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-59b575f{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-2b314b5{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-0cfb9bb{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-591ca6d{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-1b0b7cc{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-64070f4{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-fa79524{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-e8dc670{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-6fae35b{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-a303ee6{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-86abb23{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-284d8f8{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-d7c241e{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-6d36c8b{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-3ad231d{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-a635c7e{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-b327477{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-f69ec12{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-6ec97c1{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-f36e38c{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-f423e89{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-81dd68e{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-9ddf106{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-44d186b{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-9b9f3e3{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-a36f1e2{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-5093630{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-5356caf{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-99e46c3{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-f30998e{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-5642160{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-005d931{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-9c78162{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-dd971b0{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-9233f94{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-1acb5df{column-gap:0px;}.elementor-7939 .elementor-element.elementor-element-6b2248e{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7939 .elementor-element.elementor-element-7ad1dbd > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0rem 0rem 0rem 0rem;}.elementor-7939 .elementor-element.elementor-element-7ad1dbd{--content-padding:0.1rem;}}/* Start custom CSS for text-editor, class: .elementor-element-1eafca8 *//* 全局粉金色變量 */
:root {
  --pink-gold: #e5b8a0;      /* 按鈕靜態時的粉金色 */
  --dark-text: #4a3833;      /* 按鈕靜態時的文字色 */
  --hover-gold: #f3e0b8;     /* 按鈕懸停時貓耳朵使用的顏色，與漸變中的主色調相符 */
  /* 新增一個變量來控制貓耳朵的靜態顏色 */
  --ear-color-static: var(--pink-gold); 
}

.product-poster {
  list-style: none;
  margin: 0;
  padding: 0;
}

.product-poster li {
  margin-bottom: 8px; 
}

.product-poster li a {
  display: block;
  padding: 8px 14px;
  text-decoration: none;
  color: #444;
  background: #ffffff;
  transition: background 0.25s ease, color 0.25s ease;
}

/* 滑鼠移上去：淺金色漸層 (適用於所有按鈕) */
.product-poster li a:hover {
  background: linear-gradient(135deg, #fff7d1, #f3e0b8);
  color: #5a4100;
}

/* 1. 【通用化】當前頁面按鈕 (.active) 的粉金色主體樣式 */
/* 這裡使用 .active 選擇器，它會覆蓋 li a 的樣式 */
.product-poster li a.active { 
  /* 按鈕主體樣式 */
  background-color: var(--pink-gold) !important; 
  color: var(--dark-text) !important;
  text-decoration: none;
  /* 移除 position: relative; 和 z-index: 1; 讓它只在 cat-ear-button 上出現 */
  border-radius: 8px;
  padding: 10px 20px;
  border: none;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: inline-block; 
  transition: background 0.25s ease, color 0.25s ease;
}

/* 2. 【通用化】貓耳朵結構和靜態樣式 (只應用於 cat-ear-button) */
.cat-ear-button {
  position: relative; /* 啟用偽元素的定位 */
  z-index: 1; /* 確保按鈕在耳朵之上 */
}

.cat-ear-button::before,
.cat-ear-button::after {
  content: '';
  position: absolute;
  top: -12px; 
  width: 0;
  height: 0;
  border-style: solid;
  z-index: 0; 
  transition: border-color 0.25s ease; 
}

/* 左耳的三角形形狀和定位 (通用化) */
.cat-ear-button::before {
  left: 8px;
  border-width: 0 12px 15px 12px; 
  /* 注意：這裡的顏色暫時設置為靜態粉金色，但它會被 .active 的樣式覆蓋 */
  border-color: transparent transparent var(--ear-color-static) transparent; 
  transform: rotate(-15deg); 
}

/* 右耳的三角形形狀和定位 (通用化) */
.cat-ear-button::after {
  right: 8px; 
  border-width: 0 12px 15px 12px; 
  border-color: transparent transparent var(--ear-color-static) transparent; 
  transform: rotate(15deg); 
}

/* 3. 【通用化】確保只有當前按鈕 (active) 才顯示粉金色的耳朵 */
.active.cat-ear-button::before,
.active.cat-ear-button::after {
    /* 靜態狀態下，耳朵顏色使用粉金色 */
    border-color: transparent transparent var(--pink-gold) transparent; 
}

/* 4. 【通用化】當前按鈕懸停效果：按鈕變色與貓耳朵變色！ */
.active.cat-ear-button:hover {
  /* 按鈕主體保持您現有的 hover 樣式 */
  background: linear-gradient(135deg, #fff7d1, #f3e0b8) !important; 
  color: #5a4100 !important;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); 
}

/* 貓耳朵懸停時的顏色變化 */
.active.cat-ear-button:hover::before,
.active.cat-ear-button:hover::after {
  /* 改變底部的邊框顏色，使其與按鈕的 hover 金色 (var(--hover-gold)) 一致 */
  border-color: transparent transparent var(--hover-gold) transparent; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8a0a82 */.product-title {
  /* 設定字體大小和粗細 */
  font-family: Arial, sans-serif; /* 選擇一個較粗、較清晰的字體 */
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  padding: 20px;
  background-color: #333; /* 為更好地襯托燙金效果，可設定一個深色背景 */
}

/* 主要文字的燙金效果 */
.product-title, .highlight {
  /* 基礎金屬色：稍深的金色 */
  color: #c9a44c; 
  
  /* 使用 text-shadow 模擬光澤、立體感和描邊 */
  text-shadow: 
    /* 描邊/陰影 (深色) - 創造深色邊緣，模擬燙金的壓邊效果 */
    -1px -1px 0 #222,  
     1px -1px 0 #222,
    -1px  1px 0 #222,
     1px  1px 0 #222,
    
    /* 核心光澤 (較淺金色) - 創造金屬高光 */
     0 0 5px #ffeb95,
     0 0 10px #ffeb95,

    /* 邊緣反射/金屬感 (較淡金色) */
     0 0 15px #c9a44c;
}

/* 如果想讓“保濕修復霜”更突出 */
.highlight {
  /* 可以微調顏色或陰影，使其更亮或不同色調 */
  color: #ffeb95; /* 更亮一點的金色 */
  text-shadow: 
    /* 描邊 (深色) */
    -1px -1px 0 #111,  
     1px -1px 0 #111,
    -1px  1px 0 #111,
     1px  1px 0 #111,
    
    /* 強烈光澤 */
     0 0 8px #fff9d7,
     0 0 15px #fff9d7,

    /* 邊緣金屬感 */
     0 0 20px #ffeb95;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cde3308 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-493c175 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c9afc7b *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-52b769a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-03b0976 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-fbdd02b *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-df82cd4 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-5311a1f *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-6964b4c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e581a88 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3bbc290 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d69e28 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cdd8b86 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-67c6c5c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3ff159e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8085e2c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cd4bc4a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c1c04dc *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-60f43ce *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e17429d *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cde3308 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-493c175 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c9afc7b *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-52b769a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-03b0976 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-fbdd02b *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-df82cd4 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-5311a1f *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-6964b4c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e581a88 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3bbc290 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d69e28 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cdd8b86 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-67c6c5c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3ff159e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8085e2c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cd4bc4a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c1c04dc *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-60f43ce *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e17429d *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0fcf72 *//* 燙金動態效果 */
.gold-animate {
    /* 設定漸層色：模擬深金、亮金與白金的交錯 */
    background: linear-gradient(
        to right, 
        #bf953f, 
        #fcf6ba, 
        #b38728, 
        #fbf5b7, 
        #aa771c
    );
    background-size: 200% auto; /* 讓背景比文字寬，才能滑動 */
    -webkit-background-clip: text; /* 將背景裁切成文字形狀 */
    -webkit-text-fill-color: transparent; /* 讓原本文字顏色透明，顯示背景漸層 */
    font-weight: bold;
    animation: goldshine 3s linear infinite; /* 動畫名稱：goldshine，時間3秒，無限循環 */
}

/* 定義動畫滑動路徑 */
@keyframes goldshine {
    to {
        background-position: 200% center;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-53914d3 */.product-title {
  /* 設定字體大小和粗細 */
  font-family: Arial, sans-serif; /* 選擇一個較粗、較清晰的字體 */
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  padding: 20px;
  background-color: #333; /* 為更好地襯托燙金效果，可設定一個深色背景 */
}

/* 主要文字的燙金效果 */
.product-title, .highlight {
  /* 基礎金屬色：稍深的金色 */
  color: #c9a44c; 
  
  /* 使用 text-shadow 模擬光澤、立體感和描邊 */
  text-shadow: 
    /* 描邊/陰影 (深色) - 創造深色邊緣，模擬燙金的壓邊效果 */
    -1px -1px 0 #222,  
     1px -1px 0 #222,
    -1px  1px 0 #222,
     1px  1px 0 #222,
    
    /* 核心光澤 (較淺金色) - 創造金屬高光 */
     0 0 5px #ffeb95,
     0 0 10px #ffeb95,

    /* 邊緣反射/金屬感 (較淡金色) */
     0 0 15px #c9a44c;
}

/* 如果想讓“保濕修復霜”更突出 */
.highlight {
  /* 可以微調顏色或陰影，使其更亮或不同色調 */
  color: #ffeb95; /* 更亮一點的金色 */
  text-shadow: 
    /* 描邊 (深色) */
    -1px -1px 0 #111,  
     1px -1px 0 #111,
    -1px  1px 0 #111,
     1px  1px 0 #111,
    
    /* 強烈光澤 */
     0 0 8px #fff9d7,
     0 0 15px #fff9d7,

    /* 邊緣金屬感 */
     0 0 20px #ffeb95;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8f08df9 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-92ca2f1 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0e371fc *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3b0f24e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-845f5a3 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1c2fb8a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0037c5e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-46b7dae *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-04f2564 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-829d965 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3c55831 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-fa801c2 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-51efd43 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-48da824 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-5eafddf *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3e08984 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8f08df9 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-92ca2f1 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0e371fc *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3b0f24e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-845f5a3 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1c2fb8a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0037c5e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-46b7dae *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-04f2564 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-829d965 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3c55831 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-fa801c2 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-51efd43 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-48da824 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-5eafddf *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3e08984 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e18b9a2 *//* 燙金動態效果 */
.gold-animate {
    /* 設定漸層色：模擬深金、亮金與白金的交錯 */
    background: linear-gradient(
        to right, 
        #bf953f, 
        #fcf6ba, 
        #b38728, 
        #fbf5b7, 
        #aa771c
    );
    background-size: 200% auto; /* 讓背景比文字寬，才能滑動 */
    -webkit-background-clip: text; /* 將背景裁切成文字形狀 */
    -webkit-text-fill-color: transparent; /* 讓原本文字顏色透明，顯示背景漸層 */
    font-weight: bold;
    animation: goldshine 3s linear infinite; /* 動畫名稱：goldshine，時間3秒，無限循環 */
}

/* 定義動畫滑動路徑 */
@keyframes goldshine {
    to {
        background-position: 200% center;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ad2a227 */.product-title {
  /* 設定字體大小和粗細 */
  font-family: Arial, sans-serif; /* 選擇一個較粗、較清晰的字體 */
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  padding: 20px;
  background-color: #333; /* 為更好地襯托燙金效果，可設定一個深色背景 */
}

/* 主要文字的燙金效果 */
.product-title, .highlight {
  /* 基礎金屬色：稍深的金色 */
  color: #c9a44c; 
  
  /* 使用 text-shadow 模擬光澤、立體感和描邊 */
  text-shadow: 
    /* 描邊/陰影 (深色) - 創造深色邊緣，模擬燙金的壓邊效果 */
    -1px -1px 0 #222,  
     1px -1px 0 #222,
    -1px  1px 0 #222,
     1px  1px 0 #222,
    
    /* 核心光澤 (較淺金色) - 創造金屬高光 */
     0 0 5px #ffeb95,
     0 0 10px #ffeb95,

    /* 邊緣反射/金屬感 (較淡金色) */
     0 0 15px #c9a44c;
}

/* 如果想讓“保濕修復霜”更突出 */
.highlight {
  /* 可以微調顏色或陰影，使其更亮或不同色調 */
  color: #ffeb95; /* 更亮一點的金色 */
  text-shadow: 
    /* 描邊 (深色) */
    -1px -1px 0 #111,  
     1px -1px 0 #111,
    -1px  1px 0 #111,
     1px  1px 0 #111,
    
    /* 強烈光澤 */
     0 0 8px #fff9d7,
     0 0 15px #fff9d7,

    /* 邊緣金屬感 */
     0 0 20px #ffeb95;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-735eab7 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-01eba15 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-10f74c4 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-80fd7d2 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-224ac76 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-735eab7 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-01eba15 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-10f74c4 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-80fd7d2 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-224ac76 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8a0a82 */.product-title {
  /* 設定字體大小和粗細 */
  font-family: Arial, sans-serif; /* 選擇一個較粗、較清晰的字體 */
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  padding: 20px;
  background-color: #333; /* 為更好地襯托燙金效果，可設定一個深色背景 */
}

/* 主要文字的燙金效果 */
.product-title, .highlight {
  /* 基礎金屬色：稍深的金色 */
  color: #c9a44c; 
  
  /* 使用 text-shadow 模擬光澤、立體感和描邊 */
  text-shadow: 
    /* 描邊/陰影 (深色) - 創造深色邊緣，模擬燙金的壓邊效果 */
    -1px -1px 0 #222,  
     1px -1px 0 #222,
    -1px  1px 0 #222,
     1px  1px 0 #222,
    
    /* 核心光澤 (較淺金色) - 創造金屬高光 */
     0 0 5px #ffeb95,
     0 0 10px #ffeb95,

    /* 邊緣反射/金屬感 (較淡金色) */
     0 0 15px #c9a44c;
}

/* 如果想讓“保濕修復霜”更突出 */
.highlight {
  /* 可以微調顏色或陰影，使其更亮或不同色調 */
  color: #ffeb95; /* 更亮一點的金色 */
  text-shadow: 
    /* 描邊 (深色) */
    -1px -1px 0 #111,  
     1px -1px 0 #111,
    -1px  1px 0 #111,
     1px  1px 0 #111,
    
    /* 強烈光澤 */
     0 0 8px #fff9d7,
     0 0 15px #fff9d7,

    /* 邊緣金屬感 */
     0 0 20px #ffeb95;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cde3308 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-493c175 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c9afc7b *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-52b769a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-03b0976 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-fbdd02b *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-df82cd4 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-5311a1f *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-6964b4c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e581a88 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3bbc290 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d69e28 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cdd8b86 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-67c6c5c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3ff159e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8085e2c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cd4bc4a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c1c04dc *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-60f43ce *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e17429d *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cde3308 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-493c175 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c9afc7b *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-52b769a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-03b0976 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-fbdd02b *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-df82cd4 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-5311a1f *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-6964b4c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e581a88 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3bbc290 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d69e28 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cdd8b86 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-67c6c5c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3ff159e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8085e2c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cd4bc4a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c1c04dc *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-60f43ce *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e17429d *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0fcf72 *//* 燙金動態效果 */
.gold-animate {
    /* 設定漸層色：模擬深金、亮金與白金的交錯 */
    background: linear-gradient(
        to right, 
        #bf953f, 
        #fcf6ba, 
        #b38728, 
        #fbf5b7, 
        #aa771c
    );
    background-size: 200% auto; /* 讓背景比文字寬，才能滑動 */
    -webkit-background-clip: text; /* 將背景裁切成文字形狀 */
    -webkit-text-fill-color: transparent; /* 讓原本文字顏色透明，顯示背景漸層 */
    font-weight: bold;
    animation: goldshine 3s linear infinite; /* 動畫名稱：goldshine，時間3秒，無限循環 */
}

/* 定義動畫滑動路徑 */
@keyframes goldshine {
    to {
        background-position: 200% center;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-53914d3 */.product-title {
  /* 設定字體大小和粗細 */
  font-family: Arial, sans-serif; /* 選擇一個較粗、較清晰的字體 */
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  padding: 20px;
  background-color: #333; /* 為更好地襯托燙金效果，可設定一個深色背景 */
}

/* 主要文字的燙金效果 */
.product-title, .highlight {
  /* 基礎金屬色：稍深的金色 */
  color: #c9a44c; 
  
  /* 使用 text-shadow 模擬光澤、立體感和描邊 */
  text-shadow: 
    /* 描邊/陰影 (深色) - 創造深色邊緣，模擬燙金的壓邊效果 */
    -1px -1px 0 #222,  
     1px -1px 0 #222,
    -1px  1px 0 #222,
     1px  1px 0 #222,
    
    /* 核心光澤 (較淺金色) - 創造金屬高光 */
     0 0 5px #ffeb95,
     0 0 10px #ffeb95,

    /* 邊緣反射/金屬感 (較淡金色) */
     0 0 15px #c9a44c;
}

/* 如果想讓“保濕修復霜”更突出 */
.highlight {
  /* 可以微調顏色或陰影，使其更亮或不同色調 */
  color: #ffeb95; /* 更亮一點的金色 */
  text-shadow: 
    /* 描邊 (深色) */
    -1px -1px 0 #111,  
     1px -1px 0 #111,
    -1px  1px 0 #111,
     1px  1px 0 #111,
    
    /* 強烈光澤 */
     0 0 8px #fff9d7,
     0 0 15px #fff9d7,

    /* 邊緣金屬感 */
     0 0 20px #ffeb95;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8f08df9 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-92ca2f1 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0e371fc *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3b0f24e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-845f5a3 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1c2fb8a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0037c5e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-46b7dae *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-04f2564 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-829d965 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3c55831 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-fa801c2 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-51efd43 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-48da824 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-5eafddf *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3e08984 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8f08df9 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-92ca2f1 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0e371fc *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3b0f24e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-845f5a3 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1c2fb8a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0037c5e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-46b7dae *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-04f2564 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-829d965 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3c55831 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-fa801c2 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-51efd43 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-48da824 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-5eafddf *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3e08984 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e18b9a2 *//* 燙金動態效果 */
.gold-animate {
    /* 設定漸層色：模擬深金、亮金與白金的交錯 */
    background: linear-gradient(
        to right, 
        #bf953f, 
        #fcf6ba, 
        #b38728, 
        #fbf5b7, 
        #aa771c
    );
    background-size: 200% auto; /* 讓背景比文字寬，才能滑動 */
    -webkit-background-clip: text; /* 將背景裁切成文字形狀 */
    -webkit-text-fill-color: transparent; /* 讓原本文字顏色透明，顯示背景漸層 */
    font-weight: bold;
    animation: goldshine 3s linear infinite; /* 動畫名稱：goldshine，時間3秒，無限循環 */
}

/* 定義動畫滑動路徑 */
@keyframes goldshine {
    to {
        background-position: 200% center;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ad2a227 */.product-title {
  /* 設定字體大小和粗細 */
  font-family: Arial, sans-serif; /* 選擇一個較粗、較清晰的字體 */
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  padding: 20px;
  background-color: #333; /* 為更好地襯托燙金效果，可設定一個深色背景 */
}

/* 主要文字的燙金效果 */
.product-title, .highlight {
  /* 基礎金屬色：稍深的金色 */
  color: #c9a44c; 
  
  /* 使用 text-shadow 模擬光澤、立體感和描邊 */
  text-shadow: 
    /* 描邊/陰影 (深色) - 創造深色邊緣，模擬燙金的壓邊效果 */
    -1px -1px 0 #222,  
     1px -1px 0 #222,
    -1px  1px 0 #222,
     1px  1px 0 #222,
    
    /* 核心光澤 (較淺金色) - 創造金屬高光 */
     0 0 5px #ffeb95,
     0 0 10px #ffeb95,

    /* 邊緣反射/金屬感 (較淡金色) */
     0 0 15px #c9a44c;
}

/* 如果想讓“保濕修復霜”更突出 */
.highlight {
  /* 可以微調顏色或陰影，使其更亮或不同色調 */
  color: #ffeb95; /* 更亮一點的金色 */
  text-shadow: 
    /* 描邊 (深色) */
    -1px -1px 0 #111,  
     1px -1px 0 #111,
    -1px  1px 0 #111,
     1px  1px 0 #111,
    
    /* 強烈光澤 */
     0 0 8px #fff9d7,
     0 0 15px #fff9d7,

    /* 邊緣金屬感 */
     0 0 20px #ffeb95;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-735eab7 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-01eba15 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-10f74c4 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-80fd7d2 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-224ac76 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-735eab7 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-01eba15 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-10f74c4 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-80fd7d2 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-224ac76 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8a0a82 */.product-title {
  /* 設定字體大小和粗細 */
  font-family: Arial, sans-serif; /* 選擇一個較粗、較清晰的字體 */
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  padding: 20px;
  background-color: #333; /* 為更好地襯托燙金效果，可設定一個深色背景 */
}

/* 主要文字的燙金效果 */
.product-title, .highlight {
  /* 基礎金屬色：稍深的金色 */
  color: #c9a44c; 
  
  /* 使用 text-shadow 模擬光澤、立體感和描邊 */
  text-shadow: 
    /* 描邊/陰影 (深色) - 創造深色邊緣，模擬燙金的壓邊效果 */
    -1px -1px 0 #222,  
     1px -1px 0 #222,
    -1px  1px 0 #222,
     1px  1px 0 #222,
    
    /* 核心光澤 (較淺金色) - 創造金屬高光 */
     0 0 5px #ffeb95,
     0 0 10px #ffeb95,

    /* 邊緣反射/金屬感 (較淡金色) */
     0 0 15px #c9a44c;
}

/* 如果想讓“保濕修復霜”更突出 */
.highlight {
  /* 可以微調顏色或陰影，使其更亮或不同色調 */
  color: #ffeb95; /* 更亮一點的金色 */
  text-shadow: 
    /* 描邊 (深色) */
    -1px -1px 0 #111,  
     1px -1px 0 #111,
    -1px  1px 0 #111,
     1px  1px 0 #111,
    
    /* 強烈光澤 */
     0 0 8px #fff9d7,
     0 0 15px #fff9d7,

    /* 邊緣金屬感 */
     0 0 20px #ffeb95;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cde3308 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-493c175 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c9afc7b *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-52b769a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-03b0976 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-fbdd02b *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-df82cd4 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-5311a1f *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-6964b4c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e581a88 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3bbc290 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d69e28 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cdd8b86 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-67c6c5c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3ff159e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8085e2c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cd4bc4a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c1c04dc *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-60f43ce *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e17429d *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cde3308 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-493c175 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c9afc7b *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-52b769a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-03b0976 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-fbdd02b *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-df82cd4 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-5311a1f *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-6964b4c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e581a88 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3bbc290 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d69e28 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cdd8b86 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-67c6c5c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3ff159e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8085e2c *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-cd4bc4a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c1c04dc *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-60f43ce *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e17429d *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0fcf72 *//* 燙金動態效果 */
.gold-animate {
    /* 設定漸層色：模擬深金、亮金與白金的交錯 */
    background: linear-gradient(
        to right, 
        #bf953f, 
        #fcf6ba, 
        #b38728, 
        #fbf5b7, 
        #aa771c
    );
    background-size: 200% auto; /* 讓背景比文字寬，才能滑動 */
    -webkit-background-clip: text; /* 將背景裁切成文字形狀 */
    -webkit-text-fill-color: transparent; /* 讓原本文字顏色透明，顯示背景漸層 */
    font-weight: bold;
    animation: goldshine 3s linear infinite; /* 動畫名稱：goldshine，時間3秒，無限循環 */
}

/* 定義動畫滑動路徑 */
@keyframes goldshine {
    to {
        background-position: 200% center;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-53914d3 */.product-title {
  /* 設定字體大小和粗細 */
  font-family: Arial, sans-serif; /* 選擇一個較粗、較清晰的字體 */
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  padding: 20px;
  background-color: #333; /* 為更好地襯托燙金效果，可設定一個深色背景 */
}

/* 主要文字的燙金效果 */
.product-title, .highlight {
  /* 基礎金屬色：稍深的金色 */
  color: #c9a44c; 
  
  /* 使用 text-shadow 模擬光澤、立體感和描邊 */
  text-shadow: 
    /* 描邊/陰影 (深色) - 創造深色邊緣，模擬燙金的壓邊效果 */
    -1px -1px 0 #222,  
     1px -1px 0 #222,
    -1px  1px 0 #222,
     1px  1px 0 #222,
    
    /* 核心光澤 (較淺金色) - 創造金屬高光 */
     0 0 5px #ffeb95,
     0 0 10px #ffeb95,

    /* 邊緣反射/金屬感 (較淡金色) */
     0 0 15px #c9a44c;
}

/* 如果想讓“保濕修復霜”更突出 */
.highlight {
  /* 可以微調顏色或陰影，使其更亮或不同色調 */
  color: #ffeb95; /* 更亮一點的金色 */
  text-shadow: 
    /* 描邊 (深色) */
    -1px -1px 0 #111,  
     1px -1px 0 #111,
    -1px  1px 0 #111,
     1px  1px 0 #111,
    
    /* 強烈光澤 */
     0 0 8px #fff9d7,
     0 0 15px #fff9d7,

    /* 邊緣金屬感 */
     0 0 20px #ffeb95;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8f08df9 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-92ca2f1 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0e371fc *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3b0f24e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-845f5a3 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1c2fb8a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0037c5e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-46b7dae *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-04f2564 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-829d965 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3c55831 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-fa801c2 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-51efd43 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-48da824 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-5eafddf *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3e08984 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8f08df9 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-92ca2f1 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0e371fc *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3b0f24e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-845f5a3 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1c2fb8a *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0037c5e *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-46b7dae *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-04f2564 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-829d965 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3c55831 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-fa801c2 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-51efd43 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-48da824 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-5eafddf *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-3e08984 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e18b9a2 *//* 燙金動態效果 */
.gold-animate {
    /* 設定漸層色：模擬深金、亮金與白金的交錯 */
    background: linear-gradient(
        to right, 
        #bf953f, 
        #fcf6ba, 
        #b38728, 
        #fbf5b7, 
        #aa771c
    );
    background-size: 200% auto; /* 讓背景比文字寬，才能滑動 */
    -webkit-background-clip: text; /* 將背景裁切成文字形狀 */
    -webkit-text-fill-color: transparent; /* 讓原本文字顏色透明，顯示背景漸層 */
    font-weight: bold;
    animation: goldshine 3s linear infinite; /* 動畫名稱：goldshine，時間3秒，無限循環 */
}

/* 定義動畫滑動路徑 */
@keyframes goldshine {
    to {
        background-position: 200% center;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ad2a227 */.product-title {
  /* 設定字體大小和粗細 */
  font-family: Arial, sans-serif; /* 選擇一個較粗、較清晰的字體 */
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  padding: 20px;
  background-color: #333; /* 為更好地襯托燙金效果，可設定一個深色背景 */
}

/* 主要文字的燙金效果 */
.product-title, .highlight {
  /* 基礎金屬色：稍深的金色 */
  color: #c9a44c; 
  
  /* 使用 text-shadow 模擬光澤、立體感和描邊 */
  text-shadow: 
    /* 描邊/陰影 (深色) - 創造深色邊緣，模擬燙金的壓邊效果 */
    -1px -1px 0 #222,  
     1px -1px 0 #222,
    -1px  1px 0 #222,
     1px  1px 0 #222,
    
    /* 核心光澤 (較淺金色) - 創造金屬高光 */
     0 0 5px #ffeb95,
     0 0 10px #ffeb95,

    /* 邊緣反射/金屬感 (較淡金色) */
     0 0 15px #c9a44c;
}

/* 如果想讓“保濕修復霜”更突出 */
.highlight {
  /* 可以微調顏色或陰影，使其更亮或不同色調 */
  color: #ffeb95; /* 更亮一點的金色 */
  text-shadow: 
    /* 描邊 (深色) */
    -1px -1px 0 #111,  
     1px -1px 0 #111,
    -1px  1px 0 #111,
     1px  1px 0 #111,
    
    /* 強烈光澤 */
     0 0 8px #fff9d7,
     0 0 15px #fff9d7,

    /* 邊緣金屬感 */
     0 0 20px #ffeb95;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-735eab7 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-01eba15 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-10f74c4 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-80fd7d2 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-224ac76 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-735eab7 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-01eba15 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-10f74c4 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-80fd7d2 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-224ac76 *//* 1. 隐藏复选框 (它用于追踪点击状态，但用户看不到) */
.faq-toggle {
    display: none;
}

/* 2. 问题行 (即标签 Label) 的基本样式 */
.faq-question {
    /* 模仿您图片的样式：flex布局，居中对齐，留出边距 */
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease; /* 颜色过渡更平滑 */
    user-select: none; /* 防止文字被选中 */
}

/* 3. 自动显示 Q 字母 (使用::before伪元素) */
.faq-question::before {
    content: 'Q'; 
    margin-right: 15px;
    color: #555;
    font-size: 18px;
    font-weight: bolder;
}

/* 4. 右侧的加号/减号图标 */
.toggle-icon {
    margin-left: auto; /* 将图标推到最右边 */
    font-size: 24px;
    color: #555;
    line-height: 1;
}

/* 5. 关键：点击后的浅蓝色效果 (使用 :checked + 选择器) */
/* 当紧邻的隐藏复选框 (.faq-toggle) 被选中 (:checked) 时，改变其后的标签 (.faq-question) 的背景色。*/
.faq-toggle:checked + .faq-question {
    background-color: #e0f7fa; /* 浅蓝色，类似您图片中的效果 */
}

/* 6. 可选：点击后将加号 (+) 变成减号 (–) */
.faq-toggle:checked + .faq-question .toggle-icon::before {
    content: '–'; 
}

/* 可选：鼠标悬停效果 */
.faq-question:hover {
    background-color: #f5f5f5;
}

/* 可选：使容器看起来更整洁 */
.faq-container {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}/* End custom CSS */