.elementor-9818 .elementor-element.elementor-element-21b613b{--display:flex;--margin-top:25px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-9818 .elementor-element.elementor-element-45d7347{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-9818 .elementor-element.elementor-element-7c170ff{column-gap:0px;text-align:center;}.elementor-9818 .elementor-element.elementor-element-2ddf9bf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-9818 .elementor-element.elementor-element-3b3139c .elementor-button-content-wrapper{flex-direction:row;}.elementor-9818 .elementor-element.elementor-element-3b3139c .elementor-button .elementor-button-content-wrapper{gap:0rem;}.elementor-9818 .elementor-element.elementor-element-3b3139c .elementor-button{fill:#FFFFFF;color:#FFFFFF;}.elementor-9818 .elementor-element.elementor-element-08d33a3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9818 .elementor-element.elementor-element-08d33a3 .elementor-button .elementor-button-content-wrapper{gap:0rem;}.elementor-9818 .elementor-element.elementor-element-08d33a3 .elementor-button{fill:#FFFFFF;color:#FFFFFF;}.elementor-9818 .elementor-element.elementor-element-b2e5d70 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9818 .elementor-element.elementor-element-b2e5d70 .elementor-button .elementor-button-content-wrapper{gap:0rem;}.elementor-9818 .elementor-element.elementor-element-b2e5d70 .elementor-button{fill:#FFFFFF;color:#FFFFFF;}.elementor-9818 .elementor-element.elementor-element-c21ed6f .elementor-button:hover, .elementor-9818 .elementor-element.elementor-element-c21ed6f .elementor-button:focus{background-color:#45FF02;}.elementor-9818 .elementor-element.elementor-element-c21ed6f .elementor-button-content-wrapper{flex-direction:row;}.elementor-9818 .elementor-element.elementor-element-c21ed6f .elementor-button .elementor-button-content-wrapper{gap:0rem;}.elementor-9818 .elementor-element.elementor-element-c21ed6f .elementor-button{fill:#FFFFFF;color:#FFFFFF;}.elementor-9818 .elementor-element.elementor-element-d020674 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9818 .elementor-element.elementor-element-d020674 .elementor-button .elementor-button-content-wrapper{gap:0rem;}.elementor-9818 .elementor-element.elementor-element-d020674 .elementor-button{fill:#FFFFFF;color:#FFFFFF;}.elementor-9818 .elementor-element.elementor-element-d675065{--display:flex;}.elementor-9818 .elementor-element.elementor-element-aba0bfb:hover .elementor-widget-container{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9818 .elementor-element.elementor-element-aba0bfb p{margin-bottom:0px;}.elementor-9818 .elementor-element.elementor-element-6d3ad25{--display:flex;}.elementor-9818 .elementor-element.elementor-element-41a6305{--spacer-size:50px;}.elementor-9818 .elementor-element.elementor-element-1842b8a{--display:flex;}.elementor-9818 .elementor-element.elementor-element-a95a89f{text-align:center;color:#76A4D9;}.elementor-9818 .elementor-element.elementor-element-d0bae51{--display:flex;}.elementor-9818 .elementor-element.elementor-element-b4923b1{--display:flex;}.elementor-9818 .elementor-element.elementor-element-90de0be{--display:flex;}.elementor-9818 .elementor-element.elementor-element-886249c{--display:flex;}.elementor-9818 .elementor-element.elementor-element-8cc6462{--display:flex;}.elementor-9818 .elementor-element.elementor-element-94e430d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-9818 .elementor-element.elementor-element-5edc24a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9818 .elementor-element.elementor-element-5edc24a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-d4a0d21{--spacer-size:96px;}.elementor-9818 .elementor-element.elementor-element-3518826{--spacer-size:113px;}.elementor-9818 .elementor-element.elementor-element-88eb98c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9818 .elementor-element.elementor-element-88eb98c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-950a2db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9818 .elementor-element.elementor-element-950a2db.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-0c147df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9818 .elementor-element.elementor-element-0c147df.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-090fb47{--display:flex;}.elementor-9818 .elementor-element.elementor-element-991b67f{--display:flex;}.elementor-9818 .elementor-element.elementor-element-5b108cd{column-gap:0px;text-align:center;}.elementor-9818 .elementor-element.elementor-element-90913fe{--e-rating-justify-content:center;--e-rating-icon-font-size:51px;--e-rating-gap:42px;}.elementor-9818 .elementor-element.elementor-element-67fdf25{--display:flex;}.elementor-9818 .elementor-element.elementor-element-ae647fb{--grid-side-margin:36px;--grid-column-gap:36px;--grid-row-gap:0px;--grid-bottom-margin:0px;}.elementor-9818 .elementor-element.elementor-element-ae647fb .elementor-share-btn{font-size:calc(1.5px * 10);height:4.7em;}.elementor-9818 .elementor-element.elementor-element-ae647fb .elementor-share-btn__icon{--e-share-buttons-icon-size:3.5em;}.elementor-9818 .elementor-element.elementor-element-e8fcebc{--display:flex;}.elementor-9818 .elementor-element.elementor-element-b7288f5{--display:flex;}.elementor-9818 .elementor-element.elementor-element-3f2888d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-9818 .elementor-element.elementor-element-c5b71e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9818 .elementor-element.elementor-element-c5b71e8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-107ec71{--spacer-size:96px;}.elementor-9818 .elementor-element.elementor-element-2865670{--spacer-size:113px;}.elementor-9818 .elementor-element.elementor-element-49123bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9818 .elementor-element.elementor-element-49123bc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-08108ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9818 .elementor-element.elementor-element-08108ad.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-867b693{width:var( --container-widget-width, 129.425% );max-width:129.425%;--container-widget-width:129.425%;--container-widget-flex-grow:0;}.elementor-9818 .elementor-element.elementor-element-867b693.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-38dfa67{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9818 .elementor-element.elementor-element-38dfa67.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-92a82a3{width:var( --container-widget-width, 102.383% );max-width:102.383%;--container-widget-width:102.383%;--container-widget-flex-grow:0;}.elementor-9818 .elementor-element.elementor-element-92a82a3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-3565abb{--display:flex;}.elementor-9818 .elementor-element.elementor-element-3f9d43b{--display:flex;}.elementor-9818 .elementor-element.elementor-element-02eea21{column-gap:0px;text-align:center;}.elementor-9818 .elementor-element.elementor-element-a034a84{--e-rating-justify-content:center;--e-rating-icon-font-size:51px;--e-rating-gap:42px;}.elementor-9818 .elementor-element.elementor-element-c661433{--display:flex;}.elementor-9818 .elementor-element.elementor-element-499641b{--grid-side-margin:36px;--grid-column-gap:36px;--grid-row-gap:0px;--grid-bottom-margin:0px;}.elementor-9818 .elementor-element.elementor-element-499641b .elementor-share-btn{font-size:calc(1.5px * 10);height:4.7em;}.elementor-9818 .elementor-element.elementor-element-499641b .elementor-share-btn__icon{--e-share-buttons-icon-size:3.5em;}.elementor-9818 .elementor-element.elementor-element-f6036d4{--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-9818 .elementor-element.elementor-element-bea6b82{--display:flex;}.elementor-9818 .elementor-element.elementor-element-de01f80{--display:flex;}.elementor-9818 .elementor-element.elementor-element-2129420{--display:flex;}.elementor-9818 .elementor-element.elementor-element-483a540{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-9818 .elementor-element.elementor-element-bbf027b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9818 .elementor-element.elementor-element-bbf027b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-c883d33{--spacer-size:96px;}.elementor-9818 .elementor-element.elementor-element-b5dbcde{--spacer-size:113px;}.elementor-9818 .elementor-element.elementor-element-07639ce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9818 .elementor-element.elementor-element-07639ce.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-3d6722d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9818 .elementor-element.elementor-element-3d6722d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-f4efdc6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9818 .elementor-element.elementor-element-f4efdc6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9818 .elementor-element.elementor-element-3befa7d{--display:flex;}.elementor-9818 .elementor-element.elementor-element-2950488{--display:flex;}.elementor-9818 .elementor-element.elementor-element-5b86795{column-gap:0px;text-align:center;}.elementor-9818 .elementor-element.elementor-element-bf6b796{--e-rating-justify-content:center;--e-rating-icon-font-size:51px;--e-rating-gap:42px;}.elementor-9818 .elementor-element.elementor-element-078ca9b{--display:flex;}.elementor-9818 .elementor-element.elementor-element-e89c644{--grid-side-margin:36px;--grid-column-gap:36px;--grid-row-gap:0px;--grid-bottom-margin:0px;}.elementor-9818 .elementor-element.elementor-element-e89c644 .elementor-share-btn{font-size:calc(1.5px * 10);height:4.7em;}.elementor-9818 .elementor-element.elementor-element-e89c644 .elementor-share-btn__icon{--e-share-buttons-icon-size:3.5em;}.elementor-9818 .elementor-element.elementor-element-b53d83d{--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-9818 .elementor-element.elementor-element-ebf232b{--display:flex;}.elementor-9818 .elementor-element.elementor-element-a42cf2a{--n-accordion-title-font-size:1.5rem;--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-9818 .elementor-element.elementor-element-6c1af4d{--display:flex;}.elementor-9818 .elementor-element.elementor-element-bdc3071{--display:flex;}@media(max-width:1024px){.elementor-9818 .elementor-element.elementor-element-aba0bfb > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0rem 0rem 0rem 0rem;}.elementor-9818 .elementor-element.elementor-element-aba0bfb.elementor-element{--align-self:center;}.elementor-9818 .elementor-element.elementor-element-aba0bfb{text-align:center;font-size:0.1rem;word-spacing:0em;} .elementor-9818 .elementor-element.elementor-element-ae647fb{--grid-side-margin:36px;--grid-column-gap:36px;--grid-row-gap:0px;--grid-bottom-margin:0px;} .elementor-9818 .elementor-element.elementor-element-499641b{--grid-side-margin:36px;--grid-column-gap:36px;--grid-row-gap:0px;--grid-bottom-margin:0px;} .elementor-9818 .elementor-element.elementor-element-e89c644{--grid-side-margin:36px;--grid-column-gap:36px;--grid-row-gap:0px;--grid-bottom-margin:0px;}}@media(min-width:768px){.elementor-9818 .elementor-element.elementor-element-21b613b{--content-width:1320px;}.elementor-9818 .elementor-element.elementor-element-45d7347{--content-width:1600px;}.elementor-9818 .elementor-element.elementor-element-2ddf9bf{--content-width:1600px;}.elementor-9818 .elementor-element.elementor-element-5edc24a{--width:39.575%;}.elementor-9818 .elementor-element.elementor-element-88eb98c{--width:56.332%;}.elementor-9818 .elementor-element.elementor-element-950a2db{--width:60.967%;}.elementor-9818 .elementor-element.elementor-element-0c147df{--width:36.666%;}.elementor-9818 .elementor-element.elementor-element-c5b71e8{--width:54.12%;}.elementor-9818 .elementor-element.elementor-element-49123bc{--width:43.15%;}.elementor-9818 .elementor-element.elementor-element-08108ad{--width:66.785%;}.elementor-9818 .elementor-element.elementor-element-38dfa67{--width:30.031%;}.elementor-9818 .elementor-element.elementor-element-bbf027b{--width:39.575%;}.elementor-9818 .elementor-element.elementor-element-07639ce{--width:57.938%;}.elementor-9818 .elementor-element.elementor-element-3d6722d{--width:60.967%;}.elementor-9818 .elementor-element.elementor-element-f4efdc6{--width:36.666%;}}@media(max-width:767px){.elementor-9818 .elementor-element.elementor-element-21b613b{--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-9818 .elementor-element.elementor-element-aba0bfb > .elementor-widget-container{margin:-1rem -1rem -1rem -1rem;padding:0rem 0rem 0rem 0rem;border-radius:0rem 0rem 0rem 0rem;}.elementor-9818 .elementor-element.elementor-element-aba0bfb.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-9818 .elementor-element.elementor-element-aba0bfb{text-align:left;letter-spacing:0rem;word-spacing:0em;}.elementor-9818 .elementor-element.elementor-element-aba0bfb p{margin-bottom:0.1rem;}.elementor-9818 .elementor-element.elementor-element-d4a0d21{--spacer-size:0px;}.elementor-9818 .elementor-element.elementor-element-3518826{--spacer-size:0px;}.elementor-9818 .elementor-element.elementor-element-90913fe{--e-rating-justify-content:center;} .elementor-9818 .elementor-element.elementor-element-ae647fb{--grid-side-margin:36px;--grid-column-gap:36px;--grid-row-gap:0px;--grid-bottom-margin:0px;}.elementor-9818 .elementor-element.elementor-element-107ec71{--spacer-size:0px;}.elementor-9818 .elementor-element.elementor-element-2865670{--spacer-size:0px;}.elementor-9818 .elementor-element.elementor-element-a034a84{--e-rating-justify-content:center;} .elementor-9818 .elementor-element.elementor-element-499641b{--grid-side-margin:36px;--grid-column-gap:36px;--grid-row-gap:0px;--grid-bottom-margin:0px;}.elementor-9818 .elementor-element.elementor-element-c883d33{--spacer-size:0px;}.elementor-9818 .elementor-element.elementor-element-b5dbcde{--spacer-size:0px;}.elementor-9818 .elementor-element.elementor-element-bf6b796{--e-rating-justify-content:center;} .elementor-9818 .elementor-element.elementor-element-e89c644{--grid-side-margin:36px;--grid-column-gap:36px;--grid-row-gap:0px;--grid-bottom-margin:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-aba0bfb */.colorful-btn { display: inline-block; padding: 8px 20px; border-radius: 8px; text-decoration: none; background: linear-gradient(90deg, #FFD1D1, /* 淺紅 */ #FFE4B2, /* 淺橙 */ #FFFFCC, /* 淺黃 */ #D1F2A5, /* 淺綠 */ #B2E0FF, /* 淺藍 */ #C1B3E6, /* 淺靛 */ #E6CCFF /* 淺紫 */ ); color: #333; font-weight: bold; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: background 0.3s, color 0.3s; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8), /* 外亮光 */ 0 0 5px rgba(0, 0, 0, 0.2); /* 內陰影 */ } .colorful-btn:hover { background: linear-gradient(90deg, #FFE5B4, #FFF9C4, #D0F0C0, #B3E5FC, #C5CAE9, #E1BEE7, #F8BBD0 ); color: #222; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.9), 0 0 7px rgba(0, 0, 0, 0.3); } li a { display: inline-block; padding: 8px 20px; border-radius: 8px; background: #fff; /* 預設白底 */ color: #333; font-weight: bold; text-decoration: none; transition: background 0.3s, color 0.3s; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); cursor: pointer; } li a:hover { background: linear-gradient(90deg, #00C853, #B2FF59); /* 漸變綠 */ color: #fff; box-shadow: 0 2px 12px rgba(0, 200, 83, 0.6); } a.active { background-color: #4a90e2; color: white; padding: 8px 16px; border-radius: 12px; font-weight: 600; box-shadow: 0 4px 8px rgba(74, 144, 226, 0.4); transform: scale(1.1); transition: all 0.3s ease; position: relative; } a.active::before { content: ""; position: absolute; top: -8px; left: 6px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #4a90e2; border-radius: 2px; } a.active::after { content: ""; position: absolute; top: -8px; right: 6px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #4a90e2; border-radius: 2px; } a.active:hover { background-color: #357abd; box-shadow: 0 6px 12px rgba(53, 122, 189, 0.6); transform: scale(1.15); } a.active:hover::before, a.active:hover::after { border-bottom-color: #4caf50; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c8746d1 */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ccbaf03 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b1430b */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-caae849 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c8746d1 */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ccbaf03 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b1430b */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-caae849 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c8746d1 */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ccbaf03 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b1430b */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-caae849 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-776a55d */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6018729 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-776a55d */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6018729 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c8746d1 */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ccbaf03 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b1430b */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-caae849 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c8746d1 */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ccbaf03 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b1430b */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-caae849 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c8746d1 */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ccbaf03 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b1430b */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-caae849 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-776a55d */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6018729 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-776a55d */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6018729 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c8746d1 */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ccbaf03 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b1430b */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-caae849 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c8746d1 */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ccbaf03 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b1430b */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-caae849 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c8746d1 */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ccbaf03 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b1430b */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-caae849 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-776a55d */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6018729 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-776a55d */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6018729 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c8746d1 */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ccbaf03 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b1430b */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-caae849 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c8746d1 */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ccbaf03 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b1430b */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-caae849 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c8746d1 */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ccbaf03 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b1430b */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-caae849 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-776a55d */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6018729 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-776a55d */.your-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #ff5858 0%, #e40000 60%, #ffadad 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6018729 */.blue-gradient-text { font-size: rem; font-weight: bold; background: linear-gradient(90deg, #369aff 0%, #134be6 60%, #a5cfff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-a42cf2a */.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 */